/* menu_style */

body{
background-color:#b0d1f1;
}

.altTextField {
background-color: #ffa756;
font-family: verdana, arial, ms sans serif;
border: #000000 1px solid;
color: black;
}

.altButtonFormat {
width: 170px;
height:20px;
cursor:hand;
background-color: #6999cb;
font-family:  verdana, arial, ms sans serif;
font-size:8pt;
font-weight: bold;
border: #ffa756 0px solid;
color: black;
}

.specialButtonFormat {
width: 170px;
height:20px;
cursor:hand;
background-color: #6999cb;
font-family:  verdana, arial, ms sans serif;
font-size:8pt;
font-weight: bold;
border: #A8D3FF 0px solid;
color: red;
}

.altButtonFormatHilite {
width: 170px;
height:20px;
cursor:hand;
background-color: #ffa756;
font-family:  verdana, arial, ms sans serif;
font-size:8pt;
font-weight: bold;
border: #ffcc00 0px solid;
color: black;
}

.altCheckBox {
width:20px;
height:20px;
background-color:#FDD017;
color:black;
border-left: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
}


.altSelectFormatHilite {
width:75px;
cursor:hand;
background-color: #ffa756;
font-family:  verdana, arial, ms sans serif;
font-size:8pt;
font-weight: bold;
color: black;
}

.tableRollOverEffect1{
		background-color:#cdcdcd;
		color:#000000;
	}

.tableRollOverEffect3{
		background-color:#f2f2f2;
		color:#000000;
	}

.tableRollOverEffect2{
		background-color:#ffa756;
		color:#000000;
}


table{font-family:Verdana,Arial, ms sans serif;font-size:8pt;}

.altTender{list-style-type:decimal;font-family:Verdana;font-size:11pt;color:#336699;font-weight:bold}
.tabledata{font-family:Verdana,Arial, ms sans serif;font-size:10pt;}

/*
A:link {color:"#FFFFFF"; text-decoration: none}
A:visited {color:"#FFFFFF"; text-decoration: none}
A:hover {color:"#FFFFFF"; text-decoration: underline}
A:active {color:"#FFFFFF"; text-decoration: none}
*/

A.vig:link {color:#000000; text-decoration: none}
A.vig:visited {color:#000000; text-decoration: none}
A.vig:hover {color:blue; text-decoration: underline}
A.vig:active {color:#000000; text-decoration: none}

A.tender1:link {color:#0033CC; text-decoration: underline}
A.tender1:visited {color:#0033CC; text-decoration: underline}
A.tender1:hover {color:#0033CC; text-decoration: underline}
A.tender1:active {color:#0033CC; text-decoration: underline}

.storm_menu_item_group{
  position:relative;
}

.new_1{
  position:absolute;
  width:33px;
  height:16px;
  left: -21px;
  top: 3px;
  margin:0px 0px 0px 0px;
}


#storm_data {

	position:absolute;

	width:170px;

	height:20px;

	z-index:22;

	left: 169px;

	top: -2px;

	margin:0px 0px 0px 0px;	

}

#vm{
position:relative;
height:1%;
}
.newbg{
background-image:url(../images/new_bg.gif);
background-position:top;
background-repeat:repeat-x;
}

.productheader{
 background-color:#ffca9a;
}

.vmenuarea{
 background-color:#ffca9a;
}

.vmenuareatop{
 background-image:url(../images/triangle.png);
 background-position:right;
 background-repeat:no-repeat;
 background-color:#57708a; 
}

.headerofvmenu{
 color:#ffca9a;
 height:25px;
 position:relative;
 top:0px;
 left:0px; 
 border-left:1px solid #ffca9a;
 height:100%; 
}

#divheadervmenu{
   position:relative;
   top:5px;
   left:10px;
}

/*warnings*/
#accordion {
 background-color:#f2f2f2;
}

#warningsdiv p , span.itempointspan , span.contentspan{
padding:0 0 0 15px;
}

#nowcasting{
  background-color:#F9E9C8; height:auto; margin:5px 0px 5px 0px; padding:5px 5px 5px 10px;
}

.imp-message{
  background-color:#F9E9C8; height:auto; margin:5px 0px 5px 0px; padding:5px 5px 5px 10px;
}

.bold-context-header{
color:#0000FF;
font-weight:800;
font-size:1.2em;}

.climate-info-table td{
border:1px solid #6bcadb;
border-collapse:collapse;
}

.weather-info-table td{
border:1px solid #6bcadb;
border-collapse:collapse;
}