/* Start of CMSMS style sheet 'Forms' */
/*-----------------
GLOBAL
------------------*/
 
form fieldset {
    margin: 0px 0;
    width: 100%;
    display: block;
    border: none;
    padding:0;
}
form fieldset.nofloat {clear:both;}
 
form legend {
    font-size: 1.1em;
    margin: 0.5em 0px 29px -4px;
    color: #fff;
    font-weight:bold;
    background: #2F669C;
    padding:5px;
}

#bodyWrapper.iform form legend {
margin: 0 0 22px -4px;
[color:black;
color:#fff;
margin: 0.5em 0px 29px -4px;
]

}

#ie6 form legend {
     margin: 0 0 15px 0;
}

form .smallLegend legend {
   background: #2F669C; 
   color: #fff; 
   font-size:0.95em;
   margin-bottom:28px;
}
 
form legend b {font-weight:normal;}
 
.legend p {
    margin: 0 0 3px;
    width: 60px;
    float: left;
}
 
div.legend {
    margin: 0.5em 0 1em;
    overflow: hidden;
    position: relative;
}

form h2 {
    background: #2F669C;
    padding: 8px 15px 9px 15px;
    color: #fff;
    margin: 10px 0;
}
 

/*-----------------
LABELS
------------------*/
 
form label,
form .radioSet label.superlabel,
form .checkboxSet label.superlabel {
    display: block;
    float: left;
    font-weight: normal;
    clear: both;
    width: 100px;
    color: #666;
    text-transform: uppercase;
    width: 325px;
}
 
/*-----------------
INPUTS
------------------*/
 
form input,
form textarea,
form select {
    width: 300px;
    border: solid 1px #ccc;
    background: #F5F5F5;
    font-size: 1em;
    font-family: arial,helvetica, sans serif;
    margin-bottom: 8px;
}
 
form textarea {height: 90px;}
 
/*-----------------
RADIO / CHECKBOX
------------------*/

form .radioSet div,
form .checkboxSet div {
    margin: 0;
    width: 49%;
    float:left;
}
 
form .radioSet input,
form .checkboxSet input {
    width: auto;
    border: none;
    margin-top: 5px;
    float:left;
}
#ie6 form .radioSet input,
#ie6 form .checkboxSet input,
#ie7 form .radioSet input,
#ie7 form .checkboxSet input {
	width: 15px;
	background: transparent;
	border:none;
}
 
form .radioSet div label,
form .checkboxSet div label {
    display: block;
    font-weight: normal;
    color: #63605F;
    float:left;
    margin: -23px 0 0 30px;
    width: auto;
    padding-bottom: 0 !important;
    text-transform: lowercase;
    font-size:12px;
}
#ie6 form .radioSet div label,
#ie6 form .checkboxSet div label {
	width: 49%;
        margin: -25px 0 0 10px;
} 

form .datepicker select, form .timepicker select {width: 80px;}
 
/*-----------------
MULTIPLE INPUT
------------------*/

form .textinput_multiple {
    margin-bottom: 8px;
    clear:both;
    overflow: hidden;
}

form .textinput_multiple div {
    float: left;
    width: 78%;
    height: 25px;
    overflow: hidden;
    clear: both;
}
 
form .textinput_multiple div input {
    width: 99%;
    float: left;
    margin: 4px 0 0;
}
 
form .textinput_multiple input.submit {
    width: 15%;
    float: right;
    cursor: pointer;
    border: double 3px #BBB;
    padding: 0px 3px;
    border-color: #AAA #888 #888 #AAA;
    font-size: 10px;
    background: #F5F5F5;
    margin: 4px 19px 0px 0;
}
 
/*-----------------
REQUIRED & ERROR MESSAGES
------------------*/
/* 
form .required input,
form .required textarea,
form .required select {
    background: #E3EFC2;
    border-color: #7D914A;
}*/
 
form .errorinput input, form .requirederrorinput input,
form .errorinput textarea, form .requirederrorinput textarea,
form .errorinput select, form .requirederrorinput select {
    background-color:#FFDFDF !important;
    border-color:#DF4545 !important;
}
 
.error_message, .error {
    background-color:#FFDFDF;
    border:1px solid #DF4545;
    margin:5px 20px 20px;
    padding:20px;
    width: 825px;
}
.error_message ul, .error ul {
    margin: 0;
    list-style: square;
    padding-left: 20px;
}
.error_message h3, .error h3 {
    margin:0 0 0.5em;
}
 
/*-----------------
JAVASCRIPT ONLY
------------------*/
 
.financeform fieldset.hideUntilActivated {visibility: visible;}
 
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:120px;}
div.clear {clear:both;padding-top:5px;}
label.mandatory {font-weight: bold;}
 
/*-----------------
TYPOGRAPHY
------------------*/
 
