@charset "utf-8";
/* CSS Document */
/*Compare Page CSS*/
.compare_search_box{
	font: 1em Georgia, serif;
    color: #646464;
    height: 1.2em;
    width: 260px;
	text-align:center;
	font-style:italic;
	margin:0;
	padding:0;
}
.table_compare{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#333;
	/*width:722px;*/
	margin:0;
	padding:0;
}
.table_compare th{
	color:#666;
}
.table_compare_left_column{
	width:150px;
	border-bottom:1px solid #CCC;
	font-weight:bold;
}
.table_compare_column_align_left{
	width:270px;
	padding-left:2px;
	padding-right:2px;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	border-left:2px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:left;
}
.table_compare_column{
	width:270px;
	padding-left:2px;
	padding-right:2px;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	border-left:2px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:center;
}
.table_row_highlight{
	background-color:#CCC;
	font-weight:bold;
	height:3em;
	text-align:center;
}
.table_row_compare{
	text-align:center;
	height:50px;
}
.compare_table_stars{
	height:100px;
	clear:both;
	border-bottom:1px solid #CCC;
	padding-top:15px;
	padding-bottom:5px;

}

/*** INFOGRAPHICS ***/
#infographic_wrapper{
	background-color:#f0f4f6;
	margin-left:auto;
	margin-right:auto;
        width:992px;
        color: #666;
        font-size: 14px;
}
#infographic_header{
	width:60%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
    padding-top: 40px;
    font-size: 1.8em;
    font-weight: bold;       
}
#infographic_title{
        text-align:center;
        width:100%;
        padding: 25px 0;
        margin-left:auto;
        margin-right:auto;
}
#infographic_holder {
        width: 600px;
        padding-left: 25px;
        float: left;
}
#infographic_holder img{
        width: 100%;
        border: solid 2px #666;
}
#infographic_sidebar {
        width: 300px;
        float:right;
}
#infographic_sidebar > div {
        padding:0 0 20px 5px;
}
#infographic_sidebar ul {
        margin: 0;
        padding: 0;
        width: 85%;
        list-style-type: none;
}
#infographic_sidebar ul > li{
        padding-bottom: 15px; 
}
#infographic_description {
        clear:both;
        padding: 30px 0;
        margin-left: auto;
        margin-right:auto;
        font-size:1.1em;
        line-height:1.5em;
        width: 75%;
}
#infographic_description p.home_link{
        text-align:center;
}
ul.infographic_thumbnails{
        list-style-type:none;
        margin:0 auto;
        padding: 0;        
        text-align:center;
        width:780px;
}
ul.infographic_thumbnails > li{
        margin: 30px 0;
        width: 260px;
        float:left;
        display:inline;
}
ul.infographic_thumbnails > li img{
        border: 2px solid #333;
        margin-bottom: 8px;
        text-decoration: none;
}
ul.infographic_thumbnails > li a{
        color: #666;
        font-weight: bold;
        font-size: 1.2em;
        text-decoration: none;
}
ul.infographic_thumbnails > li > a:hover{
        text-decoration: underline;
}
ul.infographic_thumbnails > li > a:hover img{
        vertical-align: middle;
}
#progress{
	text-align:center;
	float:right;
	width: 750px;
	background-repeat:no-repeat;
	background-position:bottom center;
	display:none;
	padding-top:15%;
	margin-bottom:15%;
}

/*** BEGIN MAIN LANDING PAGE STYLING ***/
#headerError {
        font-weight: bold;
        font: 18px "arial",sans-serif;
        text-align: center;
        background-color: #ffff7e;
}
#landing_page_bodywrap{
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	width:820px;
        /*border: solid 2px #646464;*/
        font: 12px Georgia, serif;
        color: #646464;
}
#landing_page_topnav {
        padding-top: 5px;
        height: 35px;
        /*font-size: 10px;*/
        border-bottom: 1px solid #646464;
}
#landing_page_topnav a{
    color: #646464;
}
#landing_page_topnav .left{
        float:left;
        padding-top: 5px;
        margin-left: 60px;
        width: 260px;
}
#landing_page_topnav .center{
        float:left;
}
#landing_page_topnav .right{
        float:right;
        padding-right: 0px;
}
#header_search_box input[type=text]{
    font: 1em Georgia, serif;
    color: #646464;
    height: 1.2em;
    width: 225px;
}
#header_search_box input[type=text].default{
    font-style: italic;
    color: #a8a8a8;
    text-align: center;
}
/* credit union search box */
#cu_search_box {
    text-align:center;
    margin: 10px;
}
#cu_search_box input[type=text]{
    font: 1em Georgia, serif;
    color: #646464;
    height: 1.2em;
    width: 150px;
}
#cu_search_box input[type=text].default{
    font-style: italic;
    color: #a8a8a8;
    text-align: center;
}
#zip_wrap input[type=text]{
    text-align:center;
    font: 1.8em Georgia, serif;
    height: 1.6em;
    width: 80px;
}

