/*main css
/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; height:100%; padding:0; margin:0;}
body {background: #EFEFEF url(../images/bodybg.jpg) repeat-x;color: #101010; font: 12px/25px 'Noto Sans', sans-serif, Arial, Helvetica;}

/*-------------------------*/
a{color: #3399FF;text-decoration: none;}
a:hover {text-decoration: none;}

a.button, input.button { cursor: pointer;	color: #ffffff;	line-height: 12px;	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;	background: #3399FF;	border:1px solid #ffffff; -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {}

/*-------------header */
header {padding:1px; margin: 0px auto; /*width:960px;*/ height:126px; /*108px;*/ position:relative; text-align:center; background: #000000 url(../images/headerbg.jpg) no-repeat top center;}
header #logo {text-shadow: 2px 2px 2px #a2a2a2; position:relative; z-index: 12; top:20px; left:5px; font-size:60px; font-family:Impact,Verdana; color:#3399ff;}
header #logo:hover {text-shadow: 4px 4px 4px #c6c6c6;} 
header #sub {position:relative; z-index: 12;top:50px; left:5px; font-size:20px; font-family:Arial, Tahoma; color:#ffcc33;}
header #search {position:absolute; top:70px; right: 2px;	width: 258px; z-index: 15;}
header .button-search {	position: absolute;	left: 0px;	background: url(../images/button-search.png) center center no-repeat;	width: 28px;	height: 24px;	border-right: 1px solid #CCCCCC; cursor: pointer;}
header #search input {	background: #FFF;	padding: 1px 1px 1px 33px;	width: 222px;	height: 21px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px 3px 3px 3px;	-moz-border-radius: 3px 3px 3px 3px;	-khtml-border-radius: 3px 3px 3px 3px;	border-radius: 3px 3px 3px 3px;}

/*------------menu */
#nav{}
nav {width:960px;height:43px; text-align:center; margin: auto auto 3px auto;background:#3399ff;/*#8064A2;*/ border:2px solid #c6c6c6;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
nav ul {list-style: none; text-align:center; margin: 0; padding: 0 5px;}
nav ul li {position: relative; float:left; padding:2px;}
nav ul li:hover {background: url('../images/menu-bg-act.jpg') repeat-x; }
nav ul li a {font-size: 14px; font-family: Oswald, Arial, Tahoma,Verdana; color:#fefefe; display:block; padding: 6px 20px 6px 20px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:normal; text-transform:uppercase;}
nav ul li:hover a{color:#000;}
span.icon {text-transform: none !important; padding-right:5px; font-size:20px;}
.featured{width:960px; margin:0 auto;}

#wrapper{min-height: 100%; position:relative; }
/*-------------content */
#content {padding:15px; padding-bottom:80px; }

.main-content{background:#EFEFEF;}
.main-content article{margin: 2px;overflow:hidden; position:relative; border: 0px solid #CCCCCC;	-webkit-border-radius: 3px 3px 3px 3px;	-moz-border-radius: 3px 3px 3px 3px;	-khtml-border-radius: 3px 3px 3px 3px;	border-radius: 3px 3px 3px 3px;}
.main-content .heading h2{ font-size:22px; line-height:22px; color:#ff9933; letter-spacing:-1px; font-weight:normal; margin:0px 0 0 20px; text-shadow: 4px 4px 4px #aaa;}
.main-content .subheading { font-size:16px; font-weight:bold; line-height:16px; color:#3399ff; font-weight:normal; margin:10px 0 0 0px; text-shadow: 2px 2px 2px #aaa;}
.main-content .heading img{padding:2px; max-height:30px; max-width:30px; text-decoration:none; float:right; border:0px solid #021a40;}
.main-content .heading img:hover{background-color:#4169E1; -moz-box-shadow: 1px 1px 3px 2px #3298ff;  -webkit-box-shadow: 1px 1px 3px 2px #3298ff;  -khtml-border-radius:1px 1px 3px 2px #3298ff; box-shadow: 1px 1px 3px 2px #3298ff; }
.main-content .heading .info{font-size:13px; font-style:italic; color:#3399ff; font-family:'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;}
.main-content .heading .hilyt{font-size:13px; font-weight:bold; color:#3399ff; font-family:'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;}
.main-content .content{}
.main-content .indent{font-family:Arial, Helvetica, 'Droid Sans', Tahoma, Geneva; font-size:12px; margin: 0 0 0 30px;}
.main-content .content table{font-family: Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;  /*font-family:Verdana, Tahoma, Geneva, sans-serif; */ margin: 2px 5px 8px 5px; border: 0px solid #c6c6c6;	-moz-box-shadow: 1px 1px 3px 2px #3298ff;  -webkit-box-shadow: 1px 1px 3px 2px #3298ff;  -khtml-border-radius:1px 1px 3px 2px #3298ff; box-shadow: 1px 1px 3px 2px #3298ff;}
.main-content .content table tr{margin:0px; padding:0px; border:0px solid #c6c6c6; -webkit-border-radius: 5px; -moz-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px;}
.main-content .content table th{ font-size:1.2em; color:#3232CD; vertical-align:middle; margin:0; padding:0px 0px 0px 5px; background: linear-gradient(to bottom, #ffdf82 2%,#ffd65e 20%,#febf04 10%); } 
/*background:linear-gradient(to bottom, #cce5fe 1%, #c6c6c6 100%) repeat scroll 0% 0% transparent;  vertical-align:middle; margin:0; padding:0px 0px 0px 5px;  /*background-color:#ffce84; /*#ffbb55;*/ /*border:0px solid #EED6AF; font-size:1.2em; text-shadow: 4px 4px 4px #aaa; border-bottom:2px #3298ff; */ 
.main-content .content table th .sub{font-weight:normal; font-size:0.8em; } 
.main-content .content table tr.odd {color:#444444; background-color:#f0f8ff; font-size:12px;}
.main-content .content table tr.even{color:#222222; background-color:#d7ecff; font-size:12px;}
.main-content .content table td{padding:0px 0px 0px 2px; border:0px solid #c6c6c6;}
.main-content .content img{float:right; margin:1px; padding:2px; border:0px solid #999; height:80px; width:80px;}
.main-content .info{font-size:13px; font-style:normal; color:#4169E1; font-family:'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;}

.main-content .content-chart table{margin:1px; border: 0px solid #c6c6c6;	-moz-box-shadow: 1px 1px 3px 2px #3298ff;  -webkit-box-shadow: 1px 1px 3px 2px #3298ff;  -khtml-border-radius:1px 1px 3px 2px #3298ff; box-shadow: 1px 1px 3px 2px #3298ff;}
.main-content .content-chart table tr{margin:0px; padding:0px; border:0px solid #c6c6c6; -webkit-border-radius: 5px; -moz-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px;}
.main-content .content-chart table th{ font-size:1.25em; color:#3232CD; vertical-align:middle; margin:0; padding:0px 0px 0px 5px; background: linear-gradient(135deg, #ffd65e 0%,#febf04 30%,#febf04 45%); } 
.main-content .content-chart table th .sub{font-weight:normal; font-size:0.8em;} 
.main-content .content-chart table tr.odd {color:#222222; background-color:#f0f8ff; font-size:12px;}
.main-content .content-chart table tr.even{color:#222222; background-color:#d7ecff; font-size:12px;}
.main-content .content-chart table td{padding:0px 0px 0px 5px; border:1px dotted #3298ff;}

.main-content .content p{margin: 2px 0; font-family: Arial, Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; font-size:12px;}
.main-content .content li{margin:3px 30px; font-family: Arial, Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; font-size:12px;}
.main-content .footer{}
.main-content .footer .more{float:right; padding:5px;}
.main-content .footer .more a{ text-decoration:none; text-transform:none;}
.main-content .footer .more a:hover{ text-decoration:none; text-transform:none; border-color:#c6c6c6; -moz-box-shadow: 1px 1px 3px 2px #3298ff;  -webkit-box-shadow: 1px 1px 3px 2px #3298ff;  -khtml-border-radius:1px 1px 3px 2px #3298ff; box-shadow: 1px 1px 3px 2px #3298ff;}

.subcontent {padding:0px 10px;}
.subcontent .heading{font-size:22px; font-weight:normal; padding: 10px ; letter-spacing:-1px; color:#ff9933; text-shadow: 4px 4px 4px #aaa;}
.subcontent .content{font-family:Arial, Tahoma; padding:3px;border-top:1px dotted #BFBFBF;}
.subcontent .content img{float:right; margin:3px; max-height:100px; max-width:100px;}
.subcontent .content a{color:#3399FF;}

.paginate {padding: 3px; margin: 3px; color:#4169E1; font-size:12px; text-align:right; font-family:'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; }
.paginate a {padding: 2px 5px 2px 5px;	margin: 2px;	border: 1px solid #4169E1;	text-decoration: none; /* no underline */	color: #4169E1; }
.paginate a:hover, a:active { border: 1px solid #4169E1;	color: #000; -moz-box-shadow: 1px 1px 3px 2px #3298ff;  -webkit-box-shadow: 1px 1px 3px 2px #3298ff;  -khtml-border-radius:1px 1px 3px 2px #3298ff; box-shadow: 1px 1px 3px 2px #3298ff;}
.paginate .current { padding: 2px 5px 2px 5px;	margin: 2px;  border: 1px solid #4169E1; font-weight: bold; background-color: #4169E1;	color: #FFF; }
.paginate .disabled { padding: 2px 5px 2px 5px;	margin: 2px;  border: 1px solid #AAAADD;	color: #AAAADD; }
.paginate .inactive { padding: 2px 5px 2px 5px;	margin: 2px;  border: 1px solid #AAAADD;	color: #AAAADD; }
.paginate img{max-height:30px; max-width:30px; text-decoration:none; float:right; border:0px solid #021a40; }
/*.paginate img:hover{background-color:#4169E1; }*/
    
.sidebar .heading{font-size:22px; font-weight:normal; padding: 10px ; letter-spacing:-1px; color:#ff9933; text-shadow: 4px 4px 4px #aaa;}
.sidebar .content{padding:10px;border-top:1px dotted #BFBFBF;}
.sidebar .content img{float:left; margin:10px;}
.sidebar .content a{color:#3399FF;}
.sidebar .content .caption{padding:1px; margin:5px; font-size:1.1em; font-weight:bold; color:#4169E1; /*#4488FF;*/ font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;}
/*.sidebar .content .items{padding:1px; margin:2px; font-weight:normal; color:#4169E1;}
.sidebar .content .centered {alignment-adjust:central;}
.sidebar .content .links{border:0px dotted #4169E1; color:#4169E1; width:30px;}
*/    
.sidebar table {float:right;} 

.form-field {clear: both;padding: 10px; width: 350px;}
.form-field label {float: left; width: 150px; text-align: right; }
.form-field input {float: right; width: 150px; text-align: left; }
#submit {text-align: center; border:2px solid #AAAADD; text-decoration:none;}

/*------------footer */ 
footer {background:#000000;padding: 20px 0px; width: 100%; height:50px; position:absolute; bottom:0;left:0; font-family: Oswald, Arial, Tahoma,Verdana;}
footer .wrapper{}
footer .heading{color:#CCCCCC; padding-bottom:5px; padding-left:10px;font-size:20px; font-weight:normal; text-transform:uppercase;}
footer .content{color:#333333; padding-left:10px;}
footer .spacer{color:#6c6c6c; margin-left:3px; margin-right:3px;  padding-left:5px; padding-right:5px;}
footer .content img{float:left; margin:5px;}
footer ul {margin:0; padding:0;list-style-image:none;}
footer ul li { list-style:circle; margin-left:20px;}
footer ul li a {font-size:14px; color:#ffcc33;}
footer ul li a:hover {color:#8064A2; text-decoration:none; cursor:pointer;}
#footlinks{ width:100%; display:inline-block; text-align:center; color:#6c6c6c; padding-bottom:3px; padding-left:2px; font:14px Oswald,Arial,Tahoma; font-weight:normal; text-transform:uppercase;}
#footlinks a{color:#ffcc33; margin:5px;}
#footlinks a:hover{text-shadow: 3px 3px 3px #aaa;}
/*-------------copyright*/
#copyright{ width:100%; display:inline-block; text-align:center; padding:1px 0px; color:#999999; font: 12px Arial, Tahoma,Verdana; letter-spacing:-1px;}
#copyright a{color:#70b7ff; margin:5px;}
#copyright a:hover{color:#47a3ff; margin:5px; text-shadow: 3px 3px 3px #aaa;}

/*-------------page-nav*/
pre { font-family: "Verdana"; font-size: 10px; background-color: #FFFFCC; padding: 5px 5px 5px 5px; }
pre .comment { color: #008000; }
pre .builtin { color:#FF0000;  }

/* ==========================================================================
   $FORM-ELEMENTS
   ========================================================================== */
fieldset { position: relative; border: 0; margin: 0; /*1em 0 1.5em;*/  padding: 0;}
label:hover, label:focus {color: #0089ec;}
/**
 * Inputs and textareas
 */
input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=number],
input[type=search],
textarea { height:26px; text-align: center; font-size:14px; color:#4169E1; border: 1px solid #cccccc;  padding: .2em 1em;  font-weight: 200;  width: 100%;  -webkit-appearance: none;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus { outline: none;  border-color: #0089ec;}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=date]:hover,
input[type=number]:hover,
input[type=search]:hover,
textarea:hover { outline: none;  border-color: #0089ec; -moz-box-shadow: 1px 1px 3px 2px #3298ff;  -webkit-box-shadow: 1px 1px 3px 2px #3298ff;  -khtml-border-radius:1px 1px 3px 2px #3298ff; box-shadow: 1px 1px 3px 2px #3298ff;}

/**
 * Radios and checkboxes
 */
input[type=checkbox],
input[type=radio] {  margin-right: 5px;  vertical-align: 1px;}
/**
 * Select drop-downs and search
 */
select { font-size:14px; color:#4169E1; border: 1px solid #cccccc;  padding: 3px 5px;  height: 26px;  white-space: nowrap; font-weight: 200;  width: 100%; }
select:focus { outline: none;  border-color: #0089ec;}
select:hover { outline: none;  border-color: #0089ec; -moz-box-shadow: 1px 1px 3px 2px #3298ff;  -webkit-box-shadow: 1px 1px 3px 2px #3298ff;  -khtml-border-radius:1px 1px 3px 2px #3298ff; box-shadow: 1px 1px 3px 2px #3298ff;}
input[type=search] {  padding-left: 0;  padding-right: 0;  -webkit-border-radius: 14px;  -moz-border-radius: 14px;  border-radius: 14px;}
/**
 * Groups of fields
 */

.fieldset--date { margin-top: 0; padding: 1em;  background: #f8faf9;  border: 1px solid #ededed;  border-top: 0;  -webkit-border-radius: 0 0 4px 4px;  -moz-border-radius: 0 0 4px 4px;  border-radius: 0 0 4px 4px;  padding-top: 30px;  position: relative;}
.fieldset--date:before { content:"Date";  position: absolute;  top: 0;  left: 0;  font-family: Monaco, Consolas, "Liberation Mono", monospace;  font-weight: 500;  font-size: 12px;  line-height: 1;  background: #ffffff;  padding: 5px 6px 4px 6px;  color: #555555;  border-right: 1px solid #ededed;  border-bottom: 1px solid #ededed;  -webkit-border-radius: 0 0 4px 0;  -moz-border-radius: 0 0 4px 0;  border-radius: 0 0 4px 0;}
.fieldset--date .fieldset__button {  margin-bottom: 1em;  margin-right: 1em;}
.fieldset__wrapper { position: relative;}
.fieldset--splash .fieldset__input {  font-size: 1.2em;  text-align: center;}
.fieldset--splash .fieldset__input {  margin: 0 auto;  width: 80%;}
.fieldset--stat { margin-top: 0;  padding: 1em;  background: #f8faf9;  border: 1px solid #ededed;  border-top: 0;  -webkit-border-radius: 0 0 4px 4px;  -moz-border-radius: 0 0 4px 4px;  border-radius: 0 0 4px 4px;  padding-top: 30px;  position: relative;}
.fieldset--stat:before { content:"Station";  position: absolute;  top: 0;  left: 0;  font-family: Monaco, Consolas, "Liberation Mono", monospace;  font-weight: 500;  font-size: 12px;  line-height: 1;  background: #ffffff;  padding: 5px 6px 4px 6px;  color: #555555; /*#989a99;*/  border-right: 1px solid #ededed;  border-bottom: 1px solid #ededed;  -webkit-border-radius: 0 0 4px 0;  -moz-border-radius: 0 0 4px 0;  border-radius: 0 0 4px 0;}
.fieldset--chart {margin-top: 0;  padding: 1em;  background: #f8faf9;  border: 1px solid #ededed;  border-top: 0;  -webkit-border-radius: 0 0 4px 4px;  -moz-border-radius: 0 0 4px 4px;  border-radius: 0 0 4px 4px;  padding-top: 30px;  position: relative;}
.fieldset--chart:before { content:"View Graph";  position: absolute;  top: 0;  left: 0;  font-family: Monaco, Consolas, "Liberation Mono", monospace;  font-weight: 500;  font-size: 11px;  line-height: 1;  background: #ffffff;  padding: 5px 6px 4px 6px;  color: #555555; /*#989a99;*/  border-right: 1px solid #ededed;  border-bottom: 1px solid #ededed;  -webkit-border-radius: 0 0 4px 0;  -moz-border-radius: 0 0 4px 0;  border-radius: 0 0 4px 0;}

/* 
* Chart 
*/
/*#chart-styles */
.title { height: 42px; line-height: 45px; margin: 0 auto; padding: 0 40px; width: 940px; }
.title h1, 
.title h2 { display: inline; font-size: 20px; color: #0279ec; /*#f17f21*/ text-transform: none; text-shadow:3px 3px 3px #aaa;}
.chart_content { margin:3px; padding: 2px; width: 950px; /* 950px */}
.pane { position: relative; /*relative;*/  background-color: #ffffff; border: 1px solid #cfcfcf;
    border-radius: 3px; /*text-align: center;*/ width: 920px; /*height: 420px;*/ 
    padding: 5px; /* 50px; */ margin: 5px;  box-shadow: 0px 1px 3px 0px #e3e3e3;
    box-shadow: 0px 1px 3px 0px rgba(112,112,112,0.05);
}
.pane .long-title { position: relative; top: 2px; text-align: center; width: 950px; overflow: hidden; height:40px;}
.pane .long-title h3 { font-size: 28px; color: #ff9933; text-shadow:3px 3px 3px #ccc; }
#chart-canvass {width:100%; height:400px;}

#map-canvas { width: 100%; margin: 1px; padding: 1px }
#map {width: 100%; height: 600px; border: 2px solid #3399ff; -webkit-border-radius: 5px;  -moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px;}
#map-info{width: 200px; }
#map-info h2{ margin-top: 0; }
#map-info img{ float:left; margin-right:10px; }