body {
    background-image: url(/media/images/logo.png);
    background-repeat: no-repeat;
    background-position: top right;
    margin: 0px;
    padding: 0px;
}

* { 
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}

form a {
    text-decoration: none;
}

h1 { 
    float: left;
    font-family: Trebuchet MS; 
    font-size: 30px; 
    color: #035; 
    padding: 5px;
    margin: 10px;
    margin-top: 25px;
}

#top {
    float: left;
    clear: right;
    width: 100%;
    background:#FFFFFF url(/media/images/banner-background.png) repeat-x scroll left top;
    border-bottom: solid #035 2px;
}

#top img {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

#content_wrapper {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#content {
    padding: 10px;
}

#warning { 
    width: 300px; 
    border: solid #f90 1px; 
    background-color: #ffc;
    padding: 20px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 50px; 
    text-align: center; 
    color: #a50; 
    display: block;
}

#success {
    width: 300px;
    border: solid #686 1px;
    background-color: #CFC;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: center;
    color: #686;
    display: block;
}

#warning_top { 
    float: left;
    width: 1178px; 
    border: solid #f90 1px; 
    background-color: #ffc;
    padding: 10px; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left; 
    color: #a50; 
}

#error { 
    width: 300px;
    border: solid #f00 1px; 
    background-color: #fee;
    padding: 20px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 50px; 
    text-align: center; 
    color: #c00; 
}

#error_top { 
    float: left;
    width: 1178px;
    border: solid #f00 1px; 
    background-color: #fee;
    padding: 10px; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px; 
    text-align: left; 
    color: #c00; 
}

.errorlist {
    display: none;
}

#menu ul {
    padding: 0px;
    margin: 0px;
    float: left;
    clear: left;
    list-style: none;
    margin-left: 50px;
}

#menu ul li {
    float: left;
    margin-left: 3px;
    background-color: #999;
    color: #333;
}

#menu ul li a {
    padding: 5px;
    padding-top: 10px;
    font-size: 12px;
    float: left;
    text-decoration: none;
}

#menu ul li a:visited, #menu ul li a:active, #menu ul li a:link {
    color: #fff;
}

#menu ul li a:hover {
    background-color: #169;
    color: #fff;
}

#menu_item_active {
    background-color: #035;
    color: #fff;
}

#menu_item_inactive {
    background-color: #999;
    color: #fff;
}

#submenu ul {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    float: left;
    width: 1170px;
    clear: left;
    list-style: none;
    margin-top: 10px;
    border-bottom: solid #035 1px;
    padding-left: 30px;
}

#submenu ul li {
    float: left;
    margin-left: 5px;
    background-color: #ddd;
    color: #333;
    border: solid #035 1px;
    border-style: outset;
    border-bottom: solid #035 0px;
    margin-bottom: -1px;
}

#submenu ul li a {
    padding: 5px;
    padding-top: 10px;
    font-size: 12px;
    float: left;
    text-decoration: none;
    color: #00a;
}

#submenu_item_active {
    background-color: #fff;
    border-bottom: solid #fff 1px;
}

#login_box { display: table; width: 265px; border: solid #bbf 2px; margin-left: auto; margin-right: auto; margin-top: 15px; padding: 15px; background-color: #ccf; }
#login_box label { float: left; width: 110px; margin: 5px; margin-top: 8px; }
#login_box input, #login_box select { width: 125px; margin: 5px; }
#login_box input[type="submit"] { width: auto; float: right; margin-bottom: 0px; }
#login_error { width: 275px; margin-left: auto; margin-right: auto; background-color: #fee; padding: 10px; border: solid #f00 1px; color: #c00; }

#footer {
    float: left;
    width: 100%;
    margin-top: 55px;
    padding: 5px;
    border-top: solid #999 1px;
    text-align: center;
    color: #999;
}

#processing_error {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

#processing_error h1 {
    float: left;
    width: 500px;
    font-size: 22px;
    color: #a50;
    background-color: #ffc;
    margin: 0px;
    margin-bottom: 10px;
}

#processing_error p, #processing_error a {
    color: #a50;
    font-size: 14px;
    text-align: justify;
}

#processing_error a {
    text-decoration:none;
}

#processing_error a:hover {
    text-decoration:underline;
}


form .submit_row {
    float: left;
    width: 100%;
    margin-top: 10px;
}

form .submit_row a {
    float: left;
    margin-top: 5px;
}

img.ui-datepicker-trigger {
    margin-bottom: -5px;
    margin-left: 3px;
}

#filter_form.users_usage_report img.ui-datepicker-trigger {
    margin-bottom: 89px;
}

#filter_form label[for="id_end_date"],
#call_importing_form label[for="id_end_date"] {
    margin-left: 30px;
}