/* card link CSS sprite */
#card_logos {
    width: 200px;
    height: 30px;
    margin: 0px 0px;
    padding: 0px;
    background-repeat: no-repeat;
    background-image: url('http://cdn.nerdwallet.com/site/card_logos.jpg');
}
#card_logos li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#card_logos li, #card_logos a {
    height: 30px;
    width: 50px;
    display: block;
    float:left;
}
/* end of card logo junk */


#landing_page_header {
    clear: both;
    height: 90px;
    width: 100%;
}
#landing_page_logo {
    margin: 20px 0 0 35px;
    float: left;
}
#landing_page_money {
    margin: 30px 0 0 80px;
    float: right;
}
#landing_page_content {
    clear:both;
    margin: 0;
	width: 816px;
    height: 100%;
    /*line-height: 20px;*/
    /*background: url('http://cdn.nerdwallet.com/site/content_bg2.jpg');*/
	background: url('http://cdn.nerdwallet.com/site/homepage/nerd2.jpg');
	background-repeat:no-repeat;
	background-color:#c2d5d4;
	
}
#landing_page_content_bottom{
	height:100%;
	clear:both;
	width:100%;
}
#landing_page_content ul {
    list-style-type: none;
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
    text-indent: 0;
}
.quiz_header{
    font-size: 26px;
	padding: 20px 0 0 50px;
	font-weight: bold;
    color: #666666;
	clear:both;
	width:100%;

}
#landing_page_content{
    
}
#landing_page_quiz{
    text-align: left;
    float: left;
    width:535px;
    height: 100%;
    line-height: 20px;
}
#landing_page_quiz_bg{
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0;
	margin-bottom:30px;
	
	margin-left:50px;
	padding-left:30px;
	margin-right:70px;
	padding-right:30px;
	background: url('http://cdn.nerdwallet.com/site/homepage/quiz_bg.jpg');
	background-repeat:repeat-x;
	height:100%;
	
}
#landing_page_quiz input[type=radio] {
    height: 1.1em;
}
#landing_page_quiz label:hover {
    cursor:pointer;
    color: #e3e7ee;
}
#landing_page_quiz label.selected {
    color: #ffffff;
	font-weight:bold;
}
#landing_page_quiz .header {
	width:100%;
	padding-left:0;
    font-size: 16px;
    font-weight: bold;
    margin-top:16px;
    color: #ffffff;
    width: 70%;
}
#landing_page_quiz_bg .selection {
    width:100%;
	padding-left:0;
	font-size: 15px;
	color: #C8CFDE;
}
#go_button{
    font-size: 20px;
    text-align: center;
    padding: 0.25em;
    background-color: #86aaff;
    width: 60px;
    border: solid 2px #666666;
    margin-left: 145px;
    margin-top: 18px;
}
#go_button a {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
}
#go_button a:hover {
    font-size: 1.3em;
    text-decoration: none;
}
#landing_page_sidenav {
    float: right;
    text-align: center;
    padding: 0 20px 0 0;
    margin-top: 0px;
    width: 260px;
    color: #666666;
	margin-bottom:30px;

}
#landing_page_sidenav .header {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    padding-top:5px;
    margin-left: 5px;
}
#landing_page_sidenav .selection {
	min-height: 134px;
    font-size: 14px;
    line-height: 1.3em;
    color: #666666;
    margin: 5px 0;
}
#landing_page_sidenav .selection a{
    color: #666666;
}
#landing_page_sidenav ul > li {
    padding-bottom: 3px;
}
#numcards {
    font-size: 1.7em;
    color: #5D9E09;
}
#landing_page_sidenav .sidebox {
    margin: 0;
    background-color:#FFF;
    border-bottom: 2px solid #006;
}
#landing_page_sidenav .sidebox_tb{
	margin: 0;
    background-color: #FFF;
	border-bottom: 2px solid #006;
    border-top: 2px solid #006;
}

div.box_header_left {
    background: url('http://cdn.nerdwallet.com/site/top_header_left.png') no-repeat left; 
    height: 33px;
}
div.box_header_right {
    background: url('http://cdn.nerdwallet.com/site/top_header_right.png') no-repeat right; 
    height: 33px;
}
div.box_header_content {
    font-size: 14px;
    font-weight: bold;
    color: #4D4D4D;
    padding: 7px 22px 0 22px;
}
div.box_content_left {
    background: url('http://cdn.nerdwallet.com/site/middle_left.png') repeat-y left; 
}
div.box_content_right {
    background: url('http://cdn.nerdwallet.com/site/middle_right.png') repeat-y right; 
}
div.box_content {
    font-size: 14px;
    padding: 15px 30px;
    line-height: 1.4em;
}
div.box_bottom_left {
    background: url('http://cdn.nerdwallet.com/site/bottom_left.png') no-repeat left; 
    height: 7px;
}
div.box_bottom_right {
    background: url('http://cdn.nerdwallet.com/site/bottom_right.png') no-repeat right; 
    height: 7px;
}

#landing_page_news {
    overflow:hidden;
    margin: 25px 0 30px 0;
    background: white;    
}

#landing_page_about {
    overflow:hidden;
    margin: 25px 0 30px 0;
    background: white;    
}

