/* Begin : Page Layout styles (supplied by Design Team)*/

/* CSS Document */

html, body 
{
	overflow:auto;
}

body{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	overflow-y:auto;
	overflow-x:auto;
	position:relative;
}
a, img{
	border:none;
	text-decoration:none;
	color:#376B9D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
	color:#013C75;
}

h1{ font-size: 12px;}
a:focus { outline: none; } /* disable annoyed dotted border that appears around linkable images when they are clicked */

div{
	margin:0px; padding:0px;
}

.btns{
	font-weight:bold; color:#CC0105; padding:2px 4px 2px 4px; cursor:pointer; font-size:0.9em; vertical-align:top;
}

.ddlists{
	font-size:0.9em;
	margin-top:2px;
}

#wrapper{
	width: 955px;
	margin: 0 auto;
	/*overflow: hidden;*/
}

#forecast_wrapper {
	border: solid 1px #5ECEF6;
	border-top:none;
	position:relative;
	padding: 5px 0 0 7px;
}

.wrapper{
	width:955px;
	margin: 0 auto;
	/*overflow: hidden;*/
}

.top_ad_banner{
	text-align:center; 
	padding:4px; 
	background:url(../images/grey_banner_bg.gif) no-repeat;
}

/*...............Rounded corners on divs.......................*/
.rd_corners {
	clear:both;
	float:none; 
	background: transparent;
	margin:0px 0px 0px 0px;
}

.rd_corners h1, .rd_corners h1 {
	margin:0; 
	font-size:1.2em; 
	padding:0 10px 5px 10px; 
 /* bottom border of the heading to go here */
}

.rd_corners p, .rd_corners p {
	margin:0; 
	padding:5px 10px; 
	font-size:10px;
}

.xtop, .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
	display:block; 
	/*zoverflow:hidden;*/
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	border-left:1px solid;  /* left curve border of the heading  */
	border-right:1px solid; /* right curve sborder of the heading  */
}
.xb1 {
	margin:0 5px; 
}

.xb2 {
	margin:0 3px;
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px; 
	margin:0 1px;
}

.xboxcontent {
	border:0 solid; 	 /* left & right border of the content area  */
	border-width:0 1px;
	overflow:hidden;
}

