@import url('base.css');
@import url('layout.css');

/* LOGIN FORM */
body.login { 
	background-color:#D6E4EF;
	text-align: center;
	background:#D6E4EF url(../images/body-background.jpg) repeat-x; 
}
.login #container { 
	width:28em; 
	min-width:300px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:100px;
}
.login #content-main { width:100%; }
.login form { margin-top:1em; }
.login .form-row { padding:4px 0; float:left; width:100%; }
.login .form-row label { float:left; width:9em; padding-right:0.5em; line-height:2em; text-align:right; font-size:1em; color:#333; }
.login .form-row #id_username, .login .form-row #id_password { width:14em; }
.login span.help { font-size:10px; display:block; }
.login .submit-row { clear:both; text-align: center; }

.login #header {
	-moz-box-sizing: border-box;
	background: transparent url(../images/login/login_nav_bg.gif) no-repeat scroll 0 0;
	height: 35px;
	padding-left: 8px;
	text-align: center;
}

.login #content {
	background-image: url(../images/login/content-top.gif);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 13px 0 0 0;
	margin: 10px 0 0 0;
}

.login #content-inner {
	background-color: #FFFFFF;
	background-image: url(../images/login/content_fill.gif);
	background-position: center center;
	background-repeat: repeat-y;
	padding-left: 0;
	padding-right: 0;
}

.login #footer {
	background-image: url(../images/login/content-bottom.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height: 13px;
	padding: 0;
	margin: 0;
}

.messages .msg{
	margin: 0 10px;
	padding : 3px;
	border: solid 1px #ADADAD;
	background-color: #FFFFCC;
	font-weight: bold; 
}

.login #content .link {
	padding: 10px;
	text-align: center;
}

.login #content .or {
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
}

.login .link-reg {
	text-align: right;
	padding-right: 10px;
}

.button, input[type=submit], input[type=button], .submit-row input { background:white url(../images/login/nav-bg.gif) bottom repeat-x; padding:3px; color:black; border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd; }