/***********************************************
    Rate Table - Common styles
************************************************/
.rateTable{
    position:relative;
}
.spacer{
    clear:both;
}
.rateTable .nowrap{
    white-space:nowrap;
}
.rateTable .hide{
    display:none;
}

.rateTable .apy{
    color:#ff5c00;
    font-size:30px;
    font-weight:bold;
}

.rateTable .date {
    font-size:11px;
    margin-left:10px;
    color:#333;
}
.rateTable a{
    color:#253785;
    text-decoration:underline;
}
.rateTable a { 
 font-size:14px;
 color:#fff;
 font-weight:bold;

}

.rateTable .content {
    margin:0 10px;
    background:#fff;
}
h1.rateTableHeader {
    color:#fff;
    font-size:30px;
    padding:5px 0;
}
.rateTable .container .left{
    float:left;
}
.rateTable .container .right{
    float:right;
}
.rateTable .container .banklogo{
    padding:10px;
}
.rateTable .bottom .left{
    float:left;
    padding:5px 14px 12px 10px;
    color:#fff;
}
.rateTable .bottom .right{
    float:right;
    padding:0px 13px 10px 0px;
}
.rateTable .content .changeup{
    background:url(img/bankingrates/rates/up-arrow.gif) no-repeat 8px center;
    padding:0 0 0 32px; 
}
.rateTable .content .changedown{
    background:url(img/bankingrates/rates/down-arrow.gif) no-repeat 8px center;
    padding:0 0 0 32px; 
}
.rateTable .content .changedefault{
    background:url(img/bankingrates/rates/dash.gif) no-repeat 8px center;
    padding:0 0 0 32px; 
}
.rateTable table{
    border-collapse:collapse;
    width:100%;
}
.rateTable table thead th{
    height:25px;
    font-size:13px;
    color:#333;
}
.rateTable table thead.bg2 th{
    background:url(img/bankingrates/rates/blue-top.gif) top left repeat-x;
}
.rateTable table tr.bg2 td .rightborder,
.rateTable table tbody.bg2 td .rightborder,
.rateTable table tbody.bg2 td.rightborder{
    background:#fff url(img/bankingrates/rates/blue-line.gif) center right no-repeat;
    padding:0 10px 0 0;
}
.rateTable table tr.bg2 td .leftborder,
.rateTable table tbody.bg2 td .leftborder,
.rateTable table tbody.bg2 td.leftborder{
    background:#fff url(img/bankingrates/rates/blue-line.gif) center left no-repeat;
}
.rateTable table td{
    text-align:center;
    height:85px;
    border-bottom:1px solid #0356b9;
}

.rateTable table td a.highestRates {
    font-size:11px;
    color:#2a4b97;
}
.rateTable table td a.highestRates {
    font-size:13px;

}
.rateTable table td a.showSignup {
    font-size:12px;
    color:#eb6505;
    font-weight:bold;
}

.rateTable .content .rateTab{
    height:35px;
    border:0;
    background:#0356b9;
    vertical-align:bottom;
}
.rateTable .content .rateTab a{
    text-decoration:none;
    padding:5px 14px;
    background:url(img/bankingrates/rates/blue-darkertab.gif) top left repeat-x;
    color:#253785;
    font-weight:bold;
    white-space:nowrap;
}


.rateTable .content .rateTab a.selected{
    color:#333;
	background:#fff;
}

.rateTable.large .content .rateTab a.selected{
    color:#333;
    background:url(img/bankingrates/rates/blue-top.gif) top left repeat-x;
}
.rateTable .content .rateTab a#highest{
    float:left;
    font-size:13px;
}
.rateTable .content tbody#tabRecent{
    display:none;
}
.rateTable .content tbody#tabHighest td,
.rateTable .content tbody#tabRecent td{
    padding:0 5px;
	width:0px;
}
.rateTable .content tbody#tabHighest th,
.rateTable .content tbody#tabRecent th{
    background:url(img/bankingrates/rates/blue-top.gif) top left repeat-x;
    height:25px;
}
.rateTable .content th.apy-col{
    width:47%;
}
.rateTable .content td.apydate-col{
    width:23%;
}
.rateTable .content th.bank-col{
    width:30%
}
.rateTable .content th.recentapy-col{
    width:30%;
}
.rateTable .content th.recentbank-col{
    width:48%;
}
.rateTable .container h4{
    text-align:center;
    padding:0 15px 5px  ; 
    color:#fff;
    font-size:20px;
}
/********************************
    Rates - fonts 
********************************/
a.rate-text-4,
a.rate-text-4:hover,
a.rate-text-4:visited {
    font:13px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #2a4b97;
    padding:0px 3px;
}
.rate-text-1 {
    font: 13px Arial, Helvetica, sans-serif;
    color: #333;
}
.rate-text-5,
a.rate-text-5,
a.rate-text-5:hover,
a.rate-text-5:visited {
    font: 13px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #333;
    text-decoration:none;
}
.rate-text-10 {
    font:bold 12px Arial, Helvetica, sans-serif;
    color: #333;
}
.rate-text-11 {
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
}
.rate-text-12,
.rate-text-12 a,
.rate-text-12 a:hover,
.rate-text-12 a:visited {
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
}
.rate-text-13,
a.rate-text-13,
a.rate-text-13:hover,
a.rate-text-13:visited {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #fff;
}
.rate-text-14 {
    font: 30px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}
