body, html{
    margin:0 0 0 0;
    padding: 0 0 0 0;
    background-image:url('../gfx/body_bg.jpg');
    background-repeat:repeat-x;
    background-color:#445E93;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:12px;
    color:#273C67;
}

h1{
    margin-top: 5px;
}

a{
    color:#273C67;
    text-decoration: none;
    font-weight: bold;
}

.clear{
    clear: both;
}

.logo{
    width: 900px;
    height: 230px;
    margin: 10px auto;
    background-image:url('../gfx/logo.png');  
}

.logo a{
    display: block;
    width: 900px;
    height: 230px;
}

.login_box{
    width: 300px;
    margin: 40px auto 10px auto;
    background: #EAEAEA;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

fieldset{
    padding: 10px;
    border: 0;
}

fieldset legend{
    margin: 2px 5px;
    font-size: 15px;
}

label{
    width: 100%;
    font-weight: bold;
    margin-top: 10px;
    text-align: left;
    float: left;    
}

input[type=text], input[type=password], select {
    height: 18px;
    width: 97%;
    margin: 8px 3px;
    border: 1px solid rgb(153,153,153);
    font-family: arial, Verdana, Helvetica;
    text-indent: 2px;
}

input[type=submit], input[type=button], input[type=reset]{
    padding: 5px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #222E47;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    border: 1px solid #0B0C11;
    margin: 5px 3px 8px 3px;
    cursor: pointer;
}

input[type=reset]{
    background: #999999;
    border-color: #333333;
}

h4.alert_error {
    display: block;
    margin: 20px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F3D9D9;
    background-position: 10px 10px;
    border: 1px solid #D20009;
    color: #7B040F;
    padding: 10px 0;
    text-indent: 10px;
    font-size: 14px;
}

h4.alert_success {
    display: block;
    margin: 20px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E2F6C5;
    background-position: 10px 10px;
    border: 1px solid #79C20D;
    color: #32510F;
    padding: 10px 0;
    text-indent: 10px;
    font-size: 14px;
}

.content_wrapper{
    width: 880px;
    margin: 10px auto;
    background: #EAEAEA;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
}

.menu{
    width: 160px;
    float: left;
}

.menu ul{
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
}

.menu ul li{
    margin: 5px 0;
    padding: 0;
}


.content{
    float: right;
    width: 680px;
}

.module_content{
    width: 300px;
}

.tablesorter {
    width: 100%;
    margin: -5px 0 0 0;
}

.tablesorter td{
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #ccc;
    padding: 15px 21px;
    white-space: nowrap;
}

.tablesorter thead tr {
    height: 34px;
    text-align: left;
    text-indent: 20px;
    font-size: 14px;
}

.tablesorter thead th {
    text-align: left;
    color:#F1D833;
    background: #496081;
}

.search_form{
    padding: 5px;
    background: #F5F5F5;
    margin: 10px auto 20px auto;
    width: 300px;
    text-align: center;
    
}

.hidden{
    display: none;
}

.block_header{
    margin-bottom: 20px;
}

.footer{
    width: 900px;
    height: 230px;
    margin: 20px auto;
    text-align: center; 
}

.footer a{
    color: #EAEAEA;
}
