/* MASTER RESET */
* {padding:0;margin:0;}

/* FIXES */
html {overflow-y:scroll;}
a {outline: none;}
a img {border:none;}

/* HTML ELEMENTS ---------------*/
body {font: 80%/120%  "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; color: #666;background:#F8F8F8; }


#header{ background: url(../images/header_bg.png) repeat-x #222;height: 55px;width: 100%;}
#header ul{ list-style-type: none;}
#header ul li.logo, #header ul li.pageTitle {float:left;}
#header h3 {display: block;width:270px;height: 55px;font-weight:normal;font-size: 20px;}
#header h3 a{color: #fff;text-decoration: none;display: block;text-align:center;padding: 20px;}
#header .pageTitle{font-size: 20px;text-align: center;color: #fff;line-height: 55px;margin-left:44px;}
.logout {float: right;}
.logout a { background: url("../images/logout.png") no-repeat  65px 3px #222;border: 1px solid #555555;border-radius: 11px;color: #fff;display: block;height: 25px;line-height: 22px;margin-right: 50px;margin-top: 15px;padding-left: 12px;text-decoration: none;width: 77px;opacity: 0.5;}
.logout a:hover{opacity: 1;border-color: #383838;}
#bar{background: url(../images/bar_bg.png) repeat;border-bottom: 1px solid #ddd;height: 30px;}
#bar h4{display: block;width:270px;height: 30px;text-align: center;line-height: 30px;color: #666;text-shadow: 0 1px 0 #fff;-moz-text-shadow:0 1px 0 #fff;float: left;}

#breadcrumbs{border: 1px solid #ccc;border-radius: 5px;-moz-border-radius: 5px;box-shadow: 0 1px 0 #fff;-moz-box-shadow: 0 1px 0 #fff;float: left;height: 22px;margin: 3px 3%;padding: 0 10px;background: #f7f7f7;}

#breadcrumbs a.link{ color: #44474F;font-weight: bold;}
#breadcrumbs a.link:hover{color:#9E9E9E;text-shadow:none;-moz-text-shadow: none;}

#breadcrumbs a.current{ color: #9E9E9E;}
#breadcrumbs a {text-decoration: none;text-shadow: 0 1px 0 #fff;-moz-text-shadow: 0 1px 0 #fff;line-height: 22px;float: left;margin-left: 4px;}
#breadcrumbs .sep{background: url(../images/sep.png) scroll 0 -1px transparent; width: 12px;height: 23px; display: block;margin-left: 10px;margin-right: 9px;}


#sidebar{float:left;width:270px;background: url(../images/sidebar.png) repeat;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding-top: 10px;}

#sidebar .date {text-align: center;font-size: 11px;text-shadow: 0 1px 0 #fff;-moz-text-shadow:0 1px 0 #fff;}

#nav {border-top: 1px solid #D3D3D3;margin-top: 10px;}

ul#nav li a {border-bottom:1px solid #d3d3d3;border-top:1px solid #fff;color: #1F1F20;cursor: pointer;display: block;font-size: 16px;font-weight: normal;line-height: 21px;padding: 5px 30px 5px 5px;text-align: right;text-decoration: none;text-shadow: 0 1px 0 #fff;-moz-text-shadow:0 1px 0 #fff;}
ul#nav li a:hover{color:#666;}

ul#nav li ul {display:none;background: #fff;border-bottom:1px solid #d3d3d3;}
ul#nav li ul li a{border:none;color: #666;font-size: 14px;line-height: 23px;}
ul#nav li ul li a:hover{color:#44474F;background:url(../images/bullet.png) no-repeat  246px 15px #DEE3EA;}
ul#nav li ul li a.current {color:#77BACE;background:url(../images/bullet_active.png) no-repeat  246px 15px #fff;}
#wrapper{width:100%;overflow: hidden;}
#main,#sidebar{float:left;}
#main{padding:35px 37px;}

#sidebar,#bar h4, #header h3 {box-shadow: -5px -1px 9px #666;-moz-box-shadow: -5px -1px 9px #666;}






#modbg {background: #92acb6;display: block;height: 100%;left: 0;opacity: 0.6;position: fixed;top: 0;width: 100%;z-index: 0;}

#loginbox {background: url(../images/loginbg.png) no-repeat;display: block;height: 292px;left: 50%;margin-left: -146px;margin-top: -146px;position: fixed;top: 50%;width: 292px;z-index:1;padding: 20px;}
#loginbox img{margin-top:-10px;margin-left:40px; margin-bottom: 10px;}
#frm_log {width:240px;margin:0 auto;  overflow: hidden;padding:0 7px 7px 7px;}
#frm_log .row {margin-bottom: 10px;width: 200px;}
#frm_log input[type=text], #frm_log input.text, #frm_log input[type=password], #frm_log input.password {padding: 5px 5px 5px 35px;background: #ddd;border: none;width:160px;height:25px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:1px 1px 0 #fff;-webkit-box-shadow:1px 1px 0 #fff;box-shadow:1px 1px 0 #fff;color:#6c6c6c;font-size: 13px;outline: none;-webkit-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff;}
#frm_log .loguser, #frm_log .logpass {border-right: 1px solid #D0D0D0;height: 34px;margin-left: 7px;position: fixed;width: 24px;margin-top: 1px;}  
#frm_log .loguser { background: url(../images/log_usr.png) no-repeat scroll 3px 9px #ddd;}
#frm_log .logpass { background: url(../images/log_pass.png) no-repeat scroll 3px 9px #ddd;}

#frm_log label{cursor:pointer;color:#92acb6;-moz-text-shadow:1px 1px 0 #fff;-webkit-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff;font-size: 14px;margin-bottom: 2px;display: block;}

#frm_log input[type=submit] {background:#ddd;background:-moz-linear-gradient(90deg, #D3DEE2, #C4D2D8);background:-webkit-gradient(linear, left top, left bottom, from(#D3DEE2), to(#C4D2D8));border:1px solid #ABB8BE;-moz-border-radius:25px;-webkit-border-radius:25px;-moz-box-shadow:1px 1px 0 #fff;-webkit-box-shadow:1px 1px 0 #fff;color:#53656C;cursor:pointer;font-family:Arial,sans-serif;font-size:12px;margin-top:10px;float:right;padding:5px 10px;text-decoration:none;text-shadow:0 1px 1px #fff;}
#frm_log input[type=submit]:hover{color:#fff;text-shadow:0 1px 1px #ddd;-webkit-text-shadow:0 1px 1px #fff;}

#frm_log input:hover{-moz-box-shadow:0px 0px 8px #92ACB6;-webkit-box-shadow:0px 0px 8px #92ACB6;}
#frm_log input:focus{-moz-box-shadow:1px 1px 0px #92ACB6;-webkit-box-shadow:0px 0px 0px #92ACB6;}

.errorDiv{color: red;font-size: 11px;font-style: italic;text-align: right;}
#Errresponse, #response{clear: right;color: #FF0000;font-size: 12px;margin-top: 5px;text-align: center;width: 250px;}




/* TABLE */


.tableTitle {background: url(../images/secondary_bar.png) repeat-x  #F1F1F4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 38px;
    width: 100%;}
.tableTitle h3{color: #1F1F20;
    font-size: 13px;
    line-height: 33px;
    padding-left: 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
    }    

.tablesorter {
width: 100%;
margin: -5px 0 0 0;
}

.tablesorter td{
margin: 0;
padding: 0;
border-bottom: 1px dotted #ccc;
}

.tablesorter thead tr {
height: 34px;
background: url(../images/table_sorter_header.png) repeat-x;
text-align: left;
text-indent: 10px;
cursor: pointer;
}

.tablesorter td {
padding: 15px 10px;
}

.tablesorter input[type=image] {
margin-right: 10px;}
.table_container {background: #fff; border-radius: 5px;
    border-radius: 5px;border:1px solid #ddd;}