/*
 * Copyright (C) 2012 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:#e0e4ea;
	height: 0%;
}

.login-logos {
    width:100%;
    height:10%;
    position: relative;
    text-align:center;
}

.custom_logo {
    position: absolute;
    bottom: 100%;
    width: 100%;
    text-align: center;
}

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

	#login form {
	    border:solid 1px #a4a4a5;
	    background:#f4f4f5;
    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 */ 
	border-radius:5px;
	background:hsl(215,4%,96%);
	-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;
	}

		#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(210,50%,60%);
				background-image: -webkit-gradient(linear, left bottom, left top, from(hsl(210,40%,60%)), to(hsl(210,40%,70%)));
				
				background:hsl(210,50%,60%); /* Old browsers */
				background-image:-moz-linear-gradient(top, hsl(210,40%,70%) 0%, hsl(210,40%,60%) 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='hsl(210,40%,70%)', endColorstr='hsl(210,40%,60%)',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%,50%);
				border-right:solid 1px hsl(210,40%,40%);
				border-left:solid 1px hsl(210,40%,40%);
				border-bottom:solid 1px hsl(210,40%,35%);
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.3);
				-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.3);
				box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.3);
				padding:5px;
				font-size:1.3em;
				font-weight:bold;
				color: hsl(210,70%,10%);
				text-shadow: 0 1px 0 rgba(255,255,255,.3);
				border-radius:3px;
			}
			
			
			
            #login input[type="submit"] {
				cursor: pointer;
				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:solid 1px hsl(210,40%,60%);
                
				-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:6px;
				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;
				
				
				border-radius:3px;
				float:right;
				margin:3px;
				margin-bottom:0px;
			}
			
			
			
			
			
			.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: 1.1em;
    text-align: center;
    margin-top: 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;
}