/*
 * Rate Rush - Tier 1 Stylesheet
 * ----------------------------
 * By: Harry Maugans
 */


* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica;
	background: #EEE;
	color: #333;
	font-size: 10pt;
	padding-bottom: 0;
}

a {

	color: #2C6897;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

a.uline {
	text-decoration: underline;
}

img {
	border: 0;
	vertical-align: top;
}

img.bordered {
	border: 1px solid #A9A9A7;
	padding: 1px;
}

form {
	padding: 0;
	margin: 0;
}

input, textarea {
	font-family: Arial, Helvetica;
}

table {
	border: 0;
	border-spacing: 0;
	border-width: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}
table td {
	padding: 0;
	border-collapse: collapse;
	vertical-align: top;
}

table.padded td {
	padding: 4px;
}

#header {
	position: relative;
	width: 942px;
	margin: 0px auto;
	padding-top: 65px;
}

#header-TRBlock {
	float: right;
	height: 25px;
	background-color: #F9F9F9;
}

#header-TRBlock-content {
	height: 21px;
	font-size: 14px;
	padding: 3px 8px 0 8px;
	border-bottom: 2px solid #D2D2D2;
}

#headerTopArticles {
	position: absolute;
	top: 20px;
	right: 0;
	width: 700px;
}

#headerBlock {
	background-color: #F9F9F9;
	border-bottom: 2px solid #D2D2D2;
	padding-bottom: 5px;
}
#headerBlockMiddle {
	position: relative;
	width: 940px;
	margin: 0 auto;
}
#loginBlock {
	display: none;
	overflow: hidden;
	margin: 0 auto;
	width: 940px;
}
#loginBlock table tr td {
	padding: 6px 10px 0 10px;
}
.submitBtn {
	width: auto;
	padding: 3px 14px;
	font-weight: bold;
	margin: 8px 0 10px 0;
}
#loginBlock #topLoginForm {
	margin: 18px 0 0 8px;
}
#loginBlock #topJoinForm {
	margin-left: 8px;
}
#loginBlock #topLoginForm div {
	padding-bottom: 8px;
}
#loginBlock #topJoinForm div {
	padding-bottom: 4px;
}
#loginBlock table tr td div span {
	display: block;
	font-size: 8pt;
	color: #999;
}
#loginBlock #topJoinForm table tr td {
	padding: 3px;
}
#loginBlock #topJoinForm input, #loginBlock #topJoinForm select {
	padding: 2px;
	font-size: 9pt;
	width: 130px;
	border: 1px solid #BDD9F1;
}
#loginBlock #topLoginForm input {
	padding: 3px 3px 3px 20px;
	width: 180px;
	border: 2px solid #BDD9F1;
	font-size: 9pt;
}
#loginBlock #topLoginForm input.loginUser {
	background: transparent url('/images/icon-user.png') no-repeat scroll 2px 3px;
}
#loginBlock #topLoginForm input.loginPass {
	background: transparent url('/images/icon-key.png') no-repeat scroll 2px 3px;
}


.loginTextUser {
	background: #FFF url('/images/icon-user.png') no-repeat scroll 2px 3px;
	padding: 3px 3px 3px 20px;
	font-size: 9pt;
	border: 1px solid #BDD9F1;
	width: 180px;
}
.loginTextPass {
	background: #FFF url('/images/icon-key.png') no-repeat scroll 2px 3px;
	padding: 3px 3px 3px 20px;
	font-size: 9pt;
	border: 1px solid #BDD9F1;
	width: 180px;
}

#headerLogo {
	position: absolute;
	top: 8px;
	left: 0;
}


#loginBar {
	position: relative;
	z-index: 3;
	float: right;
	background-color: #F9F9F9;
	margin-top: -2px;
	padding: 6px 10px 4px 10px;
	border-left: 2px solid #D2D2D2;
	border-right: 2px solid #D2D2D2;
	border-bottom: 2px solid #D2D2D2;
	font-size: 8pt;
	font-weight: bold;
}
#loginBar .sep {
	color: #888;
	font-weight: normal;
	margin: 0 8px;
}
#loginBar .corner {
	position: absolute;
	display: block;
	height: 4px;
	width: 4px;
	background-image: url('http://cdn.raterush.com/images/loginbar-corners.gif');
	background-color: #EEE;
}
#loginBar .TL {
	top: 0;
	left: -4px;
	background-position: 0 0;
}
#loginBar .TR {
	top: 0;
	right: -4px;
	background-position: 4px 0;
}
#loginBar .BL {
	bottom: -2px;
	left: -2px;
	background-position: 0 4px;
}
#loginBar .BR {
	bottom: -2px;
	right: -2px;
	background-position: 4px 4px;
}


