@charset "UTF-8";
/* CSS Document */

a
{
    color:#6f8f17;

	text-decoration:none;
}
a:hover
{
    color:#96c11f;
}

#loginContentContainer
{
	width: 850px;
	margin: 0 auto;
	height: 100%;
	margin-top: calc(50vh - 340px);
}
#loginContent
{
	padding-top: 15px;
        color:#002d51;
}

#login-left{
	float: left;
	margin-top: 20px;
}

#login-right{
	float: right;
	width: 360px;
	background: #002d51; /* Standard syntax */
	height: 405px;
	margin-top: 10px;
	border-radius:20px;
	padding:20px;
	color: yellow;
}

#login-right:hover{
	background: lightgrey;
	border: 1px solid dimgrey;
}

#login-checklist-front{
	display: inherit;
	color: lightgrey;
	font-size: 18px;
	line-height: 22px;
}
#login-checklist-front li{
	list-style: none;
	margin-bottom:10px;
	font-weight: normal;
	text-indent: -40px;
	padding-left: 35px;
}
#login-checklist-front li:before {
	font-weight: bold;
	color: #96c11f;
 content: "\2713  ";
	font-size: 27px;
	padding: 0 10px 0 0;
}
#login-right:hover #login-checklist-front{
	display:none;
}

#login-checklist-back, #login-checklist-backoverlay{
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 1px;
	color: #002d51;
}
#login-checklist-back
{
	display:none;
}

#login-right:hover #login-checklist-back{
	display: block;
}


#loginTitle
{
	letter-spacing:1px;
	font-size:18px;
}

#side_img
{
	float:right;
	margin-right:20px;
        margin-top:-10px;
        text-align: center;
}


#loginContainer
{
	padding-top:5px;
	height: 500px;
	height: calc(100vh - 175px);
	/*height:325px; */
    background-color:#96c11f; /* grn #96c11f  | blw  #002d51 */
    background: url(/style/images/mainbg_blue.jpg) repeat #d7e5d5;
}




#login_title
{
    color:#002d51;
    font-weight:bold;
	font-size:20px;
	letter-spacing:4px;	
	margin-bottom:30px;
}
.login_input
{
	margin-top: 5px;
	padding:2px 5px 2px 5px;
        border: 1px solid #002d51;
        background:#dae5df;
	outline:0;
	height:30px;
	width:310px;
	border-radius:5px;
	font-size:16px;
	letter-spacing:1px;
        color:#002d51;

}
#login_btn_wrapper
{
	text-align:right;	
}
.login_btn
{	
    background: #002d51;
    color:#002d51;
        border: 1px solid #002d51;
        border-radius:5px;
	height:30px;
	padding:5px 10px 5px 10px;
	font-size:14px;
}
.login_btn:hover
{
    background: #002d51;
    color:#96c11f;
}


#endNoteWrapper
{
	margin: 0 auto;
	padding-top:10px;
	width:50%;
        color:#002d51;
}
#endNoteC
{
	text-align:center;
	
}

#login_warn_msg
{
	margin-top:4px;
	color:#F30;
	
}



input[type=text],input[type=password] {
    margin-top: 5px;
    padding:2px 5px 2px 5px;
    border: 1px solid #002d51;
    background:#dae5df;
    outline:0;
    height:30px;
    width:310px;
    border-radius:5px;
    font-size:16px;
    letter-spacing:1px;
    color:#002d51;
}