/*--Naspers Annual report GUIDE--------------------------------------------------------------------------------------------------------
	------------------------------------------------
	-	Author: M Ferreira, Element Electronic Media.
	-	Date-created:   20/07/2008
	-	Last-modified:  23/07/2008
	-	Main colours:	BLUE- #004990 Orange - #DA5320
				
----Naspers Annual report GUIDE---------------------------------------------------------------------------------------------------------*/


td.mainMenuBg { background: #09357E; }
#MainMenu { margin: 0; padding: 0;}
#MainMenu, #MainMenu ul { /* all lists */
	padding: 0 0 0 0 ;
	margin: 0 0 20px 0px;
	list-style: none;
	line-height: 1;
}

#MainMenu a {
 display: block;
 width: auto;
 font: normal 11px Arial, Helvetica, sans-serif; color: #666; text-decoration: none;
 padding:12px;
 padding-left: 18px;
 padding-right: 11px;
 color: #FFF;
 font-weight: bold;
 font-size: 12px;
 border-left: 1px solid #EBEBEB;
}
#MainMenu a:hover {
 
 display: block; 
 width: auto; 
 font: normal 11px Arial, Helvetica, sans-serif; 
 text-decoration: none;
 padding-left: 18px;
 padding-right: 11px;
 padding-bottom: 10px;
 color: #EBEBEB;
 font-weight: bold;
 font-size: 12px;
 background: #004990;
 border-bottom: 2px solid #F18229;
}

#MainMenu li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	font: normal 12px Arial, Helvetica, sans-serif; color: #666;
	list-style-type: none;
}

	
#MainMenu li ul { /* second-level lists */
	position: absolute;
	width: 150px;
	padding: 2px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#MainMenu ul li.final a {
	 border: none;
	 padding-left: 20px;
 	 padding-right: 11px;
	 padding-bottom: 10px;}

#MainMenu ul li.final a:hover {
	 display: block; width: auto; 
	 border: none;
	 padding-left: 20px;
 	 padding-right: 11px;
	 padding-bottom: 10px;}	 
	 

#MainMenu li.subMenuT01 { /* second-level lists*/
	
	margin: -2px 0 0 -2px ;
	width: 152px;
	padding: 0px;
	padding-left: 0px;
	border: 1px solid #EBEBEB;
	background: #09357E;
}


#MainMenu li.subMenuT01 a { border: none; font: normal 11px Arial, Helvetica, sans-serif !important; padding-left: 5px;
 	 padding-right: 2px;
	 padding-top: 5px;
	 padding-bottom: 5px;}



#MainMenu li.subMenuT01 a:hover { border: none; font: normal 11px Arial, Helvetica, sans-serif !important; padding-left: 5px;
 	 padding-right: 2px;
	 padding-top: 5px;
	 padding-bottom: 5px;}
	 
#MainMenu li.subMenuT02 { /* second-level lists*/
	
	margin: -2px 0 0 -2px ;
	width: 168px;
	padding: 0px;
	padding-left: 0px;
	border: 1px solid #EBEBEB;
	background: #09357E;
}


#MainMenu li.subMenuT02 a { border: none; font: normal 11px Arial, Helvetica, sans-serif !important; padding-left: 5px;
 	 padding-right: 2px;
	 padding-top: 5px;
	 padding-bottom: 5px;}



#MainMenu li.subMenuT02 a:hover { border: none; font: normal 11px Arial, Helvetica, sans-serif !important; padding-left: 5px;
 	 padding-right: 2px;
	 padding-top: 5px;
	 padding-bottom: 5px;}	 
	 


#MainMenu li.subMenuT03 { /* second-level lists*/
	
	margin: -2px 0 0 -2px ;
	width: 203px;
	padding: 0px;
	padding-left: 0px;
	border: 1px solid #EBEBEB;
	background: #09357E;
}


#MainMenu li.subMenuT03 a { border: none; font: normal 11px Arial, Helvetica, sans-serif !important; padding-left: 5px;
 	 padding-right: 2px;
	 padding-top: 5px;
	 padding-bottom: 5px;}



#MainMenu li.subMenuT03 a:hover { border: none; font: normal 11px Arial, Helvetica, sans-serif !important; padding-left: 5px;
 	 padding-right: 2px;
	 padding-top: 5px;
	 padding-bottom: 5px;}	
	 
	 
#MainMenu li.subMenuT04 { /* second-level lists*/
	
	margin: -2px 0 0 -2px ;
	width: 141px;
	padding: 0px;
	padding-left: 0px;
	border: 1px solid #EBEBEB;
	background: #09357E;
}


#MainMenu li.subMenuT04 a { border: none; font: normal 11px Arial, Helvetica, sans-serif !important; padding-left: 5px;
 	 padding-right: 2px;
	 padding-top: 5px;
	 padding-bottom: 5px;}