#contentWrapper {
	width: 920px;
	margin: 0px auto;
	padding: 10px;
	background-color: #BDD9F1;
	border-top: 2px solid #A0B5CA;
	border-left: 1px solid #AEC6DE;
	border-right: 1px solid #AEC6DE;
	border-bottom: 1px solid #AEC6DE;
}


/* Navigation Bar */
#navbar {
	margin: 0 auto;
	padding: 0px 10px;
	background: #EEE url('/images/topnav-bg.gif') repeat-x scroll top left;
}

#topNav ul {
	list-style: none;
}

#topNav li {
	float: left;
	display: block;
	list-style: none;
	cursor: pointer;
	font-size: 9pt;
	height: 35px;
}

#topNav .tab, #topNav .tab:visited {
	display: block;
	margin: 0px;
	padding: 12px 16px 0 16px;
	font-weight: bold;
	height: 23px;
}

#topNav .inactive:hover {
	color: #000;
}

#topNav .tab:hover {
	text-decoration: none;
}

#topNav .inactive {
	color: #666;
}

#topNav .active {
	position: relative;
	background: #393939 url('http://cdn.raterush.com/images/topnav-active-bg.gif') repeat-x scroll top left;
	color: #EEE;
	border-bottom: 2px solid #2B2B2B;
}

#topNav .active span.corner {
	position: absolute;
	width: 9px;
	height: 37px;
	top: 0;
}

#topNav .active span.cornerleft {
	background: transparent url('http://cdn.raterush.com/images/topnav-active-left.gif') no-repeat scroll top left;
	left: 0;
}

#topNav .active span.cornerright {
	background: transparent url('http://cdn.raterush.com/images/topnav-active-right.gif') no-repeat scroll top left;
	right: 0;
}

.subnav {
	display: none;
}
.subnavActive {
	display: block;
	background: #2B2B2B url('http://cdn.raterush.com/images/topnav-subnav-bg.gif') repeat-x scroll top left;
	font-size: 9pt;
	padding: 6px 6px 4px 6px;
}

.subnavActive a {
	float: left;
	display: block;
	color: #FFF;
	padding: 4px 8px;
	margin: 0 4px;
}

.subnavActive a.active {
	position: relative;
	background: #585858 url('http://cdn.raterush.com/images/topnav-subnav-active-left.gif') no-repeat scroll top left;
}
.subnavActive a.active:hover {
	text-decoration: none;
}
.subnavActive a.active span {
	position: absolute;
	display: block;
	height: 23px;
	width: 4px;
	top: 0;
	right: 0;
	background: #585858 url('http://cdn.raterush.com/images/topnav-subnav-active-right.gif') no-repeat scroll top left;
}

/* Text*/

h1 {
	font-size: 18pt;
	font-weight: bold;
	letter-spacing: -0.03em;
	margin-bottom: 8px;
	color: #4A7BA3;
}

h2 {
	color: #333;
	font-size: 16pt;
	font-weight: bold;
	letter-spacing: -0.04em;
	margin-bottom: 6px;
}

h2 a {
	color: #333;
}

h3 {
	font-size: 13pt;
	margin-bottom: 6px;
	color: #444;
	font-weight: bold;
}

h4 {
	font-size: 11pt;
	margin-bottom: 4px;
	font-weight: bold;
}