#landing_page_excerpts {
    overflow:hidden;
    margin: 25px 0 30px 0;
    background: white;
}
ul.post_excerpts {
    margin: 0 auto;
    padding: 0;
}    
ul.post_excerpts div.excerpt_title {
    min-height: 4em;
}
#landing_page_bodywrap ul.post_excerpts > li {
    width: 230px;
    padding: 15px 20px 0px 20px;
    height: 140px;
    margin: 0;
    text-align: left;
    float: left;
    list-style-type: none;    
    font-size: 1.1em;
}
#bottom_blurb_excerpts {
    overflow:hidden;
    margin: 20px 0 0 0;
}
#bottom_blurb_excerpts ul.post_excerpts > li {
    width: 182px;
    padding: 15px 15px 0px 15px;
    height: 170px;
    margin: 0;
    text-align: left;
    float: left;
    list-style-type: none;    
    font-size: 1em;
}
ul.landing_nav_links {
    width: 50%;
    padding: 5px 0 0px 0;
    margin: 0;
    text-align: center;
    float: left;
    list-style-type: none;    
    font-size: 1.2em;
    line-height: 1.7em;
}

/*** END MAIN LANDING PAGE STYLING ***/

body{
    font-size: 12px;
    font-family: Arial, sans-serif;
    margin: 5px;
    background: #fff;
    color: #333333;
}
img {
    /* fix firefox img border issue */
    border:none;
}
a:link, a:visited, a {
    cursor: pointer;
    color: #015fae;
    text-decoration: none;
}
a:active, a:hover {
    cursor: pointer;
    color: #015fae;
    text-decoration: underline;
}

.logolink{
        margin: 0px 0px 15px 25px;
}
#content{
	background:#FFF;
}
.pressMentions{
	text-align:center;
	vertical-align:text-bottom;
	vertical-align:bottom;
	font-size: 12px;
	width: 270px;
	padding-bottom: 4px;
}
hr {
    height: 1px;
    color: #c4c4c4;
    background-color: #c4c4c4;
    border:none;
}
.cardsectioncontent li{
	margin-left: 15px;
}
#about{
	width: 750px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
    font-size: 15px;
}
#about .imgText {
        font-size: 10px;
        font-style: italic;
        color: #666666;
}
#about h2 {
    text-align: left;
    font: bold 22px Georgia, serif;
    color: #5d9e09;
}
#about p {
    line-height: 1.25em;
}
#pressroom {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
    font-size: 15px;
}
#pressroom h2 {
    text-align: left;
    font: bold 22px Georgia, serif;
    color: #5d9e09;
}
#pressroom p {
    line-height: 1.25em;
}
#pressroom .links {
    width: 500px;
    float: left;
}
#pressroom .contacts {
    width: 400px;
    float: right;
}
#pressroom .contacts img{
    float: left;
    padding-right: 10px;
    padding-bottom: 5px;
}

#footer{
    color: #666666;
    padding-top: 30px;
    padding-bottom: 15px;
    text-align: center;
    clear: both;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid #A8A8A8;
}
#footer .topline a {
    color: #666666;
}
#footer .bottomline a {
    color: #86aaff;
}
#footer2{
    padding-top: 25px;
    text-align: center;
    clear: both;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;
    color: #A8A8A8;

}
.centeredtext{
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
	text-align: center;
	font-weight:bold;
	margin:12px;
}
#maincategory{
	font-size: 20px;
	font: inherit;
}
#maincontent{
    float: none;
    font-size: 12px;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    clear: both;
    padding: 0;
    text-align: left;
    padding: 10%;
}
blockquote.blurb {
  display: block;
  font: 16px normal arial, sans-serif;
  color: #707070;
  line-height:1.3em;
  padding-left: 40px;
  width: 640px;
  border-bottom:2px solid #E0EBF1;
  text-align:justify;
}
blockquote.blurb span.blurb_header {
    font-size: 18px;
    font-weight: bold;
}

.top-content {
    width:770px;
    clear:right;
    float:right;
    background-color: #FFFFFF;
}

/* map stuff */
#infoWindow {
    /*max-width: 30em;*/
    margin-left: auto;
    margin-right: auto;
}

#infoWindow h1 {
    width: 90%;
    padding-left: 10px;
    color: #ffffff;
    font-size: 16px;
    font-family: "Arial Black", arial, sans-serif;
    font-weight: bold;
}

#infoWindow h2 {
    margin: 2px 0px 0px 5px;
    font-size: 20px;
    font-family: "Georgia", Times, serif;
}

#infoWindow h3 {
    margin: 2px 0px 0px 10px;
    font-size: 16px;
    font-family: "Georgia", Times, serif;
}

#infoWindow p {
    width: 80%;
    color: #707070;
    padding: 0 1.5em;
    text-align: justify;
}

#infoWindow .address {
    font-style: italic;
    margin-left: 10px;
}

#infoWindow .number {
    color: #5d9e09;
    font-size: 18px;
}
#infoWindow .special_html {
    padding: 10px 0;
    text-align: left;
}

