/*
***************************************************************************
This is the main stylesheet file for Bankrate 3.0
Please increment the version, timestamp and comments below for each release
***************************************************************************
** DEVELOPER: sf
** VERSION: 168
** TIMESTAMP: 2/3/10 11:23AM
** DESCRIPTION OF LAST CHANGE: pushed table down
**************************************************************************
*/

.rate_table_header a
{
    color: #000 !important;
    font-weight: 700;
}

.rate_table_header a:link, .rate_table_header a:visited, .rate_table_header a:visited
{
    font-weight: 700;
    text-decoration: none !important;
}

tr td .body-bold
{
    background: #fff !important;
}

.color_value1
{
    background-color: #ECF0FB;
}

.color_value2
{
    background-color: #fff;
}

.rate_table_detail
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.institution_name
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.institution_name a
{
    color: #004276;
    text-decoration: none;
}

.institution_name a:visited
{
    color: #3773B1;
    text-decoration: none;
}

.institution_name a:hover
{
    color: #DEA001;
    text-decoration: underline;
}

.institution_name a:focus
{
    outline: none;
}

.brm_footer
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

div.searchresults-cc
{
    margin: 0 auto;
    width: 100%;
}

div.searchresults-cc div.box
{
    float: left;
    font-size: 11px;
    height: 110px;
    margin: 0;
    padding: 0;
    width: 300px;
}

div.searchresults-cc div.box p
{
    font-size: 11px;
    line-height: 15px;
}