#footer {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 16px;
}
#footerSlideOut {
	position: relative;
	display: none;
	background-color: #154D8C;
	text-align: left;
	color: #FFF;
	border: #2F6093
}
#footerSlideOut .corner {
	position: absolute;
	display: block;
	background-image: url('http://cdn.raterush.com/images/footer_corners.gif');
	height: 6px;
	width: 6px;
}
#footerSlideOut .tl {
	background-position: 0 0;
	left: 0;
	top: 0;
}
#footerSlideOut .tr {
	background-position: -6px 0;
	right: 0;
	top: 0;
}
#footerSlideOut .bl {
	background-position: 0 -6px;
	left: 0;
	bottom: 0;
}
#footerSlideOut .br {
	background-position: -6px -6px;
	right: 0;
	bottom: 0;
}
#footerSlideOutContent {
	padding: 10px;
	line-height: 150%;
}
#footerSlideOutContent h3 {
	color: #FFF;
}
#footerSlideOutContent a {
	color: #EEE;
}
.footerContent {
	display: none;
}
.footerIcon {
	outline: none;
}
#footerSlideOut .borderBottom {
	border-bottom: 1px solid #356ca9;
}
.footerAnswersBulletLink {
	background: transparent url('/images/bullet-white.gif') no-repeat scroll 0 5px;
	padding-left: 8px;
}
.footerDirBulletLink {
	background: transparent url('/images/bullet-white.gif') no-repeat scroll 16px 9px;
	padding-left: 28px;
}
.footerDirLink {
	display: block;
	padding: 6px 5px 6px 28px;
	font-weight: bold;
	color: #FFF;
	font-size: 9pt;
	background-position: 16px 12px;
}
#footerCopyright {
	float: left;
	font-size: 8pt;
	color: #333;
}
#footerRightLinks {
	float: right;
	font-size: 9pt;
	color: #07588D;
}

/* Begin Content Blocks */
.whitebox {  /* TODO: Deprecate this */
	padding: 10px;
	background-color: #FFF;
}
.whiteBlock {
	border: 2px solid #AEC6DE;
	background-color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}
.whiteBlockHeader {
	padding-top: 6px;
	background: #FFF url('/images/blockheader-subtle-downfade.gif') repeat-x scroll 0 30px;
}

.ltYellowBlock {
	border: 2px solid #AEBEA7;
	padding: 6px 10px 10px 10px;
	background: #FFF5C0 url('/images/blockheader-subtle-downfade-ltyellow.gif') repeat-x scroll 0 30px;
	margin-bottom: 10px;
}

.alertBlock {
	background-color: #fff6bf;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	padding: 8px 14px; margin: 8px 0;
}

.emphasisBlock {
	background-color: #F6F6F6;
	border: 2px solid #E6E6E6;
	padding: 6px;
	margin: 10px 0;
}

.yellowInfoBlock {
	position: relative;
	background: #FFF2D9 url('/images/yellowinfo-block-fade.gif') repeat-x scroll top left;
	border: 1px solid #F5D598;
	padding: 6px 8px 6px 12px;
	font-weight: bold;
	font-size: 9pt;
	color: #333;
	margin: 12px 8px;
}
.yellowInfoBlock span.corner {
	position: absolute;
	display: block;
	background-image: url('/images/yellowinfo-block-corners.gif');
	width: 6px;
	height: 6px;
}
.yellowInfoBlock span.tl {
	top: -1px;
	left: -1px;
	background-position: 0 0;
}
.yellowInfoBlock span.tr {
	top: -1px;
	right: -1px;
	background-position: -6px 0;
}
.yellowInfoBlock span.bl {
	bottom: -1px;
	left: -1px;
	background-position: 0 -6px;
}
.yellowInfoBlock span.br {
	bottom: -1px;
	right: -1px;
	background-position: -6px -6px;
}

.paginationBlock {
	text-align: center;
	margin-top: 4px;
	background-color: #F4F4F4;
	border-top: 2px solid #DDD;
	border-bottom: 2px solid #DDD;
	padding: 6px 0;
	font-size: 13pt;
}

.ccFeatured {
	background-color: #DCEAF5;
}
.wB-cornered {
	position: relative;
	padding: 18px;
}
.wB-cornered span.corner {
	position: absolute;
	display: block;
	background-image: url('/images/whiteBlock-corners-trans.gif');
	height: 17px;
	width: 17px;
}
.wB-cornered span.tl {
	background-position: top left;
	top: -2px;
	left: -2px;
}
.wB-cornered span.tr {
	background-position: top right;
	top: -2px;
	right: -2px;
}
.wB-cornered span.bl {
	background-position: bottom left;
	bottom: -2px;
	left: -2px;
}
.wB-cornered span.br {
	background-position: bottom right;
	bottom: -2px;
	right: -2px;
}
.wB-cornered span.WonW-tl {
	background-image: url('/images/whiteBlock-WonW-corner-tl.gif');
	height: 10px;
	width: 10px;
}
.wB-cornered span.WonW-tr {
	background-image: url('/images/whiteBlock-WonW-corner-tr.gif');
	height: 10px;
	width: 10px;
}
.wB-titled {
	padding: 0;
}
.wB-titled div.wBTitle {
	padding: 1px 3px 2px 3px;
	background-color: #AEC6DE;
	font-size: 9pt;
	color: #333;
}
.wB-titled div.wBContent {
	padding: 10px;
}
.ccFeatured span.corner {
	background-color: #DCEAF5;
}
.ccFeatured span.tl {
	background-image: url('/images/whiteBlock-featured-corner-tl.gif');
}
.ccFeatured span.tr {
	background-image: url('/images/whiteBlock-featured-corner-tr.gif');
}
.ccFeatured span.featuredBanner {
	position: absolute;
	display: block;
	width: 78px;
	height: 78px;
	background: transparent url('/images/featured-banner.gif') no-repeat scroll top left;
	right: -6px;
	top: -6px;
}
ul.bulletedList {
	margin-left: 12px;
}
ul.bulletedList li {
	list-style-image: url('/images/bullet-blue.gif');
	padding-bottom: 6px;
}

