/* STYLES FOR MG PAGES IN SPA */
body{margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; color: #000000;}
.col1{width: 361px; float:left}
.col2{width: 361px; float:left; margin-left: 14px;}
.datagrid{ width: 97%; margin-bottom: 25px; border: 1px solid #c3d3e0; border-spacing:0px;border-collapse:collapse;}
.datagridnobottom{ margin-bottom: 0px;}
.graygrid{ width: 355px; border: 1px solid #c3d3e0; border-spacing:0px;border-collapse:collapse; margin-left: 1px;}
.datagrid .even, .graygrid .even{background-color: #eceff4;}
.datagrid th{ border: none; text-align: left; color: #202d63; padding: 0px; margin: 0px; font-size: 20px; padding: 6px;}
.graygrid th{ border: none; text-align: right; color: #202d63; padding: 0px; margin: 0px; font-size: 12px; padding: 6px;  background: #f2f0f1 url(../images/graygridth_bg.gif)  repeat-x; border-bottom: 1px solid #d1d1d1; }
.plusHeading th{border-bottom: 1px solid #d7e4ee;}
.datagrid td, .graygrid td{  padding: 6px}
.disclaimer{font-size: 9px;}
.snapshotreport_head{width: 740px;}
.snapshotreport_head h2{width: 80%; float: left;  line-height: 1.3em;}
.traffic_light{ float: left; width: 20%; text-align: right;}
.subindname{color: #2c3f8e;}
.r{text-align: right;}
.b{font-weight: bold;}
.green{color: #339900;}
.red{color: #cc0000;}
.datagrid .itemHeader{font-size: 14px;}
#leftNav ul{ margin: 0px 0px 0px 5px; padding: 0px; font-size: 12px;}
#leftNav ul ul{ margin: 0px 0px 0px 10px; padding: 0px; font-size: 12px;}
.infocont_bg{background-color: #faf8ef; width: 745px;  }
.infocont_bg .col1, .infocont_bg .col2{background-color: #faf8ef; padding: 8px; width: 345px;}
.infocont_bg .col1 p, .infocont_bg .col2 p{line-height: 19px; margin-bottom: 7px; text-align: justify; /*color: #565656;*/}
.infocont_bg .col1 h3, .infocont_bg .col2 h3{color: #111f59; font-size: 12px;}
.clear{clear: both; height: 10px;}
.discl{font-size: 9px; margin: 5px 0px 5px 0px; width: 730px;}
.footnote{ font-size: 9px;}
.sublink{padding-left: 15px;}
.greentxt{ color: #376310;}
.redtxt{color: #ec021d;}

.col2 ul li{
	list-style:url(../images/arrowbullet.gif) outside;
	margin-left: 3px;
	margin-bottom: 3px;
	color: #3f3f3f;
}


#tablist, .tablist{
padding: 3px;
margin-left: 3px;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
margin-right: 0px;
width: 315px;
}
#tablist li, .tablist li{
list-style: none;
display: inline;
margin: 0px 0px 0px 2px;
padding:0px;

}
#tablist li a, .tablist li a{
text-decoration: none;
padding: 3px;
*padding: 0px 3px 3px 3px;
border: 1px solid #D4D4D4;
border-bottom: none;
color:#646464;
background: #f8f8f8;
}
#tablist li a.current, .tablist li a.selected{
background: #112e70;
color: #fff;
}
#tabcontentcontainer, .multitabs{
width:354px;
height:215px;
border: 1px solid #D4D4D4;
text-align: center;
}
.tabcontent{
display:none;
}
.attributes{font-size: 16px; font-weight: bold; color: #3e3e3e;}
h3{color: #3e3e3e;}
.infoMG{margin-left: 0px; margin-top: 0px;}
#mainColLarge{width: 750px;}



/**** the indexes table styling ****/
.comparativetbl {
	width: 750px;
	padding: 0;
	margin: 0;
}

.comparativetbl caption {
	padding: 0 0 5px 0;
	width: 750px;
	font-size: 9px;	 
	/*font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	text-align: right;
}

.comparativetbl th {
	/*font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	color: #4f6b72;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	letter-spacing: 1px;
	text-align: center;
	padding: 6px 6px 6px 12px;
	
}

.comparativetbl th.nobg {
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	background: #4492c6;
	color:#ffffff;
	text-align: left;
}
.comparativetbl th.sizelabel {
	background: #649676;
}
.comparativetbl th.sectorlabel {
	background: #83683d;
}

.comparativetbl td {
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #373737;
	text-align: center;
}
.comparativetbl th.spec {
	border-left: 1px solid #e4e4e4;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	/*font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	color: #656363;
	text-align: left;
}

.comparativetbl th.specalt {
	border-left: 1px solid #e4e4e4;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	/*font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	color: #656363;
	text-align: left;
}
.comparativetbl a, .comparativetbl a:hover{ text-decoration: underline; font-weight: bold; color: #0c4477;}
.discl a, .discl a:hover{ text-decoration: underline;color: #0c4477;}

.comparativetbl td.alt1 {
	background: #a9d5f5;
}
.comparativetbl th.head1 {
	background: #CAE8EA url(../images/tblth1.gif) top repeat-x; color: #315b77;
}
.comparativetbl td.alt2 {
	background: #c5e3f8;
}
.comparativetbl th.head2 {
	background: #CAE8EA url(../images/tblth2.gif) top repeat-x; color: #315b77;
}
.comparativetbl td.alt3 {
	background: #deeffc;
}
.comparativetbl th.head3 {
	background: #CAE8EA url(../images/tblth3.gif) top repeat-x; color: #315b77;
}


.comparativetbl td.alt4 {
	background: #9dc8ad;
}
.comparativetbl th.head4 {
	background: #CAE8EA url(../images/tblth7.gif) top repeat-x; color: #3a6e4d;
}
.comparativetbl td.alt5 {
	background: #b9ddc6;
}
.comparativetbl th.head5 {
	background: #CAE8EA url(../images/tblth8.gif) top repeat-x; color: #3a6e4d;
}
.comparativetbl td.alt6 {
	background: #d8f3e2;
}
.comparativetbl th.head6 {
	background: #CAE8EA url(../images/tblth9.gif) top repeat-x; color: #3a6e4d;
}


.comparativetbl td.alt7 {
	background: #a58c63;
}
.comparativetbl th.head7 {
	background: #CAE8EA url(../images/tblth10.gif) top repeat-x; color: #684d20;
}


.comparativetbl td.alt8 {
	background: #baa37d;
}
.comparativetbl th.head8 {
	background: #CAE8EA url(../images/tblth11.gif) top repeat-x; color: #684d20;
}
.comparativetbl td.alt9 {
	background: #d1be9e;
}
.comparativetbl th.head9 {
	background: #CAE8EA url(../images/tblth12.gif) top repeat-x; color: #684d20;
}
.comparativetbl td.alt10 {
	background: #eaddc9;
}
.comparativetbl th.head10 {
	background: #CAE8EA url(../images/tblth13.gif) top repeat-x; color: #684d20;
}




.comparativetbl td.topstocks1{ background: url(../images/topstocks_bg1.gif) center repeat-x;}
.comparativetbl td.topstocks2{ background: url(../images/topstocks_bg2.gif) center repeat-x;}
.comparativetbl td.topstocks3{ background: url(../images/topstocks_bg3.gif) center repeat-x;}
.comparativetbl td.topstocks4{ background: url(../images/topstocks_bg4.gif) center repeat-x;}
.comparativetbl td.topstocks5{ background: url(../images/topstocks_bg5.gif) center repeat-x;}
.comparativetbl td.topstocks6{ background: url(../images/topstocks_bg6.gif) center repeat-x;}
.comparativetbl td.topstocks7{ background: url(../images/topstocks_bg7.gif) center repeat-x;}
.comparativetbl td.topstocks8{ background: url(../images/topstocks_bg8.gif) center repeat-x;}
.comparativetbl td.topstocks9{ background: url(../images/topstocks_bg9.gif) center repeat-x;}
.comparativetbl td.topstocks10{ background: url(../images/topstocks_bg10.gif) center repeat-x;}

#leftCol ul#leftNav ul li{font-size: 11px;}
#leftCol ul#leftNav ul li a:hover{text-decoration: underline;}
#leftCol ul#leftNav ul .secondaryTitle{padding-left: 13px; color: #626262;}


/* Left Navigation and sub navigation */
ul#leftNav 				{margin: 30px 5px 6px 17px; padding: 0; font-size: 12px;}
ul#leftNav li 			{margin: 0; padding: 4px 0 2px 0; border-bottom: 0px solid #e2e2e2; font-weight: bold; line-height: 1.2em; list-style: none;}
ul#leftNav li a 		{color: #003366; padding-left: 10px; background-image:url(../images/arrowsnav.gif); background-repeat: no-repeat; background-position: 0 6px; text-decoration: none;}
ul#leftNav li a:hover 	{color: #96c2e4; padding-left: 10px; text-decoration: none;}
ul#leftNav li .selected {color: #96c2e4; padding-left: 10px; text-decoration: none; background-image:url(../images/arrowsnav.gif); background-repeat: no-repeat; background-position: 0 6px; text-decoration: none;}

ul#leftNavSub 				{margin: 0 5px 6px 0px; padding: 0; font-size: 12px; }
ul#leftNavSub li 			{margin: 0; padding: 2px 0 2px 5px; font-size: 11px; border-bottom: 0px solid #e2e2e2; font-weight: bold; line-height: 1.2em; list-style: none;}
ul#leftNavSub li a 			{color: #003366; padding-left: 0px; text-decoration: none;background-image:none;}
ul#leftNavSub li a:hover 	{color: #96c2e4; padding-left: 0px; text-decoration: underline;}
ul#leftNavSub li .title		{color: #96c2e4; padding-left: 10px; text-decoration: none; background-image:url(../images/arrowsnav.gif); background-repeat: no-repeat; background-position: 0 4px; text-decoration: none;}
ul#leftNavSub li .nonTitle	{color: #96c2e4; padding-left: 20px; text-decoration: none;text-decoration: none;}
ul#leftNavSub li .selected 	{color: #96c2e4; padding-left: 0px; text-decoration: none; background-image:none; text-decoration: none;}

ul#iconNav 				{margin: 0 20px 6px 17px; padding: 0; font-size: 12px; list-style: none;}
ul#iconNav li 			{margin: 0; padding: 0; font-size: 10px;}

ul#secondarysubnav{ margin-left: 12px;}
ul#secondarysubnav li a 		{background-image: none;}
ul#secondarysubnav li .selected {background-image: none;}


ul#extraNav li.spatv 		{background-image: url(../images/ico_assettv.gif); background-repeat: no-repeat; list-style: none;}
ul#extraNav li.etfsexplained 	{background-image: url(../images/etfexplained_ico.gif); background-repeat: no-repeat; list-style: none;}
ul#extraNav li.register 	{background-image: url(../images/register_ico.gif); background-repeat: no-repeat; list-style: none;}
ul#extraNav li.contactus 	{background-image: url(../images/contactus_ico.gif); background-repeat: no-repeat; list-style: none;}