@CHARSET "UTF-8";

body {
	background-color:#3d4e59;
	color:#ffffff;
}

/** Login Screen **/
#loginForm {
	margin:0 auto;
	padding:160px 0 0 0;
	width:556px;
}
#loginForm #login-top {
	background:url('/images/frame-top.png');
	height:77px;
}
#loginForm #login-bottom {
	background:url('/images/frame-bottom.gif');
	height:14px;
}
#loginForm #login-content {
	background-color:#475a66;
	/*height:169px;*/
}
#footer {
	padding:8px 0 0 24px;
	color:#8296a4;
	font-family:fantasy;
	font-size:12px;
	text-transform:uppercase;
}
#footer img {
	vertical-align:middle;	
}

/** Login Form **/
#loginForm table.loginForm {
	margin:auto;
}
#loginForm #password {
	width:170px;
}
#loginForm a {
	font-size:11px;
	padding-left:3px;
}

/** JS errors **/
#login-messages {
	width:400px;
	margin:auto;
	padding-top:50px;	
}

/** login error message **/

div.message-pane {
	margin:0 30px;
	padding-top:20px;
	display:none;
}

/* corners height */
div.message-pane table td.top-right-corner,
div.message-pane table td.bottom-right-corner,
div.message-pane table td.top-left-corner,
div.message-pane table td.bottom-left-corner {
	height: 6px;
	width: 6px;
}

div.message-pane table td.right-line,
div.message-pane table td.left-line {
	width: 6px;
}

/* left column */
div.message-pane table td.top-line,
div.message-pane table td.bottom-line {
	height: 6px;
}

div.message-pane table td.center {
	text-align:left;
	padding-left:30px;
	height:20px;
	vertical-align: middle;
	background-repeat: no-repeat; 
	background-position: top left;
	color: #3a4a54;
}

/* ERROR */
div.message-pane[class~="error"] table td.top-right-corner {
	background:url('/images/layout/messages/login/top-right.gif') no-repeat right;
}
div.message-pane[class~="error"] table td.right-line {
	background:url('../images/layout/messages/login/right-line.gif') repeat-y right;
}
div.message-pane[class~="error"] table td.bottom-right-corner {
	background:url('../images/layout/messages/login/bottom-right.gif') no-repeat right;
}
div.message-pane[class~="error"] table td.bottom-line {
	background:url('../images/layout/messages/login/bottom-line.gif') repeat-x bottom;
}
div.message-pane[class~="error"] table td.bottom-left-corner {
	background:url('../images/layout/messages/login/bottom-left.gif') no-repeat left;
}
div.message-pane[class~="error"] table td.left-line {
	background:url('../images/layout/messages/login/left-line.gif') repeat-y left;
}
div.message-pane[class~="error"] table td.top-left-corner {
	background:url('../images/layout/messages/login/top-left.gif') no-repeat left;
}
div.message-pane[class~="error"] table td.top-line {
	background:url('../images/layout/messages/login/top-line.gif') repeat-x top;
}
div.message-pane[class~="error"] table td.center {
	background-color: #c8cdd0;
	background-image: url('../images/layout/messages/login/icon.gif');
	color: #b33116;
}