a.pollQuestion {
	font-weight: bold;
	font-size: 17px;
	line-height: 16px;
	color: #000;
	text-decoration: none;
}
a.pollQuestion:hover {
	text-decoration: none;
}
.pollOptions {
	padding: 10px 0 6px 8px;
}
.pollOptions p {
	display: block;
	margin-bottom: 6px;
	font-size: 11pt;
}
.pollOptions label, .pollOptions input {
	cursor: pointer;
}
input.pollSubmitBtn {
	background-color: #AEC6DE;
	border: 1px solid #8B99A7;
	padding: 1px 3px;
	font-size: 10pt;
	font-weight: bold;
	color: #111;
}
.poll-progressBar {
	display: block;
	height: 20px;
	background: #FCFCFC url('/images/polls-progressbarbg.gif') repeat-x scroll top left;
	border-left: 1px solid #A7ADAF;
	border-right: 1px solid #A7ADAF;
	margin-bottom: 25px;
}
.poll-pB-bar {
	display: block;
	height: 20px;
	background: transparent url('/images/polls-progressbar.gif') repeat-x scroll top left;
}

.homepageArticleBlock {
	padding-bottom: 8px;
}
.homepageArticleBlock .hABTitle {
	font-size: 13pt;
	letter-spacing: 2px;
	color: #333;
	padding-bottom: 0;
	border-bottom: 1px solid #888;
	text-decoration: none;
}
.homepageArticleBlock .hABTitle:active {
	text-decoration: none;
}
/* End Content Blocks */



.questionListBlock {
	background-color: #FFF;
	padding: 8px;
}

.questionListBlock div.topHR {
	padding-top: 4px;
	margin-top: 4px;
	border-top: 1px solid #EEE;
}

.questionListBlock div a.titleLink {
	font-size: 13pt;
	font-weight: bold;
	color: #174E87;
}

.questionListBlock div span {
	display: block;
	font-size: 9pt;
	color: #333;
}

.questionListBlock div span a {
	color: #666;
}

.questionListBlock div a.answersBubble {
	float: right;
	padding-left: 18px;
	font-weight: normal;
	background: transparent url('/images/answers-bubble.gif') no-repeat scroll 0 0;
	color: #111;
}


.mainRateTable {
	font-size: 9pt;
}
.mainRateTable th {
	text-align: left;
	border-bottom: 1px solid #555;
	background-color: #296194;
	color: #FFF;
	font-weight: bold;
	padding: 3px 6px;
}
.mainRateTable td {
	padding: 6px 3px 6px 6px;
	font-size: 9pt;
}

.mainRateTable tr.even {
	background-color: #DBEAF6;
}

.mainRateTable tr.odd {
	background-color: #F3F8FC;
}


/* Float Properties*/
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfloat {
	display: inline-block;
}


/* Begin Link Styles */
.bulletLink {
	display: block;
	padding-left: 16px;
	background: transparent url('/images/bullet-grey.gif') no-repeat scroll 6px 5px;
	margin-bottom: 2px;
}
.readMoreLink {
	margin-left: 4px;
	border: 1px solid #CB982D;
	background-color: #EDE275;
	padding: 0 3px;
	font-size: 7pt;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
}
.readMoreLink:hover,  .readMoreLink:active {
	text-decoration: none;
}
.featuredArticleLink {
	display: block;
	font-size: 13pt;
	font-weight: bold;
}
/* End Link Styles */



/**********************/

#askAFinancialQuestion {
	float: right; 
	position: relative;
	width: 100%;
	background: #FFF url('/images/financialquestion-top.jpg') no-repeat scroll top left;
	padding-top: 60px;
}