#MainMenu li.subMenuT04 a:hover { border: none; font: normal 11px Arial, Helvetica, sans-serif !important; padding-left: 5px;
 	 padding-right: 2px;
	 padding-top: 5px;
	 padding-bottom: 5px;}	 	  


#MainMenu li ul ul { /* third-and-above-level lists */
	margin: -18px 0 0 150px;

}

#MainMenu li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#MainMenu li:hover ul, #MainMenu li li:hover ul, #MainMenuli li li:hover ul, #MainMenu li.sfhover ul, #MainMenu li li.sfhover ul, #MainMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*	#MainMenu { margin:  0; padding: 0;}
#MainMenu ul {---MAIN - MENU---
	list-style: none;
	margin: 0px 0px 0 28px;/*positions menu 200px from the left
	padding: 0;
	border: none;
}

#MainMenu ul li { 
	margin: 0; padding:12px;
	float: left; 
	list-style-type: none;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #EBEBEB;
}
#MainMenu ul li:hover { 
	margin: 0; padding:12px;
	float: left; 
	list-style-type: none;
	padding:12px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #EBEBEB;
	
}
#MainMenu ul li.line { margin: 0; } 

#MainMenu ul li a:link { font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none;}
#MainMenu ul li a:visited { font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none;}
#MainMenu ul li a:hover { font: bold 12px Arial, Helvetica, sans-serif; color: #EF5F1B; text-decoration: none;}
#MainMenu ul li a:active { font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none;}
#MainMenu ul li a.active { font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none;}
------------------------------*/

#nasperGroup { margin: 0; padding: 0;}
#nasperGroup ul { margin: 5px 0; padding: 0;}
#nasperGroup ul li { margin: 0;
	display: block;
	list-style-type: none; 
	font: normal 11px Arial, Helvetica, sans-serif; color: #333;
	padding: 1px;
	line-height: 17px;
	}
#nasperGroup ul li.current {  padding: 2px ; background: #999999; font: normal Arial, Helvetica, sans-serif ; color: #FFFFFF!important;}
#nasperGroup ul li a.current { padding: 2px ; background: #999999; font: normal Arial, Helvetica, sans-serif ; color: #FFFFFF!important;}
#nasperGroup ul li a,  { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}
#nasperGroup ul li a:hover,  { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #DA5320; text-decoration: none;}

/*------------*/

#reviewOperations { margin: 0; padding: 0;}
#reviewOperations ul { margin: 5px 0; padding: 0;}
#reviewOperations ul li { margin: 0;
	display: block;
	list-style-type: none; 
	font: normal 11px Arial, Helvetica, sans-serif; color: #333;
	padding: 1px;
	line-height: 17px;
	}
	
#reviewOperations ul li.current {  padding: 2px ; background: #999999; font: normal Arial, Helvetica, sans-serif ; color: #FFFFFF!important;}
#reviewOperations ul li a.current { padding: 2px ; background: #999999; font: normal Arial, Helvetica, sans-serif ; color: #FFFFFF!important;}
#reviewOperations ul li a { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}
#reviewOperations ul li a:hover { padding: 2px ; font: normal 11px Arial, Helvetica, sans-serif; color: #DA5320; text-decoration: none;}

/*------------*/

#nasperGovernance { margin: 0; padding: 0;}
#nasperGovernance ul { margin: 5px 0; padding: 0;}
#nasperGovernance ul li { margin: 0;
	display: block;
	list-style-type: none; 
	font: normal 11px Arial, Helvetica, sans-serif; color: #333;
	padding: 1px;
	line-height: 17px;
	}
#nasperGovernance ul li.current {  padding: 2px ; background: #999999; font: normal Arial, Helvetica, sans-serif ; color: #FFFFFF!important;}
#nasperGovernance ul li a.current { padding: 2px; background: #999999; color: #FFFFFF!important;}
#nasperGovernance ul li a { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}
#nasperGovernance ul li a:hover { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #DA5320; text-decoration: none;
}


/*-----------*/


#financialState { margin: 0; padding: 0;}
#financialState ul { margin: 5px 0; padding: 0;}
#financialState ul li { margin: 0;
	display: block;
	list-style-type: none; 
	font: normal 11px Arial, Helvetica, sans-serif; color: #333;
	padding: 1px;
	line-height: 17px;
	}
#financialState ul li.current {  padding: 2px ; background: #999999; font: normal Arial, Helvetica, sans-serif ; color: #FFFFFF!important;}
#financialState ul li a.current { padding: 2px; background: #999999; color: #FFFFFF!important;}
#financialState ul li a { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}
#financialState ul li a:hover { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #DA5320; text-decoration: none;
}