.Search th{background:#eee ; color:#313131}

#Mid .Key, #Mid .Key2 {background-color:#000;color:#fff;font-weight:bold;padding:4px 0px 4px 5px;margin:0px 0px 15px 0px;list-style:none; overflow:auto}
	#Mid .Key li, #Mid .Key2 li{display:inline;font-size:1.2em;margin:0px;padding:0px 5px 0px 10px; background-repeat:no-repeat; margin-right:10px}
	.Key img, .Key2 img {margin-right:3px ;position:relative ; top:3px }

#Mid .Key2 {background-color:#eeeeee;color:#666;font-weight:normal;padding:4px 0px 6px 5px;margin:0px 0px 15px 0px;list-style:none; overflow:auto; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC}

/* navigation on tabular listings - needs .net changes to standardise markup */
.resultsAction {text-align:right ; overflow:auto }
#page_numbers, .page_numbers_nested {font-size: 1.2em; margin-bottom:1.2em; padding:4px ; padding-left:0}/*thats right - this should be a class! needs fixing*/
	#page_numbers a, .page_numbers_nested a,.GridviewPager table td a { border:solid 1px #DCDCDC ;  padding:0.2em 0.5em; }
	#page_numbers a:hover, .page_numbers a:hover, .page_numbers_nested a:hover, .GridviewPager table td a:hover  { text-decoration: none !important; border: solid 1px #aaaaaa }
.page_numbers.right{ text-align: right; }

div.letter_order { overflow: hidden; padding-bottom: 15px !important; }
div.letter_order span,.letter_order a { border:1px solid #ddd !important;display:block;float:left;height:1.4em;margin:0.3em !important;text-align:center;width:1.4em; font-size: 1em; }
div.letter_order span { background: #004990; color: #fff; }
div.letter_order a { background: #fff; }
div.letter_order a:hover { border: 1px solid #aaa !important; text-decoration: none !important; }

span.page_numbers, span.letter_order {display:block}
	.page_numbers { margin: 0.3em 0; }
	.page_numbers a { border:solid 1px #DCDCDC; padding: 0.2em 0.5em; }
	#page_numbers a span,  .page_numbers span,.GridviewPager table td span, .page_numbers span span, .page_numbers_nested span span
 { background: #006EB8 ; color:#fff ; padding:0.2em 0.5em; border: solid 1px #006EB8;}
	.page_numbers span span, .page_numbers_nested span span {border: solid 1px #006EB8; padding:0.2em 0.5em;}
	.page_numbers .large { font-size:1.2em; font-weight:bold; }
	
	.page_numbers_nested span{ background:#fff}
	
	/* pager numbers reversed - pager_letters? overrides color */
	page_letters a { border:solid 1px #DCDCDC ; padding:0.2em 0.5em; }
	page_letters.a:hover { text-decoration: none !important; border: solid 1px #aaaaaa }
	page_letters span { background: #006EB8 ; color:#fff ; padding:0.2em 0.5em; border: solid 1px #006EB8; }
	
	.GridviewPager table {border-bottom:0 ;width:auto}
	.GridviewPager span {display:block}
	.GridviewPager table td{border:none ;padding:1px}
	.GridviewPager td{border:none; text-align:left}
	tr.GridviewPager td { padding-top: 9px;}
	
	/*legacy styles, need updating*/
	.topman_left{float:left;clear:left;margin:0px;padding:0px 0px 10px 0px;width:160px;min-height:410px;height:41em;background-color:#eee;}
		.topman_landc h3, .select09, .select10 {padding:4px ; margin-bottom:5px}
	.topman_center{float:left;margin:0px 0px 0px 6px;padding:0px 0px 10px 0px;width:150px;min-height:410px;height:41em;background-color:#eee;}
	.topman_right{float:left;margin:0px 0px 0px 6px;padding:0px;width:455px;background-color:#ffffff;}
	
/*fund search*/
	/* - new code*/

.FormNav {background-color:#2A303B; padding:5px ; text-align:right ; margin-bottom:2px}
	.FormNav a{color:#fff; font-size:1.2em;text-decoration:none}
	#Mid .FormNav a:hover {color:#fff }
	
.s_engine_container { background:#eee; clear: left; float: left; overflow:auto; margin-bottom:1em ;}
	.s_engine_container div {background:#eee ; border-top:solid 2px #fff ; border-right:solid 2px #fff ; clear:left ;float:left ; 
	                         min-height:45px ;padding:10px 0 ; width:270px ; }
	.s_engine_container div.Last {border-right:0;border-left:solid 2px #fff ; clear:none ;margin-left:-2px ;}
	.s_engine_container h2 {background-color:#006EB8; border-top:solid 2px #fff ; clear:both ; color:#fff ; font-size:1.2em ;
	                        margin-bottom:0 ; padding:5px; width: 533px; }
	.s_engine_container .pnlAdvancedSearch {border:0 ;float:none ; padding:0 ;width:auto}
	#advheader { background:transparent url(/img/icons/list-expand.gif) no-repeat scroll 8.5em center; border-bottom:0 ; border-top:solid 2px #fff ;
	             clear:both ;color:#006EB8 ; display:block ; font-size:1.3em ; height:1% ;padding:5px; width: 532px; }
	#advheader:hover {cursor:pointer ; cursor:hand ;}
	.advheaderOpen {background-image: url(/img/icons/list-contract.gif) !important}
	
	/*legacy code*/

.s_engine_container label.lbl01{}
.s_engine_container label{display:block;padding:1px 0px 0px 7px;}
.s_engine_container select, .s_engine_container input{margin:1px 0px 0px 7px;}

/*fund research star ratings*/
#starRating li {margin-bottom:10px}
	#starRating .five { background:url(/img/icons/5stars.gif) no-repeat top right}
	#starRating .four { background:url(/img/icons/4stars.gif) no-repeat top right}
	#starRating .three { background:url(/img/icons/3stars.gif) no-repeat top right}
	#starRating .two { background:url(/img/icons/2stars.gif) no-repeat top right}
	#starRating .one { background:url(/img/icons/1stars.gif) no-repeat top right}

#factSheet span.largestars{ position:relative; left:5px; top:2px; }
#factSheet #portfolio { height: 189px; }

	.topBar { background-color: #eee; width: 100%; margin-bottom: 15px; overflow: hidden; }
	.topBar div { border-right: 1px solid #fff; float: left; width: 585px; }
	.topBar div.last { width: 198px; border-right: none; }
	.topBar div.last fieldset select { margin-top:1px; }
	.topBar div fieldset { display: inline; margin: 8px; padding: 0; }
	.topBar div fieldset label { margin: 0 8px;}

.buyButtons { background: none !important; }

	/*stakeholders tables*/
	#allocDef .def, #allocCau .cau, #allocMod .mod, #allocAdv .adv  { background:#e0edf5; border-bottom: solid 1px #fff;}

/* manager of the month */
.motm { padding-top: 8px; }
.motm a { text-decoration: none !important; }
#ContentRight .motm h3, #ContentRight .motm p { margin-bottom: 1px; line-height: 1.2em; }
#ContentRight .motm span { color: #666;}
#ContentRight .motm p.story { line-height: 1.3em; clear: both; font-size: 1.2em; margin-bottom: 8px; }
.motm div.imgframe { padding: 2px; float: left; margin-right: 7px; margin-bottom: 7px; overflow: hidden; width: 65px; background: white}
.motm div.imgframe img  { float: left; margin: 0 !important;}
/* This image frame should be re-used */

/*Asset Allocation*/
.graphEnlargeLink{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}

/* Investment Research */
/* top managers */
.topmanagers .selectionrow{ min-height: 40px; }

/*--------------------------------------*/
/*---------- jquery tabs css -----------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

h2.tabTitle { display:none } /* headings for print only*/

/* Default Layout */

#Mid .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding:0 0 0 1px;
    padding-left: 5px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
    color: #fff;
}

	#Mid .ui-tabs-nav li {
		float: left;
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 5px;
		margin-bottom: 0;
		font-size: 1.2em;
	}
	
		.ui-tabs-nav a, .ui-tabs-nav a span {
			float: left; /* fixes dir=ltr problem and other quirks IE */
			padding: 0 12px;
		}
		
		#Mid .ui-tabs-nav a {
			margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
			padding: 0;
			text-decoration: none !important;
			white-space: nowrap; /* @ IE 6 */
			outline: 0; /* @ Firefox, prevent dotted border after click */
		}
		
		.ui-tabs-nav a:link, .ui-tabs-nav a:visited, .ui-tabs-nav a:active, .ui-tabs-nav a:hover {
			text-decoration: none
		}
		
		.ui-tabs-nav .ui-tabs-selected a {
			position: relative;
			top: 0px;
			z-index: 2;
			margin-top: 0;
			text-decoration: none;
		}
		
		.ui-tabs-nav .ui-tabs-selected a:active {
			text-decoration: none;
		}
		
			.ui-tabs-nav a span {
				padding-top: 0px;
				padding-right: 24px;
				height: 30px; /* <- changed: 20th january 2010 */
				overflow: hidden; /* <- added: 20th january 2010 */
				background-position: 0 right;
				line-height: 33px;
				text-decoration: none;
			}
			
			.ui-tabs-nav .ui-tabs-selected a span {
				padding-top: 0;
				padding-right: 24px;
				height: 31px;
				line-height: 33px;
			}
			
			.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
			.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
				cursor: text;
			}
			
			.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
			.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
				cursor: pointer;
			}
			
			
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.ui-tabs-panel { border: 0px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.Profile { padding: 10px; overflow: hidden; } 
.Profile .Row{ overflow: auto; margin-bottom: 15px; font-size: 1.3em; padding-bottom: 15px; border-bottom: dotted 1px #dddddd; width: 100%;}
.Profile .First { margin-top: 15px;}
.Profile .Last { border-bottom: 0; margin-bottom: 0; }
.Profile .Row div { float: left; overflow: hidden; }
.Profile a { text-decoration: underline; }
.Profile a.button, .Profile a.cancel { text-decoration: none !important; }
.Profile .ProfLabel,.Profile .ProfLabelAdd  { width: 150px; padding-right: 10px; font-weight: bold; }
.Profile .ProfLabelAdd { width: 100px; padding-right: 10px; font-weight: bold; }
.Profile .ProfAdd{ width: 40px; padding-right: 10px; font-weight: bold; }
.Profile .ProfAdd a { font-weight: normal; }
.Profile .ProfValue {width: 290px;padding-right: 10px;}
.Profile .ProfEdit {width: 60px; text-align: right }
.Profile .ProfEdit  a {  font-weight: bold; }

/*.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}*/


/* visual formatting */

/*sty1*/
#Mid .tabSty1 {
	background-color:#c8c8c8;
	border-bottom:solid 6px #eeeeee;
	border-top:solid 4px #c8c8c8;
	color: #fff;
}

#Mid .tabHold  
{
	border-top: solid 1px #D5D5D5;
	}

	#Mid .tabSty1 li {
		background: #eeeeee url('../img/interface/inactive-tab-left.gif') no-repeat 0 0;
		font-weight: normal;
		border-bottom:solid 1px #c8c8c8;
	}
		#Mid .tabSty1 a {
			background-position: 100% 0;
			color: #00488c; 
		}
			.tabSty1 a span {
				color: #00488c;
			}
		.tabSty1 a:link, .tabSty1 a:visited, .tabSty1 a:active, .tabSty1 a:hover {
			color: #00488c;
		}
	#Mid .tabSty1 .ui-tabs-selected {
		padding-left: 2px;
		background: #eeeeee url('../img/interface/active-tab-left.gif') no-repeat 0 0;
		border-bottom: solid 1px #eeeeee;
	}	
		.tabSty1 .ui-tabs-selected a {
			background-position: 6px -18px;
			color: #00488c;
		}
		.tabSty1 .ui-tabs-selected a:active {
			color: #00488c;
			border: 0;
		}
			.tabSty1 a span {
				background-position: 0 right;
				color: #00488c;
				background: url('../img/interface/inactive-tab-right.gif') no-repeat right 0;
			}
			.tabSty1 .ui-tabs-selected a span {
				background-position: 0 right;
				background: transparent url('../img/interface/active-tab-right.gif') no-repeat right 0;
				color: #00488c;
			}
			.tabSty1 .ui-tabs-selected a:link, .tabSty1 .ui-tabs-selected a:visited,
			.tabSty1 .ui-tabs-disabled a:link, .tabSty1 .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
				color: #00488c;
			}
			.tabSty1 a:hover, .tabSty1 a:focus, .tabSty1 a:active,
			.tabSty1 .ui-tabs-unselect a:hover, .tabSty1 .ui-tabs-unselect a:focus, .tabSty1 .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
				color: #00488c;
			}

			.tabSty1 .ui-tabs-disabled a:link, .tabSty1 .ui-tabs-disabled a:visited {
				color: #000;
			}
	

/*tab style 2*/

#Mid .tabSty2 {
	background-color:#d3d3d3;
	color: #fff;
	padding-top:12px;
	padding-bottom: 0;
	overflow: hidden;
	border-bottom: 0px solid #D3D3D3; /*<- changed: 20h Jan 2010*/
}

	#Mid .tabSty2 li {
		border-bottom:1px #d3d3d3 solid ;
		background: #e9e9e9 url('../img/interface/plain-inactive-tab-left.gif') no-repeat 0 0;
	}
	
	#Mid .tabSty2 .ui-tabs-selected {
		background: #fff ;
		border-bottom:1px #fff solid ;
		color:#000;
	}	
	
		#Mid .tabSty2  a {
			padding-left: 6px;
		}
			
		#Mid .tabSty2 .ui-tabs-selected a {
			color: #004990;
			background: url('../img/interface/plain-active-tab-left.gif') no-repeat 0 0;
			padding-left: 6px;
		}
		
		.tabSty2 .ui-tabs-selected a:active {
			color: #004990;
		}
		
			.tabSty2 a span {
				background-position: 0 right;
				color: #004990;
				background: url('../img/interface/plain-inactive-tab-right.gif') no-repeat right 0;
			}
			
			.tabSty2 .ui-tabs-selected a span {
				color: #004990;
				background: #fff url('../img/interface/plain-active-tab-right.gif') no-repeat right 0;
			}
			
			.tabSty2 .ui-tabs-selected a:link, .tabSty2 .ui-tabs-selected a:visited,
			.tabSty2 .ui-tabs-disabled a:link, .tabSty2 .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
				color: #004990;
			}
			
			.tabSty2 a:hover, .tabSty2 a:focus, .tabSty2 a:active,
			.tabSty2 .ui-tabs-unselect a:hover, .tabSty2 .ui-tabs-unselect a:focus, .tabSty2 .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
				color: #004990;
			}

			.tabSty2 .ui-tabs-disabled a:link, .tabSty2 .ui-tabs-disabled a:visited {
				color: #000;
			}

/*tab style 3*/

#Mid div.ui-heading-tabSty3 {
	border-top: 2px solid #D5D5D5;
	background-color: #eee;
	font-size:1.2em;
	color: #000;
	padding: 6px;
	color: #555;
}

#Mid div.ui-heading strong { margin: 6px 0 6px 6px; display: block; }

#Mid .tabSty3 {
	background-color:#eee;
	color: #fff;
	padding-top:0px ;	
	font-size: 1em;
	border-bottom: 0px solid #eee;
	clear: both;
}

	#Mid .tabSty3 li {
		border-bottom:1px #d3d3d3 solid;
		background: #dfdfdf url('../img/interface/plain-inactive-tab-left-lightbg.gif') no-repeat 0 0;
	}
	
	#Mid .tabSty3 a span{
		height: 20px;
		padding: 4px 8px 4px 5px;
		line-height: 20px;
	}
	
	#Mid .tabSty3 .ui-tabs-selected {
		background: #fff ;
		border-bottom:1px #fff solid ;
		color:#000;
	}
	
		#Mid .tabSty3  a {
			padding-left: 3px;
		}
			
		#Mid .tabSty3 .ui-tabs-selected a {
			color: #004990;
			background: url('../img/interface/plain-active-tab-left-lightbg.gif') no-repeat 0 0;
			padding-left: 3px;
		}
		
		.tabSty3 .ui-tabs-selected a:active {
			color: #004990;
		}
		
			.tabSty3 a span {
				background-position: 0 right;
				color: #004990;
				background: url('../img/interface/plain-inactive-tab-right-lightbg.gif') no-repeat right 0;
			}
			
			.tabSty3 .ui-tabs-selected a span {
				color: #004990;
				background: #fff url('../img/interface/plain-active-tab-right-lightbg.gif') no-repeat right 0;
			}
			
			.tabSty3 .ui-tabs-selected a:link, .tabSty3 .ui-tabs-selected a:visited,
			.tabSty3 .ui-tabs-disabled a:link, .tabSty3 .ui-tabs-disabled a:visited {
				color: #004990;
			}
			
			.tabSty3 a:hover, .tabSty3 a:focus, .tabSty3 a:active,
			.tabSty3 .ui-tabs-unselect a:hover, .tabSty3 .ui-tabs-unselect a:focus, .tabSty3 .ui-tabs-unselect a:active {
				color: #004990;
			}

			.tabSty3 .ui-tabs-disabled a:link, .tabSty3 .ui-tabs-disabled a:visited {
				color: #000;
			}
			