.whiteBG{background:#FFFFFF;}
.lightGBoarder{border-color:#ABAEB3;}
.greyBG{background:#ABAEB3}
.lightBlueBG{background:#58C8F8;}
.darkBlueBG{background:#0386CA;}
.whiteBorder{border-color:#FFFFFF}
.lightBlueBorder{border-color:#58C8F8}
.darkBlueBorder{border-color:#0386CA}

.dimensions{width:461px; height:331px; padding:0px; margin:0px;}

/*...............Main Content - Current Conditions........................*/
.main_bg{
	width:935px;
	overflow:hidden;
	background: #9EE0FB url(../images/top_striped_bg.gif) top left no-repeat;
}

.top_info{
	clear:both;
	float:left;
	width:450px;
	margin:8px 10px 5px 10px; 
	font-weight:bold;
	line-height:1.5em;
}

* html .top_info{
	margin:5px;
	width:455px;
}

.font12{
	font-size:1.4em;
}

.plain{
	font-weight:normal;
	font-size:0.9em;
}

.drop_lists{
	clear:right;
	float:left;
	background:url(../images/drop_list_bg.gif) no-repeat;
	height:42px;
	width:395px;
	margin-top:8px;
	padding:10px 0px 0px 10px;
}

.view_map{
	clear:right;
	float:left;
	width:53px;
	height:42px;
	margin:8px 0px 0px 0px;
	background:url(../images/map_view.gif) no-repeat;
	text-align:center;
	cursor:pointer;
}

.view_map:HOVER{
	text-decoration:none;
}

.view_map p{
	margin:27px 0px 0px 0px;
	color:#FFFFFF;
	font-size:0.7em;
	padding:0px;
}

.left_nav{
	clear:both;
	float:left;
	width:200px;
	margin:5px 0px 0px 5px;
}

#leftlinks{
	list-style-type:none; 
	margin:0px; 
	padding:0px;
}
.reports{
	clear:right;
	float:left;
	width:720px;
}

.reports_min_height
{
    height:300px;
    float:left;
    width:1px;
}

.bottom_corners{
	width:935px;
	height:9px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.lines_bg {
	float:left;
	width:626px;
	height:410px;
	background:url(../images/lines_bg.gif) no-repeat;
	margin:5px 0px 5px 0px;
}

.lines_african_bg
{
	clear:both;
	float:left;
	width:500px;
	height:401px;
	background:url(../images/african_weather_bg.gif) no-repeat;
	margin:5px 0px 10px 0px;
	padding-bottom:10px;
}

.lines_side_bg{
	float:left;
	background:url(../images/lines_side_bg.gif) top left no-repeat;
	height:410px;
	width:309px;
	margin:5px 0px 5px 0px;
}

.instruc{
	margin:25px 0px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.ad_300x250{
	float:left;
	margin:26px 0px 0px 10px;
}

* html .ad_300x250{
	float:left;
	margin:26px 0px 0px 5px;
}

.control_bg{
	clear:both;
	float:left;
	margin:10px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	width:463px;
	height:340px;
}

* html .control_bg{
	margin:10px 0px 0px 4px;
}

.control_african_bg{
	clear:both;
	float:left;
	margin:10px 0px 0px 18px;
	padding:0px 0px 0px 0px;
	width:463px;
	height:340px;
}

* html .control_african_bg{
	margin:10px 0px 0px 9px;
}

.current_map{
	background:#038FCD;
	width:400px;
	margin:0px 0px 0px 30px;
	text-align:center;
	border:1px solid #376B9D;
}

.right_nav{
	clear:right;
	float:left;
	width:150px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.reg_text{
	float:left;
	font-weight:bold;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	margin:12px 0px 0px 12px;
	padding:0px 0px 0px 0px;
}

* html .reg_text{
	margin:10px 0px 0px 8px;
}

.right_links{
	float:left;
	margin:18px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.bottom_nav{
	clear:both;
	float:left;
	padding:0px;
	margin:0px 0px 0px 6px;
	background:url(../images/bottom_nav_bar.gif) repeat-x;
	height:44px;
	width:609px;
	border-right:1px solid #D4D3D3;
	border-left:1px solid #D4D3D3;
}

* html .bottom_nav{
	margin:0px 0px 0px 4px;
	padding:0px;
	height:44px;
}

.a_left_spacing{
	margin-left:18px;
}

* html .a_left_spacing{
	margin-left:9px;
}

.bottom_nav ul{
	list-style:none;
	padding:0px;
	padding-left:10px;
	margin:0px;
}

.bottom_nav li{
	float:left;
	font-weight:bold;
	color:#376B9D;
	text-align:center;
	padding-top:14px;
	padding-left:3px;
	padding-right:3px;
}

.bottom_nav li.current
{
	color:Red;
	background:url(../images/bottom_current.gif) top left no-repeat;
}

.bottom_nav li.divider{
	float:left;
	width:3px;
	font-size:0.9em;
	font-weight:bold;
	color:#376B9D;
	text-align:center;
	padding-top:14px;
}

/* End : Page Layout styles (supplied by Design Team)*/

/* Begin : Styles for the TwentyFour.Products.ProductFooter control */
.footerCopyright
{
    font-family:Verdana;       
    font-size: 7.5pt;
    color: #376B9D;
    font-weight: bold;
}

.footerLink
{
    color:Black;
    font-weight:bold;
    text-decoration:none;
    font-size:7.5pt;
    font-family:Verdana;
}

.footerLink:hover
{
    text-decoration: underline;
}
/* End : Styles for the TwentyFour.Products.ProductFooter control */

/* Start : Styles for Navigation Bar */

.navigationBar 
{
	background-color:#FEE332;
	height:26px;
	width:953px;
	padding-top:5px;
	font-family:Verdana;
	font-size:11px;
	color:Black;
	white-space:nowrap;
	background:url(../images/tab_line.gif) repeat-x;	
	position:relative;
	border-bottom:solid 1px #5ECEF6;
}

#navigationtabs
{
	position: absolute;
	list-style: none;
	margin:0px; padding:0px;
	bottom: -1px !important;
	bottom: -2px;
}

#navigationtabs ul
{
	margin:0px; padding:0px;
}

#navigationtabs li 
{
	float: left;
	padding-right:4px;
	margin-left:3px;
	text-transform:uppercase;
	font-weight:bold;
}

#navigationtabs a, #navigationtabs a span 
{
	display: block;
	float: left;
	cursor:pointer;
	font-weight:bold;
}


#navigationtabs a.active-tab, #tabs a.active-tab span
{
	display: block;
	float: left
}

#navigationtabs a 
{
	float: left;
	padding:0px 0px 0px 6px;
	font-weight:bold;
	font-size:11px;
	color: #9C9C9C;
	background:url(../images/left_tab.gif) left top no-repeat;
	text-decoration: none;
	height:25px;
	margin:0px;
}

#navigationtabs a span 
{
	background: url(../images/right_tab.gif) right top no-repeat;
	padding-right: 6px;
}

#navigationtabs a span p
{
	background:url(../images/middle_tab.gif) top repeat-x;
	padding:6px 0px;
	margin:0px;
}

#navigationtabs a:hover 
{
	float: left;
	text-decoration:underline;
}

#navigationtabs a.active-tab 
{
	background: #ffffff url(../images/left_current_tab.gif) left top no-repeat;
	color:#FF0000;
}

#navigationtabs a.active-tab span
{
	background: url(../images/right_current_tab.gif) right top no-repeat;
	padding-right: 6px;
	margin:0px;
} 

#navigationtabs a.active-tab span p
{
	background:  url(../images/middle_current_tab.gif) top repeat-x;
	padding:6px 0px;
	margin:0px;
} 

.panel 
{
	border: solid 1px #5ECEF6;
	border-top:none;
	position:relative;
	padding: 5px 0 0 7px;
    background-color: #ffffff;
}

/* End : Styles for Navigation Bar */

/* Start : Styles for Login Control */

#m_authPanelButton
{
    border-right: black 0px solid;
    padding-right: 0px;
    border-top: black 0px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    border-left: black 0px solid;
    padding-top: 0px;
    border-bottom: black 0px solid;
}
 
#m_authButton
{
    font-weight: bold;
    font-size: 10px;
    color: #E63831;
    font-family: Verdana;
    text-decoration: none;
}
 
#m_authButton:visited
{
    font-weight: bold;
    color: #E63831;
    text-decoration: none;
}
 
#m_authButton:hover
{
    font-weight: bold;
    cursor: pointer;
    color: #0216f3;
    text-decoration: underline;
}
 
#m_authEditLink
{
    cursor: pointer;
    color: black;
    text-decoration: none;
}
 
#m_authEditLink:visited
{
    cursor: pointer;
    color: black;
    text-decoration: none;
}
 
#m_authEditLink:hover
{
    font-weight: bold;
    cursor: pointer;
    color: black;
    text-decoration: underline;
}
 
#m_authNickLabel
{
    font-size: 10px;
    color: black;
    font-family: Verdana;
}
 
#authGreeting
{
    font-size: 10px;
    color: black;
    font-family: Verdana;
}

/* End : Styles for Login Control */

/* Start : Styles for Forecasts */

	.forecastPanel
	{
		width:100%;
		font-family:Verdana;
		font-size:10px;
	}
    /* Start : General set of styles for forecast tables */
	.forecastTable
	{
		width:100%;
	}

	.forecastHeading
	{
		color:#000000;
		background-color:#D6F1FC;
		font-weight:bold;
		padding:3px;
	}
	
	.forecastSubHeading
	{
		color:#000000;
		background-color:#EEEEEE;
		font-weight:bold;
		white-space:nowrap;
		padding:3px;
	}

	.forecastDataLabel
	{
		color:#000000;
		background-color:#EEEEEE;
		font-weight:bold;
		/*border-bottom:1px solid #FFFFFF;*/
		padding:3px;
	}

	.forecastDataItem
	{
		text-align:center;
		border-bottom:1px dashed #CACFD3;
		padding:3px;
	}
	
	.Left 
	{
		text-align:left;
	}
	
	/* End : Styles for Forecast48Hour */
	
	/* Start: Styles for Current Conditions */
	
	.currentConditionsOneTable
	{
		width:150px;
	    height:210px;
	}
	
	.currentConditionsAstronomyTable
	{
		width:468px;
	    height:210px;
	}
	
	.currentConditionsHeader 
	{
		color:#1F38B7;
		font-weight:bold;
	}
	
	.currentConditionsMoonImage
	{
		text-align:right;
	}
	
	/* End: Styles for Current Conditions */
	
	/* Start : Styles for Forecast7Day */
	
	.forecast7DayContainer
	{
		text-align:left;
		padding-left:10px;
		padding-right:10px;
		white-space:nowrap;
	}
	
	.forecast7DayBlock
	{
		width:80px;
		height:70px;
		border:1px solid #EAEFF2;	
		text-align:center;
		padding-top:10px;
		float:left;
		white-space:nowrap;
		margin-left:13px;
		margin-top:5px;
		margin-bottom:15px;
		font-family:Verdana;
		font-size:10px;
		font-weight:bold;
	}
	
	.forecast7DayBlocks
	{
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	.forecast7DayBlockEmbedded
	{
		width:80px;
		height:70px;
		border:1px solid #EAEFF2;	
		text-align:center;
		padding-top:10px;
		float:left;
		white-space:nowrap;
		margin-left:13px;
		margin-top:5px;
		margin-bottom:15px;
		font-family:Verdana;
		font-size:10px;
		font-weight:bold;
	}	
	
	.forecast7DayEmbeddedContainer
	{
		clear:left;
		margin-top:20px;
	}
	.forecast7DayHeading
	{
		font-weight:bold;
		color:#000000;
		background-color:#A0DEF7;
		font-size:13px;
		text-align:left;
		padding: 8px 5px 8px 5px;
	}	
	
	/* End : Styles for Forecast7Day */
	

/* End : Styles for Forecasts */

/* Start : Styles for Maps */

#mapContainer
{
	width:400px;
	height:280px;
	vertical-align:middle;
	text-align:center;
}

.divMapImage
{
	width:400px;
	height:280px;
	vertical-align:middle;
	text-align:center;
}

/* End : Styles for Maps */

/* Start : Styles for Vertical Selector */

.hd-vertical 
{
	height:20px;
    background: transparent url(../images/nav_bg.gif);
    background-position:top;
    color:#3D6997;
    border-right-width:0px;
    border-left-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;
    cursor:pointer;
}

.hd-vertical-select 
{
	height:20px;
    background: transparent url(../images/nav_bg_over.gif);
    background-position:top;
    color:#D81B20;
    border-right-width:0px;
    border-left-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;
    cursor:pointer;
}

.hd-vertical span
{
	margin-left:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}

.hd-vertical-select span
{
	margin-left:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}

.hd-vertical2 
{
	
	height:18px;
    background: transparent url(../images/nav2_bg.gif);
    background-position:top;
    color:#3D6997;
    border-right-width:0px;
    border-left-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;
    cursor:pointer;
}

.hd-vertical2-select 
{
	width:140px;	
	height:18px;
    background: transparent url(../images/nav2_bg_over.gif);
    background-position:top;
    color:#D81B20;
    border-right-width:0px;
    border-left-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;
    cursor:pointer;
}

.hd-vertical2 span
{
	margin-left:25px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}

.hd-vertical2-select span
{
	margin-left:25px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}

.hd-vertical-highlight 
{
    color:#D81B20;
}

/* End : Styles for Vertical Selector */

/* Start : Styles for Loading */

.loading
{
	text-align:center;
}

/* End : Styles for Loading */

/* Start: General Styles */

.left 
{
	text-align:left;
}

.float-l 
{
	float:left;
}

.clear 
{
	clear:both;
}

.bold 
{
	font-weight:bold;
}

/* End: General Styles */

/* Start: Ad Styles */

.topAd
{
	width:728px;
	height:90px;
	border:0px;
}

.bottomAd
{
	width:728px;
	height:90px;
	border:0px;
}

.contentAd
{
	width:300px;
	height:250px;
	border:0px;
}

/* End: Ad Styles */

.forecast_ad {
    position: absolute;
    right: 10px;
    top: 0;
}

.hideAd { display: none;}