/* CSS Document */

/* generic box with rounded corners definition */
.genericbox{clear:both; margin-top:0px; float:left; }
.genericbox .btop{height:6px; border-top:1px solid #E2EDF9; margin:0px 7px;  position:relative;}
.genericbox .btop .leftcorner{height:8px; width:7px; position:absolute; left:-7px; top:-1px; background: url('../images/topleft.gif') no-repeat top left; border:0px;}
.genericbox .btop .rightcorner{height:8px; width:7px; position:absolute; right:-7px; top:-1px; background: url('../images/topright.gif') no-repeat top right;}
.genericbox .bcontent{ border:solid #E2EDF9; border-width:0px 1px; position:relative;}
.genericbox .bbottom{height:6px; border-bottom:1px solid #E2EDF9; margin:0px 7px; position:relative;}
.genericbox .bbottom .leftcorner{height:7px; width:7px; position:absolute; left:-7px; bottom:-1px; background: url('../images/bottomleft.gif') no-repeat left bottom;}
.genericbox .bbottom .rightcorner{height:7px; width:7px; position:absolute; right:-7px; bottom:-1px;  background: url('../images/bottomright.gif') no-repeat right bottom;}

.hotspots{float:left;display:inline; width:532px;margin:0 0px 0 0;}

#dnn_ContentPane{width:50em;margin:0;}

/* tools and gadget box */
.gadgetWrapper{float:left;display:inline;width:56em;margin-bottom:10px;padding-bottom:8px;}
.gadgetWrapper .genericbox{margin:0 0 0 6px;float:left;clear:none;width:18em;}
.gadgetWrapper .first{margin-left:0;}
.gadgetWrapper .genericbox .bcontent{padding-top:10px;}

.gadgetWrapper .genericbox h3{width:auto;}

.gadgetWrapper .stationFinder{background:url('../images/stationfinder.jpg') 0 bottom no-repeat;}
.gadgetWrapper .txalert{background:url('../images/txalert.jpg') 0 bottom no-repeat;}
.gadgetWrapper .gadgetCalculator{background:url('../images/co2_bg.jpg') 0 bottom no-repeat;}
.gadgetWrapper .bff{background:url('../images/bff-bg.jpg') 0 bottom no-repeat;}
.gadgetWrapper .tips{background:url('../images/tips_bg.jpg') 0 bottom no-repeat;}
.gadgetWrapper .nobg{background:none;}
.gadgetWrapper .googlegadget{background:url('../images/google_bg.gif') 0 bottom no-repeat;}
.gadgetWrapper .mobile-panel {background: url('../images/mobile_app.jpg') 11px bottom no-repeat;} 
.gadgetWrapper .mobile-panel .inner p.longer {padding-left:90px;}
.gadgetWrapper .inner{height:100px;margin:0;padding:0;}
.gadgetWrapper H2{position:absolute;top:-999em;}
.gadgetWrapper H3{padding:9px 11px 4px 11px;background:url('../images/sub_header210.gif') 0 0  no-repeat;font-size:1.2em;color:#073362;margin:0 0 0px 0;width:184px;}
.gadgetWrapper P{margin:0 11px 10px 11px;}
.gadgetWrapper P.link{font-weight:bold;position:relative;top:5px;text-align:right}

					

/* end tools and gadgets */

 a.bluebutton{
background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: right;
font-weight: bold; /* Change 13px as desired */
line-height: 1em; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 19px; /* Height of button background height */
padding-left: 0.5em; /* Width of left menu image */
text-decoration: none;

}

 a:link.bluebutton, a:visited.bluebutton, a:hover.bluebutton, a:active.bluebutton{
color: #08335e; /*button text color*/
}

 a.bluebutton span{
background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 0.3em 0.7em 0.6em 0.3em; /*Set 10px to be equal or greater than'padding-left' value above*/
}

 a:hover.bluebutton{ /* Hover state CSS */
text-decoration: underline;
}


.gadgetWrapper .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */



}