/* CSS from 3.0 to be used for 2.0 */

.keyLine {border:1px solid #3673B2; 	}

.width8	{width:8px;}
.width10 {width:6px;}
.width55 {width:55px;}
.width60 {width:60px;}
.width65 {width:65px;}
.width100 {width:100px;}
.width110 {width:110px;}
.width120 {width:120px;}
.width130 {width:130px;}
.width140 {width:140px;}
.width150 {width:150px;}
.width153 {width:153px;}
.width160 {width:160px;}
.width170 {width:170px;}
.width173 {width:173px;}
.width180 {width:180px;}
.width190 {width:190px;}
.width200 {width:200px;}
.width220 {width:220px;}
.width230 {	width:230px;}
.width240 {	width:240px;}
.width250 {	width:250px;}
.width260 {	width:260px;}
.width270 {	width:270px;}
.width278 {	width:278px;}
.width279 {	width:279px;}
.width280 {	width:280px;}
.width290 {	width:290px;}
.width300 {	width:300px;}
.width310 {	width:310px;}
.width314 {	width:314px;}
.width320 {	width:320px;}
.width330 {	width:330px;}
.width338 {	width:338px;}
.width340 {	width:340px;}
.width350 {	width:350px;}
.width360 {	width:360px;}
.width369 {	width:369px;}
.width370 {	width:370px;}
.width380 {	width:380px;}
.width390 {	width:390px;}
.width400 {	width:400px;}
.width410 {	width:410px;}
.width420 {	width:420px;}
.width430 {	width:430px;}
.width435 {	width:435px;}
.width440 {	width:440px;}
.width450 {	width:450px;}
.width458 { width:458px;}
.width460 {	width:460px;}
.width470 {	width:470px;}
.width480 {	width:480px;}
.width490 {	width:490px;}
.width500 {	width:500px;}
.width520 {	width:520px;}
.width530 {	width:530px;}
.width540 {	width:540px;}
.width550 {	width:550px;}
.width560 {	width:560px;}
.width570 {	width:570px;}
.width575 {	width:575px;}
.width580 {	width:580px;}
.width585 {	width:585px;}
.width590 {	width:590px;}
.width598 {	width:598px;}
.width600 {	width:600px;}
.width603 {	width:603px;}
.width605 {	width:605px;}
.width610 {	width:610px;}
.width615 {	width:615px;}
.width964 {	width:964px;}
.widthfull {width:100%;}
.widthfull90 {width:90%;}

h4, h6, .section-hed {margin:5px 0px 3px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #4C739E; font-weight: bold; position: relative;}
h4 a, h6 a, .section-hed a {color:#4C739E;text-decoration:none; position: relative;}
h4 a:hover, h6 a:hover, .section-hed a:hover {text-decoration:underline;color:#DEA001; position: relative;}

.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fI {font-style:italic;}
.fB {font-weight:bold;}
.fcDarkBlue,a.fcDarkBlue:visited {color:#284d72;}

/*Start ------------------------- Padding styles ----------------- */
.pad2 {padding:2px;}
.pad3 {padding:3px;}
.pad4 {padding:4px;}
.pad5 {padding:5px;}
.pad6 {padding:6px;}
.pad7 {padding:7px;}
.pad8 {padding:8px;}
.pad9 {padding:9px;}
.pad10 {padding:10px;}
.pad11 {padding:11px;}
.pad12 {padding:12px;}
.pad13 {padding:13px;}
.pad14 {padding:14px;}
.pad15 {padding:15px;}
.pad16 {padding:16px;}
.pad17 {padding:17px;}
.pad18 {padding:18px;}
.pad19 {padding:19px;}
.pad20 {padding:20px;}
.pad21 {padding:21px;}
.pad22 {padding:22px;}
.pad23 {padding:23px;}
.pad24 {padding:24px;}
.pad25 {padding:25px;}
.pad26 {padding:26px;}
.pad27 {padding:27px;}
.pad28 {padding:28px;}
.pad29 {padding:29px;}
.pad30 {padding:30px;}

.padTop {	padding-right:0px;	padding-bottom:0px;	padding-left:0px;}
.padRight {	padding-top:0px;	padding-bottom:0px;	padding-left:0px;}
.padBottom {	padding-top:0px;	padding-right:0px;	padding-left:0px;}
.padLeft {	padding-top:0px;	padding-right:0px;	padding-bottom:0px;}

.padNoTop {padding-top:0px;}
.padNoRight {padding-right:0px;}
.padNoBottom {padding-bottom:0px;}
.padNoLeft {padding-left:0px;}

.padTB {padding-right:0px; padding-left:0px;}
.padTL {padding-right:0px; padding-bottom:0px;}
.padTR {padding-left:0px; padding-bottom:0px;}
.padBL {padding-right:0px; padding-top:0px;}
.padBR {padding-left:0px; padding-top:0px;}
.padRL {padding-top:0px; padding-bottom:0px;}

/*Start ------------------------- Position styles ----------------- */
.imgLeft5 {
	float:left;
	margin:0px 5px 0px 0px;
}

.imgLeft {
	float:left;
	margin:0px 10px 10px 0px;
}

/* --- Interactive CSS starts Here --- */
 
.interactiveLalign { float: left; padding: 0px 10px 5px 0px; margin: 0px;height:100%;}  
 
div.box {
	background-color: #b7cbe5;
	margin: 5px;  
	padding: 5px 7px 5px 5px;
	_padding: 5px 20px 0px 9px;  
	!padding: 5px 20px 0px 9px; 
	border: #d2dfff 1px solid;
	height:100%;
	overflow: hidden;
		}
		
div.boxcenter {
	background-color: #b7cbe5;
	margin: 5px auto -1px auto; 
	padding: 5px 7px 5px 5px;
	_padding: 5px 20px 5px 9px;  
	!padding: 5px 20px 5px 9px; 
	border: #d2dfff 1px solid;
	overflow:hidden;
	height:100%;
	}
	
div.boxcenter10{
 background-color: #b7cbe5;
 margin: 5px auto -1px auto; 
 padding: 10px 10px 5px 10px; 
 border: #d2dfff 1px solid;
 overflow:hidden;
 
 }
  
.boxcontent {padding: 10px;background-color:#FFF;border: #d2dfff 1px solid;float:left;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #444;line-height:16px;text-align:left;}
 

/* Checklist Interactive */
   
div.boxchecklist {
 background-color: #b7cbe5;
 margin: 5px auto -1px auto; 
 padding: 10px; 
 width: 450px; 
 border: #d2dfff 1px solid;
 overflow:hidden;
 }
 
.boxchecklistL {margin: 0px; padding: 0px;width:200px;background-color:#b7cbe5;float:left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 13px; color: #000000;text-align:left;}
 
.boxchecklistR {margin: 0px; padding: 10px;width:225px;background-color:#FFF;border: #d2dfff 1px solid;float:right;text-align:left;}
 
.boxchecklistR a, .boxcontent a {color:#004276;text-decoration:underline;}
.boxchecklistR  a:visited, .boxcontent a:visited  {color:#3773B1;text-decoration:underline;}
.boxchecklistR  a:hover, .boxcontent a:hover {color:#DEA001; text-decoration:underline;}
.boxchecklistR  a:focus, .boxcontent a:focus {outline:none;} 
 
/* Numbered and Bulleted list */

  
.boxlistpoint {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 13px; color:#414141; padding: 0px 0px 0px 15px; _padding:0px;margin: 0px; _margin:0px 0px 0px 25px;}	

.boxlistnum {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 13px; color: #414141; padding: 0px 0px 0px 20px; _padding:0px;margin: 0px;_margin:0px 0px 0px 25px;}	


/* Slideshow */
 
.boxcontentwhitetop {margin: 0px; padding:0px 0px 10px 0px;background-color:#FFF;float:left;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #444;line-height:16px;}
 
.boxcontentblue {margin: 0px; padding: 10px;background-color:#EBF1FD;float:left;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #000;line-height:16px;}
 
.boximageL {margin: 0px; padding: 0px;width:210px;background-color:#FFF;border: #d2dfff 1px solid;float:left;}
 
.boxlistR {margin: 0px; padding: 10px 10px 10px 0px;width:290px;background-color:#FFF;float:right;vertical-align: middle;}
 
.boxlistR a, .boxcontent a {color:#004276;text-decoration:underline;}
.boxlistR  a:visited, .boxcontent a:visited  {color:#3773B1;text-decoration:underline;}
.boxlistR  a:hover, .boxcontent a:hover {color:#DEA001; text-decoration:underline;}
.boxlistR  a:focus, .boxcontent a:focus {outline:none;} 
 
.modfoot2 div.btncontainer, .modfoot2 div.sbtncontainer, .modfoot2 div.vbtncontainer{
 line-height:normal;
 margin-left:4px;
 margin-top:1px;
}
 
.modfoot2 {
 height:20px;
 padding:0px 9px 6px 9px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 text-align:right;
 line-height:20px;
}
 
.modfoot2 > a {
 line-height:20px;
 float:right;
}
 
.modfoot2 > select { 
 line-height:20px;
 float:right;
 margin:1px 1px 0px 3px;
  width:150px;
}
 
 
 
.modfoot2 input { 
 line-height:20px;
 float:right;
 margin:1px 0px 0px 4px;
}
 
 
 
.modfoot2 img {
 float:right;
 margin:1px 0px 0px 4px;;
}
 
/* Slideshow's copy in list form */
 
ul.slideshowlist {
 margin:0px;
 padding:0px;
 list-style-type:none;}
 
ul.slideshowlist li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	overflow:hidden;
	background-image:url(http://www.bankrate.com/images_mra/square.jpg); 
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding:1px 20px 1px 15px;
	margin: 10px 0px 10px 0px;
	text-align:left;
	list-style-type:none;
}
 
/* fonts for interactive */

.interactivetopaction {
	font-size:10px;
	margin-top: 5px;
	float:right;}
 
.interactive-hed {margin:0px; padding: 0px 0px 5px 0px;font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #123466; 
font-weight: bold; line-height: 18px;text-align:left;}
 
.boxsubhed {margin:0px 0px 5px 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; 
color: #4c739e; font-weight: bold;text-align: center;}

/*-----------------------------Box elements----------------------------------*/

.boxHeader {
	height:30px;
	border-bottom:1px solid #d2dfff;
	background-color:#fff;	
	padding:0px 7px;
	position:relative;
}  

.boxHead, .boxHead a:link, .boxHead a:visited, .boxHead img {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:30px;
}

.boxHead .darrow a, .boxHead a.darrow{
	font-weight:bold;
	font-size:16px; 
	color: #004276;
	margin-left:5px;
}

.boxSponsor {
	font-size:10px;
	float:right;
	line-height:30px;
}

.boxSponsor a{
	margin-left:4px;
}

.boxContentHolder {
	padding:5px 5px 5px 5px;
}	

/*Tab styles*/
.tabContentDiv {display:none;}
.tabContentDiv[class~=selected] {display:block;}





.tabstyle1{
    padding: 1px 0px 2px 0px;
    margin: 0px;
    font: normal 11px arial;
    line-height:11px;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
    height:17px;
    width:95%;
}

.tabstyle1 li:first-child {
    display: inline;
    margin: 0px 4px 0px 0px;
    padding: 0px;
}

.tabstyle1 li{
    display: inline;
    padding: 0px;
    text-align:center;
    border: solid #C6D7EB;
    border-width:1px 1px 0 1px;
    text-transform:capitalize;
    display:block;
    float:left;
    margin-right:4px;
}

.tabstyle1 li a{
    text-decoration: none;
    color: #000;
    background-color:#C6D7EB;
    border:1px solid #EBF1FD;
    display:block;
    height:12px;
    padding:2px 2px 2px;
}

.tabstyle1 li a:visited{
color: #000;
}

.tabstyle1 li a:hover{
text-decoration: none;
color: #fff;
background-color:#9FC4E1;
}

.tabstyle1 li.selected, .tabstyle1 li.tab.selected{
/*position: relative;*/
top: 0px;
border:solid #3673B2;
border-width:1px 1px 0px 1px;
padding:1px;
background-color:#fff; 
margin-top:-2px
}

.tabstyle1 li.selected a, .tabstyle1 li.tab.selected a{ /*selected main tab style */
background-color: #3673B2;
font-weight: normal;
color:#fff;
border:1px solid #3673B2;
}

.tabstyle1 li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent {
	display:none;
}

.slide {
	height:4px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

.tabImage + .slide {
	position:relative;
}

.rightArrow {
	background-image:url('/Images/right_Arrow.gif');
	background-repeat:no-repeat;
	background-position:0 10%;
}

.dwContentTab540 {
	width:540px;
	overflow:hidden;
	position:relative;
}

.tableheadernew {font-family:  Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #284d72;line-height:12px;padding:10px;background-color:#FFFFFF;}
 
.tabledatanew {font-family:  Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #000;line-height:16px;padding: 5px;background-color:#FFFFFF;}
 
.tabledataoddnew {font-family:  Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #000;line-height:16px;padding: 5px;background-color:#e7ecf2;}
 
/*Pullquote*/
 
.interactiveRalign { float: right; padding: 0px 10px 5px 10px; margin: 0px;}  

.interactiveRalign0 { float: right; padding: 0px 0px 5px 10px; margin: 0px;} 
 
.pullquotenew {width:150px; margin: 6px 0px 6px 0px; font-family:Georgia, "Times New Roman", Times, serif; color: #004276; font-size: 15px; font-weight: normal; text-align: center;}

/* Frugal Sense */

.frugalimage {margin: 0px 0px 10px 15px; padding:0px;width:150px;background-color:#EBF1FD;border: #d2dfff 1px solid;float:right;}

/* New FinLit */

ul.ataglance {
	margin:0px;
	padding:0px;
	list-style-type:none;}

ul.ataglance li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	overflow:hidden;
	background-image:url(http://www.bankrate.com/images_mra/square.jpg); 
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding:1px 10px 1px 15px;
	margin: 2px 0px 0px 0px;
	text-align:left;
	list-style-type:none;
}

