@charset "UTF-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
	background-color:#F5F5F5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:active, a:visited {outline:none;}

/* wrappers */

.wrapper {height:100%;margin:0 auto;width:995px;}

.pfbodywrap {background:#FDFDFD url(http://im.mstar.com/Im/GlobalHome/vrulebg.gif) repeat-y scroll left center; border:1px solid #A7AAAF; float:left; position:relative; width:993px; margin-top:1px;}

/* sections (columns) (version) */
.section12 {float:left; width:175px; margin-bottom:10px;} /* no borders, no background 30px bottom-margin */
.col12 .first {margin-bottom:20px;}

/* columns (columns) (version) */
.col12 {float:left; display:inline; width:183px; margin:0px 0px 0px 7px;} /* 1 column, version 2; total width is 190px*/

.col1x1 {width:282px; padding-right:10px; float:left;} /* appears only in the homepage */

.col21 {float:left; display:inline; width:370px; margin:0 10px 0 20px;} /* 2 column, version 1 */
.col22 {float:left;width:393px;}

.col31 {float:left; width:583px; overflow:hidden;} /* 2 column, version 1; subtract 1px to compensate for border on wrapper */


/* rows (version) (variant) */

.row_a1 {float:left; width:100%; display:block;}

.row_aa3 {width:100%;border-top:1px solid #dedede;float:left;}

.row11 {float:left; display:block; width:100%;}

.row21 {width:100%; border-top:1px solid #dedede;}
.row22 {display:block; width:100%; margin-bottom:17px; border-top:1px solid #dedede;} /* contains highlighted articles, uses 17px bottom margin */

.row22b { float:left; display:block; width:100%; margin-bottom:17px; border-top:1px solid #dedede;} /* 25px bottom margin */
.row22c { float:left; display:block; width:100%; margin-bottom:20px; border-top:1px solid #dedede;} /* 17px bottom margin */
.row23 { float:none; display:block; width:370px; margin-bottom:17px; border:none;}

.row31a { float:left;display:block; width:100%; padding:5px 0px 5px 0px; border-bottom:1px solid #CCC;} /* solid border-bottom*/
.row31b {display:block; width:100%; padding:5px 0px 5px 0px; border-bottom:none;} /* NO border-bottom*/
.row11a {float:left; display:block; width:100%; margin-bottom:0px;}


.row52 {float:left; display:block; width:382px; padding:0px 0 3px 0; background:url(http://im.mstar.com/im/marketing/doublerulebg.gif) repeat-x bottom;}
.row52a {float:left; display:inline; width:382px; padding:7px 0px 0px 0px;}


/* headlines (version) (variant) */
.headline { width:955px; margin-left:20px;  margin-right:20px; padding:0px 0px 5px 0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000; line-height:25pt; background-color:#fdfdfd;}

.headline_b1{float:left; width:100%; border-top:2px solid #999; padding-top:2px; padding-bottom:2px; margin-bottom:7px; margin-top:20px; color:#333; font-size:11px; font-weight:bold; line-height:14px; text-decoration:none;}

/* texts (lines) (version) */
.text_a1,.text_a1 a,a.text_a1{font-size:10px; line-height:11px; color:#666; text-decoration:none; float:left; display:block; padding-top:5px; margin-bottom:6px; clear:right;}
.text_a1 a{float:none;display:inline;}
.text_a1 a:hover,a.text_a1:hover{color:#666;text-decoration:underline;}

.text_a4,.text_a4 a,a.text_a4{font-size:10px;line-height:16px;color:#000;text-decoration:none;display:inline;}
.text_a4 a{float:none;display:inline;}
.text_a4 a:visited,a.text_a4:visited{color:#555;text-decoration:none;}
.text_a4 a:hover,a.text_a4:hover{color:#000;text-decoration:underline;}

.text_b1,.text_b1 a,a.text_b1 {font-size:11px; line-height:25px; color:#000; text-decoration:none; float:left; display:block;}
.text_b1 a {float:none; display:inline;}
.text_b1 a:visited,a.text_b1:visited {color:#555; text-decoration:none;}
.text_b1 a:hover,a.text_b1:hover {color:#000; text-decoration:underline;}

.text_c2,.text_c2 a,a.text_c2{font-size:12px;line-height:16px;color:#333;text-decoration:none;float:left;display:block;margin-bottom:3px; width:100%;}
.text_c2 a{float:none;display:inline;}
.text_c2 a:hover,a.text_c2:hover{color:#000;text-decoration:underline;}


.text12, .text12 a, a.text12 {clear:left; display:block; padding-top:5px; margin-bottom:6px; color:#666; font-size:10px; line-height:10px; text-decoration:none;} /* for the analyst names */
.text12 a:hover, a.text12:hover {color:#666; text-decoration:underline;}

.text14, .text14 a, a.text14 {clear:left; display:block; color:#333; font-size:10px; line-height:14px; text-decoration:none;}
.text14 a:hover, a.text14:hover {color:#000; text-decoration:underline;}

.textx2, .textx2 a, a.textx2 {clear:left; display:block; margin-bottom:3px; color:#333; font-size:12px; line-height:16px; text-decoration:none;}
.textx2 a:hover, a.textx2:hover {color:#000; text-decoration:underline;}

/* titles (lines) (version) */ 
.title_c1,.title_c1 a,a.title_c1{float:left;font-size:14px;line-height:16px;color:#000;font-weight:bold;text-decoration:none;display:block;margin-bottom:6px;}
.title_c1 a{display:inline;}
.title_c1 a:visited,a.title_c1:visited{color:#555;text-decoration:none;}
.title_c1 a:hover,a.title_c1:hover{color:#000;text-decoration:underline;}
.title_d1,.title_d1 a,a.title_d1{float:left; font-size:14px;line-height:16px; color:#000; font-weight:bold; text-decoration:none; margin-bottom:3px; padding-bottom:0px; width:100%;}
.title_d1 a:visited,a.title_d1:visited{color:#555; text-decoration:none;}
.title_d1 a:hover,a.title_d1:hover{color:#000; text-decoration:underline;}


.titlex2, .titlex2 a, a.titlex2 {display:block; color:#333; font-size:11px; font-weight:bold; line-height:14px; text-decoration:none;}
.titlex2 a:hover, a.titlex2:hover {color:#000; text-decoration:underline;}


/* images */
.im1 {height:200px; width:370px; margin-top:2px; background:#ffffff; float:left;}
.im2 {height:78px; width:78px; margin-top:5px; background:#ffffff; float:left;}


/* ---------Tools Icon/Image -----*/
.imgcontainer {float:left; width:175px; overflow:hidden; height:130px; margin-bottom:3px; background-color:#00FF99;}



/* special links (version) (variant) */
.slink11, a.slink11:link, a.slink11:visited {float:left; display:inline; height:15px; width:153px; padding-left:20px; margin-bottom:1px; border:1px solid #dedede; background:url(http://im.mstar.com/Im/ETFs/etf_cover_sprite_img.gif) no-repeat 6px -133px; color:#333; font-size:10px; line-height:15px; text-decoration:none; outline:none;} /* total width is 175px */
.slink12, a.slink12:link, a.slink12:visited {float:left; display:inline; height:15px; width:153px; padding-left:20px; margin-bottom:1px; border:1px solid #dedede; background:url(http://im.mstar.com/Im/ETFs/etf_cover_sprite_img.gif) no-repeat 4px -148px; color:#333; font-size:10px; line-height:15px; text-decoration:none; outline:none;} /* total width is 175px */
.slink13, a.slink13:link, a.slink13:visited {float:left; display:inline; height:15px; width:153px; padding-left:20px; margin-bottom:1px; border:1px solid #c5c5c5; background:url(http://im.mstar.com/Im/ETFs/etf_cover_sprite_img.gif) no-repeat 6px -133px; background-color:#f6faff; color:#333; font-size:10px; line-height:15px; text-decoration:none; outline:none;} /* total width is 175px */
.slink14, a.slink14:link, a.slink14:visited {float:left; display:inline; height:15px; width:153px; padding-left:20px; margin-bottom:1px; border:1px solid #c5c5c5; background:url(http://im.mstar.com/Im/ETFs/etf_cover_sprite_img.gif) no-repeat 4px -148px; background-color:#f6faff; color:#333; font-size:10px; line-height:15px; text-decoration:none; outline:none;} /* total width is 175px */
a.slink11:hover, a.slink12:hover, a.slink13:hover, a.slink14:hover {background-color:#e0e9f2; outline:none;}
a.slink11:active, a.slink12:active, a.slink13:active, a.slink14:active {outline:none;}


/* Additional Styles for Cover Page - Adnan */
.clearspace {width:950px; height:30px; margin-left:20px; float:left; background-color:#fdfdfd;} /*clear 30px row*/

/*Traffic Driver Styles*/
.trDrContainer {float:left; width:345px; height:100%; padding:8px 10px 8px 10px; margin-top:15px; border:solid 1px #CCCCCC; display:block; outline:none; text-decoration:none;}
.trDrContent {float:left; width:230px; height:100%;}
.trDrSponsor {float:right; height:100%; margin-top:2px; padding-right:10px;}



/*---------------- Web Seminar Archive ------*/
.WBcontainer {
	margin-top: 20px;
	padding-left: 8px;
	width: 167px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333333;
	text-align: left;
}

.WBheader {
	margin: 0px;
	padding: 8px 11px 8px 11px;
	width: 138px;
	text-align: left;
	background-color: #34517B;
}

.WBarchive {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

a.WBarchivelink {
	margin: 0px;
	padding: 8px 11px 10px 11px;
	width: 136px;
	cursor: pointer;
	border-top: solid 2px #FFFFFF;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background-color: #F8F8F8;
	position: relative;
	text-decoration: none;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	text-align: left;
	color: #333333;
	display: block;
}

.WBblue {
	font-weight: normal;
	color: #34517B;
}

.WBh1 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	line-height: 13px;
}

a.WBarchivelink:link, a.WBarchivelink:visited {
	background-color: #F8F8F8;
	text-decoration: none;
	outline: none;
}

a.WBarchivelink:hover, a.WBarchivelink:active {
	background-color: #E3E3E3;
	text-decoration: none;
	outline: none;
}
/*---------------- Web Seminar Archive Ends ------*/


/*---------------- Sponsors Section --------------*/

.sponsor_rectangle_ad {
	margin: 0px auto 25px; 
	background-image:url(http://im.mstar.com/im/marketing/TRP_Ad.gif); 
	background-repeat:no-repeat; 
	height: 275px; 
	width: 336px; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}

.headerwrap, .footerwrap {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
}

/* footer styles */

.f_Ads {border-top:5px solid #666666; padding-bottom:15px; padding-top:10px;}

.f_Ads {background-color:#F3F3F5; border:1px solid #A7AAAF; border-top:5px solid #666666; padding-bottom:15px; padding-top:10px; float:left; width:993px;}

.f_Ads_row1 {
height:90px;
margin:0 0 0 20px;
position:relative;
width:955px;
}

.f_leaderad {
border:none;
float:left;
height:90px;
margin:0;
position:relative;
width:728px;
}


.f_Ads_col1 {
border-left:1px solid #CCCCCC;
float:right;
font-weight:bold;
height:90px;
margin:0 0 0 40px;
padding-left:20px;
position:relative;
width:155px;
}


.f_partner1 {
background:transparent url(http://im.mstar.com/Im/GlobalHome/sprite-hf.gif) no-repeat scroll -82px -32px;
height:31px;
margin-top:5px;
width:88px;
}

.f_partner2 {
background:transparent url(http://im.mstar.com/Im/GlobalHome/sprite-hf.gif) no-repeat scroll -82px -69px;
height:31px;
margin-top:5px;
width:88px;
}

/* ---------Retirement Calculator Styles -----*/
.calccontainer {margin-bottom:0px; padding-bottom:0px; float:left; width:175px; overflow:hidden; }
.L1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; color: #333333; padding-top:0px }
.L1a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; color: #666666; padding-top:5px; }
.B1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 11px; color: #333333; padding-top:5px; }
.floatR {float:right; padding: 0px 5px 0px 0px;}
.floatL {float:left;}
.more { text-decoration:none; color:#666; margin-bottom:5px;}
.more:hover {text-decoration:underline;}


.RCInputL  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-weight:normal;	
	color:#333333;	
	margin: 0px 0px 0px 0px;	
	float:left;	
	position:relative;
}
.RCInput { 
	font-size:10px;	
	color:#333333;	
	height:16px;
	width:100px;	
	margin: 0px 0px 0px 0px;	
	vertical-align:middle;
	float:left;	
	position:relative;
}
.RC10 {
	font-size:10px; 
	line-height:17px; 
	color:#333333; 
	width:175px;
}

.RetCalKey1 {
	width:175px;
	background-image:url(http://im.mstar.com/im/PersonalFinance/RetCal_DiagLine1.gif);	
	border-bottom: 1px solid #E5E5E5;
	margin-top:5px; 
}

.RetCalKey2  {	
	width:175px; 
	background-color:#E4F0FF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;  
	padding: 0px 0px 0px 0px;
	margin:0px;
	float:left;
	padding-bottom:5px;
}


.KeyIncB { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold;
	background-image:url(http://im.mstar.com/im/PersonalFinance/KeyInc.gif); 
	background-repeat: no-repeat; 
	text-indent: 13px; 
	line-height:10px; 
	color: #333333; 
	text-decoration: none; 
	width: 62px; 
	float:left;
	margin:5px 0px 1px 5px;
}

.KeySaveB { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold;
	background-image:url(http://im.mstar.com/im/PersonalFinance/KeySave.gif); 
	background-repeat: no-repeat; 
	text-indent: 13px; 
	line-height:10px; 
	color: #333333; 
	text-decoration: none; 
	width: 78px; 
	float:left;
	margin:5px 0px 0px 4px;
}

.KeyLite {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: normal;  
	line-height: 13px; 
	color:#333333; 
	text-decoration: none;
}

.RSCRBoxL2  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold; 
	color: #D05D09; 
	text-decoration:none; 
	text-align:center; 
	float:left; 
	position:relative;
	overflow:visible; 
	vertical-align:top; 
	margin:30px 0px 0px 0px;
	width:61px;
}

/*---- Divs for Graph----*/

#RCwKeyL  { 
	float:left; 
	/*--position:relative; 
	height:45px; 
	width:63px;
	overflow:visible; 
	vertical-align:top; 
	margin:7px 0px 0px 5px;*/
}

#RCwKeyR   { 
	float:left; 
	/*position:relative; 
	height:45px; 
	width:78px;
	overflow:visible; 
	vertical-align:top; 
	margin:7px 0px 0px 0px;*/
}



#RSCG  { 
	float:left; 
	position:relative; 
	height:114px; 
	width:73px;
	background-image:url(http://im.mstar.com/im/PersonalFinance/RSC_IncomeBar.gif); 
	background-repeat: no-repeat; 
	overflow:Hidden;
	vertical-align:top; 
	margin:3px 0px 0px 7px;
}

#RSCRateBox  { 
	float:left; 
	position:relative; 
	height:66px; 
	width:89px;
	background-image:url(http://im.mstar.com/im/PersonalFinance/RSC_RateBox2.gif); 
	background-repeat: no-repeat; 
	overflow:visible;
	vertical-align:top; 
	margin:8px 0px 0px 0px;}
	
	

/* Retirement Calculator Styles End*/


/*Create Portfolio Modules*/
.fm_crtport{margin: 0px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; line-height: 14px; font-weight: normal; color: #333; float: left; display: inline;}
.fm_crtport form {margin: 0px; padding: 0px; float: left; display: inline; position: relative;}
.fm_crtport form .fm_row {margin: 0px; padding: 0px 0px 4px 0px; width: 100%; float: left; display: inline;}
.fm_crtport form .fm_fld_cnt {margin: 0px 0px 2px 0px; padding: 0px; float: left; display: inline;}
.fm_crtport form .fm_fld_cnt input {margin: 0px; padding: 3px 0px 0px 3px; height: 19px; border: 1px solid #CCC; color: #666; font-size: 11px; outline: none; float: left; display: inline; background-color:#f5f5f5;}

/*Form Button*/
a.fm_btn_gry2, a.fm_btn_gry2:link {margin: 0px; padding:7px 12px 0px 16px; height:20px; color:#000; font-size:12px; font-weight:bold; line-height: 12px; background:url(http://im.mstar.com/im/mbr/btn_sprite.png) no-repeat 0px -56px; text-decoration:none;  position:relative; float:left;}
a.fm_btn_gry2 span {top:0; right:-4px; height:27px; width:6px; background:url(http://im.mstar.com/im/mbr/btn_sprite.png) no-repeat -260px -56px; overflow:hidden; position:absolute;}        

/* update left column sub header */
ul.sub_articles{list-style: none;margin: 0 0 0 1px;padding: 0;font-size: 10px;line-height: 16px;float: left;display: block;}ul.sub_articles li{margin: 0;padding: 0;background:url(http://im.mstar.com/im/GlobalHome/bullet.png) no-repeat;padding-left: 10px;display: block;}ul.sub_articles a{color: #000;text-decoration: none;outline: none;}ul.sub_articles a:hover{text-decoration: underline;}

/* add cobrand image on 5/17/2011*/
.secImgSpotlight{float:left; margin:26px 0 -6px 0;}