<style type="text/css"> 
@import url(http://www.tampabay.com/components/resources/css/tpc-aggregate.css);
 
#map_tester{color:#ededed;padding:10px;background:#131a27;margin:0;float:left;min-height:350px;}

#map { position: relative; height: 100%; border-top: 1px solid #008; border-left: 1px solid #008; border-right: 1px solid #7B7DC6; border-bottom: 1px solid #7B7DC6; z-index: 0; }
.none { display: none; }


div#maincontainer {
   		position:relative;
   		top:0;
   		width:1000px;
   		background-color:white;
   		margin: 0 auto;

    }
div#maincontainer div#forecast-strip {
    	position:relative;
    	margin: 0 15px 0 15px;
    	border:none;
    	float:left;
    	background:transparent url(http://www.tampabay.com/universal/images/section/weather.gif) no-repeat;
    	background-position: 0 15px;
        width:965px;
    }
div#forecast-strip div#current-conditions{
	position:relative;
    	float:left;
}
div#forecast-strip .column{
	float:left;
        margin-right:0 5px;
        width:100px;
}
div#forecast-strip div#evening-morning{
	position:relative;
    	margin-right: 10px;
        padding-left: 10px;
        padding-bottom:15px;
    	border-right: 1px solid #ccc;
    	border-left: 1px solid #ccc;
    	float:left;
}
div#forecast-strip div#seven-day{
	position:relative;
    	float:left;
}
 
 
div#maincontainer div#mainwell{
    	position:relative;
    	float:left;
    	width:640px;
    	margin: 0 0 10px 15px;
    	border: none;
    
    }
div#siderail{
    	position:relative;
    	width:300px;
    	margin: 10px 20px;
    	border: none;
    	float:right;
    } 
    
body { font-family: Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#000; }
ul{
	list-style: none;
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 5px;
}
li {
        list-style-type:none;
}
div#maincontainer ul{
	list-style: none;
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
div#maincontainer li {
        list-style-type:none;
}



