html, body, div, span, h3, p, a, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, tr, td {
	margin: 0; padding: 0; border: 0; font-size: 100%;
	vertical-align: baseline; background: transparent;
}

body {
	font-family: "Arial", "Helvetica", "FreeSans", sans-serif;
	font-size: 10px; line-height: 1;
	background: url(../images/login-bg.gif) top left repeat #333;
}

/* ---- Header Area ------- */
.header-area {
	padding-bottom: 10px; position: relative; width: 400px; margin: 0 auto; margin-top:70px;
}

#website-logo {
	float: left; 
	background: url(../images/website-logo-bg1.png) top left no-repeat;
	width: 399px; height: 115px; overflow: hidden; margin-left:-20px;
}
* html #website-logo { background: url(../images/website-logo-bg.gif) top left no-repeat; }

#website-logo a {
	display: block; width: 100%; height: 100%; padding-top: 38px;
}
/* ---- Header Area End ------- */

.body-area {
	width: 400px; margin: 0 auto; padding: 0;
	position: relative; z-index: 999;
}

.content-part {
	background: #fff;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,1);
}

.login-box {
	padding: 10px; border: 1px solid #D0CAC6; margin-bottom: 1em;
	background-color:#CEE1F3;
}

/* ---- Footer Area ------- */
.footer-area { padding: 10px; font-size: 1.1em; color: #999; background: none; text-align:center; }
.footer-area a { color: #eee; text-decoration: none; padding: 3px; }
.footer-area a:hover { background: #0069ab; }
.footer-copyright { opacity: 0.5; }
.footer-area:hover .footer-copyright{ opacity: 1.0; }
/* ---- Footer Area End ------- */

.clearfix:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* === Layout === */

/* Alerts */
.alert-message {
	padding: 10px; margin-bottom: 1em; background: #eee;
	border: 1px solid #999; color: #333; font-size: 1.2em; line-height: 1.3em;
}
* html .alert-message { height: 1%; }

.alert-message a { color: #333; }
.alert-message img { vertical-align: text-bottom; margin-right: 4px; }
.alert-message ul { margin-left: 13px; margin-top: 0.5em; }
.alert-message ul li { font-size: 1.1em; margin-bottom: 0.2em; }

.alert-message.error  
{
	background: #F5CCD3 url("../images/ico-exclamation.png") 10px 10px no-repeat;
	margin: 0px 0 1em 0;
	padding: 10px 10px 10px 30px;
	border: 1px dotted #cc0000;
	color: #000;
}
.alert-message.success  
{
	background: #D9EFD0 url("../images/ico-success.png") 10px 10px no-repeat;
	border:dotted 1px #009900;
	margin: 0px 0 1em 0;
	padding: 10px 10px 10px 30px;
	color:#000;
}
.alert-message.validation { background-color: #fcfcd2; border-color: #efefc7; }
.alert-message.information 
{
	background: #e5f2f8 url("../images/ico-information.png") 10px 10px no-repeat;
	border:dotted 1px #d9e6eb;
	margin: 0px 0 1em 0;
	padding: 10px 10px 10px 30px;
	color:#000;
}
.alert-message.maintenance { background-color: #e5f2f8; border-color: #d9e6eb; }
.alert-message.warning  
{
	background: #ffe4d1 url("../images/ico-warning.png") 10px 10px no-repeat;
	border:dotted 1px #f2d8c6;
	margin: 0px 0 1em 0;
	padding: 10px 10px 10px 30px;
	color:#000;
}

/* Inactivity */
.inactivity { background: #ab4000; padding: 10px; margin-bottom: 1em; }
.inactivity p {
	color: #fff; text-shadow: 0 1px 0 #333;
	font-size: 1.2em; font-weight: bold; text-align: center;
}


/* Login Form */
.html-form { width: 100%; }
.html-form h3 { color: #55473d; text-shadow: 0 1px 0 #fff; font-size: 1.5em; margin-bottom: 10px; }
.html-form p { margin-bottom: 1.5em; font-size: 1.1em; line-height: 1.3em; color: #84756a; }
.html-form dt { color: #55473d; font-size: 1.2em; margin-bottom: 0.3em; }
.html-form dd { margin-bottom: 1em; color: #84756a; }
.html-form label { cursor: pointer; vertical-align:middle; }
.html-form .full { width: 99.8%; min-width: 4em; }

.html-form input[type=text], .html-form input[type=password] {
	color: #333; margin: 0; font-size: 1.2em;
	border-top: 1px solid #bcb9b5;
	border-left: 1px solid #bcb9b5;
	border-bottom: 1px solid #dedbd8;
	border-right: 1px solid #dedbd8;
}
.html-form input[type=checkbox], .html-form input[type=radio] {
	vertical-align:middle; border:none; outline:none;
}

.html-form p.form-actions {
	margin-top: 1em; padding-top: 1em; color: #333;
	background: url(../images/roll-bg.gif) top left repeat-x;
	margin-bottom: 0; position: relative; font-size: 1.2em;
}

.html-form p.form-actions a { color: #0069ab; padding:2px; }
.html-form p.form-actions a:hover { background: #e5f2f8; }