img {
		border:0;	
}

h3 {
		clear:both;
		font-size:1.0em;
		color: #FFFFFF;
		background-color:#000080;
		font-weight: bold;
		padding: 2px;
		margin: 0px;
}

div.spacer_v1 {
        /** 1px vertical space. **/
        clear: both;
        padding: 1px 0px 0px 0px;
        margin: 0;
}

div.spacer_v5 {
        /** 5px vertical space. **/
        clear: both;
        padding: 5px 0px 0px 0px;
        margin: 0;
}

div.spacer_v10 {
        /** 10px vertical space. **/
        clear: both;
        padding: 10px 0px 0px 0px;
        margin: 0;
}

div.spacer_v20 {
        /** 20px vertical space. **/
        clear: both;
        padding: 20px 0px 0px 0px;
        margin: 0;
}

div.spacer_v50 {
        /** 50px vertical space. **/
        clear: both;
        padding: 50px 0px 0px 0px;
        margin: 0;
}

div.twc_anim_radar_spacerv1 {
        clear: both;
        padding: 1px 0 0 0;
        background-color:#808080;
}

div.buttons {
		float:left;	
}	

div.buttons input{
		background-color:white;
		border: 1px solid grey;
		padding:3px;
}	

.date_header {
        font-size: 1.1em;
        font-weight: bold;
        color: #D91102;
}

div.worlddrops {
		padding: 5px;
		margin: 0px;
		background-color:#DCDCDC ;   	
}

div.worlddrops label {
		font-size: 1.0em;
		font-weight: bold;
}

div.worlddrops select {
		font-size: 0.9em;
		color: #AA0000;
}

.map {
        color: #D91102;
        border-color: #D91102;
        /*border-width: 1px;*/
}

.bold {
		font-weight: bold;
}

.large {
		font-size: 1.1em;
        font-weight: bold;
}

td.date {
		text-align:left;
		padding:5px;
		margin: 0px;
		font-weight:bold;
}	

td.screenName {
		text-align:left;
		padding:5px;
		margin: 0px;
		font-weight:bold;
}	

td.currentTemp {
		font-weight: bold;
		color: #AA0000;
}	

th {
		font-size: 1.0em;
        font-weight:bold;
        text-align:center;
        color: #FFFFFF;
        padding: 4px 0 4px 0;
        background:url('/assets/template/content_box_header_bg.gif') repeat-x;		
}

td {
		font-size: 0.9em;
		text-align:center;
}

td.countryNames {
        font-size: 10px;
        font-weight: bold;
        text-align:left;
        color: #11569B;
        background-color: #B8DDF7;
        padding: 5px;
}

/*
* navigation bar for the forecast 
*/

div.navForecasts {
	background-color: #DADADA;
	text-align: center;
}

div.navForecasts span{
	font-weight: bold;
	display:block;
	margin: 0;
	padding: 4px;
	color: #FFFFFF;
	background: url('/assets/template/content_nav_bg.gif') #D82423 repeat-x;
}

div.navForecasts a {
	display: block;
	margin: 0;
	padding: 3px;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFFFFF;
}

div.navForecasts a:hover {
	color: #FFFFFF;
	background:url('/assets/template/nav_over_bg.gif') #CECECE repeat-x;
}

div.radarControlPanel {
	background-color:#BBBBAA;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	font-weight:bold;
	padding:5px;
	margin:auto;	
}

/*
*	locations on the map
*/

table.mapLocations	{
	position: absolute;
	font-family:arial, verdana, sans-serif; 
	font-size: 1.0em;
}

table.mapLocations td {
	color: #000000;
	
}

table.mapLocations a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

table.mapLocations a:hover {
	
}

table.mapLocations span {
	text-align: left;
}


/* Produced by in the footer*/

#produced {
	text-align:center;
	padding-top:2em;
	padding-bottom:1em;
	padding-left: 225px;
	font-size:0.8em;	
}

/*
* navigation bar for the radar 
*/

div.radarNav {
	color: #FFFFFF;
	text-align: center;
}

div.radarNav span{
	margin: 0;
	padding: 5px;
	font-weight: bold;
	background: url('/assets/template/content_nav_bg.gif') #D82423 repeat-x;
}

div.radarNav a {
	margin: 0;
	padding: 5px;
	text-decoration: none;
	background-color: #BBBBAA;
}

div.radarNav a:hover {
	background:url('/assets/template/nav_over_bg.gif') #CECECE repeat-x;
}

.grey {
	color: gray;
}

.bold {
	font-weight: bold;	
}	