.map-content {
	margin-left:10px;
	padding:0px;
    width:750px;
    height: 500px;
    border:1px solid black;
    float:right;
	clear:right;
}
.map-list{
	margin-left:10px;
	float:right;
	padding:0px;
	width:750px;
	border: 1px solid black;
}
.map-list-table{
	width:100%;
	padding:15px;
	/*background: transparent url(http://cdn.nerdwallet.com/site/slide_area.png) repeat-x 0% 100%;*/

}
.map-list-table th.headerSortUp { 
    background: url(http://cdn.nerdwallet.com/site/details-downarrow.png) no-repeat 90% 50%;
	background-color:#ccc;
	font-size:1.1em;
	color:#666;
}
.map-list-table th.headerSortDown { 
    background: url(http://cdn.nerdwallet.com/site/details-uparrow.png) no-repeat 90% 50%;
 	background-color:#ccc;
	font-size:1.1em;
	color:#666;
}
.map-list-table tr{
	height:35px;
}
.map-list-table th{
	border-bottom:1px solid #CCC;
	margin:15px;
}
.map-list-table-left{
	padding-left:20px;
	text-align:left;
}
.map-list-table-center{
	text-align:center;
}
.map-list-table-featured{
	font-weight:bold;
}
#map-progress{
    background-color:#707070;
    color:#ffffff;
    width:750px;
    height: 40px;
    border:1px solid black;
    float:right;
    font-size: 22px;
}

/* end map stuff */

.content-card-compare{
    margin-top: 5px;
    padding-left: 0px;
    padding-right: 20px;
    overflow: hidden;
    height: inherit;
    width: 700px;
    float:right;
}

td.FICO_title {
     width: 50%;
}
td.FICO_label {
     width: 50%;
}
.card-detail-content-wrapper{
	margin:10px;
        font-size: 1.1em;
}

.dropBox{
	float: right;
	padding: 4px;
	margin: 4px;
	background-color: #fff;
	border: 2px solid #666;
	font-size: small;
}
.dropBox img{
	display: block;
}
.pageName{
	font: 18px;
}
#navigation{
    float: left;
    background-color: #f0f4f6;
    width: 206px;
    padding: 0px 8px 150px 8px;
    height: 100%;
}
#navigation input.radio {
    cursor: pointer;
    margin-left: 0px;
}
.leftnav_header {	
    font: 16px "arial bold",sans-serif;
    font-weight: bold;
    padding: 15px 0px 0px 5px;
}
.leftnav_header2 {	
    font: 12px "arial bold",sans-serif;
    font-weight: bold;
    padding: 15px 0px 0px 5px;
}
.leftnav_body {
    font: 12px "arial regular",sans-serif;
    text-align: left;
    background-color: #e0ebf1;
}
.leftnav_body_best{
    font: 13px "arial regular",sans-serif;
    text-align: left;
    background-color: #e0ebf1;
    padding:10px;
}




.bloglink{
	border-width: 0;
	border-color: white;
	text-decoration:none;
	clear:right;
}

table.input_space {
    width: 100%;
}
input.formText2{
	width:21px;
}

/* blocks of rewards credit card result data */
.info_box{
	width:99%;
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
	border:1px groove #ccc;
	background: transparent url(http://cdn.nerdwallet.com/site/slide_area.png) repeat-x 0% 100%;

}
#cardblocks-ad{
	position: static;
    clear: both;
    width: 100%;
    background: transparent url(http://cdn.nerdwallet.com/site/slide_area_ad.png) repeat-x 0% 100%;
}
#cardresults #cardblocks {
    position: static;
    clear: both;
    width: 100%;
    background: transparent url(http://cdn.nerdwallet.com/site/slide_area.png) repeat-x 0% 100%;
}
#cardblocks hr {
    height: 1px;
    color: #E0EBF1;
    background-color: #E0EBF1;
    border:none;
}
#cardblock_col1 {
    float: left;
    width: 110px;
    height: 100%;
	margin-bottom:10px;
}
#cardblock_col2 {
    float: left;
    width: 130px;
    height: 100%;
    text-align: center;
	margin:7px;
}
#cardblock_col3 {
    float: left;
    width: 150px;
	margin:7px;

}
#cardblock_col4 {
    width: 90px;
	float: left;
	margin:7px;

}
#cardblock_col5 {
	width: 150px;
    float: left;
	margin:7px;
}
/*CSS for Ads*/
.Card_Title_Text_Ad{
    margin-top: 15px;
    font: bold 20px georgia, times, serif;
    width: 100%;
	color:#333;
}
.Card_Title_Text_Ad a{
    float:left;
    color: #999;
    text-decoration: none;
}
.Card_Title_Text_Ad a:hover{
    color: #999;
}
/* font and layout markup for the card results */
.Card_Title_Text{
    margin-top: 15px;
    font: bold 20px georgia, times, serif;
    width: 100%;
}
.Card_Title_Text a{
    float:left;
    color: #333333;
    text-decoration: none;
}
.Card_Title_Text a:hover{
    color: #015FAE;
}
.Card_Title_Text a:active{
    text-decoration:underline;
}
.Card_Title_SubText{
        clear:both;
	color:#707070;
	margin-top:5px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:normal;
}
.disclaimer{
	width:100%;
	color: #A8A8A8;
	font-size:0.7em;
	clear:both;
	font-style:italic;
	margin:5px;
}
.sponsored{
	float:right;
    display:inline;
	color: #B6CCDE;
	font-size:12px;
	font-weight:bold;
}
.hotdeal{
	float:right;
    display:inline;
	color: #600;
	font-size:14px;
	font-weight:bold;
}
#cardblocks ul, #cardblocks ol {
    margin: 0;
	padding:0;
    border: none;
    margin-bottom: 10px;
}
#cardblocks li {
    list-style: disc;
    padding: 0;
    margin-left: 1em;
    text-align: left;
}