#askAFinancialQuestion div.content {
	border: 2px solid #ADC5DD;
	border-top: none;
	padding: 10px;
}

#askAFinancialQuestion span.corner {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 16px;
	height: 16px;
}

#askAFinancialQuestion span.bl {
	left: 0px;
	background: transparent url('/images/whiteblock-rounded-bl.gif') no-repeat scroll top left;
}

#askAFinancialQuestion span.br {
	right: 0px;
	background: transparent url('/images/whiteblock-rounded-br.gif') no-repeat scroll top left;
}

#askAFinancialQuestion .textDiv {
	padding: 4px;
	text-align: center;
	margin-right: 6px;
}
#askAFinancialQuestion .textDiv textarea {
	width: 100%;
	height: 92px;
	border: 1px solid #AEC6DE;
	font-weight: bold;
	color: #999;
	font-size: 11pt;
}

#askAFinancialQuestion input {
	float: right;
	display: block;
	width: 202px;
	height: 33px;
	margin: 10px 4px 0 0;
	border: 0;
	background: transparent url('/images/financialquestion-answerbtn.gif') no-repeat scroll top left;
}


.greyBox {
	border: 1px solid #CFCFCF;
	background-color: #F4F4F4;
	padding: 8px;
}

.blueArrowButton {
	display: inline;
	position: relative;
	padding: 6px 22px 6px 10px;
	background: #2D6298 url('/images/blueArrowButton-mid.gif') repeat-x scroll top left;
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
}

.blueArrowButton .bABLeft {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 31px;
	width: 6px;
	background: transparent url('/images/blueArrowButton-left.gif') no-repeat scroll top left;
}

.blueArrowButton .bABRight {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 31px;
	width: 18px;
	background: transparent url('/images/blueArrowButton-right.gif') no-repeat scroll top left;
}

.blueArrowButtonOnWhite {
	background-color: #FFF;
	background-image: url('/images/blueArrowButton-onWhite-mid.gif');
}
.blueArrowButtonOnWhite .bABLeft {
	background-image: url('/images/blueArrowButton-onWhite-left.gif');
}
.blueArrowButtonOnWhite .bABRight {
	background-image: url('/images/blueArrowButton-onWhite-right.gif');
}


.blueButton { 
	float: left;
	height: 27px;
}
.blueButton .bbMiddle a { 
	display: block;
	color: #2C6998;
	padding: 5px 14px 8px 14px;  /* 27px high */
	font-size: 12px;
	text-shadow: 0 1px #FFF;
	font-weight: bold;
	text-align: center;
}
.blueButton .bbMiddle a:hover { 
	text-decoration: none;
}
.blueButton .bbLeft {
	float: left;
	background: transparent url("/images/bluebutton.gif") repeat-x scroll 0 0;
	height: 27px;
	width: 6px;
}
.blueButton .bbRight {
	float: right;
	background: transparent url("/images/bluebutton.gif") repeat-x scroll 0 -27px;
	height: 27px;
	width: 6px;
}
.blueButton .bbMiddle {
	float: left;
	background: transparent url("/images/bluebutton.gif") repeat-x scroll 0 -54px;
	height: 27px;
}


.greyButton { 
	float: left;
	height: 27px;
}
.greyButton .gbMiddle a { 
	display: block;
	color: #333;
	padding: 5px 6px 8px 6px;  /* 27px high */
	font-size: 12px;
	text-shadow: 0 1px #FFF;
	font-weight: bold;
	text-align: center;
}
.greyButton .gbMiddle a:hover { 
	text-decoration: none;
}
.greyButton .gbLeft {
	float: left;
	background: transparent url("/images/greybutton.gif") no-repeat scroll 0 0;
	height: 27px;
	width: 6px;
}
.greyButton .gbRight {
	float: right;
	background: transparent url("/images/greybutton.gif") no-repeat scroll 0 -27px;
	height: 27px;
	width: 6px;
}
.greyButton .gbMiddle {
	float: left;
	background: transparent url("/images/greybutton.gif") repeat-x scroll 0 -54px;
	height: 27px;
}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
}

*+html .clearfloat {
	height:1%;
}

.clearfloat {
	display: block;
}

/* Div Class Adder-Oners */
.left, .alignleft {
	float: left;
}

.right, .alignright {
	float: right;
}

.noPadding {
	padding: 0;
}

.inline {
	display: inline;
}
/* End A/Oers */