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

/* LOGIN FORM */
body.login { background:#fff; }
/*.login #container { background:white; border:1px solid #ccc; width:45em; min-width:300px; margin-left:auto; margin-right:auto; margin-top:100px; }*/
.login #container { position:relative; width:100%; min-width:760px; padding:0; }
.login #sidebar { background-color: #fff; width: 220px; height: 100%; float: left; }
.login #content-main { float:left; width:50%; }
.login form { margin-top:1em; }
.login .form-row { padding:4px 0; float:left; width:100%; }
.login .form-row label { padding-right:0.5em; font-size:1em; color:#333; font-weight: bold; color: #666; }
.login .form-row #id_username, .login .form-row #id_password { width:200px; }
.login span.help { font-size:10px; display:block; }
.login .submit-row {clear: both; padding:10px 25px 0 150px; }
.login a { color: #65b315; }

/* FIELDSETS */
fieldset { padding:5px 7px; border:1px solid #ccc; margin:5px 0; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
legend { font-size: 16px; color: #666; padding: 0px 5px 0px 5px; font-weight: bold; }

/*
#container { position:relative; width:100%; min-width:760px; padding:0; }
#sidebar { background-color: #F4F8FA; width: 220px; height: 100%; float: left; }
#content { margin:10px 15px; float: left; width: 80%; }
#header { width:100%; }
#content-main { float:left; width:100%; }
#content-related { float:right; width:18em; position:relative; margin-right:-19em; }
#footer { clear: both; height: 30px; width: 100%; position: fixed; bottom: 0 !important; bottom: -1px; }
*/