/* 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;

}

/* ######### 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;
}