@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,600italic);
@font-face {
font-weight:normal;
font-family:'bluehost';
src:url(fonts/bh_regular.eot);
src:url(fonts/bh_regular.eot?#iefix) format('embedded-opentype'),
    url(fonts/bh_regular.woff) format('woff'),
    url(fonts/bh_regular.ttf) format('truetype'),
    url(fonts/bh_regular.svg#bh_regular) format('svg');
}
@font-face {
font-weight:bold;
font-family:'bluehost';
src:url(fonts/bh_bold.eot);
src:url(media/branding/_bh/bh_bold.eot?#iefix) format('embedded-opentype'),
    url(fonts/bh_bold.woff) format('woff'),
    url(fonts/bh_bold.ttf) format('truetype'),
    url(fonts/bh_bold.svg#bh_bold) format('svg');
}




body, h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;font-family: 'bluehost' , 'Open Sans', 'Segoe UI' , 'Gill Sans' , 'Gill Sans MT' ,GillSans, 'Trebuchet MS' ,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;font-family: 'bluehost' , 'Open Sans', 'Segoe UI' , 'Gill Sans' , 'Gill Sans MT' ,GillSans, 'Trebuchet MS' ,Arial,sans-serif;}





body
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    font-size:1em;
    font-family: 'bluehost' , 'Open Sans' , 'Segoe UI' , 'Gill Sans' , 'Gill Sans MT' ,GillSans, 'Trebuchet MS' ,Arial,sans-serif;
    background-color: #000;
    color: #ddd;
    background-image: url('../images/map.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}

#maincontainer{}
/*#header{background-color: #444;padding:1em;position:relative;}*/
#header{background-color: #000000;padding:1em;position:relative;text-align:right;}
#header h1
{
    font-size: 1.6em;
    margin: .6em;
    position: absolute;
    left: 1px;
    font-weight: 700;
   font-family: 'Open Sans' , 'Segoe UI' , 'Gill Sans' , 'Gill Sans MT' ,GillSans, 'Trebuchet MS' ,Arial,sans-serif;
}
#header .lt h1{position:relative;font-size: 1.4em;margin:0;padding:0;}
#header img{height:50px;}
#header h2{font-size:1.4em;}
#header .wrp{position:relative;text-align:center;max-width:1300px;margin-left:auto;margin-right:auto;}
#header .rt{display:inline-block;text-align:right;vertical-align:top;width:17%;margin-left:auto;margin-right:auto;}
#header .lt{display:inline-block;text-align:left;vertical-align:top;width:22%; margin-left:auto;margin-right:auto;}
#header .md{display:inline-block;text-align:center;vertical-align:top;width:55%;font-size:.9em;}
#header #logout{float:right;margin-right:1em;}
#logout a, #logout a:visited{color:#FFCC00;}
#logout a:hover{text-decoration:underline;}
/*#footer {background-color: #444;padding:.5em;width:100%;position:fixed;position:inherit;bottom:0px;color:#fff;font-weight:bold;text-align:center;}*/
#footer {background-color: #9facc6;padding:0em;width:100%;position:fixed;position:inherit;bottom:0px;color:#fff;font-weight:bold;text-align:center;}
#footer a, #footer a:visited{color:#fff;}
#footer img{height:40px;position:relative;top:.6em;}
#footer p{margin:.2em;padding:0;}

h3{text-align:left;}
a, .btn, input[type=button], input[type=submit] {cursor:pointer;}
input, select, textarea{border-radius: 4px;border:solid 1px #aaa;}
input[type=radiobutton]{ }
.row{padding:.5em;}

.err{color:Yellow;}
.login p{text-align:left;margin-left:1em;margin-right:1em;font-size:.9em;}
.log .wt {max-width:800px;margin:5% auto 0 auto;font-weight:bold;color:#fff;font-family: 'Open Sans',Arial,sans-serif;font-size:1.2em;}
legend {text-align: left;font-size:2em;color:#fff;}

#content{color:#333;min-height:800px;background-color:#fff;padding:2em;font-size:1.1em;}


#cty {display:none;}


.row{}
.nw{white-space:nowrap;}
.dt{padding:1.5em;}

.pnl_input{margin:0 auto 0 auto;background-color:#444;color:#fff;}
.lb
{  font-family: 'Open Sans',Arial,sans-serif;
    font-weight:bold;
    color: #fff;

}
#loader{position:relative;top:5em;}
#btnLoadChart{padding:.5em;position:relative;color:#444;font-weight:bold;background-color:#FFCC00;}
#btnLoadChart:hover{cursor:pointer;opacity:.7;}
div.ui-datepicker{ height:inherit;}
#pnlTabs { border: none; } 
#pnlTabs input, #pnlTabs label{color:#333;
    margin-left: 0px;
}
#pnlTabs .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#mainTabs .alert{background-color:#fcfecd;}

#pnlTabs .ui-widget-content {color:#555;font-weight:normal;font-size:.7em;}
#pnlTabs .ui-widget-content .ui-widget-content {font-size:inherit;}
#pnlTabs .ui-widget-content ui-widget-content{min-height:220px;}
#pnlTabs .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none;  font-size:.7em;
} 

#pnlTabs .ui-tabs-nav .ui-state-active{ 
    background: transparent url(../images/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
  } 
#pnlTabs .ui-tabs-nav .ui-state-default a{color: #666699;} 
#pnlTabs .ui-tabs-nav .ui-state-active a{color: #00A3A3;}

#pnl1{height:600px;}
#pnl2{height:1000px;}
#pnl3{height:800px;}
#pnl4{height:800px;}
#pnl5{min-height:1200px;}
#pnl6{min-height:800px;}
#pnl7{position:relative;}
.fusioncharts-container{width:100%;margin:0;padding:0;}

.toggle{ margin-bottom:2em;}
.tblList 
{
    font-size:1.1em;
    width:50%;margin-left:auto;margin-right:auto;
   
}
table{border:1px solid #ccc; margin-bottom:2em;}
th{padding:.5em;}
tr{}

td{padding:.3em;border:0px solid transparent;}
tr td:first-child{text-align:left;padding-left:1em;}
table .gr{background-color:#eee;} 
.ctpnl .pnl{padding-bottom:10em;}

#pnl_svy {text-align:right;position:absolute;z-index:9999;top:5.5em;width:90%;max-width:1100px;margin-left:auto;margin-right:auto;}
#pnl_svy a, #pnl_svy a:visited {text-decoration: none;color: #2D5399;font-size:1.1em;}
#pnl_svy a:hover {text-decoration:underline;}


 @media all and (max-width: 700px)
 {

#maincontainer{padding-bottom:100px;}
  #header,  #header .wrp{width:90%;text-align:center;}
  #header .rt{display:block;text-align:center;width:90%;position:relative;padding-bottom:.5em;}
#header .lt{display:block;text-align:center;width:90%;margin-left:auto;margin-right:auto;}
#header .md{display:block;width:100%;text-align:center;margin-right:auto;}
#header .md h2{margin:0;padding:0;}
#header img{height:30px;display:block;}
#header h1{position:relative;font-size: 1.2em;margin:0;padding:0;display:block;top:0;left:0;}
legend {text-align: left;font-size:1.2em;}
   #ddlSites{max-width:90%;}  
   
   .tblList{width:100%;} 


#footer{padding:0em;}
#footer p{padding:0em;margin:0em;}
#footer img{height:40px;position:relative;top:1em;}
#footer a{white-space:nowrap;}
.login{font-size:.9em;padding:bottom:4em;}

#pnlTabs { width:100%;}
.ctpnl  {margin:0px;padding:0px;width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
#btnLoadChart {margin-top:1em;}
.ui-widget-header, .ui-widget-content{width:100%;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}

#pnl1{height:300px;}
#pnl2{height:500px;}
#pnl3{height:400px;}
#pnl4{height:400px;}
#pnl5{min-height:800px;}
#pnl6{min-height:800px;}
#pnl7{position:relative;}
 }