﻿#topContent {
	display:none;
}

.loginOuter {
	width:460px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top:50px;
}

.loginOuter .logo{
	position:absolute;
	top:0;
	left:0;
}

@media(max-width:519px) {
	.loginOuter {
		padding-top:90px;
	}
	.loginOuter .logo {
		position: absolute;
		right:0;
		margin:0 auto;
	}
}


.loginOuter .loginInner {
	width:100%;
	min-height:355px;
}

.loginChosenSep {
	height:47px;
	width:140px;
	float:right;
	position:relative;
	background:#FFFFFF;
	

	border-top:1px solid #E1F3FF;
	border-left:1px solid #E1F3FF;
	border-right:1px solid #E1F3FF;
	

	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;

	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;

	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}


.loginChosenSepText {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	padding-top:10px;
	font-family:font_bold;
	font-size:35px;
	color:#0077C6;
	text-align:center;
}

.loginChosenSepText > span {
	color:#4A7727
}

.loginOuter .loginInner .loginSep {
	background:#FFFFFF;
	border:1px solid #E1F3FF;
	min-height:305px;
	margin-top:-1px;

	padding-top:35px;
	padding-right:30px;
	padding-left:30px;
	

	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;

	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;

	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
@media(max-width:520px) {
	.loginOuter .loginInner .loginSep {
		padding-bottom:20px;
	}
}

.input-label {
	font-size:17px;
	color:#4A7729;
	float:left;
	line-height:35px;
}


input[type="text"],
input[type="password"] {
	color:inherit;
	border:1px solid #E1F3FF;
	height:39px;
	background:#FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:0 25px 0 5px;

	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(105,177,232,0.1) !important;
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(105,177,232,0.1) !important;
	box-shadow: inset 0px 0px 0px 1px rgba(105,177,232,0.1) !important;

	text-shadow:none;
	width:100%;
	max-width:280px;
}

input[type="text"]:focus,
input[type="password"]:focus {
	border-color: #66afe9;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(105,177,232,0.6) !important;
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(105,177,232,0.6) !important;
	box-shadow: inset 0px 0px 0px 1px rgba(105,177,232,0.6) !important;
	outline: 0 none;
}


.inputDiv {
	position:relative;
	margin-bottom:15px;
}

.inputLabel {
	width:118px;
	float:left;
	display:block;
}

.inputInput {
	width:280px;
	max-width:100%;
	position:relative;
}

@media(min-width:520px) {
	.inputInput {
		float:left;
	}
}

.inputInput2 {
	width:280px;
	max-width:100%;
	float:left;
	position:relative;
}

@media(min-width:520px) {
	.inputInput2 {
		margin-left:118px;
	}
}

.loginIcon {
	position:absolute;
	top:12px;
	right:12px;
	height:15px;
	width:13px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.loginIcon.user {
	background-image:url('/img/userIcon.png')
}
.loginIcon.lock {
	background-image:url('/img/lockIcon.png')
}

.loginError {
	height:25px;
	line-height:25px;
	width:100%;
}

.loginButton {
	height:39px;
	line-height:39px;
	width:100%;
}

.loginBtn {
	height:100%;
	width:100%;
	max-width:280px;

	padding:0;
	margin:0;

	color:#4A7729;
	font-size:20px;
	
	background: #E2FF40; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(#E2FF40, #C4D600); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#E2FF40, #C4D600); /* Standard syntax */
	background: -webkit-linear-gradient(#E2FF40, #C4D600); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#E2FF40, #C4D600); /* For Opera 11.1 to 12.0 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E2FF40), color-stop(100%,#C4D600)); /* Chrome,Safari4+ */
	background: -ms-linear-gradient(top, #E2FF40 0%,#C4D600 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2FF40', endColorstr='#C4D600',GradientType=0 ); /* IE6-8 */

	border-style: solid;
    border-color: #C5D664 #D7EC6D #DCE391 #BECC54;
	border-width: 1px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	box-shadow:none !important;
}


.checkbox {
	color:#0077C7;
	font-size:13px;
	margin:0;
	padding:0;
}

