/*
 * Copyright (C) 2012-2013 University of Dundee & Open Microscopy Environment.
 * All rights reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */




body {
	background: black url(../img/bg_thataintgonnafly.jpg) center bottom no-repeat;
	background: #5E666D;
	min-height:100%;
}

#login-logo {
    margin: 10% auto 30px;
    width: 388px;
}



#login {
	width:470px;
	margin: 0 auto;
	color:#333;
}

	#login form {
    padding: 40px;
	overflow:hidden;
	background:#373B40;
	background:url(../img/bg2.png);
	border:solid 1px #69727B;
	border-bottom:solid 1px #79828A;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.6); /* Saf3.0+, Chrome */
	   -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.6); /* FF3.5+ */
	        box-shadow:inset 0 1px 2px rgba(0,0,0,0.6); /* Opera 10.5, IE 9.0 */
	-webkit-border-radius:5px; /* Saf3+, Chrome */
	   -moz-border-radius:5px; /* FF1+ */
	        border-radius:5px; /* Opera 10.5, IE 9 */ 
	}

		#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:84%;
				}
	
		
			#ssl {
				overflow:hidden;
				position:relative;
				clear:none !important;
			}
				
	
				#ssl img {
					position:relative;
					float:left;
					top:3px;
				}
				
				
			/* Username and Password */	
				
			
			#login label {
				position:absolute;
				top:15px;
				left:11px;
				font-weight:lighter;
				font-size:1.8em;
				color:rgba(0,0,0,.4);
			}
			
			#login select {
				font-size:1.8em;
			}
			
			#login input[type=text], #login input[type=password] {
				width:99%;
				border: solid 1px rgba(0,0,0,.7);
				-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 1px rgba(0,0,0,.3);
				-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 1px rgba(0,0,0,.3);
				box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 1px rgba(0,0,0,.3);
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding:7px 0px 7px 6px;
				font-size:2em;
			}
			
			#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,60%,40%);
			}
			
			
			
			#login input[type="submit"] {
				cursor: pointer;
				width:60%;
				display:block;
				background-color:hsl(210,70%,60%);
				background-image: -webkit-gradient(linear, left bottom, left top, from(hsl(210,40%,60%)), to(hsl(210,40%,70%)));
				
				background:red; /* Old browsers */
				background-image:-moz-linear-gradient(top, hsl(210,70%,80%) 0%, hsl(210,70%,70%) 100%); /* FF3.6+ */
				background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(210,40%,70%)), color-stop(100%,hsl(210,40%,60%))); /* Chrome,Safari4+ */
				background-image:-webkit-linear-gradient(top, hsl(210,40%,70%) 0%,hsl(210,40%,60%) 100%); /* Chrome10+,Safari5.1+ */
				background-image:-o-linear-gradient(top, hsl(210,40%,70%) 0%,hsl(210,40%,60%) 100%); /* Opera11.10+ */
				background-image:-ms-linear-gradient(top, hsl(210,40%,70%) 0%,hsl(210,40%,60%) 100%); /* IE10+ */
				filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#A6CBEF', endColorstr='#7EB3E8',GradientType=0 ); /* IE6-9 */
				background:linear-gradient(top, hsl(210,40%,70%) 0%,hsl(210,40%,60%) 100%); /* W3C */ 
				
				border-top:solid 1px hsl(210,40%,30%);
				border-right:solid 1px hsl(210,40%,0%);
				border-left:solid 1px hsl(210,40%,0%);
				border-bottom:solid 1px hsl(210,40%,5%);
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				
				
				
				-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
				-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
				box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);

				padding:8px;
				font-size:1.3em;
				font-weight:bold;
				color: hsl(210,70%,10%);
				
				text-shadow: 0 1px 0 rgba(255,255,255,.3);
				border-radius:5px;

				float:left;
				margin-left:80px;
				
			}
			
			
			
			#login input[type="submit"]:hover {
				background-image: -webkit-gradient(linear, left bottom, left top, from(hsl(210,40%,60%)), to(hsl(210,40%,76%)));
				background:transparent; /* Old browsers */
				background-image:-moz-linear-gradient(top, hsl(210,70%,86%) 0%, hsl(210,70%,80%) 100%); /* FF3.6+ */
				background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(210,40%,76%)), color-stop(100%,hsl(210,40%,60%))); /* Chrome,Safari4+ */
				background-image:-webkit-linear-gradient(top, hsl(210,40%,76%) 0%,hsl(210,40%,60%) 100%); /* Chrome10+,Safari5.1+ */
				background-image:-o-linear-gradient(top, hsl(210,40%,76%) 0%,hsl(210,40%,60%) 100%); /* Opera11.10+ */
				background-image:-ms-linear-gradient(top, hsl(210,40%,76%) 0%,hsl(210,40%,60%) 100%); /* IE10+ */
				filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#A9C2DA', endColorstr='#7099C2',GradientType=0 ); /* IE6-9 */
				background:linear-gradient(top, hsl(210,40%,76%) 0%,hsl(210,40%,60%) 100%); /* W3C */ 
			}
			
			#login input[type="submit"]:active, #login input[type="submit"]:focus {
				background-image: -webkit-gradient(linear, left bottom, left top, from(hsl(210,40%,65%)), to(hsl(210,40%,60%)));
				
				background:transparent; /* Old browsers */
				background-image:-moz-linear-gradient(top, hsl(210,40%,60%) 0%, hsl(210,40%,65%) 100%); /* FF3.6+ */
				background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(210,40%,60%)), color-stop(100%,hsl(210,40%,65%))); /* Chrome,Safari4+ */
				background-image:-webkit-linear-gradient(top, hsl(210,40%,60%) 0%,hsl(210,40%,65%) 100%); /* Chrome10+,Safari5.1+ */
				background-image:-o-linear-gradient(top, hsl(210,40%,60%) 0%,hsl(210,40%,65%) 100%); /* Opera11.10+ */
				background-image:-ms-linear-gradient(top, hsl(210,40%,60%) 0%,hsl(210,40%,65%) 100%); /* IE10+ */
				background:linear-gradient(top, hsl(210,40%,60%) 0%,hsl(210,40%,65%) 100%); /* W3C */ 
				
				-webkit-box-shadow: none;
				-webkit-box-shadow:none; /* Saf3.0+, Chrome */
				   -moz-box-shadow:none; /* FF3.5+ */
				        box-shadow:none ; /* Opera 10.5, IE 9.0 */
				border:solid 1px hsl(210,40%,40%);
			}
			
			
			
			
			
			.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: 1em;
	padding-bottom:70px;
    text-align: center;
    margin-top: 10px;
	line-height:1.5em;
	color:#8A929A;
	color:hsl(210,10%,65%);
	background:url(../img/login_ome.png) center bottom no-repeat;
}

#login-footer a {
	color:#96B9DB;
	color:hsl(210,80%,80%);
}
