#chooseTop{
background:#FFFFFF url("../img/interestRates/interestRates-title-bg.jpg") repeat-x scroll left bottom;
width:500px; 
height:53px;
border-top:5px solid #b2241a;
margin:13px 0 0 0;
float:left; 
position:relative; 
z-index:400 !important
}

.accountTop {
width:500px;
height:66px; 
float:left;
position:relative;
border-style:solid;
border-width:1px 0 1px 0 !important;	
margin-top:20px;
}

.accountLabel{
padding:10px 0 0 0; 
float:left;
position:relative;
}

#currentRatesView .accountTop {
background:url("../img/interestRates/accountTypeTitle-bg.jpg") repeat-x left top;
border-color:#D6D6D6 #fff #D6D6D6 #fff;
}

#previousRatesView .accountTop {
background:url("../img/interestRates/accountTypeTitlePrevious-bg.jpg") repeat-x left top;
border-color:#F2CAC8 #fff #F2CAC8 #fff;
}


#view1,#view2,#view3,#view4,#view5,					
#view1Previous,#view2Previous,#view3Previous,#view4Previous,#view5Previous,
#currentRatesView, #previousRatesView,
#onlineAnnual,#onlineAnnualPrevious,#easyAnnual,#easyAnnualPrevious,
#noticeAnnual,#noticeAnnualPrevious,#taxfreeAnnual,#taxfreeAnnualPrevious,
#childrensAnnual,#childrensAnnualPrevious,
#onlineMonth,#onlineMonthPrevious,#easyMonth,#easyMonthPrevious,#noticeMonth,
#noticeMonthPrevious,#taxfreeMonth,#taxfreeMonthPrevious,#childrensMonth,#childrensMonthPrevious {
float:left;
position:relative;
width:500px;
}


/* table layout */



#centerColumn table tr td p {
margin: 3px 0 5px !important;	
}

#centerColumn h2 {
border:0;
font-size: 16px;
font-weight: normal;
color: #292929;
margin: 0;
padding:8px 0 8px 8px;
background:none;
}


#centerColumn ul {
padding-top:0;
margin-top:0;	
margin-bottom:0;	
background:#CCCCCC;
overflow:visible;
margin-left:1px;
}

#centerColumn ul li {
background:none;
margin:0;
padding:0;
}

#centerColumn table {
border-color:#fff #fff #A7A7A7 #fff;
border-style:solid;
border-width:0;	
margin:5px 0 0 0;
}

#centerColumn table th.leftHeading {
text-align:left;	
}

#centerColumn table th.centerHeading,
#centerColumn table td.centerContents,
#centerColumn table td.collapsible {
text-align:center !important;
}

#centerColumn table th.centerHeading .help,
#centerColumn table td.centerContents .help {
text-align:left;	
}

#centerColumn table.interestRates, #centerColumn table.previousRates {
margin:5px 0 0 0;
}

#centerColumn table.previousRates th {
border-color:#F3DFDE #ffffff;	
}



/* expand/collapse */

#centerColumn table td.collapsible {
text-align:center !important;
}


td.collapsedContentContainer {
padding:0 !important; 
margin:0 !important; 
border:0 !important; 
background:#fff !important;
border-collapse:collapse;
}

table.collapsedContent {
padding:0 !important; 
margin:0 !important; 
border:0 !important; 
background:#fff !important;
border-collapse:collapse;
}


.opened {
display:table-row !important;	
}



a.help:hover {display: inline; text-decoration:none;}
a.help span {display: none; text-decoration:none;}
div.helpText {display:block; text-decoration:none;}

th a.help:hover div.helpText {position: relative; text-decoration: none; font-size: 1em;z-index: 706 !important; text-align:center;}
td a.help:hover div.helpText {position: relative; text-decoration: none; font-size: 1em;z-index: 706 !important; text-align:center;}
a.help:hover span.helpContentInterest {display: block; position: absolute; bottom: 16px; left: -128px; z-index: 706 !important; width: 280px; border: 1px solid #999999; color: #292929; background: #f3f3f3 url("../img/interestRates/bg_helpText.gif") bottom right no-repeat !important; font-weight: normal; font-size: 110%; padding: 8px 5px 8px 5px; margin: 10px; text-decoration:none;}
a.help:hover span.helpContentInfo {display: block; position: absolute; bottom: 16px; left: -138px; z-index: 706 !important; width: 280px !important; border: 1px solid #999999; color: #292929; background: #f3f3f3 url("../img/interestRates/bg_helpText.gif") bottom right no-repeat !important; font-weight: normal; font-size: 110%; padding: 8px 5px 8px 5px; margin: 10px; text-decoration:none;}
a.help:hover span.taxfreeInfo {left: -108px;}
a.help:hover span.helpImgInterest {display: block; position: absolute; bottom: 12px; left: 16px; width: 26px; z-index: 710 !important; background:url("../img/interestRates/helpText.gif") no-repeat; text-decoration:none;}
a.help:hover span.helpMoreInfoImg {display: block; position: absolute; bottom: 12px; left: 0px; width: 26px; z-index: 710 !important; background:url("../img/interestRates/helpText.gif") no-repeat; text-decoration:none;}
a.help:hover span.taxfreeImg {left: 45px;}