/* blocks of APR card data */
#APRblock_col1 {
    float: left;
    width: 110px;
    height: 100%;
}
#APRblock_col2 {
    float: left;
    width: 140px;
    height: 100%;
    text-align: center;
    padding-right: 7px;
}
#APRblock_col3 {
    float: left;
    width: 180px;
    height: 100%;
    text-align: center;
}
#APRblock_col4 {
    float: left;
    width: 130px;
    padding-left: 10px;
    text-align: center;
}
#APRblock_col5 {
    float: left;
    width:100px;
    padding-left:10px;
    text-align: center;	
}
/* card detail page info */
.content-card-detail{
    margin-top: 5px;
    padding-left: 40px;
    overflow: hidden;
    height: inherit;
    width: 700px;
}
.Card_Detail_Title{
    margin-top: 15px;
    margin-bottom: 15px;
    font: bold 24px georgia, times, serif;
    color: #333333;
    width: 100%;
}
#carddetail_col1 {
    float: left;
    padding-bottom: 5px;
    width:160px;
	margin:10px;
}
#carddetail_col2 {
    float: left;
    padding-bottom: 5px;
    width:165px;
	margin:10px;
}
#carddetail_col3 {
    float: left;
    padding-bottom: 5px;
    width:275px;
	margin:10px;
}
.cardsectiontitle {
    font: bold 18px "Arial regular", arial, sans-serif;
    color: #707070;
    margin-top: 30px;
    margin-bottom: 10px;
    padding:5px;
    text-align:center;
    width:100%;
    background-color:#EEEEEE;
}
.cardsectiontitle h1, .cardsectiontitle h2 {margin:0;font: bold 18px "Arial regular", arial, sans-serif;}
#carddetail_balance {
	
    float: left;
    padding-left:40px;
	padding-bottom: 10px;
    padding-right: 55px;
    width:300px;
}
#carddetail_APR {
    float: left;
	padding-left:15px;
    padding-bottom: 10px;
    padding-right: 20px;
    width:230px;

}
.blankdiv {
    clear:both;
    width:100%;
}
.gas_description{

	font-size:smaller;
}
/* credit card result extra/hidden data */
.slidearea{
	padding-left:5px;
}
#slideblocks {
    position: static;
    clear: both;
    width: 100%;
    padding-top: 5px;
}
#slideblock_col1 {
    float: left;
    width: 255px;
    height: 100%;
    padding-right: 25px;
    padding-bottom: 10px;
}
#slideblock_col2 {
    float: left;
    width: 220px;
    height: 100%;
    padding-right:10px;
    padding-bottom: 10px;
}
#slideblock_col3 {
    float: left;
    width: 155px;
    height: 100%;
    padding-right: 5px;
    padding-bottom: 10px;
    text-align: center;
}

#slideAPR_col1 {
    float: left;
    padding-bottom: 10px;
    padding-right: 58px;
    width:255px;
    text-align: left;
}
#slideAPR_col2 {
    float: left;
    padding-bottom: 10px;
    width:365px;
    text-align: left;
}


.slideblock_title{
	text-align: left;
	padding-left:5px;
	width: 55px;
	float:left;
	clear:left;
}
.slideblock_apr2_content{
	text-align: right;
	padding-right:5px;
	width: 60px;
	float:left;
}
.slideblock_content{
	text-align: right;
	padding-right:5px;
	width: 90px;
	float:left;
	
}
.slideblock_apr_title{
	text-align: left;
	padding-left:5px;
	width: 70px;
	float:left;
	clear:left;
}
.slideblock_apr_content{
	text-align: center;
	padding-right:5px;
	width: 100px;
	float:left;
	clear:none;
}
.slide_footnotes{
	width:100%;
	margin-left:10px;
	text-align:left;
}

.cu_header_table td{
	padding-left:40px;
}
.dataTable_header {
	text-align:center;
	font: 14px arial, helvetica, sans-serif;
	color: #707070;
	border-bottom: 1px dotted #cdcdcd;
	margin-bottom: 7px;
}
.dataTable_title{
	font: 14px arial, helvetica, sans-serif;
	color: #707070;
	margin-bottom: 7px;
	width:135px;
	float:left;
}
.dataTable_content{
	padding-left:15px;
	text-align:center;
}

.dataTable_row{
	margin-bottom:0px;
	clear:both;
	float:none;
}
.dataTable_apr_title{
	font: 14px arial, helvetica, sans-serif;
	color: #707070;
	margin-bottom: 7px;
	width:100px;
	float:left;
	clear:left;
	text-align:left;
}
.dataTable_apr_content{
	padding-left:15px;
	width:400px;
	float:left;
	text-align:left;
}