/*tab style 4*/
#Mid div.ui-heading4 {
	background-color:#EEEEEE;
	font-size:1.2em;
	padding: 6px;
}

#Mid .tabSty4 {
	background-color:#EEEEEE;
	color: #fff;
	padding-top:0px ;	
	font-size: 0.8em;
	border-bottom: 0px solid #d5d5d5; /* <- changed: 20th january 2010 */
}

	#Mid .tabSty4 li {
		border-bottom:1px #d3d3d3 solid ;
		background: #e9e9e9 url('../img/interface/plain-inactive-tab-left.gif') no-repeat 0 0;
		border-top: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
		border-left: 1px solid #d5d5d5;
		margin-bottom: 0px;
	}
	
	#Mid .tabSty4 a span{
		height: 20px;
		padding: 4px 8px 4px 5px;
		line-height: 20px;
	}
	
	#Mid .tabSty4 .ui-tabs-selected {
		background: #fff ;
		border-bottom:1px #fff solid ;
		color:#000;
		border-top: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
		border-left: 1px solid #d5d5d5;
	}
	
		#Mid .tabSty4  a {
			padding-left: 3px;
		}
		
		#Mid .tabSty4 .ui-tabs-selected a {
			color: #004990;
			background: url('../img/interface/plain-active-tab-left.gif') no-repeat 0 0;
			padding-left: 3px;
		}
		
		.tabSty4 .ui-tabs-selected a:active {
			color: #004990;
		}
		
			.tabSty4 a span {
				background-position: 0 right;
				color: #004990;
				background: url('../img/interface/plain-inactive-tab-right.gif') no-repeat right 0;
			}
			
			.tabSty4 .ui-tabs-selected a span {
				color: #004990;
				background: #fff url('../img/interface/plain-active-tab-right.gif') no-repeat right 0;
			}
			
			.tabSty4 .ui-tabs-selected a:link, .tabSty4 .ui-tabs-selected a:visited,
			.tabSty4 .ui-tabs-disabled a:link, .tabSty4 .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
				color: #004990;
			}
			
			.tabSty4 a:hover, .tabSty4 a:focus, .tabSty4 a:active,
			.tabSty4 .ui-tabs-unselect a:hover, .tabSty4 .ui-tabs-unselect a:focus, .tabSty4 .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
				color: #004990;
			}

			.tabSty4 .ui-tabs-disabled a:link, .tabSty4 .ui-tabs-disabled a:visited {
				color: #000;
			}
			
/* footer extension (links) */
#FooterLinks {background: #F1F1F1; padding: 15px; margin-top: 0px; overflow:auto; }
	#FooterLinks div { float: left; margin-right: 15px; }/* width: 173px; */
		#FooterLinks div h3 { color: #004990; font-size: 1.3em; margin-bottom: 0.7em; padding-top: 3px;}
		#FooterLinks div p { color:#000 ; font-size: 1.2em; line-height: 1.3em; margin-bottom: 0.8em}
			#FooterLinks div p a { background: url(/images/bullets/small_bullet_arrow3.gif) no-repeat 0px 0px; padding-left: 10px;}
			#FooterLinks div a:hover {text-decoration: underline; color:#2A303B; }
#FooterLinks .last { margin: 0; }