/* CSS Document */

.g { color: #34A048;}
.r { color: #CA2129;}
.b { color: #0372B1;}

td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0; color: #071D44;}

.table { background: #fff; font-size: 11px;}

h1 { margin: 18px 0 0px 0; font-size: 15px; font-weight: normal; text-decoration: none;}
h2 { margin: 0; font-size: 11px; color: #0372B1; font-style:italic; font-weight:normal; }
h3 { font-size: 9px; color: #0372B1; margin: 0 0 5px 0;}
h4 { display: block; width: 349px; height: 16px; background: url(/pics/body_tab.png) no-repeat; padding: 9px 0 0 1px; margin:0; font-size: 10px; font-weight: bold; }
h5 { font-size: 12px; margin: 0; color: #071D44; }
h6 { display: block; width: 349px; height: 16px; background: url(/pics/tab_wide.png) no-repeat; padding: 9px 0 0 1px; margin: 10px 20px 0 20px; font-size: 10px; font-weight: bold; }

a.title_lk_cs { color: #071D44; text-decoration:none; }
a.title_lk_cs:hover { color: #071D44; text-decoration: underline; }

.timeHeader {display: block; width: 349px; height: 16px; background: url(/pics/body_tab.png) no-repeat; padding: 9px 0 0 1px; margin:0; font-size: 10px; }
.timeHeader h1 { float: left; width: 180px; font-size:10px; margin:0; font-weight: bold; }
.timeHeader b { float: left; font-weight: normal;}

.long_grad { width: 340px; height: 24px; background:url(/pics/for_andrew.jpg) no-repeat;  padding: 3px 0 0 4px; margin:0 0 0 18px; font-size: 10px; font-weight: bold;}
.headerTab { width: 183px; height: 21px; background:url(/pics/header_tab.png) no-repeat; font-size: 10px; font-weight: bold; padding: 7px 0 0 10px;} 
.topstory { margin: 0 10px 20px 10px; padding: 0 10px 10px 10px; background:url(/pics/top_story_tile.png) bottom no-repeat; clear: both; }

.comp_res { width:365px; height:165px; clear: both; background:url(/pics/comp_res_bg_image.jpg) bottom no-repeat;}

.topstory a.title_lk_cs { display: block; margin: 18px 0 5px 0; font-size: 15px; font-weight: bold; text-decoration: none;} 
.topstory a.title_lk_cs:hover { display: block; margin: 18px 0 5px 0; font-size: 15px; font-weight: bold; text-decoration: underline;} 
.topstory img{ width: 104px; height: 74px; }

.alr { margin: 10px 20px 20px 20px; padding-bottom:  20px ; background: url(/pics/dot.gif) bottom repeat-x; clear: both;  }
.alr img{  padding: 2px; border: 1px solid #DDE8EE; float: left; margin: 0px 9px 9px 0;  }
.alr h1 {font-size: 12px; font-weight: bold;}



.full_art {margin: 10px 20px 0 20px; padding-bottom:  20px; background: url(/pics/dot.gif) bottom repeat-x;   clear: both;  }
.full_art .big_ctl {padding: 2px; border: 1px solid #DDE8EE; margin: 20px 9px 0 0; float: left;  }
.full_art h1 { font-size: 12px; font-weight: bold; color: #072148; margin: 20px 0 0 0;}
.tools { width: auto; padding: 10px 0 10px 0; margin: 0 20px 0 20px; background: url(/pics/dot.gif) bottom repeat-x;   }


.alrPlain { margin: 10px 20px 20px 20px; padding-bottom:  20px;   }
.alrPlain	img { float: right; border: none; }
.alrPlain label{ font-size: 11px; font-weight: normal; float: left; margin-top: 3px;  }
.mediaBox {width: 350px; height: 12px; padding: 16px 0 16px 0;  background: url(/pics/dot.gif) bottom repeat-x; }
.mediaBox b{ float:right; margin: -5px 0; display: block; }


 

.alr_faq { margin: 10px 20px 20px 20px; width: 349px; overflow: hidden; padding-bottom:  20px ; background: url(/pics/dot.gif) bottom repeat-x; clear: both; }
	.alr_faq h1 { font-size: 12px; font-weight: bold; color: #072148; margin: 0;}
	
	.alr_faq ol { margin: 0;}
	
	
	*+html DIV.alr_faq li { margin-left: 18px; }
	*HTML DIV.alr_faq li { margin-left: 18px; list-style-image: url(/pics/bullet.png);}
	.alr_faq li { margin-left: -23px; list-style-image: url(/pics/bullet.png);}
	.alr_faq p { margin: 20px 0 0 0;}
	.alr h4 { background: url(/pics/tab_wide.png) no-repeat;  }
	
	
.profilesBlurb { margin: 0; padding: 20px 0 20px 0 ; background: url(/pics/dot.gif) bottom repeat-x; clear: both; line-height: 16px;  }	
.profilesBlurb	img{ float:right; padding-left: 20px; margin: 0 0 0 20px; border-left: 1px solid #E0E9EF; border-top: none; border-right: none; border-bottom: none; 	 }
.profilesBlurb p { margin-bottom: 0;}

.exec { margin: 0; padding: 20px 10px 20px 10px ; margin: 0 20px 0 20px; background: url(/pics/dot.gif) bottom repeat-x; clear: both; line-height: 16px;  }
.exec img{ float:left; padding-right: 20px; margin: 0 20px 0 0; border-right: 1px solid #E0E9EF; border-top: none; border-left: none; border-bottom: none;    }
.exec p { margin-bottom: 0; float:left;}

.big_ctl {padding: 2px; border: 1px solid #DDE8EE; float: left;  }
.mainImg { float: right;}
.img_caption { display: block; width: 350px; padding: 20px 0 20px 0; background:url(/pics/dot.gif) bottom repeat-x;  }


a.mc_more { color: #CA2129; text-decoration: none;  }
a.mc_more:hover { color: #CA2129; text-decoration: underline;  }

a.breadcrumbs { font-size: 10px; color: #072148; text-decoration: none;}
a.breadcrumbs b{ font-size: 10px; color: #CA2029; text-decoration: none; font-weight:normal;}

#searchPanel {position:absolute; top: 18px; width:100%; height:50px; z-index:5}
#searchInner {width: 992px; height: 50px; margin: 0 auto 0 auto;}
#searchBox {  width: 370px; position:relative; float: right; margin-right: 6px;  height: 41px; padding: 6px 0 0 6px; }
#searchBox	h1 {  font-size: 10px; font-weight: bold; margin:0; text-align:left; } 
#searchBox .field { width: 110px; border: 1px solid #E0E9EF; float:left; margin: 5px 4px 0 0; color: #071D44; overflow: hidden; }
#searchBox .field2 { width: 160px; border: 1px solid #E0E9EF; float:left; margin: 5px 4px 0 0;  color: #071D44; }
#searchBox .submit { float: left;}

#searcharea {float: left; width: 184px; height: 41px;}

*HTML DIV#sharecode { margin-top:0;}
*+html DIV#sharecode { margin-top:0;}

#sharecode { display: inline; float: left;  width: 177px; padding-left: 7px; height: 34px; overflow: hidden; margin-top: -10px;   }
#sharecode  h1 {  font-size: 10px; font-weight: bold; margin:0; text-align:left; } 
#sharecode form { margin: 0;}
#searcharea form { margin: 0;}

#selectbox { 
			position: absolute;
			top: 44px;
            left: 195px;
            border: none;
            font-family: verdana;
             background:  #EFF4F7; text-align: left; line-height: 16px;
			}
#selectbox	select { border: none; margin: 0;
			background: #EFF4F7; }
			
			
			.ticker_commodities { color: #CA2129;   }
.ticker_equities {  color: #CA2129;}
.ticker_currencies {  color: #0372B1;}
#focus { margin: 0;}

/*GAllery*/

#thumb_ctl {width: 100px; height: 125px;}

#gallery_1 {    text-align: left; width: 350px; overflow: hidden;}
#gallery_1 img{ background: none; border: none; }
#gallery_1 td { text-align: left; background: none;}
 .gallery_thumb {float:left; 	 text-align:center; margin: 5px; }
 .gallery_thumb img{  }
 .gallery { position:relative; margin: 0  0 0 0;  }
.control { background: #E0E9EF; padding: 3px; display: block;  color: #CA21295; margin-bottom: 10px;  width: 344px; height: 14px; text-transform:uppercase;  }
.gallery_pages { font-size: 9px;  background: #E0E9EF; padding: 3px; display: block; margin-top: 10px;  color: #CA21295;  width: 344px; height: 14px; text-transform:uppercase; color: #CA2129;}
.gallery_pages a{ color: #CA2129; text-decoration: none; font-weight: bold;}
.gallery_pages a:hover { color: #CA2129; text-decoration: underline; font-weight: bold;}
.click_thru { display: block; border: none;}

.control a { font-size: 9px; color: #CA2129; font-weight: bold; text-decoration: none;}
.control a:hover { color: #CA2129; text-decoration: underline;}
.prev { float:left; border-right: 1px solid #CA2129; width: 65px; display: block;  display: block; color: #CA21295; }
.next { float:right; border-left: 1px solid #CA2129; width: 65px; display: block; color: #CA2129;}

#compStyles {/*width: 680px;*/ margin-top: 20px; line-height: 16px; overflow: hidden;}
#compStyles form { margin: 0;}
#compStyles h1 { font-weight: bold;  margin: 4px 10px 6px 10px; font-size: 10px; }
#compStyles h2 { padding: 8px 10px 10px 10px; margin:0; font-size: 11px; font-weight: normal;}

#compStyles h4 { display: block; width: 495px; height: 16px; background: url(pics/share_header.png) no-repeat; padding: 9px 0 0 1px; margin: 20px 0 20px 10px; font-size: 10px; font-weight: bold; }
#compStyles #code {font-family: Verdana, Arial, Helvetica, sans-serif; color: #071D44; position: relative; top: -40px;  left: 240px; z-index: 5; font-size: 11px;}
#compStyles .hl {font-family: Verdana, Arial, Helvetica, sans-serif; color: #071D44; margin-left: 20px; display: block; font-size: 11px; width: 460px; padding: 10px 5px 10px 5px;  background: url(pics/dot.gif) bottom repeat-x;  min-height: 30px; }
#compStyles .input { float: right; margin-right: 60px; width: 250px; border: 1px solid #E0E9EF;}
#compStyles label { float: left; margin-top: 5px;}
#compStyles .submit { float: right; margin: 10px 100px 0 0;}




#survey  {width: 750px; margin-top: 20px; line-height: 16px; overflow: hidden; font-weight: normal; margin: 10px auto 0 auto; border: 1px solid #dce6ed; padding: 20px;  }

#survey .drop { font-size: 11px; color: #071D44; }
#survey  form { margin: 0;}
#survey  h1 { font-weight: bold;  margin: 4px 10px 6px 10px; font-size: 10px; }
#survey  h2 { padding: 8px 10px 10px 10px; margin:0; font-size: 11px; font-weight: normal;}

#survey .short-select { width:150px; font-size: 11px; color: #071D44;}

#survey h4 { display: block; width: 495px; height: 16px; background: url(pics/share_header.png) no-repeat; padding: 9px 0 0 1px; margin: 20px 0 20px 10px; font-size: 10px; font-weight: bold; }
#survey  #code {font-family: Verdana, Arial, Helvetica, sans-serif; color: #071D44; position: relative; top: -40px;  left: 240px; z-index: 5; font-size: 11px;}
#survey .hl { color: #071D44; display: block;  padding: 5px 5px 5px 5px; margin-bottom: 10px;  background: url(pics/dot.gif) bottom repeat-x;  }



#survey  .input { float: right; margin-right: 60px; width: 250px; border: 1px solid #E0E9EF; font-size: 10px;}
#survey  label { float: left; margin: 5px 5px 0 0;}
#survey  .submit { float: right; margin: 10px 100px 0 0;}



.greyscrolltxt { color:#C3C7D2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}

/*Program page layout*/
#programme {padding: 5px; background: url(/pics/dot.gif) bottom repeat-x; clear: both;}
.prog_img{font-size: 10px; width:350px; height: 300px;  float: left;padding: 5px; background: url(/pics/dot.gif) bottom repeat-x; }
.prog_detail{text-align: left; width:360px;  height: 300px; float: right;padding: 5px; background: url(/pics/dot.gif) bottom repeat-x; clear: both;}
.prog_header{width:740px; padding-bottom: 5px;}


.buttons {width:383px; padding-bottom: 20px; margin-left:7px;}

#new_programmes{width: 700px; padding-top: 20px;}
#weekdays{width: 342px; float:left; border-right: 1px solid #E0E9EF;}
#weekdays h4{width: 330px; height: 24px; background:url(/pics/for_andrew.jpg) no-repeat;  padding: 3px 0 0 4px; margin:0 0 0 0px; font-size: 10px; font-weight: bold;}
#weekdays div{display: block; width: 300px; padding: 2px 5px 4px 5px;  }
#weekdays li{list-style-image : url(/pics/prog_list.gif); color: #ffffff; }
#weekdays A{color: #071D44;}
#weekends{width: 342px; float:left; padding-left: 10px;}
#weekends h4{width: 330px; height: 24px; background:url(/pics/for_andrew.jpg) no-repeat;  padding: 3px 0 0 4px; margin:0 0 0 0px; font-size: 10px; font-weight: bold;}
#weekends div{display: block; width: 300px; padding: 2px 5px 4px 5px;}
#weekends li{list-style-image : url(/pics/prog_list.gif); color: #ffffff; }
#weekends A{color: #071D44;}
#hp_prog {width: 368px; height:auto; background:url(http://www.cnbcafrica.com/pics/programming/presenters/faces_background2.gif); background-repeat:repeat-x; margin-left:7px;}
#hp_prog .long_grad {width: 350px; height: 24px; background:url(http://www.cnbcafrica.com/pics/for_andrew.jpg) no-repeat;  padding: 3px 0 0 4px; margin:0 0 0 4px; font-size: 10px; font-weight: bold;}
#hp_prog .prog_img { width:350px; height:260px; overflow:hidden; margin-bottom:3px;}