div.searchresults-cc div.box h3
{
    background-color: #fff;
    color: #000;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

div.searchresults-cc div.box div.value
{
    color: #426688;
    font-size: 16px;
    font-weight: 700;
    margin-top: 25px;
    text-align: center;
}

div.searchresults-cc div.tip
{
    width: 380px;
}

div.searchresults-cc div.info
{
    width: 284px;
}

div.searchresults-cc div.summary
{
    width: 20%;
}

div.searchresults-cc a#prev
{
    float: left;
    margin: 6px 0 0 6px;
}

div.searchresults-cc a#next
{
    float: right;
    margin: 6px 6px 0 0;
}

.ccFS11
{
    font-size: 11px;
}

.ccFS12
{
    font-size: 12px;
}

.ccFS13
{
    font-size: 13px;
}

.ccFS14
{
    font-size: 14px;
}

ul#nav
{
    display: inline;
    font-size: 9px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#nav li .plus3
{
    background: #FFF;
    border: #d2dfff 1px solid;
    color: #253a67;
    cursor: pointer;
    font-size: 10px;
    height: 10px;
    margin: 0;
    padding-bottom: 1px;
    text-decoration: none;
}

ul#nav li:hover .plus3, ul#navDef li.over .plus3
{
    background-color: #d6e8ff;
    border: #bbc9eb 1px solid;
    color: #dea001;
    cursor: pointer;
}

.ccHeightRR
{
    height: 179px;
}

.hidden
{
    display: none;
}

.ccFS11 table
{
    width: 100%;
}

.ratings h4, .ratings .section-hed
{
    color: #1A4570;
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin: 5px 0 3px;
}

.well .rateLine
{
    margin-right: 9px;
}

.rightRail .rateLineMod
{
    background-color: #fff;
    border-width: 0;
    margin-bottom: 10px;
    margin-left: -23px;
    padding: 0 10px 10px 0;
}

.rightRail .rateLine
{
    background-color: #fff;
    border-width: 0;
    margin-bottom: 10px;
    margin-left: -23px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 9px;
}

.rateTableTabs .tabstyle1
{
    height: 17px;
    margin-top: -17px;

}

.rateTableTabs .tabstyle1 li a:visited
{
    color: #fff;
}

.rateTableTabs .tabstyle1 li a
{
    background-image: url(/Images/tabBg.jpg);
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.rateTableTabs .tabstyle1 li.selected a
{
    background-image: url(/Images/tabBgSelected.jpg);
    color: #fff;
}

.rateHolder
{
    background-color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    padding: 9px;
    width: 626px;
}

.rateTitle
{
    padding-bottom: 10px;
    padding-top: 5px;
}

.prep .rateTitle
{
    padding-bottom: 35px;
    padding-top: 15px;
}

.rateTitle > h1
{
    font-family: Georgia, "Times New Roman" ,Times,serif;
    font-size: 25px;
    margin: 0;
}

.rateTitle  h3, .georgia.fs16.fcBlue.mar3.marTop h3 /*this is for the CC table H3*/
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 5px 0 0 0;
	font-weight:normal;
	color:#000;
}

.rateHolder div.tabstyle1
{
    height: 25px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.rateHolder div.tabstyle1 div
{
    border: 1px solid #5F87C7;
    border-width: 1px 1px 0;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 4px 0 0;
    padding: 1px 1px 0;
    width: 120px;
}

.rateHolder div.tabstyle1 div a
{
    background: #3773B2 url(/images/tabBg.jpg) repeat-x;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.rateHolder div.tabstyle1 div.selected
{
    margin-top: -5px;
}

.rateHolder div.tabstyle1 div.selected a
{
    background: #003368 url(/images/tabBgSelected.jpg) repeat-x;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;

}

.rateClear
{
    clear: both;
}

.rateTable
{
    background-color: #E6EFF6;
    font: Arial,Helvetica,sans-serif;
    padding: 5px;
    position: relative;
}

.showSelect
{
    left: 7px;
    position: absolute;
    top: 5px;
    width: 170px;
	z-index:10;
}

.showSelect img.minusMar1.marRight {margin:0 -1px 0 0;float:left;}

.clickDep
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-top: 10px;
    text-align: right;
}

.rateTable table
{
    background: #ADC1CC none repeat scroll 0 0;
    width: 100%;
}

.rateTable table {position:relative;}

.rateTable table thead tr td
{
    background-color: #fff;
    border: 1px solid #9EB8DB;
    border-width: 1px 0 1px 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 2px;
    table-layout: fixed;
    text-align: center;
    vertical-align: bottom;
}

.rateTable table thead tr td.sortUp
{
    background: #F3D36E url(/images/orange-gradient.jpg) repeat-x;
}

.rateTable table tbody tr td
{
    background-color: #F0F5FB;
    border: 1px solid #ADC1CC;
    border-width: 1px 0 0 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 3px 0;
    text-align: center;
}

.rateTable table tbody tr:first-child td
{
    border-top: 0;
}

.rateTable table tbody tr td:first-child
{
    border-left: 0;
}

.rateTable table tbody tr td.lender
{
    background-color: #fff;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 2px 2px 4px;
    text-align: left;
}

.rateTable table tbody tr td.lender > div
{
    position: relative;
    text-align: right;
}

.rateTable table tbody tr td.lender a
{
    color: #2D75AF;
    cursor: pointer;
    text-decoration: underline;
}

.rateTable table tbody tr td.prod
{
    background-image: url(/images/arrow-right-orange.gif);
    background-position: center 90%;
    background-repeat: no-repeat;

}

.rateTable table tbody tr td.prod a
{
    display: block;
    width: 100%;
    height: 15px;
}

.rateTable table tbody tr td.prod a:hover
{
    text-decoration: none;
}

.rateTable table tbody tr td.comment
{
    padding: 2px 2px 2px 4px;
    text-align: left;
}

.rateTable table tbody tr.innerDet td
{
    background-color: #E1EBF4;
    padding: 3px 0;
}

.rateTable table tbody tr.innerDet td.prod
{
    background-image: none;
    border-left: 2px solid #7EA5CA;
    padding-bottom: 2px;
}

.rateTable table tbody tr.innerDet td:first-child
{
    background-color: #F0F5FB;
    border-top: none;
    padding: 3px 0;
}

.rateTable table tbody tr.innerDet td.comment
{
    border-right: 2px solid #7EA5CA;
    padding: 2px 2px 2px 4px;
}

.rateTable table tbody tr.innerDet td.lender
{
    background-color: #F0F5F9;
    font-size: 11px;
    font-weight: 400;
    padding: 2px 2px 2px 4px;
}

.rateTable table tbody tr.last td
{
    border-bottom: 2px solid #7EA5CA;
}

.rateTable table tbody tr.last td:first-child
{
    border-bottom: none;
}

.rateTable table tbody tr.on td
{
    border-top: 2px solid #7EA5CA;
}

.rateTable table tbody tr.on td:first-child
{
    border-top: 1px solid #ADC1CC;
}

.rateTable table tbody tr.on td.comment
{
    border-right: 2px solid #7EA5CA;
}

.rateTable table tbody tr.on td.prod
{
    background-image: url(/images/arrow-down-blue.gif);
    border-left: 2px solid #7EA5CA;
}

.rateTable table tbody tr.on td.prod a.on
{
    background-image: url(/images/arrow-down-blue.gif);
}

.rateTable table tbody tr td.primarylender
{
    background: #ffffff;
    border-top: 1px solid #B5C6DF;
    cursor: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding-left: 5px;
    width: 430px;
    z-index: 100;
    text-align: left;
}

.rateTable table tbody tr td.primaryresults
{
    background: #ffffff;
    border-top: 1px solid #B5C6DF;
    cursor: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding-left: 5px;
    z-index: 100;
    text-align: center;
}

.rateTable table tbody tr td.sublender
{
    background-color: #e1ebf4;
    border-top: 1px solid #B5C6DF;
    cursor: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding-left: 5px;
    width: 430px;
    z-index: 100;
    text-align: left;
}

.rateTable table tbody tr td.subresults
{
    background-color: #e1ebf4;
    border-top: 1px solid #B5C6DF;
    cursor: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding-left: 5px;
    text-align: center;
}

.legend
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 10px 0 10px 10px;
}

.legend ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.legend ul li
{
    display: inline;
    margin-right: 40px;
}

.rateMod
{
    background: #edf1fd;
    border: 1px solid #d2dfff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    width: 293px;
}

.rateMod + .rateMod
{
    margin-left: 10px;
}

.rateModHeader
{
    background: #fff;
    border-bottom: 1px solid #d2dfff;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    text-align: center;
}

.rateModHeader .arrow
{
    color: #f52b27;
    cursor: pointer;
    font-size: 16px;
}

.modContent
{
    background-color: #fff;
    height: 75px;
    padding: 9px;
}

.smallPrint
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
}

.gearBoxHolder
{
    background-color: #fff;
    float: left;
    margin-bottom: 10px;
    padding: 9px 9px 9px 0;
    width: 339px;
}

.aveforsearch
{
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    /*position: relative;*/
    top: 10px;
	margin-left:20px;
}

.aveforsearch table
{
    border: 1px solid #B8CBDF;
    border-width: 1px 0 0 1px;
    width: 98%;
}

.aveforsearch table thead tr td
{
    background-color: #fff;
    border: 1px solid #B8CBDF;
    border-width: 0 1px 1px 0;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.aveforsearch table tbody tr td
{
    background-color: #ECF2F8;
    border: 1px solid #B8CBDF;
    border-width: 0 1px 1px 0;
    color: #193868;
    font-size: 13px;
    font-weight: 700;
    padding: 4px;
    text-align: center;
    width: 33.3%;
}

.modSearch
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 13px;
    margin-left: 125px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
}

.prep
{
    height: 132px;
    width: 100%;
}

.gearBoxHolder .rateLine
{
    border-width: 1px 1px 1px 0;
    margin-left: -10px;
}

.gearboxBG
{
    background-color: #dce6ef;
}

.gearBox
{
    background: #dce6ef url(/images/rateBg.jpg) repeat-y;
    padding-left: 10px;
}

.gearMenuButton 
{
    background-color: #dce6ef;
}

.gearMenuButton a
{
    background: #dce6ef url(/images/arrow-right-orange.gif) no-repeat right center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    padding-right: 15px;
padding-left:20px;
}

.gearMenuButton a.on
{
    background: url(/images/arrow-down-blue.gif) no-repeat right center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    padding-right: 15px;
padding-left:20px;
}

.gearMenu
{
    background-color: #f1f2f4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 10px 2px;
    position: relative;
	margin-left:10px;
}

.gearRight
{
    background: #f1f2f4 url(/images/rateMenuBg.jpg) repeat-y;
    margin-left: -10px;
    padding-left: 20px;
}

.gearBox div.tabstyle1
{
    height: 17px;
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
    position: relative;
}

.gearBox div.tabstyle1 div
{
    border: 1px solid #5F87C7;
    border-width: 1px 1px 0;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 4px 0 0;
    padding: 1px 1px 0;
}

.gearBox div.tabstyle1 div a
{
    background: #d0e1eb;
    color: #000;
    display: block;
    font-size: 11px;
    height: 17px;
    line-height: 13px;
    padding: 2px 5px;
    text-align: center;
}

.gearBox div.tabstyle1 div a:hover
{
    background-color: #9FC4E1;
    color: #fff;
    text-decoration: none;
}

.gearBox div.tabstyle1 div.selected
{
    margin-top: -3px;
}

.gearBox div.tabstyle1 div.selected a
{
    background: #3673B2;
    color: #fff;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.gearMenu table
{
    border-top: 1px solid #e1e1e1;
    width: 100%;
}

.rightRail .gearMenu table
{
    border-top: none;
}

.gearMenu table tr td
{
    border: 1px solid #e1e1e1;
    border-width: 0 1px 1px 0;
}

.rightRail .gearMenu table tr td
{
    border: none;    
}

.rateTable table tbody tr td.lender .rateTablePopUp, .rateTablePopUp
{
    background: #ebf1fd;
    border: 3px solid #B5C6DF;
    cursor: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400;
    margin-left: 111px;
    margin-top: 0;
    position: absolute;
    width: 430px;
    z-index: 100;
}

.rateTable table tbody tr td.lender .rateTablePopUp h1, .rateTablePopUp h1
{
    font-size: 16px;
    margin-bottom: 5px;
}

.rateTable table tbody tr td.lender .rateTablePopUp a, .rateTablePopUp a
{
    color: #004276;
}

.rateTable table tbody tr td.lender .rateTablePopUp > div, .rateTablePopUp > div
{
    color: #000;
    text-align: left;
}

.rateTable table tbody tr td.lender .popUpHeader, .popUpHeader
{
    background: #d7e4f7;
    color: #004377;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
}

.rateTable table tbody tr td.lender .rateTablePopUp .close, .rateTablePopUp .close
{
    float: right;
    margin-right: 5px;
}

.rateTable table tbody tr td.lender .rateTablePopUp .close a, .rateTablePopUp .close a
{
    color: #818D9F;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-decoration: none;
}

.rateTable table tbody tr td.lender .rateTablePopUp .close a:hover, .rateTablePopUp .close a:hover
{
    color: #DEA001;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-decoration: none;
}

.rateTable table tbody tr td.lender .lenderInfo, .lenderInfo
{
    font-weight: 700;
    padding-left: 10px;
}

.rateTable table tbody tr td.lender .lenderInfo div, .lenderInfo div
{
    font-size: 12px;
    padding-bottom: 5px;
}

.rateTable table tbody tr td.lender .phone, .phone
{
    color: #3977b0;
    font-size: 12px;
}

.rateTable table tbody tr td.lender .desc, .desc
{
    background-color: #fff;
    border-top: 1px solid #d2dfff;
    font-size: 10px;
    padding: 5px;
}

.rateTable table tbody tr td.lender .profile, .profile
{
    background: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding-left: 10px;
}

.rateTable table tbody tr td.lender div.subline, div.subline
{
    font-weight: 400;
    text-align: left;
}

.rateTable table tbody tr td.lender div.subline a, div.subline a
{
    color: #2D75AF;
}

.rateTable table tbody tr td.lender .star
{
    float: left;
    margin-top: 3px;
}

.rateTable table.funnelTable thead tr td
{
    background-color: #FFF;
}

.rateTable table.funnelTable tbody tr td
{
    background-color: #fff;
    border: none;
    padding-left: 4px;
    text-align: left;
}

.rightRail .cfp
{
    background-color: #fff;
    font-family: arial;
    left: -15px;
    margin-bottom: 9px;
    position: relative;
    width: 352px;
}

.rightRail .cfp .tabcontentstyle
{
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
}

.rightRail .cfp .georgia:first-child
{
    height: 99px;
    margin: 0;
    overflow: hidden;
    padding-top: 20px;
}

.well .cfp
{
    padding-right: 9px;
}

.well .cfp table td p:first-child
{
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.searchresults-cc div.summary p, .ccFS10
{
    font-size: 10px;
}

.ccFS11 table td img, .rateTable table tbody tr td.lender div img, .rateTable table tbody tr td.comment a
{
    cursor: pointer;
}

.table-border-title-right
{
    border: 1px solid #d2dfff;
    border-width: 0 1px 1px 0;
}

.table-border-title-left
{
    border: 1px solid #d2dfff;
    border-width: 0 0 1px 0;
}

.rightRail .rateLineMod .gearBox, .rightRail .rateLine .gearBox
{
    border: 1px solid #5683BB;
    border-width: 1px 1px 1px 0;
    margin-left: -2px;
}

.rateLine, .rateLineMod
{
    border: 1px solid #5683BB;
    border-width: 1px;
}

.rateTable table thead tr td:first-child, .rateTable table.funnelTable tbody tr td + td + td ~
td
{
    border-left: none;
}

.rateTable table tbody tr td.lender a:hover, .rateTable table tbody tr td.lender .rateTablePopUp a:hover, .rateTablePopUp a:hover, .rateTable table tbody tr td.lender div.subline a:hover, div.subline a:hover
{
    color: #DEA001;
}

.gearMenu table tr.odd td, .rateTable table.funnelTable tbody tr.odd td
{
    background-color: #f1f1f9;
}

.rateTable table.funnelTable thead tr td + td, .rateTable table.funnelTable tbody tr td + td ~
td
{
    border-left: 1px solid #ADC1CC;
}


/*rate table- calc tab fix*/

#CalculatorsTabContent .rateLine div {margin-left:0px;width:95%;}
#CalculatorsTabContent .rateLine div table.width98per.mar15.marTB {width:95%;margin-right:-10px;margin-left:8px;}
#CalculatorsTabContent .rateLine div table.width98per.mar15.marTB div.scroll.width615 {width:590px;}

.rateTitle {position:relative;}
.rateTitle .noPrint {position:absolute; right:0px; top:105px;}