#slideblock_col2 .dataTable_header, #slideAPR_col2 .dataTable_header {
        font: 14px arial, helvetica, sans-serif;
        color: #707070;
        margin-bottom: 0;
        text-align: center;
}
.cardcol3_content {
        padding-bottom: 30px;
}
.cardcol4_content {
        padding-bottom: 15px;
}

.slidecol1_row {
    width: 100%;
    float: left;
}
.slideapr_row {
    width: 100%;
    float: left;
}
.slidecol1_left {
    float: left;
    text-align: left;
}
.slidecol1_right {
    float: right;
    text-align: right;
}
.more_options_link{
	text-align: center;
	clear:both;
    color:#015FAE;
    cursor:pointer;

}
.giantText{
    text-align: center;
	font: bold 36px Georgia, times, serif;
	color:#5d9e09;
	display:inline;
}
.subtext{
	font: 10px Arial, sans-serif;
	color:#333333;
}
.highlight{
	font: bold 12px georgia, times, serif;
	color:#333333;
}
.highlight_reward{
	font: bold 16px georgia, times, serif;
	color:#333333;
}
.expanddiv{
    clear: both;
    cursor: pointer;
    text-align:center;
    color: #015fae;
}
input.formButton{
	border: 2px solid #999;
	background-color: #eee;
	font: inherit;
	text-align: left;
	width: 100%;
}

input.formButton:hover{
	border: 2px solid red;
	background-color: #fdd;
	cursor: pointer;
}

input.formButton:active{
	color: red;
	border: 2px solid red;
	background-color: #fdd;
}
input.formTextPie{
        padding: 0px;
	border: 2px solid #999999;
	background-color: #ffffff;
        height: 20px;
	width: 55px;
        text-align: right;
        font: bold 14px georgia, times, serif;
}
input.formTextPie:focus{
        border-color: #000000;
	background-color: #fafe86;
}
.formTextNumbers {
        font: bold 16px georgia, times, serif;
}
.pieOther {
    height:35px;
}

#menu{
	list-style:none;
	margin-left:0;
}
.header_table{
	margin-top:15px;
	margin-bottom:10px;
	border:0;
}
.header_table_landing_page{
	float:left;
	background-color:#fff;
	margin-top:15px;
	margin-bottom:10px;
	border:0;
}
.hiddenmenu{
    /* used for hiding slider menu options, etc */
	height:0;
	overflow: hidden;
	padding:0;
	margin:0;
	float:right;
}
.showmenu{
	margin:0;
	padding: 0;
}
.hiddenmenu2{
    /* used for hiding Show APR */
	height:0;
	overflow: hidden;
	padding:0;
}
.showmenu2{
	list-style-type: none;
	margin:5px;
	padding: 5px;
	clear:both;
}
.hiddenmenu3{
    /* used for hiding Show APR */
	height:0;
	overflow: hidden;
	padding:0;
	visibility:hidden;
}
.showmenu3{
	list-style-type: none;
	margin:5px;
	padding: 5px;
	clear:both;
	visibility:visible;
}
.pieLabel{
        width: 50%;
        height: 15px;
}
.pieText{
	text-align: right;
        height: 15px;
        padding-right: 10px;
        width: 50%;
}
.NetworkCheckbox{
        line-height: 15px;
	width:30px;
}
.more_options_link{
	text-align:center;
	
}
input.credit_union_form_valid:focus{
    border-color: #000000;
	background-color: #fafe86;
}
input.credit_union_form_valid{
	width:150px;
	padding: 0px;
	border: 2px solid #999999;
	background-color: #ffffff;
	height: 20px;
	
	text-align: left;
	font: bold 14px georgia, times, serif;
}
input.credit_union_form_invalid:focus{
    border-color: #000000;
	/*background-color: #FF939F;*/
	background-color:#FFF;
}
input.credit_union_form_invalid{
	width:150px;
	padding: 0px;
	border: 2px solid #999999;
	/*background-color:#FF939F;*/
	height: 20px;
	background-color:#FF9;
	text-align: left;
	font: bold 14px georgia, times, serif;
}
#military_form_wrap{
	padding-left:37px;
}
#other_form_wrap{
	padding-left:37px;

}
#zip_form_wrap{
	padding-left:37px;
}
#affiliation_form_wrap{
	padding-left:37px;
}
#credit_union_slider{
	border-top:solid #CCC 1px;
	margin:0;
	padding:0;
}
.slidertd{
	text-align:center;
	width: 130px;
	overflow:hidden;
}
table td.formtexttd{
        text-align: center;
}
.formsearch{
	text-align: center;
	padding: 3px;
}

.bodywrap{
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	width:992px;
	padding: 6px 0px 0px 0px;

}
.help ul{
	margin-top:15%;
	line-height:2em;
	padding:10px 100px 10px 150px;
	font-size:large;
	list-style-type: none;
	text-align: left;

}

.menu_subtitle{
	font-size:0.8em;
	color:#666;
	padding:4px;
}
.Card_Detail_Bullets{
	text-align: left;
	padding-left: 15%;
}

