/* -------------
 * Select box
 * ------------- */
 
#currentPreviousList {
margin:6px 0px; 
padding-top:6px; 
width:163px; 
float:left;
}

#accountTypesList {
margin:6px 0px; 
padding-top:6px; 
width:209px; 
float:left;
}

#annualMonthlyRatesList {
margin:6px 0px; 
padding-top:6px; 
width:120px; 
float:left;
}

#closureTypeList {
margin:6px 0px; 
padding-top:6px; 
width:209px; 
float:left;
}
 
.jqTransformSelectWrapper {
width:18px;
position:relative;
height:30px; 
margin-left:7px;
background:url("../img/interestRates/drop_back_left.jpg") 0 0 no-repeat;
float:left;
}

.jqTransformSelectWrapper div span {
float: none;
position: absolute;
white-space: nowrap;
height:30px;
padding:5px 0px 0px 7px;
overflow: hidden;
cursor:pointer;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
display:block;
position:absolute;
right:0px;
width:18px;
height:35px;	
background:url("../img/interestRates/drop_back.jpg") top right no-repeat;	
}

.jqTransformSelectWrapper ul {
position: absolute;
top: 28px;
left: 0px;
list-style: none;
background-color: #FFF;
border-color:#292929 #292929 #292929 #292929;
border-style:solid;
border-width:1px 2px 1px 2px !important;	
display: none;
margin: 0px;
padding: 0px;
z-index:10;
}

.jqTransformSelectWrapper ul a {
display: block;
padding:5px 0px 5px 5px;
text-decoration: none;
border-top: solid 1px #292929;
border-bottom: solid 1px #484848;
background-color: #292929;
color: #fff !important;
}

.jqTransformSelectWrapper ul a.selected {
background: #b2241a;
color: #fff;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:#b2241a;
color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}