form div p {margin: 10px 0 0 0;}
form div p strong {color: #7D914A;}


form tbody {background: transparent;}
form td {background: transparent; border-bottom: 1px solid #666;}
form th {font-size:13px; color: #666; border-bottom: 1px solid #666;}

/*-----------------
PAGINATION TABLE
------------------*/

table.pagetable {
   background: #2F669C;
   border: none;
   margin: 0;
}
table.pagetable td {
  color: #333;
  background: #D1E0EF;
  border-bottom: 4px solid #2F669C;
}
table.pagetable td.mandatory.active {
  background: #2F669C;
  color: #fff;
}
table.pagetable td h5 {font-weight:bold;}
 
/*-----------------
SUBMIT
------------------*/

form .financeform  div.submit,
#calculatorSubmit
{
    background-color: #2F669C;
    padding:8px;
    margin-bottom: 10px;
    clear:both;
    overflow: hidden;
    float:none;
zoom:1;
}
form .financeform fieldset  div.submit {
    background: transparent;
    padding: 0;
    margin: 0;
}
form .financeform fieldset  div.submit input {margin-right: 10px;}
form .financeform fieldset  div.submit p {margin: 0;}
form .financeform div.submit {width: 362px;}
#iformCalculatorSubmit {width: 363px; padding-left: 15px; padding-right: 0;}
#ie6 #iformCalculatorSubmit {margin-left: 25px;}
form .financeform div.calculate_button {width: auto;}

form .submit input, .submit button {
    width: auto;
    border: 1px solid #ccc;
    background: url(uploads/images/submitTile.gif) repeat-x scroll 0 0;
    padding: 1px 5px;
    cursor: pointer;
    height:33px;
    color: #336699;
    width: 150px;
}


form .submit input:hover {color: #419314;}


#bodyWrapper.iform a.contact {
background:url("uploads/images/submitTile.gif") repeat-x scroll 0 0 transparent;
border:1px solid #CCCCCC;
color:#336699;
cursor:pointer;
display:block;
height:17px;
padding:7px 14px;
text-align:center;
width:78px;
}
#bodyWrapper.iform a.contact:hover {color: #419314;}

.submit .left {float:left; margin-right:10px;}
.submit .right {float:left;}

span.pageCount {display:none;}

/*-----------------
FINANCE FORM
------------------*/

.financeform fieldset {
   width: 355px;
   padding: 5px 0px 0px 15px;
   margin: 0 10px 10px 45px;
   float: left;
   display:block;
   border: 4px solid #2F669C;
   background: #efefef;
}

#ie6 .financeform fieldset, #ie7 .financeform fieldset {background: #FFF;}

#ie6 .financeform fieldset {margin: 0 10px 10px 25px;}

.financeform.noFloat fieldset {
    float:none;
    margin: 0 0 10px;
}

.financeform input {width:100px;}
.financeform .wide input {width:330px;}
.financeform div {}
.fincanceform div div {float: none;}
.financeform div.nofloat {float:none;}
.financeform div.clear {clear:left;}


div.noFloat {
    float: none;
}

div.noFloat table {
    margin-bottom: 15px;
}

.financeform input, 
.financeform textarea, 
.financeform select {
    background: #fff;
    width: 330px;
}

.financeform .checkbox label, 
.financeform .radioSet label, 
.smallLegend .radioSet div label {
    width: 325px;
}

.financeform .checkbox div label, 
.financeform .radioSet div label, 
.smallLegend .radioSet div label {
    width: 100px;
    padding-bottom: 12px;
}

.financeform div.miniSelect {
    width: 49%;
    float:left;
}
.financeform div.miniSelect select, 
.financeform div.miniSelect label {
    width: 157px;
}
.financeform div.miniSelect label {text-transform: lowercase;}
.financeform div.total label {font-weight:bold;}

.financeForm .submit input {
    background:#DFF1FF none repeat scroll 0 0;
    border:1px solid #666666;
    cursor:pointer;
    float:right;
    padding:1px 3px;
    width:auto;
}

div.total {
  font-weight: bold;
  text-transform: uppercase;
 margin-bottom: 20px;
}


/*-------------------------------------
INSURANCE CALCULATOR

-----------------------------------*/

#interestCalculatorOutput 
{

}

#interestCalculatorOutput dt
{
width: 175px;
float: left;
clear: left;
margin-left: 0;
}

#interestCalculatorOutput dd
{
width: 200px;
float: left;
}

#reportTable {
clear: both;
margin: 12px 0;
}
/*------------------------------------
  SUCCESS & FAILURE SCREENS
-------------------------------------*/

.successnote {
    background:#D4EFA4 none repeat scroll 0 0;
    border:1px solid #586F30;
    margin-bottom:15px;
    margin-left:20px;
    padding:20px;
    width:825px;
margin-top: 20px;
}

.failnote {
    background:#FFDFDF none repeat scroll 0 0;
    border:1px solid #DF4545;
    margin-bottom:15px;
    margin-left:20px;
margin-top: 20px;
    padding:20px;
    width:825px;
}

.successnote  h2 {
    background: url(uploads/images/tick.gif) no-repeat scroll 0 0;
    height: 30px;
    padding-left:40px;
    padding-top:5px;
}

.failnote  h2 {
    background: url(uploads/images/cross.gif) no-repeat scroll 0 0;
    height: 30px;
    padding-left:40px;
    padding-top:5px;
}



/* End of 'Forms' */