#DurationContent{
    font: bold 20px georgia, times, serif;
}
#MileContent{
    font: bold 20px georgia, times, serif;
}
#UnderpayContent{
	font: bold 20px georgia, times, serif;
}
#BalanceContent{
	font: bold 20px georgia, times, serif;
}
#MaxfeeContent{
    font: bold 20px georgia, times, serif;
}
#IncomeContent{
    font: bold 20px georgia, times, serif;
}
#MaxaprContent{
    font: bold 20px georgia, times, serif;
}
#GracePeriodContent{
    font: bold 20px georgia, times, serif;
}

/* display rankings on details page */
.rank_row {
    clear: both;
    width: 100%;
    float: left;
    padding-bottom: 4px;
}
.rank_col1 {
    float: left;
    width: 200px;
    height: 100%;
    padding-bottom: 10px;
}
.rank_col2 {
    float: left;
    width: 100px;
    height: 100%;
    padding-bottom: 10px;
}
.rank_col3 {
    float: left;
    width: 100px;
    height: 100%;
    padding-bottom: 10px;
    text-align: center;
}
.rank_col4 {
    float: left;
    width:200px;
    padding-bottom: 10px;
    text-align: center;
}

/*This is for the airline miles page, and credit union list*/
table.dataTable01{
	width:100%;
}
table.dataTable01 th{
    background-color: #CCCCCC;
    border-bottom: 1px solid black;
    margin: 5px;
}
table.dataTable01 td{
	border-bottom:1px solid #999;
        border-right:1px solid #999;
}
table.dataTable01 .col1{
	width: 200px;
}
table.dataTable01 .col2{
	width: 100px;
}
table.dataTable01 .col3{
	width: 60px;
    text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.col3{
	width:80px;
	text-align:center;
	font-size:10px;
}
.dataTableWallBonus{ /*This is for the airline miles page, and blog tables*/
	width:100%;
    text-align: center;
}
.dataTableWallBonus th{
	border:1px solid black;
}
.dataTableWallBonus td{
	border:1px solid #999;
}
.thickBorderBlogTable{
	width: 100%;
	text-align:center;
	vertical-align:middle;
	border:3px solid #999;
}
.thickBorderBlogTable th{
	border:2px solid #999;
}
.thickBorderBlogTable td{
border:1px solid #999;
}
.dataTableCenter{ /*This is for blog tables*/
	width:100%;
	text-align:center;
}
.dataTableCenter th{
	border:1px solid black;
}
.dataTableCenter td{
	border:1px solid #999;
}
.textpage{
	margin-left:75px;
	margin-right:75px;
        font-size: 14px;
}


/************************ All the Navigation Items ****************************/

 
.popup{
	position: absolute;
	text-align: center;
	display: none;
	width:184px;
	padding:10px;
	border:1px solid black;
	background-color:#fff;
	z-index:1;
}
.popup_wide{
	position: absolute;
	text-align: center;
	display: none;
	width:300px;
	padding:10px;
	border:1px solid black;
	background-color:#fff;
	z-index:1;
}

/*** NAVBAR.PHP STYLING ***/
#submenu {
    height:82px;
    width: 100%;
    background: #ffffff url('http://cdn.nerdwallet.com/site/nw_nav_tile.png') repeat-x;
}
#submenu table.menu {
    padding:8px 0 12px 0;
    border: solid #303c57;
    border-width: 1px 0;
    height: 100%;
    overflow:hidden;
    text-align: center;
    float: left;
    margin: 0;
}
#submenu table.left {
    border-left: 1px;
    width: 33%;
}
#submenu table.center {
    width: 34%;
}
#submenu table.right {
    border-right: 1px;
    width: 33%;
}
#submenu h1{
    width: 100%;
    text-align: center;
    font: 14px "arial regular", sans-serif;
    color: #c8cfde;
    letter-spacing: 2px;
}
#submenu td{
    color: #c8cfde;
    border:0;
}
#submenu table.on_page{
    background: #ffffff url('http://cdn.nerdwallet.com/site/nw_nav_tile_invert.png') repeat-x;
    border-width: 1px;
}
#submenu > table:hover, #submenu > table:active {
    background: #ffffff url('http://cdn.nerdwallet.com/site/nw_nav_tile_invert.png') repeat-x;
}
#submenu .menu_item{
    font: normal 14px "arial bold", sans-serif;
    display:inline;
    margin : 0;
    padding: 0 7px 0 7px;
}
#submenu a {
    text-decoration: none;
}
#submenu h1 > a {
    color: #c8cfde;
}
#submenu h2 > a {
    color: #ffffff;
}
#submenu a:hover, a:active {
    color: #c3e581;
}
#submenu a.on_page {
    color: #c3e581;
}
/****************************** END NAVBAR ************************************/
.sort_method_radio{
    padding-top:10px;
    text-align:center;
}

/* formatting for popular search categories box (popular-searches.php) */
#search_categories{
    width: 750px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    padding-top: 25px;
    padding-bottom: 25px;
}
#search_categories .header{
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#707070;
}
#search_categories .row{
    text-align: center;
    margin-top: 15px;
    padding: 5px;
    color: #cccccc;
    font-size: 16px;
    background-color: #e0ebf1;
    line-height: 1.5em;
}
#search_categories .row a{
    color: #333366;
    cursor: pointer;
}
#search_categories .row a:hover{
    color: #5d9e09;
    text-decoration: none;
}
/***************************** END SEARCH ELEMENTS *************************/

