/* TOP-ARROW */

.jsuparrow {background-color:#CDDBCD;border:0px none;color:#22464F;text-decoration:none;}
.jsupoutline {background:#CDDBCD none repeat scroll 0%;border:0px solid #2266AA;height:15px;left:0px;padding:0px;position:absolute;top:0px;width:24px;float:left;}

/* General layout */
body {background:#fff; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:0;}
#container {background:#fff; margin:0 auto; padding:5px 20px 20px 20px; width:1016px;}

a { color:#303030; text-decoration:none;}
a:hover { color:#303030; text-decoration:underline;}

img {border: 0;}
img a {border: 0;}

.topmenubar {float: left; background-image:url(img/back3.gif); float:left;background-repeat: repeat-x; width:986px; height: 25px; margin-top: 3px;color:#fff;}
.topmenu a:link, .topmenu a:visited {color:#fff; text-decoration:none; /*font-weight:bold;*/ display: block;white-space: nowrap; padding: 0px 10px 0px 10px;margin-top: 0px;font-family: Arial; background-image:url(img/menu_a_bg.gif);background-repeat:no-repeat;background-position:right center;}
.topmenu ul {margin:0; list-style:none; padding-left:0px;}
.topmenu ul li {float:left; padding:0; line-height:25px;}
.topmenu ul li a:hover {color:#fff;background-color: #fb470b;}

.main {padding: 5px 0 0 0;}

.footer { margin:0 15px 0 15px; width: 986px; border-top: 1px solid #ccc; padding: 5px 0 10px 0; line-height: 1.3em; }
.footer a {color:#303030;  text-decoration:none; }

.tbl {border : 1px solid #fbaf0b;}
.tbl_header {background:url(img/back3.gif) repeat-x; height: 25px; color:#fff;}
.sidebox_header {background:url(img/sideback.png) repeat-x; height: 25px; color:#000;}
.tbl_row a {text-decoration: none;color: #505050;}
.tbl_row a:hover {text-decoration: underline;}

.currentcond_header {
font-size:1.0em; font-weight:600; margin:0;
text-align: center;
}
.gauges {
text-align: center;
vertical-align: top;
height: 160px;
}
.maxmin {
font-size: 0.9em;
line-height: 1.2em;
text-align: center;
}
.topfaqbox {
background-color: #F0F0F0;
margin: 0;
padding:  0 5px 0 5px;
border: 1px solid #fbaf0b;
text-align: left;
line-height:1.3em;
margin: 0 0 15px 0px;
width: 770px;
}

// GM TIP

      #map_canvas2 {
      height: 500px;
      width: 500px;
      font: 12px Arial;
      }

      #maptip {
      background: url('img/bubble.png') no-repeat;
      border: 0px solid #000;
      color: #fff;
      font: 12px arial, sans-serif;
      margin: 0px;
      width: 305px;
      height: 230px;
      padding: 6px 5px;
      position: absolute;
      top: -50000px;
}

     #maptip_cam {
      border: 0px solid #000;
      background-image: url('img/loading.gif') center no-repeat;
      color: #fff;
      font: 12px arial, sans-serif;
      margin: 0px;
      width: 320px;
      height: 260px;
      padding: 0;
      position: absolute;
      top: -50000px;
}

.tip {
      color: #fff;
      font: 11px tahoma, sans-serif;
      border-bottom: 0px solid #777;
}

.stat {
      color: #fff;
      font: 11px tahoma, sans-serif;
      padding-top: 3px;
}

.GMtip {
color: #FFF;
font: 11px tahoma, sans-serif;
}

.GMtip_cam {
text-align: center;
display: block;
}
.GMtip_cty {
color: #FFF;
font: 11px  Arial, Tahoma;
font-weight: bold;
/*background: #444;*/
padding: 2px;
display: block;
min-width: 280px;
width: auto !important;
width: 270px;
}
.subhead {
font-family: Arial, Tahoma;
font-weight: bold;
/*background: #777;*/
/*background: #444;*/
padding: 2px;
/*color: #FFDEAD;*/
color: #FFF;
}
.subhead2 {
font-family: Arial, Tahoma;
font-weight: bold;
/*background: #444;*/
color: #FFF;
}
.subdata {
padding: 2px;
}
.GMtip_time {
float: right;
padding-right: 15px;
}
.GMtip_max {
font-size: 10px;
font-family: Arial, Tahoma;
color: #FFC0CB;
font-weight: bold;
padding: 2px;
}
.GMtip_min {
font-size: 10px;
font-family: Arial, Tahoma;
color: #87CEFA;
font-weight: bold;
padding: 2px;
}
.GMtip_trac_h {
font-family: Arial, Tahoma;
color: #000;
font-size: 11px;
}
.GMtip_trac {
font-family: Arial, Tahoma;
color: #000;
font-size: 11px;
}
.GMtip_tmp {
font-family: Arial, Tahoma;
font-weight: bold;
font-size: 15px;
margin-bottom: 5px;
margin-top: 5px;

}

/************* Megamenu ***************/

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: #FBAF0B;
border: 1px solid #FB470B;
border-width: 5px 1px;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;

}

.megamenu .column{
float: left;
width: 150px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #FB470B;
font: bold 12px Arial;
margin: 0 0 5px 0;
color: #fff;
padding-left: 3px;
}

.megamenu .column ul li a{
text-decoration: none;
color: #fff;
}

.megamenu .column ul li a:hover{
color: red;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e {
position:absolute;
top: -3px;
border: 1px solid #222; 
border-width: 0 1px 1px;
font: normal 10px Tahoma;
line-height:16px;
font-weight:normal;
z-index:100;
background: #fbaf0b;
color: #000;
width: 200px;
visibility: hidden;
padding: 0;
}


.dropmenudiv_e a:link, .dropmenudiv_e a:visited,  {
width: auto;
display: block;
text-indent: -5px;
padding: 0;
text-decoration: none;
font-weight:normal;
background: #fbaf0b;
line-height:14px;
color: #FFF;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover { /*THEME CHANGE HERE*/
background-color: #fb470b;
color: #fff;
}

/* SHADETABS */

.shaddetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #fbaf0b;
color: #fff;
background: white url(./img/back3.gif) top left repeat-x;
/* cursor:hand; */
cursor:pointer;
}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
color: #fff;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}



.shadetabs li{
display: inline;
margin: 0;
color: #fff;
}

.shaddetabs .shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #fbaf0b;
color: #fff;
background: white url(./img/shade.gif) top left repeat-x;
}

.shadetabs span a {
color: #fff;
text-decoration: none;
}

.shadetabs a:visited{
color: #fff;
text-decoration: none;
}

.shadetabs a:hover{
text-decoration: underline;
color: #fff;
}

.shadetabs span a.selected{ /*selected main tab style */
position: relative;
top: 1px;
color: #505050;
}


.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #ffffff;
font-weight: bold;
font-size: 11px;
border: 0px solid black;
padding: 0px 0px 0px 3px;
}

div.eg-bar{
width: 170px;
}

.icongroup1{
font-size: 11px;
width: 170px;
}

/* TABS */


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url('tab.png') no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    background: url('tab.png') no-repeat;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
    background: url('tab.png') no-repeat;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    font-family:verdana;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs {
}
.ui-tabs-panel2 {
    border-top: 0px solid #97a5b0;
    padding: 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}