@charset "utf-8";

/* jQuery UI Tabs styling
******************************/
#tabs,
#tabs .sub_tabs{padding:15px 0 0;}
#tabs ul.tab_menu,
#tabs .sub_tabs ul.tab_menu { padding:0; margin:0; border-bottom:1px solid #dcdcdc; height:31px;}

#tabs ul.tab_menu li,
#tabs .sub_tabs ul.tab_menu li { margin:0 1px 0 0;  line-height:31px; height:31px; padding:0; float:left;}
#tabs ul.tab_menu li.hidden{display:none;}

#tabs .tab_menu li a:link,
#tabs .tab_menu li a:visited,
#tabs .tab_menu li a:hover,
#tabs .tab_menu li a:active,
#tabs .sub_tabs .tab_menu  li a:link,
#tabs .sub_tabs .tab_menu li a:visited,
#tabs .sub_tabs .tab_menu li a:hover,
#tabs .sub_tabs .tab_menu li a:active { font-size:12px; padding:0; color:#666; float:left; width:124px; padding-left:12px; height:31px;  line-height:31px; 
text-decoration:none; color:#437cc4; background:url(../img/managedfunds/tab-bg.gif) 0 0 no-repeat;}


#tabs .tab_menu li a:hover,
#tabs .tab_menu li a:active,
#tabs .sub_tabs .tab_menu li a:hover,
#tabs .sub_tabs .tab_menu li a:active,
#tabs .tab_menu li.ui-tabs-selected a:link,
#tabs .tab_menu li.ui-tabs-selected a:visited,
#tabs .tab_menu li.ui-tabs-selected a:hover,
#tabs .tab_menu li.ui-tabs-selected a:active { color:#fff; background:url(../img/managedfunds/tab-bg.gif) 0 -31px no-repeat;}
#tabs .tab_menu li.orange a {background:url(../img/managedfunds/tab-bg-orange.gif) no-repeat !important; color:#FFF;}
#tabs .tab_menu li.orange a:hover {background:url(../img/managedfunds/tab-bg-orange.gif) 0 -31px no-repeat !important; color:#FFF;}


	/* tab inner content styling */
	#tabs .tab_content{padding:0; margin-top:9px; }
	#tabs .tab_content h2{color:#457dc7; font-size:16px; font-weight:bold; margin-top:20px;}
	#tabs .tab_content p, h4{line-height:1.4em; margin:9px 0 16px;}
	#tabs .tab_content ul{margin:9px 0 16px 20px;}
	#tabs .tab_content ul li{background:url(../img/managedfunds/bullet-square.gif) no-repeat scroll left 5px transparent;
	line-height:1.4em; margin:3px 0; height:1%;}
	
	#tabs .tab_content h3.chart_head{height:31px; line-height:31px; font-size:16px; font-weight:bold; color:#457dc7; margin:0; padding-left:6px;
	background:#fefefe url(../img/managedfunds/chart-head.gif) bottom repeat-x; border:1px solid #dbd8d8;}

#video_object{margin-top:1.7em;}

/* Sidebar styling
******************************/
#rightCol .sidebar_managed{width:307px; float:right;}

	/* play video button */
	#play_vid{display:block; width:306px; height:120px; margin-top:18px; font-weight:bold; color:#fff;
	background:url(../img/managedfunds/playvid.jpg) no-repeat; text-decoration:none;}
	#play_vid span{display:block; padding:97px 0 0 53px;}
	
	#rightCol h3.accord_head,
	#rightCol h3.sidebar_head{width:262px; height:33px; margin-top:18px; padding:0 22px; line-height:33px; font-weight:bold; color:#fff;
background:url(../img/managedfunds/accord-head.gif) no-repeat;}
	#rightCol h3.sidebar_head{ height:36px; ma line-height:36px; background-image:url(../img/managedfunds/sidebar-head.gif);}
	
	#rightCol .sidebar_module{border:1px solid #e1e1e1; border-top: 0; background:#fefefe; margin: 0 3px 1px 2px; padding:16px;
	color:#424242; line-height:1.4;}
	#rightCol .sidebar_module p{margin:0 0 1em;}
	#rightCol .sidebar_module a{color:#457dc7; text-decoration:underline;}
	#rightCol .sidebar_module a:hover{text-decoration:none;}
	#rightCol #accordion p a{color:#457dc7; text-decoration:underline;}
	#rightCol #accordion p a:hover{text-decoration:none;}
	#rightCol .sidebar_module p.title{font-size:14px; margin:0 0 .2em; line-height:1.2;}
	#rightCol .sidebar_module p.phone{position:relative;}
	#rightCol .sidebar_module p.phone span{position:absolute; left:90px;}
	#rightCol .sidebar_module .addresses{width:100%; overflow:hidden; margin:0 0 1em;}
		#rightCol .sidebar_module .addresses .cape{float:left; width:150px;}
		#rightCol .sidebar_module .addresses .jhb{float:right; width:110px;}
	
	
	/* jQuery UI Accordion styling
	******************************/		
	#accordion h4.accord_title{cursor: pointer; position: relative; margin-top: 0px; zoom: 1; height:32px;
		background:url(../img/managedfunds/accord-title-closed.gif) no-repeat;}	
	#accordion h4.accord_title a{display: block; font-size: 1em; padding: .6em .5em .6em 22px; color:#424242; font-weight:normal; text-decoration:none;}
	#accordion h4.ui-state-active{background:url(../img/managedfunds/accord-title-open.gif) no-repeat; height:34px;}
	#accordion h4.ui-state-active a{color:#457dc7;}
	
	#accordion .accord_content{border:1px solid #e1e1e1; border-top: 0; background:#fefefe; margin: -1px 3px 1px 2px; 
	position: relative; top: 1px; overflow: auto;  zoom: 1; width:268px !important; padding:16px; }
	#accordion .ui-accordion-content{display:none;}
	#accordion .ui-accordion-content-active { display: block;}	
	
	#accordion .ui-icon {position: absolute; left:auto; right:.9em; top: 50%; margin-top: -6px; 
	background:url(../img/managedfunds/accord-arrow-closed.gif) 0 0 no-repeat; width:9px; height:9px;}	
	#accordion .icon-open{background-image:url(../img/managedfunds/accord-arrow-open.gif);}		
	
	#accordion.ui-accordion .ui-accordion-li-fix { display: inline; }
	#accordion.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }	
	#accordion.ui-accordion a { zoom: 1; }
	
	/* accordion inner content styling */
	#accordion .accord_content{color:#424242; font-size:11px; line-height:1.4;}
	#accordion .accord_content .floatImgLeft{float:left; margin-top:.4em;}
	#accordion .accord_content .floatImgRight{float:right; margin-top:.4em;}
	#accordion .accord_content .indented{margin-left:71px;}
	
	#accordion .accord_content p{margin:0 0 1em;}
	#accordion .accord_content p.title{font-size:18px; margin:0 0 .1em; line-height:1.2;}
	#accordion .accord_content a.download{color:#457dc7; font-size:12px; font-weight:bold; text-decoration:none;
	background:url(../img/managedfunds/download-arrow.gif) right 4px no-repeat; padding-right:13px;}
	#accordion .accord_content a.download:hover{text-decoration:underline;}
	#accordion .accord_content ul{margin:0 0 1em;}
	#accordion .accord_content ul li{margin:0 0 .4em;}
	#accordion .accord_content ul{}
	#accordion .accord_content ul li{margin:0 0 .1em;}