/****************************** SLIDER ELEMENTS *******************************/

.dynamic-slider-control {
	position:			relative;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				192px;
	height:				26px;
}

.vertical {
	width:				26px;
	height:				100px;
	
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				15px;
	height:				16px;
	background-image:	url("http://cf.nerdwallet.com/css/handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				16px;
	height:				15px;
	background-image:	url("http://cf.nerdwallet.com/css/handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid;
	border-color:		rgb(102,102,102) white
						white rgb(102,102,102);
	
	behavior:			url("http://cf.nerdwallet.com/css/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.vertical .line {
	width:				4px;
}

.dynamic-slider-control.horizontal .line {
	height:				4px;
}

.dynamic-slider-control .line div {
	width:		2px;
	height:		2px;
	
	border:				1px solid;
	border-color:		rgb(152,153,153) rgb(102,102,102)
						rgb(102,102,102) rgb(152,153,153);
}

.dynamic-slider-control .invisiline {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				0;
	behavior:			url("http://cf.nerdwallet.com/css/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.horizontal .invisiline{
	height:	0px;
}
.dynamic-slider-control .invisiline div {
	width:		0;
	height:		0;
	
	border:				0;
}
.dynamic-slider-control .invisihandle {
	position:			absolute;	
	font-size:			0px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .invisihandle {
	width:				0px;
	height:				0px;
	background-image:	url("http://www.nerdwallet.com/css/handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				0;
	height:				0;
}

.dynamic-slider-control.vertical .handle.hover {}

/***************************** END SLIDER ELEMENTS *************************/

/*** STYLING FOR THE-BEST-CREDIT-CARDS.PHP ***/

#best-credit-cards-content{
        clear:both;
	margin:40px;
        font-size: 14px;
}
/*
#best-credit-cards-content table th{
	text-align:center;
	background-color: #f0f4f6;
	padding:10px;
} */
#best-credit-cards-content table td{
	padding:10px;
}
#best-credit-cards-content table{
	border: solid black thin;
}
#best-credit-cards-content p{
        font-size: 16px;
        margin: 15px 0;
}
#best-credit-cards-content h1{
        font: bold 2.5em Georgia, serif;
        color: #5D9E09;
}
#best-credit-cards-content h2{
        font: bold 2em Georgia, serif;
        margin-top: 50px;
}
#best-credit-cards-content h3{
        font: bold 1.5em Georgia, serif;
        margin-top: 20px;
}
#best-credit-cards-content a.toplink{
        margin: 0 0 0 15px;
}
#best-credit-cards-content .linklist{
        font: 1.2em "Ariel bold", sans-serif;
        line-height: 1.5em;
}

.anishaTable {
    margin-left:auto;
    margin-right:auto;
    border:dotted #AAC2D4 1px;
    vertical-align: middle;
}

.anishaTable th {
    font: bolder 20px Arial, sans-serif;
    background-color: #8CB7CF;
    text-align:center;
    padding:15px;
}

.anishaTable td {
    padding:5px;
    font: 16px Arial, sans-serif;
    color: #333;
}

tr.altRow {
    background-color: #DFECED;
}

georgia {
    font-family:Georgia, 'Times New Roman', Times, serif;
}
/*** END STYLING FOR THE-BEST ***/

/*STAR RATING CSS*/
div.rating-block {
    float: left;
    padding-top: 7px;
    margin-left:0px;
    width: 100px;
    text-align:center;
}
div.star-rating {
        margin-left:auto;
        margin-right:auto;
	width:80px;
	height:16px;
	/*float:left;*/
	background:url(http://cdn.nerdwallet.com/avatars/ratings.png);
	cursor:pointer;
}
div.star-rating-voted { filter:alpha(opacity=50);opacity:0.5; }
/*span.print-num-stars { color: #5D9E09;font:bold 1.1em Georgia;}*/
div.star {
	width:16px;
	height:16px;
	float:left;
}
div.result {
	/*height:16px;*/
        font-size:0.9em;
	color:#454545;
	margin-left:5px;
	clear:both;
}
/* END STAR RATING CSS*/
/* USER REVIEW CSS */
div.user-rating-block {
    margin-left:15px;
    float:left;
    border:1px solid #E0EBF1;
    color: #838B8B;
    /*border: 1px solid #A8A8A8;*/
    width:570px;
    margin-bottom: 15px;
}
div.user-rating-image {
    width:50px;
    float:left;
    padding-top:7px;
    text-align:center;
    background-color:#ffffff;
    min-height:50px;
}
div.user-rating-snippet {
    width:510px;
    padding:7px 0 0 10px;
    float:left;
    /*background-color:#F0F4F6;*/
    background-color:#ffffff;
    min-height:50px;
}
div.user-rating-snippet a{
    color: #838B8B;
    text-decoration: underline;
}
/* END USER REVIEWS */

/***** COPIED FROM JQUERY.AUTOCOMPLETE.CSS ****/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('http://cf.nerdwallet.com/css/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
/*** END AUTOCOMPLETE.CSS ***/