@charset "utf-8";

/* *******************************
* Author: Tlhokomelo Molokwane   *
* Copyright: 2010 SABC           *
* Date: 01 June 2010             * 
* File: Global Style sheet       *
******************************** */

/* ---------------------
 -- Beging Wrap Style --
   --------------------- */
html,body { margin:0em; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#site_wrap { margin:0em auto; width:100%; }


/* ---------------------
 -- Beging Master header Style --
   --------------------- */
div#electionheader {margin-bottom:7px;margin-left: -7px; margin-right: -7px;}
div.top_search input#go_button {

background-color: #FFFFFF;
border: medium none;
color: #000000;
cursor: pointer;
padding: 2px 2px 1px;
}
div.leftbox { float:right; margin-top:-44px; font-size:10px; color:#FFFFFF; padding-right:10px;}
/*div.top_time, div.top_search, div.top_tools { margin-bottom:0.5em;}*/
div.site_urltext { color:#FFFFFF; font-size:10px; margin-left:1em; margin-top:0em; position:relative; top:-1.5em;} 
div.sabc_header {height:60px; width:100%;}
div.sabc_logo { position:relative; top:0em; height:50px; width:90px;  }
div.sabc_logo img { padding-left:14px; padding-top:10px;}
div.xrunner { height:60px;}
div#sabc_nav { margin-left:115px; position:relative; top:-32px;}   
div.top_search { margin-left:5%; margin-top:0px;} 
div#exp_btn {}
#navigation {  
 font-size: 10px;
 font-weight:normal;
 width:100%;
 
 padding-top:0px;
 }  
#navigation ul {  
 list-style: none;  
 margin: 0;  
 padding: 0;  
 padding-top: 0.3em;
}  
#navigation li {  
 display: inline; 
  
}  

#navigation a:link, #navigation a:visited {  
 padding:0px 5px;  
   
 text-decoration: none; 
}  
#navigation a:hover {  
 color: #CC9900;  
   
}
div#explore_sabc {
display:block;
z-index:9999;
}
div#explore_btn {

height:30px;
/*Previous value below 55px */
margin-top:-58px;
/*Previous value below 600px */
margin-left:640px;

}




/* Begin Rounded cornered boxes
******************************** */

div.pop { position:relative; z-index:9999; background:url(/wps/wcm/connect/88df76004563f7edab8cab50874f20a5/box2-header-bg.png?MOD=AJPERES)  repeat-x scroll 0 0 transparent;}

div#content { 
	margin:0px;
}

div.side_runners12 { border-left:1px solid #afaeae; border-right:1px solid #afaeae; border-bottom:1px solid #afaeae; background-color:#fff; margin-top:-25px; padding:5px;}
div#content > div { margin-bottom:10px;}

div.wd {width:425px;}

div.gutter { margin:7px; margin-bottom:14px;}





.roundcont12 p {
	margin: 0 5px;
}

.roundtop12 { 
	
	 border-top:1px solid #AFAEAE; border-left:1px solid #AFAEAE; border-right:1px solid #AFAEAE; 
}




/* 
 -- Colourful boxes, bybie ... 
*/
/*Dark Grey*/
div.heading_darkgrey { margin:0px; height:32px; /*background: url(../images/darkgrey/bl_darkgrey.jpg) no-repeat 0% 0%;*/ margin-right:10px;
position:relative; width:90%; margin-top:0px; top:-21px; }
div.heading_darkgrey h4.myheading { /*border:1px solid #000;*/ padding-left:10px; margin-top:15px;}
div.heading_darkgrey h4.myheading span { position:relative; top:9px; color:#000000; font-size:12px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-decoration:none; border:none;}


div.box_content {padding-top:0em; font-size:12px; z-index:999999; }
div.box_content h4 { font-size: 12px; font-weight:bold; padding:10px;}
div.box_content span{ color:#999999; padding-right:5px; text-decoration:none;}
div.box_content p {padding:0px;}

table.arrow td a{ color:#000; font-size:10px; text-decoration:none; font-family:Verdana, arial, sans-serif;}






/* ---------------------
 -- Beging Footer Style --
   --------------------- */
   
   
div#m_footer { background-color:#000; height: 100px; font-family:Arial, FreeSans, sans-serif; display:block;margin-top:7px;margin-right: -7px;margin-left: -7px;}
div.sabc_flogo{ float:left; padding-top:10px; padding-left:14px;}
div.foot_nav { padding-top:40px; padding-left:122px; float:left;}
div.opa_foot {float:right; padding-top:10px; font-size:9px; color:#FFFFFF; padding-right:14px; }
div.opa_foot img {float:right; }
div.opa_foot span {float:right; }

div.foot_nav a, div.foot_nav span {position:relative;font-size: 11px; color:#FFFFFF; margin:0em 0em; text-decoration:none;  }
div.foot_nav a:hover, div.foot_nav span:hover { text-decoration:none; }
div.foot_nav ul { list-style-image:none; margin 0px; padding: 0px 0px 0px 5px; }
div.foot_nav li { display:inline;}
div.foot_nav table.nav_table { padding-top:10px; }
div.foot_nav td {width:10%;}