@charset "utf-8";
/* *******************************
* Author: Lianca van der Merwe   *
* Copyright: 2010 SABC           *
* Date: October 2010             * 
* File: Global Style sheet       *
******************************** */
/*---------------------------- General class definition -----------------------*/

body{margin:0px; padding:0px; background-color:#FFFFFF;}
	
div, img, form, label, ul, li{padding:0px; margin:0px;}

#page-wrap p{ color:#FFFFFF;}

/*---------------------------- lists -----------------------*/

ul a {
	color:#0099ff;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(./../images/square_bullet.gif);
	line-height: 20px;
}

ul {
	color:#000;
	font:14px Arial, Helvetica, sans-serif ;
	list-style-type: square;
	list-style-position: outside;
	padding-left:20px;
	list-style-image: url(./../images/square_bullet.gif);
	line-height: 20px;
}

/*---------------------------- Forms -----------------------*/
label {font:16px "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif; }

.button{ background:#000000; border:#000000 1px solid ; color:#FFFFFF; text-transform: uppercase; font-size:10px; height:20px;}

.textfield{ height:14px;}

/*---------------------------- Tables -----------------------*/

table {font:12px Arial, Helvetica, sans-serif ; color:#000;}

thead {text-align:center;}
/*---------------------------- paragraph definition -----------------------*/

.caption{font:11px Tahoma, Verdana, Geneva, sans-serif; margin:0px; padding:5px 0;}

.time{font:12px Arial, Helvetica, sans-serif ; line-height:12px; color:#666; margin:0px; padding:5px 0;}

blockquote{
	font:16px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#0060AF; margin:0px 0px 20px 20px;}

/*---------------------portlet properties---------------------------------*/
.brd_gr{border:#C2C2C2 1px solid;}

.brd_lgr{border:#E3E3E3 1px solid;}

.brd_dgr{border:#A7A7A7 1px solid;}

.brd_bl{border:#478a9a 2px solid;}

.brd_ri{border-right:#C6C6C6 1px solid;}

.brd_wh{border:#FFF 1px solid;}

.brd_le{border-left:#E3E3E3 1px solid;}

.brd_ri{border-right:#E3E3E3 1px solid;}

.brd_bt{border-bottom:#CCC 1px dashed;}

.brd_tp{border-top:#A7A7A7 10px solid;}

.brd_tplg{border-top:#D8D8D8 6px solid;}

.marg_7{margin:7px;}

.marg_14_ri{margin-right:14px;}

.marg_10_ri{margin-right:10px;}

.marg_10_tp{margin-top:10px;}

.marg_14_tp{margin-top:14px;}

.marg_14_bt{margin-bottom:14px;}

.marg_14_le_bt{margin: 0 0 14px 14px;}

.marg_14_ri_bt{margin: 0 14px 14px 0;}

.font_12 p{font-size:12px; line-height:18px;}

.float_le{ float:left;}

.float_ri{float:right;}

.bg_gr{background:#D8D8D8;}

.bg_lgr{background:#E8E8E8;}

.bg_wh{background:#FFF;}

.bg_bl{background:#c3d6da;}

/*---------------------generic portlets properties---------------------------------*/

.media{background:#E3E3E3;}
.media ul.navi{display:block; padding:0; margin:0; background:none;}
.media ul.navi li{height:20px; padding:4px 5px 0px 5px; margin:0 5px 0 0; display:block; float:left; background:url(./../images/tabbed_browsing.gif); border:#BBB 1px solid;}	
.media ul.navi li a{ font:11px "Gill Sans", "Trebuchet MS", Calibri, sans-serif; color:#007e3b;	text-decoration:none;	text-transform: uppercase; }
.media ul.navi li a:hover{font:11px "Gill Sans", "Trebuchet MS", Calibri, sans-serif; color:#007e3b; text-decoration:underline;	text-transform: uppercase;}
.media > .figure img{margin:0;}
.media > .link { text-align:center; padding-top:10px;}
.media > .link > h6 {margin:0px; display: inline; }

/*---------------------portlet---------------------------------*/
#social label{font:14px Georgia, "Times New Roman", Times, serif;}
#social img{ border:0px;}

#newsletter{background:url(./../images/socialnetwok_bg.jpg); height:15px;  color:#FFF;}

#comment {background:url(./../images/comment_bg.jpg); height:110px;  color:#FFF;}

#comment label { vertical-align:top;}

#feedback{border-top:#CCC 1px dashed;}

#popular{background:#E3E3E3;}
#popular h6 {border-bottom:#CCC 1px dashed; padding-bottom:3px;}
#popular h6 a {font:11px Tahoma, Verdana, Geneva bold; }

#tags .section h6 {border-bottom:#CCC 1px dashed; padding-bottom:3px;}
#tags .section h6 a {font:11px Tahoma, Verdana, Geneva bold; }

#tags ul.navi li a:hover{font:11px "Gill Sans", "Trebuchet MS", Calibri, sans-serif; color:#007e3b; text-decoration:underline; padding:0px;}
#tags_portl ul.navi li a{ font:11px "Gill Sans", "Trebuchet MS", Calibri, sans-serif; color:#007e3b; text-decoration:none;  padding:0px;}
#tags_portl ul.navi li a:hover{ font:11px "Gill Sans", "Trebuchet MS", Calibri, sans-serif; color:#007e3b; text-decoration:none; padding:0px;}
#tags ul.navi{margin:0; background:none;}
#tags ul.navi li{display:block; float:left; vertical-align:middle; padding-right:14px;}	
#tags ul.navi li a{ font:11px "Gill Sans", "Trebuchet MS", Calibri, sans-serif; color:#007e3b; text-decoration:none; padding:0px;}

#subscribe {background:url(./../images/icon_subscribe.png) no-repeat; height:22px;}
#subscribe td {font-size:12px; }
#subscribe a:link {font:14px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF; text-decoration:none; }
#subscribe a:hover {font:14px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF; text-decoration:underline; }
#subscribe a:visited {font:14px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF; text-decoration:none; }

#subscribe{color:#787878;}

/*---------------------home properties---------------------------------*/
.category h2{font:16px Arial, Helvetica, sans-serif; color:#be0804; font-weight:bold; margin:0px; padding:10px; text-transform:none; background:#FFFFFF; border-bottom:#E3E3E3 solid 1px;}
.category h2 a:link{font:16px Arial, Helvetica, sans-serif; color:#be0804; font-weight:bold; text-transform:none; text-decoration:none;}
.category h2 a:hover{font:16px Arial, Helvetica, sans-serif; color:#be0804; font-weight:bold; text-transform:none; text-decoration: underline;}
.category h2 a:visited{font:16px Arial, Helvetica, sans-serif; color:#be0804; font-weight:bold; text-transform:none; text-decoration:none;}

.article #figure{background:#2b4f88;}
.article .caption{ color:#FFFFFF;}

.article2 h5{font:18px Georgia, "Times New Roman", Times, serif; color:#123F7B; margin:5px 0px;}
.article2 h5 a:link {font:18px Georgia, "Times New Roman", Times, serif;  color:#123F7B; text-decoration:none;}
.article2 h5 a:hover {font:18px Georgia, "Times New Roman", Times, serif; color:#123F7B; text-decoration:underline;}
.article2 h5 a:visited {font:18px Georgia, "Times New Roman", Times, serif; color:#123F7B; text-decoration:none;}

.top_story h5{font:14px Tahoma, Verdana, Geneva; font-weight:bold; color:#123F7B;; margin:5px 0px;}
.top_story h5 a:link {font:14px Tahoma, Verdana, Geneva; font-weight:bold; color:#123F7B; text-decoration:none;}
.top_story h5 a:hover {font:14px Tahoma, Verdana, Geneva; font-weight:bold; color:#123F7B; text-decoration:underline;}
.top_story h5 a:visited {font:14px Tahoma, Verdana, Geneva; font-weight:bold; color:#123F7B; text-decoration:none;}

/*#lead_story table{border:#C2C2C2 1px solid; border-right:3px;}*/

#lead_story .caption{background:#2b4f88; color:#FFFFFF; padding:10px;}
#lead_story .figure{ width:400px; height:221px;}
#lead_story .article{padding:10px; width:284px; _border-right:#C2C2C2 9px solid;}
#lead_story h1 a:link{font:28px Georgia, "Times New Roman", Times, serif; text-decoration:none;}
#lead_story h1 a:hover{font:28px Georgia, "Times New Roman", Times, serif; text-decoration:underline;}
#lead_story h1 a:visited{font:28px Georgia, "Times New Roman", Times, serif; text-decoration:none;}

#latest_news p{ margin:10px; color: #FFFFFF;  	font-family: "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px; font-weight:bold;}
#latest_news p a:link { color: #FFFF00; font-family: "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px;  text-decoration:none; font-weight:bold;}
#latest_news p a:hover { color: #FFFF00; font-family: "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px;  text-decoration:underline; font-weight:bold;}
#latest_news p a:visited { color: #FFFF00; font-family: "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px;  text-decoration:none; font-weight:bold;}
#latest_news img{ _margin-top:10px;}

#stream { background:url(./../images/live_stream.png) no-repeat; height:42px;} 
#stream { background:url(../images/live_stream.png) no-repeat; height:42px;} 
#stream p {font:12px Arial, Helvetica, sans-serif ; margin: 20px 0px 0px 15px; font-weight:bold;}
#stream p a:link {font:12px Arial, Helvetica, sans-serif ;  color:#000; text-decoration:none; font-weight:bold;}
#stream p a:hover {font:12px Arial, Helvetica, sans-serif ;  color:#000; text-decoration:underline; font-weight:bold;}
#stream p a:visited {font:12px Arial, Helvetica, sans-serif ;  color:#000; text-decoration:none; font-weight:bold;}

/*---------------------page properties---------------------------------*/
#hgroup h1 {font:14px Arial, Helvetica, sans-serif; color: #777777; margin:5px 0px; text-transform:uppercase;}

#just_in  .caption{background:#2b4f88; color:#FFFFFF; padding:10px; height: auto;}
#just_in  .figure{ width:344px; height:189px; }
#just_in .article{padding:10px; width:260px;}
#just_in h1 a:link{font:28px Georgia, "Times New Roman", Times, serif; text-decoration:none;}
#just_in h1 a:hover{font:28px Georgia, "Times New Roman", Times, serif; text-decoration:underline;}
#just_in h1 a:visited{font:28px Georgia, "Times New Roman", Times, serif; text-decoration:none;}

/*----Feature site----*/
.special_reports{ height:432px;}

.portlet_feature{width:154px; overflow:hidden;}
.portlet_feature h2 {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;}
.portlet_feature p{ font:12px Arial, Helvetica, sans-serif; color:#FFFFFF;}

.feature_article{ height: 185px;}

#feature1{background:#2f5283; }
#feature1 h2 {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#0d356e; height:35px; }
#feature1 h2 a:link{font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none; background:#0d356e; height:35px; }
#feature1 h2 a:hover {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:underline; background:#0d356e; height:35px; }
#feature1 h2 a:visited{font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#0d356e; height:35px; }

#feature2{background:#d33b27;}
#feature2 h2 {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#be0804; height:35px;}
#feature2 h2 a:link{font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#be0804; height:35px; }
#feature2 h2 a:hover {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:underline;background:#be0804; height:35px;}
#feature2 h2 a:visited{font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#be0804; height:35px; }

#feature3{background:#419066;}
#feature3 h2 {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#007e3b; height:35px; }
#feature3 h2 a:link{font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#007e3b; height:35px; }
#feature3 h2 a:hover {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration: underline; background:#007e3b; height:35px;}
#feature3 h2 a:visited{font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#007e3b; height:35px; }

#feature4{background:#cba01b;}
#feature4 h2 {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#bf8e0a; height:35px; }
#feature4 h2 a:link{font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#bf8e0a; height:35px; }
#feature4 h2 a:hover {font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:underline; background:#bf8e0a; height:35px;}
#feature4 h2 a:visited{font:14px Tahoma, Verdana, Geneva; color:#FFFFFF; text-transform:none; font-weight:bold; text-decoration:none;background:#bf8e0a; height:35px; }

#feature_back { background:url(./../images/feature_back.png) no-repeat; height:22px; } 
#feature_back p { line-height:10px; padding: 0px 30px 10px 16px;}
#feature_back a:link {font:16px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF; text-decoration:none;}
#feature_back a:hover {font:16px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF; text-decoration:underline; }
#feature_back a:visited {font:16px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF; text-decoration:none; }

.sortButton{float:right; margin-top:-30px; margin-right:10px; background:url(./../images/alpha_sort_button.png); width:128px; height:24px;  }
.sortButton1{float:right; margin-top:-30px; margin-right:10px; background:url(./../images/latest_sort_button.png); width:128px; height:24px;  }