p { font-size:12px; font-weight: normal; text-align: left; padding-bottom: 4px;}
a:link { color: #336699; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover, a:focus, a:active { color: #336699; text-decoration: underline; outline: none; }
/* headlines except on storylevel pages */
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, Verdana, sans-serif; }
h1 { font-size: 18px; } /*for page labels*/
h2 { font-size: 18px; font-weight: bold; line-height: 18px; color: #000; padding:0; margin:2px 0;} /*for large labels and sudden bulletins*/
h3 { font-size: 14px; font-weight: bold; line-height: 1.3em; color: #000; margin:0 0 15px 0; padding:0;} /*for weather headlines*/
h4 { font-size: 14px; font-weight: bold; line-height: 12px; color: #000; padding:0;margin:5px 0 10px 0;} /*for larger black labels*/
h5 { font-size: 12px; font-weight: bold; line-height: 12px; color: #000;padding:0; margin:2px 0;} /*for smaller black labels*/
h6 { font-size: 14px; font-weight: bold; line-height: 12px; color: #cc0000; padding:0 5px 8px 10px; margin:0;} /*for bulletin*/
 
.labels { font-size: 12px; font-weight: bold; line-height: 1.3em; color: #666; padding: 4px 0; }
.timedate-stamps { font-size: 11px; font-weight: bold; line-height: 1.3em; color: #666; margin-bottom:5px; }
.temperatures { font-size: 36px; font-weight: 100; color: #999; padding:10px 0 0 0; line-height:30px; }
.conditions-list {
font-size: 12px; font-weight: bold; color:#000;
}
.conditions-list ul{
	list-style: none;
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
.conditions-list li{
	list-style: none;
	float:left
	display: block;
	font-weight:bold;
}
.gray-box {
	background-color: #e4e4e4;
	padding:5px 10px;
        margin:15px 0 25px 0;
}
.sponsored-heading {
	margin-top:10px;
 
}
.cities-forecast{
	margin:5px 0;
	float:left;
    clear:both;

}
.city-current{
	float:left;
	margin-right:10px;
        margin-top:15px;
	width:145px;
	height:50px;
}
.city-temp{
	float:left;
	margin-right:10px;
        margin-top:15px;
	width:70px;
}
.city-image{
	float:left;
	margin-right:10px;
}

.extended-forecast ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

.extended-forecast li {
    float: left;
    display: block;
    margin: 0;
    padding: 0 10px 10px 0;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    width:80px;

}

.extended-forecast li a:link, .extended-forecast li a:visited {
	text-decoration: none;
	font-weight: bold;

}

.extended-forecast li a:hover, .extended-forecast li a:active {
	text-decoration: underline;
}
div#lowerpage-container {
    	position:relative;
    	width:1000px;
    	margin: 0 auto;
    	padding: 0 0 10px 0;
    	border:none;
    	background:transparent url(http://www.tampabay.com/universal/images/section/weather.gif) no-repeat;
    	background-position: 15px 13px;
 }
#lowerpage-container ul{
	list-style: none;
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
#lowerpage-container li {
        list-style-type:none;
}


div#tides-scroller {
position:relative;
left:10px;
top:10px;
width:430px;
height:80px;
overflow: auto;
background: #ffffff;
padding-bottom: 5px;
margin:10px 0;
border:1px solid #ececec;
}

.tides table {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	width:450px;
}
.tides th, .tides td {
	padding: 6px 2px;
        margin: 0;
	border-bottom: 1px solid #ececec;
}
.tides th {
	text-align: center;
}
.tides thead th, .tides tfoot th, .tides tfoot td {
	font-size: 1.3em;
}
.tides tbody th {
	background-color: #e4e4e4;
}
.tides tbody th, .tides tbody td {
	background-color:none;
}
.tides tbody tr:hover td, .tides tbody tr:hover th {
	background-color: #ececec;
}



div#hourly {
	width:470px;

}
div#hourly p {
	text-align:center;
       padding:0;
margin:0;
}
div#hourly ul{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;

}
div#hourly li{
    float: left;
    display: block;
    margin: 0;
    padding: 5px 0;
    border-bottom:1px solid #ececec;
    text-align: center;
   vertical-align: middle;
}
div#hourly-header ul{
  background-color:#e4e4e4; 
  height:40px;
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;

}
div#hourly-header li{
    float: left;
    display: block;
    margin: 0;
    padding: 10px 0;
    text-align: center;
font-weight:bold;
font-size:10px;

}
.h-time{
	width:70px;
	margin-right:5px;
    height: 85px;
}
.h-conditions{
	width:90px;
	margin-right:10px;
   height: 85px;
}

.h-conditions img{
        margin:0;
        float:both;
}
.h-feels{
	width:75px;
	margin-right:5px;
         height: 85px;
}
.h-precip{
	width:80px;
	margin-right:5px;
    height: 85px;
}
.h-humidity{
	width:65px;
	margin-right:5px;
    height: 85px;
}
.h-wind{
	width:85px;
	margin-right:5px;
    height: 85px;
}
.h-sunset{
width:460px;
background-color:#ececec;
}

.tbcom-buttons ul {
	list-style: none;
    margin: 0;
    padding: 0;
}

.tbcom-buttons li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    font-family:helvetica;

}

.tbcom-buttons li a:link, .tbcom-buttons li a:visited {
	text-decoration: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
    margin: 0 1px;
    padding: 2px 8px;
    background: #ececec;
    border-top:1px solid #eee;
    border-bottom:1px solid #dcdcdc;
}

.tbcom-buttons li a:hover, .tbcom-buttons li a:active {
	padding-top:6px;
	background: #4e77a8;
	color:#fff;
}


.tbcom-buttons li a.current {
	padding-top:6px;
	background: #4e77a8;
	color:#fff;
}

.tbcom-buttons li a.current:hover {
    cursor: default;
}



.unique-buttons a:link, .unique-buttons a:visited {
	text-decoration: none;
	color:  #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
    margin: 5px;
    padding: 2px 8px;
    background: #999;
    border-top:1px solid #eee;
    border-bottom:2px solid #cccccc;
}

.unique-buttons a:hover, .unique-buttons a:active {
	background: #4e77a8;
	color:#fff;
}
 
div#uvIndexBttn {
    margin:1px 0;
    padding:0;
    width: 115px;
    height: 28px;
    float: left;
}

#uvIndexBttn a:link, #uvIndexBttn a:visited {


    display: block;
    text-indent: 40px;
    line-height:28px;
    height: 28px;
    text-decoration: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
    border-top:1px solid #eee;
    border-bottom:1px solid #dcdcdc;
    background: #ececec url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-uv.png) no-repeat;
}

#uvIndexBttn a:hover, #uvIndexBttn a:active {
	background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-uv.png) no-repeat;
	color:#fff;
}

#uvIndexBttn a.current {
	background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-uv.png) no-repeat;
	color:#fff;
}

#uvIndexBttn a.current:hover {
    cursor: default;
}

div#hurricaneBttn {
    margin:1px 0;
    padding:0;
    width: 115px;
    height: 28px;
    float: left;
}

