/*
 * 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-logos img,
.login-logos .custom_logo img {
	max-width: 230px;
}

#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;
}

#login .standard_form[action="/webadmin/forgottenpassword/"].inlined p {
	position: relative;
	visibility: hidden;
}

#login .standard_form[action="/webadmin/forgottenpassword/"].inlined p::after {
	position: absolute;
	content: "To reset your password you require your Histologiq username and the email address you have registered. Enter these below, click the Submit button and your new password will be sent to this address.";
	display: inline-block;
	font-size: 14px;
	color: #333;
	visibility: visible;
	left: 0;
	top: 0;
}

#login select {
	display: none;
}


#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: #FE7730;
	color: #fff;
	border: none;
	-webkit-border-radius: 3px;
	-moz-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.35em;
	font-weight: bold;
	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 {
	display: none;
	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;
}

.coco {
	width: 100%;
}