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

.main_wrap {position:relative; float:none; height:100%; width:1002px; margin: 0px auto 0px auto; display:block;}
.main_borderIM {position:relative; float:left; height:100%; background-image:url(http://im.mstar.com/im/GlobalHome/bg_borderim.gif); background-repeat:repeat-y; width:1002px;}


.wrapper {position:relative; float:none; height:100%; width:990px; background-color:#ffffff; margin: 0px auto 0px auto; display:block;}
.wrapper1 {position:relative; float:left; height:100%; width:990px;}


/* containers */
.headerwrap {}
.bodywrap {float:left; display:block; width:990px; background: url(http://im.mstar.com/im/marketing/vrulebg.gif) repeat-y left;} /* subtracted 2px to compensate for borders on wrapper */
.footerwrap {}

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

.section21 {width:370px;}
.section21 div {float:left;}
.section22 {width:370px; background:#e0e9f2;}
.section23 {width:370px; margin-left:10px;}

/* sections for ads */
.adsection1 {width:160px; margin:0 auto 30px auto;} /* for skyscrapper */
.adsection2 {width:175px; margin:0 auto 30px auto;} /* for sponsor center */


/* columns (columns) (version) */
.col11 {float:left; width:175px;} /* 1 column, version 1*/
.col12 {float:left; display:inline; width:183px; margin:0px 0px 0px 7px;} /* 1 column, version 2; total width is 190px*/
.col13 {float:left; display:inline; width:189px; margin:7px 0px 0px 14px;} /* 1 column, version 3; total width is 203px*/
.col14 {float:left; display:inline; width:200px; margin-top:7px;} /* 1 column, version 4*/
.col15 {float:left; display:inline; width:183px; margin-left:7px;} /* 1 column, version 3; total width is 203px*/


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

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

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


/* rows (version) (variant) */
.row11 {float:left; display:block; width:100%;}
.row12 {display:block; width:100%; margin-bottom:17px; border-top:1px solid #aaa;}

.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 */

.row31 {display:block; width:100%; padding:7px 0px 7px 0px; border-bottom:1px dotted #aaa;}

.row40 {float:left; display:block; width:171px;}
.row41 {float:left; display:block; width:171px; padding:0px 2px 0px 2px; border-top:1px solid #999; background:#e0e9f2;} /*blue background */
.row42 {float:left; display:block; width:171px; padding:0px 2px 0px 2px; margin-top:-1px; border-top:1px solid #999; background:#e0e9f2;} /*blue background for sections with tabs*/
.row43 {float:left; display:block; width:171px; border-top:1px solid #999;}

.row51 {float:left; display:block; width:100%; padding-bottom:3px; background:url(http://im.mstar.com/im/marketing/doublerulebg.gif) repeat-x bottom #fff;} /* margin-left 1px used to make space for 1px vertical rule; subtracted subtracted 2px to compensate for borders on wrapper */
.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;}

.row61 {float:left; display:block; width:100%; margin-top:-1px; border-top:1px solid #999;} /*white background for sections with tabs*/


/* headlines (version) (variant) */
.headline21 {width:100%; border-top:5px solid #666; padding-top:5px; margin-bottom:7px; color:#333; font-size:16px; line-height:16px;}

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


/* texts (lines) (version) */
.text11, .text11 a, a.text11 {clear:left; display:block; color:#333; font-size:11px; line-height:25px; text-decoration:none;}
.text11 a:hover, a.text11: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;}

.text13, .text13 a, a.text13 {clear:left; display:block; padding-top:2px; margin-bottom:21px; color:#333; font-size:10px; line-height:10px; text-decoration:none;} /* for the "more…" link */
.text13 a:hover, a.text13:hover {color:#000; 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) */
.title12, .title12 a, a.title12 {display:block; margin-bottom:9px; color:#333; font-size:11px; font-weight:bold; line-height:11px; text-decoration:none;}
.title12 a:hover, a.title12:hover {color:#000; text-decoration:underline;}

.title13, .title13 a, a.title13 {display:block; color:#333; font-size:11px; font-weight:bold; line-height:21px; text-decoration:none;}
.title13 a:hover, a.title13: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;}

.titlex3, .titlex3 a, a.titlex3 {display:block; margin-bottom:6px; color:#000; font-size:14px; font-weight:bold; line-height:16px; text-decoration:none;}
.titlex3 a:hover, a.titlex3:hover {color:#000; text-decoration:underline;}

.titlex4, .titlex4 a, a.titlex4 {display:block; margin-bottom:6px; color:#333; font-size:18px; font-weight:bold; line-height:20px; text-decoration:none;}
.titlex4 a:hover, a.titlex4:hover {color:#000; text-decoration:underline;}

/* bulleted text */
.bull1, a.bull1 {clear:left; display:block; padding-left:8px; color:#333; background:url(http://im.mstar.com/im/marketing/bull1.gif) no-repeat left center; font-size:10px; line-height:16px; text-decoration:none;}
a.bull1:hover {color:#000; text-decoration:underline;}

.bull3, a.bull3 {clear:left; display:block; padding-left:20px; color:#333; background:url(http://im.mstar.com/im/globalhome/videoicon.gif) no-repeat left 4px; font-size:10px; line-height:16px; text-decoration:none;}
a.bull3: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;}

/* tabs */
.tab1, a.tab1:link, a.tab1:visited {float:left; height:20px; padding:0 10px 0 10px; border:1px solid #999; background:#fff; border-bottom:none; color:#333; font-size:10px; text-decoration:none; line-height:17px;}
.tab1on, a.tab1on:link, a.tab1on:visited {position:relative; float:left; height:21px; padding:0 10px 0 10px; border:1px solid #999; background:#fff; border-bottom:none; color:#333; font-size:10px; font-weight:bold; line-height:17px; text-decoration:none; z-index:2;}

.tab2, a.tab2:link, a.tab2:visited {float:left; height:20px; padding:0 10px 0 10px; border:1px solid #999; background:#e0e9f2; border-bottom:none; color:#333; font-size:10px; text-decoration:none; line-height:17px;}
.tab2on, a.tab2on:link, a.tab2on:visited {position:relative; float:left; height:21px; padding:0 10px 0 10px; border:1px solid #999; background:#e0e9f2; border-bottom:none; color:#333; font-size:10px; font-weight:bold; line-height:17px; text-decoration:none; z-index:2;}

.tab1:hover, .tab1on:hover {}

/* 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/newhomepage/premicon.gif) no-repeat 4px; color:#333; font-size:10px; line-height:15px; text-decoration: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/marketing/arrow1.gif) no-repeat 8px center; color:#333; font-size:10px; line-height:15px; text-decoration:none;} /* total width is 175px */
a.slink11:hover, a.slink12:hover {background-color:#e0e9f2;}
a.slink11:active, a.slink12:active {outline:none;}


/* Additional Styles for TRP Landing Page - Adnan */

.headline { width:955px; margin-left:14px; margin-right:20px; border-bottom:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000; line-height:25pt; text-indent:0px; background-color:#fdfdfd;}
.headline22a { float:left; width:100%; border-top:1px solid #999; padding-top:7px; margin-bottom:7px; margin-top:20px; color:#333; font-size:11px; font-weight:bold; line-height:13px; text-decoration:none;}
.row22a { float:left; display:block; width:100%; margin-bottom:25px; border:none;} /* increased bottom margin and customized row22 witout top border */
.row22b { float:left; display:block; width:100%; margin-bottom:25px; border-top:1px solid #dedede;} /* increased bottom margin */
.row23 { float:none; display:block; width:370px; margin-bottom:17px; border:none;}
a.links, a.links:link, a.links:visited{ float:left; display:inline; height:15px; width:173px; margin-bottom:1px; background-image: url(http://im.mstar.com/im/marketing/link_bground_off_2.gif); background-repeat:no-repeat; border: solid 1px #dedede; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-decoration:none; line-height:15px; text-indent:20px;}
a.links:hover, a.links:active{background-image: url(http://im.mstar.com/im/marketing/link_bground_on_2.gif);}
.row31a {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;}
.headline22b {width:100%; border-top:2px solid #999; padding-top:3px; margin-bottom:9px; color:#333; font-size:11px; font-weight:bold; line-height:14px; text-decoration:none;}
.dottedline {height:1px; background-image:url(http://im.mstar.com/im/marketing/RetCal_DotRule.gif); border:none; background-repeat:no-repeat;}
.row52a {float:left; display:inline; width:382px; padding:7px 0px 0px 0px;}

.clearspace {width:950px; height:20px; margin-left:20px; float:left; background-color:#fdfdfd;} /*clear 20px row*/

/* ---------Retirement Calculator Styles -----*/
.calccontainer {margin-bottom:20px; 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:5px }
.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 -----*/



/*---------------- Web Seminar Archive ------*/
.WBcontainer {
	margin: 0px;
	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;
}



/* Header Styles */
.headwrap {
	position:relative;
	top:0;
	margin:0 auto;
	width:990px;
	padding-left:20px;  
	/* border-left:3px solid #aeaeae;
	border-right:3px solid #aeaeae; */
}


.footerwrap {width:993px;margin:0 auto;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color: #000000;}

/* footer styles */
.f_Ads { float:left; width:950px; margin:0px 20px 0px 20px; padding-top:15px; padding-bottom:15px; border-top:1px solid #CCC; background-color:#fdfdfd; display:inline;}
	
/*row 1, leaderboard ads*/
.f_Ads_row1 {position:relative; float:left; width:955px; height:90px; margin:0px;} 
.f_leaderad {position:relative; float:left; width:728px; height:90px; margin:0px;}  
.f_Ads_col1 {position:relative; float:right; width:155px; height:90px; font-weight:bold; padding-left:20px; margin:0px 0px 0px 40px; border-left:1px solid #ccc;}
.f_partners {margin-top:10px;}