body
{
	margin: 0;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 100%;
}
#wrapper
{
	width: 100%;
	height: 100%;
	min-width: 565px; 
}
	
/*** HEADER ***/
#header
{
	height: 57px;
	background: #375682 url('../images/login_header_bg.png') repeat-x;
}
#header .left
{
	float: left;
	width: 498px;
	height: 57px;
	background: transparent url('../images/login_header_left.png') no-repeat;
	position: absolute;
}
#header .right
{
	float: right;
	width: 88px;
	height: 57px;
	background: transparent url('../images/login_header_right.png') no-repeat right;
}
#header .logo
{
	position: absolute;
	width: 100%;
	height: 57px;
	background: transparent url('../images/login_header_logo.png') no-repeat center;
}
	
/*** FOOTER ***/
#footer
{
	height: 368px;
	background: #ffffff url('../images/login_footer.png') repeat-x;
	padding-top: 5px;
	line-height: 81px;
	text-align: center;
}
#footer a
{
	color: #2d4f95;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}
#footer #login
{
	display:inline-block;
}
#footer #login a
{
	background: transparent url('../images/LogInIcon.png') no-repeat left center;
	padding: 5px 0 5px 35px;
}
.info-txt 
{
    background: transparent url('../images/AttentionIcon.png') no-repeat left center;
    padding: 8px 0 8px 35px;
}
.info-txt-loading
{
    background: transparent url('../images/mobiradarrotation.gif') no-repeat left center;
    padding: 8px 0 8px 35px;
}


	
/*** CONTENT ***/
#main
{
	width: 100%;
	background: #f5f6fa url('../images/login_bg.png') repeat-x;
	text-align: center;
}
	
/*** INFO/ERROR BOX ***/
#main #info
{
	display:inline-block;
	margin: 0 auto;
	line-height: 22px;
	padding: 10px 0 10px 0;
	height: 22px;
	visibility: hidden;
}
#main #info .icon
{
	float: left;
	height: 22px;
	width: 24px;
	margin-right: 10px;
	background: transparent url('../images/login_attention.png') no-repeat left;
}
	
/*** LOGIN PANEL ***/
#main #container
{
    width: 550px;
    margin: 0 auto;
}

#main #loginpanel
{
	padding: 0 0 10px 0;
	height: 190px;
	text-align: left;
}
#main #loginpanel .links, #main #loginpanel .divider, #main #loginpanel .login
{
	float: left;
	padding-top: 10px;
}
#main #loginpanel .login 
{
    width: 178px;
	text-align: left;
}
#main #loginpanel .login h2
{
    margin-bottom: 10px;
}
#main #loginpanel .links
{
    margin-left: 115px;
    width: 135px;
	text-align: right;
}
.divider
{
	height: 181px;
	width: 1px;
	background: transparent url('../images/login_vdivider.png') no-repeat;
	margin: 0 15px;
}
#main #loginpanel .links h2
{
	margin: 0;
	line-height: 29px;
}
#main #loginpanel .links h2, #main #loginpanel .login label
{
	color: #203d65;
	font-weight: normal;
	font-family: Geneva, Arial, sans-serif;
}
#main #loginpanel .links h2 { font-size: 18px; }
#main #loginpanel .login label { font-size: 14px; }

#main #loginpanel .links ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}
	
#main #loginpanel .links ul li
{
	list-style: none;
	padding-bottom: 10px;
}
#main #loginpanel .links ul a
{
	color: #6780a8;
	text-decoration: none;
	font-size: 11px;
}
#main #loginpanel .links ul a:hover
{
	text-decoration: underline;
}
	
/*** LOGIN FORM ***/
#main #loginpanel .login #btn-login
{
	width: 88px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-decoration: none;
	background: transparent url('../images/login_btn.png') no-repeat 0 0;
	cursor: pointer;
	margin-top: 15px;
	color: white;
	font-weight: bold;
	text-align: center;
	text-shadow: #555 1px 1px 4px;
}
#main #loginpanel .login #btn-login:hover
{
	background-position: 0 -26px;
	text-shadow: #000 1px 1px 4px;
}
#main #loginpanel .login #btn-login:active
{
	background-position: 0 -52px;
	text-shadow: #fff 0px 0px 7px;
}
#main #loginpanel .login #btn-login-disabled
{
	background-position: 0 -78px;
	color: #ccc;
	text-shadow: #fff 0px 0px 7px;
}
#main #loginpanel .login input
{
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #5080d8;
	font-size: 16px;
	-moz-border-radius:4px;
	border-radius: 4px;
	margin-top: 2px;
}

#main #loggedoff, #main #error
{
	display:inline-block;
	line-height: 29px;
	margin: 60px auto;
	font-size: 16px;
	font-weight: normal;
}
#main #loggedoff .icon
{
	float: left;
	width: 31px;
	height: 29px;
	margin-right: 10px;
	background: transparent url('../images/LoggedOutIcon.png') no-repeat;
}
#main #error .icon
{
    float: left;
	width: 31px;
	height: 29px;
	margin-right: 10px;
	background: transparent url('../images/AttentionIcon.png') no-repeat;
}
#warn-txt.finalwarning {
    color: red;
    font-weight: bold;
}

.loginProgress-txt-loading
{
    background: transparent url('../images/mobiradarrotation.gif') no-repeat left center;
    padding: 15px 0px 15px 35px;
}

.loginProgress-txt-loaded
{
	background: transparent url('../images/loginStepFinished.png') no-repeat left center;    
    padding: 15px 0px 15px 35px;
}

.loginProgressHidden
{
	text-align: left;
	visibility: hidden;
	display: none;
}