.rate-text-15 {
    font: 30px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
}
.rate-text-17 {
    font: 11px Arial, Helvetica, sans-serif;
    color: #333;
}
a.rate-text-18,
a.rate-text-18:hover,
a.rate-text-18:visited {
    font:11px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #2a4b97;
}
a.rate-text-19,
a.rate-text-19:hover,
a.rate-text-19:visited {
    font:13px Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration: underline;
    color: #eb6505;
}
a.rate-text-19a,
a.rate-text-19a:hover,
a.rate-text-19a:visited {
    font:13px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #2a4b97;
}
.rate-text-20 {
    font: 18px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}
.rate-text-21 {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
}
.rate-text-22 {
    font: 30px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ff5c00;
}
.rate-text-27 {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}
.rate-text-28 {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ff5c00;
}
.rate-text-29 {
    font: 40px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
}
.rate-text-30 {
    font: 24px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
}
.rate-text-32 {
    font: 20px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}
.rate-text-31 {
    font: 24px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ff5c00;
}


/**************************
    Rate Table - Small
***************************/
.rateTable.small{
    width:300px;
    margin-top:10px;
}
.rateTable.small .top{
    background:url(img/bankingrates/rates/300w-top.gif) no-repeat top left;
    height:10px;
}
.rateTable.small .container{
    background:url(img/bankingrates/rates/300w-mid.gif) repeat-y;
}
.rateTable.small .apy-col{
    width:47%;
}
.rateTable.small .container .bottomLink{
    background:url(img/bankingrates/rates/arrow_button.png) no-repeat center right;
    text-align:right;
    margin:0 8px;
    padding:6px 22px 2px 0;
	margin-right:10px;
}
.rateTable.small .bottom{
    background:url(img/bankingrates/rates/300w-bottom.gif) no-repeat bottom left;
    height:10px;
}
.rateTable.small .content .rateTab a#recent{
    float:right;
    font-size:13px;
}
.gmapsmall{
    width:280px;
    height:180px;
}
.rateTable.small .gmapsmall {
    margin:10px 10px 0 10px;
}

/**************************
    Rate Table - Medium 
***************************/
.rateTable.medium{
    width:330px;
    margin-top:7px;
}
.rateTable.medium .top{
    background:url(img/bankingrates/rates/330w-top.gif) no-repeat top left;
    height:10px;
}
.rateTable.medium .container {
    background:url(img/bankingrates/rates/330w-mid.gif) repeat-y;
}
.rateTable.medium .apy-col{
    width:47%;
}
.rateTable.medium .container .bottomLink{
    background:url(img/bankingrates/rates/arrow_button.png) no-repeat center right;
    text-align:right;
    padding:8px 20px;
	margin-right:10px;
}
.rateTable.medium .bottom{
    background:url(img/bankingrates/rates/330w-bottom.gif) no-repeat bottom left;
    height:10px;
}
.rateTable.medium .content .rateTab a#recent{
    float:right;
    font-size:13px;
	margin-right:30px;
}
/**************************
    Rate Table - Large 
***************************/
.rateTable.large{
    width:600px;
}
.rateTable.large .top{
    background:url(img/bankingrates/rates/600w-top.gif) no-repeat top left;
    height:10px;
}
.rateTable.large .container{
    background:url(img/bankingrates/rates/600w-mid.gif) repeat-y;
}
.rateTable.large .container .bottomLink{
    background:url(img/bankingrates/rates/arrow_button.png) no-repeat center right;
    text-align:right;
    padding:8px 20px;
	margin-right:10px;
}
.rateTable.large .bottom{
    background:url(img/bankingrates/rates/600w-bottom.gif) no-repeat bottom left;
    height:10px;
}
.rateTable.large .content .rateTab a#recent{
    float:left;
    font-size:13px;
    margin-left:5px;
}