html{
    background: url('../images/noise.png') #a3a5a3;
    /* Helvetica/Arial-based sans serif stack */
    font-family: "Helvetica Neue", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva,  Helvetica, Arial, sans-serif;
}

body {
    font-size: 1em;
    
}

h1, h2, h3, h4, h5, h6 {font-weight: bold; }
h1.pagetitle{text-transform: uppercase; font-size: 3em; font-weight: 100; color: #666; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 6px; margin-bottom: 30px;}
h5{font-size: 1em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px;}
h2.subtitle{text-transform: uppercase; letter-spacing: 2px; color: #18427C; font-size: 1.3em; margin-top: -26px; margin-bottom: 30px;}
h3 {text-transform: uppercase; letter-spacing: 1px; color: #666; font-size: 1.1em; margin-bottom: 12px;}
a{color: #18427C; text-decoration: none;}
#header .right h3.loginfo {margin-bottom: 0px;}
a:hover{text-decoration: underline;}
em{font-style: italic;}
strong{font-weight: bold;}
.but{
    font-weight: bold;
    padding:4px 14px 6px;
    border-radius: 18px;
    border: none;
    color: #FFF;
    font-size: .7em;
    line-height:.9em;
    display: inline-block;
    text-transform: uppercase;
    margin:12px 0;
}
.headt input.but{width:auto; margin:0 20px 0 0;}
.but:hover{text-decoration: none;}
.grey:hover{background: #bbb;}
.grey:active{background: #999;}
.grey{
    background: #aaa;     
    box-shadow: 0 2px 3px #BBB, inset 0 -3px 6px #888;
    text-shadow: 1px 1px 0 #777;
}

.container {
display: block;
width: 340px;
margin: 0 auto;
}

.dashmenu ul{margin-bottom: 20px;}
.dashmenu li{margin-bottom: 6px;}

.branding {
    margin-top: 100px;
    margin-bottom: 30px;
}

.login {
    border-radius: 4px;
    border: solid 1px #c0d3da;
    background: #FFF;
    box-shadow: 0 2px 2px #CCC;
}
.login .inner{    
    padding: 26px 20px 20px;
}

.login .inner2{    
    padding: 20px;
    background: #eff4f6;
    box-shadow: inset 0px 0px 5px #FFF;
    border-radius: 0px 0px 4px 4px;
    border-top: solid 1px #c0d3da;
}

.ufield{
    width: 290px; 
    margin-bottom: 18px;
    border: solid #d2d9dc 1px;
    padding: 6px 2px;
    border-radius: 3px;
    box-shadow: inset 2px 2px 6px #EEE,
    0 0 0 6px #f7f9fa;
}

input{
    border-radius: 3px;
    box-shadow: inset 2px 2px 4px #DDD;
    border: solid #d2d9dc 1px;
    padding: 3px 6px;
}
input[disabled]{box-shadow: inset 2px 2px 6px #999;}

input:focus.ufield{
    box-shadow: inset 2px 2px 6px #EEE,
    0 0 0 6px #f2f8fc;
    border: #b7d4ea 1px solid;
}

.login p{margin-bottom: 8px;}

.subbut{
    font-weight: bold;
    background: #1a437d;
    padding:4px 14px;
    box-shadow: 0 2px 3px #BBB, inset 0 -3px 6px #0B274F;
    border-radius: 18px;
    border: none;
    color: #FFF;
    text-shadow: 1px 1px 0 #000;
    font-size: 1.1em
}

#header h1{width:270px;float:left;}
#header{ background: url('../images/noise.png') #DDD; padding:30px 0 36px; border-bottom: 3px #FFF solid; box-shadow: 0 10px 10px #CCC; position: relative; z-index: 1;}
#header .right{text-align: right;}
#header .right h3{font-weight: normal; font-size: 1.1em; color: #666;}
.inside{width:1000px; margin:0 auto; position: relative;}

#footer{ padding: 30px 0; border-top: 3px #FFF solid; box-shadow: 0 -10px 10px #CCC; color: #FFF;}
#body{
    padding:60px 0;     
    background: url('../images/cubes.png');
}

table{width:100%; overflow: auto; background: #FFF;}
.headt{
    background: transparent; margin-bottom: 20px; text-align:left;
}
.headt td{padding: 8px 16px; color: #444;}
.headt input, .headt select{width:90%;}
.alt {
   background: #EDEDED;
}
tr.thead {font-weight:bold;background:#a8a7ab; text-transform:uppercase; font-size:.8em;}
tr.thead th{color: #FFF;}
.listtable td, .listtable th{padding:8px 12px; font-size: .9em; color: #333; white-space: nowrap; border-collapse: collapse; border:1px solid #CCC;}
.listtable tr.headlinetr td{color:#FFF;font-weight:bold;background:#a8a7ab; text-transform:uppercase; font-size:.8em;}
.scrolltable{max-height: 400px; overflow: auto;}
.tableunit { margin-bottom: 30px; background: url("../images/noise.png") #cfd3db; border-radius: 8px; box-shadow: 0 0 6px 3px #DDD; padding-top: 12px; }
.datemess{position: absolute; top: 50px; right: 0px; color:#36AAA0; text-align: right; font-style: italic;}


.footnav {float:right;}
.footnav li{float:left; margin-right: 12px; padding-right: 12px; border-right: 2px #FFF solid; line-height: .8em}
.footnav li:last-child{ margin-right: 0; border-right: 0; padding-right: 0;}
.footnav li a{font-weight: bold; text-transform: uppercase; color: #FFF; text-shadow:1px 1px 1px #666; font-size: .8em;}
.footnav li a:hover{text-shadow:1px 1px 1px #333; text-decoration: none;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* common */        
    
    .left{float:left;margin-right:1em;}
    .right{float:right;margin-left:1em;}
    .center{text-align:center;}
    .tright{text-align: right;}

    .clear{clear:both;}
    .block{display:block;clear:both;}
    .first{margin-left:0 !important;}
    .last{margin-right:0 !important;}
    .top{margin-top:0 !important;}
    .bottom{margin-bottom:0 !important;}    
    .hidden, .print{display:none;}
    .graphic{
        margin:0;
        padding:0;
        display:block;
        overflow:hidden;
        text-indent:-8000px;
        }

/* // common */
/* percentage based grid */
            
            /* 
                class name .cols used for column containers
                class name .col used for individual columns
            */
            
            .cols{margin-bottom:1.5em;overflow:hidden;} /* main column container class */
            .col, .col2, .col3, .col4, .col5{
                float:left;
                display:inline;    
                margin-left:2%;
                }        
            .col{width:49%;} /* 2 equal width columns - default */
            .cols3 .col{width:32%;} /* 3 equal width columns */
            .cols4 .col{width:23.5%;} /* 4 equal width columns */
            .cols5 .col{width:18.4%;} /* 5 equal width columns */
            .cols6 .col{width:15%;} /* 6 equal width columns */
            
            /* double width columns */
            .cols3 .col2{width:66%;} 
            .cols4 .col2{width:49%;} 
            .cols5 .col2{width:38.8%;} 
            .cols6 .col2{width:32%;} 
            
            /* triple width columns */
            .cols4 .col3{width:74.5%;} 
            .cols5 .col3{width:59.2%;} 
            .cols6 .col3{width:49%;} 
            
            /* quadruple width columns */
            .cols5 .col4{width:79.6%;} 
            .cols6 .col4{width:66%;} 
            
            /* quintuple width columns */
            .cols6 .col5{width:83%;}     
            
    /* percentage based grid */