@import '../../shared/mixins',
        '../../shared/reset',
        '../../shared/about-light';

/*
 * Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */

body {
	font: 24px 'Lucida Grande', Tahoma, Verdana, sans-serif;
	color: #113376;
	background: #113376;
	text-align: center;
	background:url("./img/Blue_Gradient3.png") no-repeat 50% 50%;
}

.container {
	position: relative;
	margin: 80px auto;
	width: 640px;
}

.loginHeader {
	position: absolute;
	top: 0px;
	left: 0px;
	height:90px;
	width:100%;
	border-bottom:solid 0px #113376;
	background-color:#113376;
}

.loginHeaderLogo{
	background-color:#113376;
	width:700px;
	height:100%;
	background-image:url("./img/chslo1.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-color:113376;
	margin-left:auto;
	margin-right:auto;
}


.login {
	position: relative;
	top: 110px;
	margin: 0 auto;
	padding: 20px 20px 20px;
	width: 200px;
	background: #B49560;
	border-radius: 3px;
	background-color:#B49560;
	color:#666666;
	padding:0px 15px 5px 15px;
	border-radius:4px 4px 4px 4px;
	border:solid 2px #113376;
	margin:0 auto;
	box-shadow:2px 2px 2px #666666;
	z-index: 1;
}

h1 {
    margin: -20px -20px 21px;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
    color: #113376;
    text-align: center;
    background: #B49560;
    border-bottom: 1px solid #113376;
    border-radius: 3px 3px 0 0;
}
  
h2 {
    font-size: 24px;
    font-weight: bold;
    color: #113376;
    text-align: center;
    background: #B49560;
}
  
p {
	margin: 20px 0 0;
}

input {
	font: 13px tahoma, sans-serif;
}

input[type=text], input[type=password] {
	background-color:#113376;
	border:2px solid #113376;
	color:#666666;
	font-family:tahoma, sans-serif;
	font-size:13px;
	padding:3px;
	width:100px;
	margin-top:3px;
	-webkit-transition-property:border;
	-moz-transition-property:border;
	transition-property:border;
	-webkit-transition-duration:0.50s;
	-moz-transition-duration:0.50s;
	transition-duration:0.50s;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:-webkit-linear-gradient(90deg, #FFFFFF 70%, #ECECEC);
	background:-moz-linear-gradient(90deg, #FFFFFF 70%, #ECECEC);

}
 
input[type=submit] {
    width: 75px;
	color:#ffffff;
    font: 14px tahoma, sans-serif;
    padding: 3px 8px;
    border-radius: 4px;
    border: solid 2px #173165;
    background-color: #2958B5;
    background: -webkit-gradient(linear, left top, left bottom, from(#2958B5), to(#1E4186)) !important;
    background: -moz-linear-gradient(90deg, #1E4186, #2958B5) !important;
    cursor: pointer;
}

.error {
    position: relative;
	top: 370px;
	margin: 0px auto;
	width: 150px;
	font-size: 13px;
    color: #610B0B;
    text-align: center;
    background: #B49560;
	z-index: 2;
}

.LoginButton {
    width: 150px;
	color:#ffffff;
    font: 14px tahoma, sans-serif;
    padding: 3px 8px;
    border-radius: 4px;
    border: solid 2px #173165;
    background-color: #2958B5;
    background: -webkit-gradient(linear, left top, left bottom, from(#2958B5), to(#1E4186)) !important;
    background: -moz-linear-gradient(90deg, #1E4186, #2958B5) !important;
    cursor: pointer;
}

.adminlink {
	position: fixed;
	bottom: 5;
	right: 5;
    font-size: 12px;
    color: #B49560;
    text-align: center;
}

.testing {
	position: fixed;
	bottom: 5;
	left: 5;
    font-size: 12px;
    color: #113376;
    text-align: center;
}

.adminlink a, .adminlink a:link, .adminlink a:active, .adminlink a:visited {
	color : #B49560;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}