/* 
 * Copyright (C) Glencoe Software, Inc - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * This software is distributed under the terms described by your
 * Software License Agreement (SWLA); please request a copy by
 * contacting info@glencoesoftware.com
*/


body {
	background:#e0e4ea;
}

.split {
	height: 100%;
	width: 50%;
	position: fixed;
	z-index: 1;
	top: 0;
	overflow-x: hidden;
}
.left {
	left: 0;
}

.img-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 100;
	height: 100%;
	width: 100%;
}

.overlay-logo {
	display: block;
    width: 200px;
    margin-top: 10px;
    margin-left: 10px;
}

.form-logo {
    display: block;
    width: 200px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.img-text {
	margin-top: 25%;
    margin-left: 10%;
    margin-right: 10%;
	font-size: 5rem;
	font-weight: bold;
    color: white;
}

.left-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.right {
	right: 0;
}

#login {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color:#333;
}

	#login form {
	    border:solid 1px #a4a4a5;
        padding: 30px 50px;
        -webkit-border-radius:5px;
        
        -webkit-border-radius:5px; /* Saf3+, Chrome */
        -moz-border-radius:5px; /* FF1+ */
        border-radius:5px; /* Opera 10.5, IE 9 */ 
        background-color: rgb(255,255,255);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
        
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* FF3.5+ */
        box-shadow: 0 1px 1px rgba(0,0,0,0.2); /* Opera 10.5, IE 9.0 */
        
        border-top:solid 1px white;
        border-right:solid 1px white;
        border-left:solid 1px white;
        border-bottom:solid 1px white;
        overflow:hidden;
		height: 25rem;
		width: 20rem;
	}

		#login div {
			padding: 3px;
			clear:left;
			overflow:hidden;
			position:relative;
		}
			
			/* Choose Server */
			
			#choose_server {
				overflow:hidden;
			}
				
				#choose_server label {
					float:left;
				}
			
			
				#login select {
					margin-right:8px;
					float:left;
					width:56%;
					margin-left:4px;
				}
				
				#login label {
        			position:absolute;
    				top:11px;
    				left:11px;
    				font-weight:lighter;
    				font-size:1.3em;
    				color:rgba(0,0,0,.4);
    				margin-top: -1px;
				}
	
		
			#ssl {
				overflow:hidden;
				position:relative;
				clear:none !important;
			}
				
	
				#ssl img {
					position:relative;
					float:left;
					top:3px;
				}
				
				
			/* Username and Password */	
				
			
			
			#login input[type=text], #login input[type=password] {
				width:95%;
				border: solid 1px rgba(0,0,0,.2);
				border-top: solid 1px rgba(0,0,0,.3);
				-webkit-box-shadow: 0 1px 0 white, inset 0 1px 1px rgba(0,0,0,.1);
				-moz-box-shadow: 0 1px 0 white, inset 0 1px 1px rgba(0,0,0,.1);
				box-shadow: 0 1px 0 white, inset 0 1px 1px rgba(0,0,0,.1);
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				padding:5px;
			}
			
			#login input[type=text]:focus, #login input[type=password]:focus, #login input[type=text]:active, #login input[type=password]:active {
				border:solid 1px hsl(210,20%,50%);
			}
			
			
			
			#login input[type="submit"] {
				cursor: pointer;
				float:right;
				width:40%;
				margin-right:10px;
				display:block;
				background-color:hsl(212, 98%, 34%);
				background-image: -webkit-gradient(linear, left bottom, left top, from(hsl(212, 98%, 34%)), to(hsl(212, 98%, 34%)));
				
				background:hsl(212, 98%, 34%); /* Old browsers */

				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;

                padding:5px;
				font-size:1.3em;
				font-weight:bold;
				color: rgb(255, 255, 255);
				text-shadow: 0 1px 0 rgba(255,255,255,.3);
				border-radius:3px;
			}
			
			
			.error {
				display:block;
				width:100%;
				text-align:center;
				padding:5px;
				margin-bottom:10px;
			}
			
			
			.form_error {
				margin-left:26%;
				display:inline-block;
			}





#login-footer {
    clear: both;
    font-size: .9em;
    text-align: center;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
	line-height:1.5em;
	color:hsl(210,10%,65%);
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.login-divider {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.login-link {
    position: relative;
    width: 100%;
    height: auto;
    text-align: right;
	padding: 0;
}

.login-link-text {
    font-size: 1.5em;
}