#hurricaneBttn a:link, #hurricaneBttn a:visited {
    display: block;
    text-indent: 40px;
    height: 28px;
    line-height:28px;
    text-decoration: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
    border-top:1px solid #eee;
    border-bottom:1px solid #ccc;
    background: #ececec url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-hurricane.png) no-repeat;
}

#hurricaneBttn a:hover, #hurricaneBttn a:active {
	background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-hurricane.png) no-repeat;
	color:#fff;
}

#hurricaneBttn a.current {
	background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-hurricane.png) no-repeat;
	color:#fff;
}

#hurricaneBttn a.current:hover {
    cursor: default;
}
div#marineBttn {
    margin:1px 0;
    padding:0;
    width: 115px;
    height: 28px;
    float: left;
}

#marineBttn a:link, #marineBttn a:visited {
    display: block;
    text-indent: 40px;
    height: 28px;
    line-height:28px;
    text-decoration: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
    border-top:1px solid #eee;
    border-bottom:1px solid #ccc;
    background: #ececec url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-marine.png) no-repeat;
}

#marineBttn a:hover, #marineBttn a:active {
	background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-marine.png) no-repeat;
	color:#fff;
}

#marineBttn a.current {
	background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-marine.png) no-repeat;
	color:#fff;
}

#marineBttn a.current:hover {
    cursor: default;
}
div#radarBttn {
    margin:1px 0;
    padding:0;
    width: 115px;
    height: 28px;
    float: left;
}

#radarBttn a:link, #radarBttn a:visited {
    display: block;
    text-indent: 40px;
    height: 28px;
    line-height:28px;
    text-decoration: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
    border-top:1px solid #eee;
    border-bottom:1px solid #ccc;
    background: #ececec url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-radar.png) no-repeat;
}

#radarBttn a:hover, #radarBttn a:active {
    background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-radar.png) no-repeat;
	color:#fff;
}

#radarBttn a.current {
    background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-radar.png) no-repeat;
	color:#fff;
}

#radarBttn a.current:hover {
    cursor: default;
}

div#almanacBttn {
    margin:1px 0;
    padding:0;
    width: 115px;
    height: 28px;
    float: left;
}

#almanacBttn a:link, #almanacBttn a:visited {
    display: block;
    text-indent: 40px;
    height: 28px;
    line-height:28px;
    text-decoration: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
    border-top:1px solid #eee;
    border-bottom:1px solid #ccc;
    background: #ececec url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-almanac.png) no-repeat;
}

#almanacBttn a:hover, #almanacBttn a:active {
    background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-almanac.png) no-repeat;
	color:#fff;
}

#almanacBttn a.current {
    background: #4e77a8 url(http://www.tampabay.com/wunderground/images/nav-icons/bttn-almanac.png) no-repeat;
	color:#fff;
}

#almanacBttn a.current:hover {
    cursor: default;
}


/* WUI styles */
#minimap { width: 620px; }
#minimaptable { background:url(http://tampabay.com/universal/nav/images/shadow_bottom.png) repeat-x scroll 0 bottom #527DB1; width:620px; height:24px; margin-bottom:1px; }
#minimap TD { border-left: 1px solid white; color: white; font-size: 12px; line-height:15px; padding:4px 17px 5px; text-decoration:none; text-align:center; }
#minimap .on { color: #FFF; border-left: 1px solid #003063; border-right: 1px solid #003063; background-color: #003063; cursor: default; white-space: nowrap; }
#minimap .off { color: #808080; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-top: 1px solid #BBB; background-color: #D9E0E8; cursor: pointer; white-space: nowrap; }
#minimap #link { text-align: center; }

#layers { border: 0; width:600px; height:400px; margin: 10px; }
#layers #layer1 { display: block; }
#layers #layer2 { display: none; }

.tbcom-buttons li a.tab_hover {
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
    margin: 0 1px;
    #padding: 2px 8px 6px 8px;
	padding-top:6px;
	background: #4e77a8;
	color:#fff;
    border-top:1px solid #eee;
    border-bottom:1px solid #dcdcdc;
}
.tbcom-buttons li a.tab {
	text-decoration: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
    margin: 0 1px;
    padding: 2px 8px;
    background: #ececec;
    border-top:1px solid #eee;
    border-bottom:1px solid #dcdcdc;
}

.data_tab {
border:1px solid gray;
width:500px;
height:100px;
text-align:left;
font-family:verdana;
font-size:12px;
padding:.3em;
}
    </style>

