@font-face {
    font-family: "COpenSans";
	src: url("opensans-light.eot"), url("opensans-light.ttf") format("truetype");
	font-weight: normal;
}

html
{
	overflow: auto;
}

body
{
	margin: 0px;
	padding: 0px;
	border: none;
	background-image: url("../../images/bg_login.png");
}

#LoginPnl
{
	position: absolute;
	width: 500px;
	height: 700px;
	top: 45%;
	left: 50%;
	margin-left: -250px;
	margin-top: -350px;
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 15px 5px #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
	z-index: 100;
}

#Logo
{
	margin-top: 40px;
}

#LoginForm
{
	margin: auto;
	width: 360px;
	text-align: left;
}

div.row
{
	margin-bottom: 10px;
}

div.row_divider
{
	margin: auto;
	position: relative;
	top: 24px;
	height: 1px;
	width: 360px;
	background-color: #CCCCCC;
}

div.staysignedin
{
	float: left;
}

div.forgottenpassword
{
	float: right;
}

span.row_divider_label
{
	position: relative;
	display: inline-block;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

div.sign_button_panel
{
	margin-top: 55px;
}

label
{
	font-family: "COpenSans";
	font-size: 15pt;
	color: #999591;
}

input
{
	width: 360px;
	height: 42px;
	line-height: 42px;
	border: 2px solid #E2DCe4;
	font-family: "COpenSans";
	font-size: 15pt;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}

input.CheckboxSmall
{
	width: 20px;
	height: 20px;
}


input.btn
{
	-webkit-appearance: none;
	font-family: "COpenSans";
	font-size: 16pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E3495D;
	border: none;
}

p.note
{
	font-family: "COpenSans";
	font-size: 10pt;
}

b.note
{
	font-family: "COpenSans";
	font-size: 10pt;
	font-weight: none;
}

p.error
{
	font-family: "COpenSans";
	font-size: 12pt;
	color: red;
}

a.Links:Link, a.Links:Visited, a.Links:Active 
{
	font-family : "COpenSans";
	color : #4F5051;
	font-size : 14pt;
	font-style : normal;
	font-weight : normal;
	text-decoration: none;
}

a.Links:Hover 
{
	font-family : "COpenSans";
	color : #999999;
	font-size : 14pt;
	font-style : normal;
	font-weight : normal;
	text-decoration: none;
}

@media (max-width: 420px) {
	#LoginPnl
	{
		width: 320px;
		margin-left: -160px;
	}
	
	#LoginForm
	{
		width: 280px;
	}
	
	input
	{
		width: 280px;
	}
	
	div.row_divider
	{
		width: 280px;
	}
	
	div.staysignedin
	{
		float: none;
	}
	
	div.forgottenpassword
	{
		float: none;
	}
	
	div.sign_button_panel
	{
		margin-top: 20px;
	}
}