/*-----------------
GLOBAL
------------------*/
form {margin:0;} 
form fieldset {
    margin: 20px 0 0 0;
    width: 100%;
    clear: both;
    display: block;
    border: none;
    padding:0;
    border: none;
    padding-bottom: 10px;
}
 
form fieldset div {
    margin: 0 0 8px;
    position: relative;
    overflow: hidden;
}
form fieldset div div {margin: 0px;}
 
form legend {
    display:none;
}
 
.legend p {
    margin: 0 0 3px;
    width: 60px;
    float: left;
}
 
div.legend {
    margin: 0.5em 0 1em;
    overflow: hidden;
    position: relative;
}
 
/*-----------------
LABELS
------------------*/
 
label,
.radioSet label.superlabel,
.checkboxSet label.superlabel,
.radioSet.superlabel label,
.checkBoxSet.superlabel label {
    display: block;
    float: left;
    font-weight: normal;
    clear: left;
    width: 28%;
    color: #666;
    font-size: 1em;
}
 
/*-----------------
INPUTS
------------------*/
 
input,
textarea,
select {
    font-size: 1em;
    font-family: arial,helvetica, sans serif;
    margin: 0;
    border: solid 1px #AAA;
    background: #F5F5F5;
    width: 230px;
}
 
form textarea {height: 90px;}
 
/*-----------------
RADIO / CHECKBOX
------------------*/
 
form .radioSet div,
form .checkboxSet div {
    margin: 0;
    float: left;
    width: 15%;
}
 
form .radioSet div input,
form .checkboxSet div input {
    width: 15px;
    float: left;
    border: none;
    background: transparent;
}
 
form .radioSet div label,
form .checkboxSet div label {
    width: 85%;
    display: block;
    float: left;
    margin: -15px 0 0 25px;
    font-weight: normal;
    color: #63605F;
    font-size: 0.9em;
}
#ie6 form .radioSet div label,
#ie6 form .checkboxSet div label {
 
}
 
form .datepicker select,
form .timepicker select {width: 80px;}
 
/*-----------------
MULTIPLE INPUT
------------------*/
 
form .textinput_multiple div {
    float: left;
    overflow: hidden;
    clear: both;
    width: 78%;
    height: 25px;
}
 
form .textinput_multiple div input {
    width: 99%;
    float: left;
    margin: 4px 0 0;
}
 
form .textinput_multiple input.submit {
    width: 15%;
    float: right;
    cursor: pointer;
    margin: 4px 8px 0 0;
    border: double 3px #BBB;
    padding: 0px 3px;
    border-color: #AAA #888 #888 #AAA;
    font-size: 10px;
    background: #F5F5F5;
}
 
/*-----------------
REQUIRED & ERROR MESSAGES
------------------*/
 
form .required input,
form .required textarea,
form .required select {
    background: #f5f5f5;
    border-color: #AAAAAA;
}
 
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;
    padding: 10px;
    width: 580px;
}
.error_message ul, .error ul {
    margin: 0;
    padding-left: 30px;
    list-style: square;
}
.error_message h3, .error h3 {
    margin:0 0 0.5em;
}
 
/*-----------------
JAVASCRIPT ONLY
------------------*/
 
fieldset.hideUntilActivated div {display: none;}
fieldset.hideUntilActivated div.activateHidden, fieldset.hideUntilActivated div.activateHidden div {display: block;}
 
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;}
 
/*-----------------
PAGINATION TABLE
------------------*/
 
table.pagetable {
   background: #F5F8E2;
   color: #333;
   border: none;
   margin: 0;
}
table.pagetable td {border:none;}
table.pagetable td.mandatory.active {
  background: #666;
  color: #fff;
}
table.pagetable td h5 {font-weight:bold;}
 
/*-----------------
TYPOGRAPHY
------------------*/
 
form div p {margin: 10px 0 0 0;}
form div p strong {color: #AAAAAA;}
form .noFloat div {float: none;}
form span.pageCount {display:none;}
 
form tbody {background: transparent;}
form td {background: transparent; border-bottom: 1px solid #666;}
form th {border-bottom: 1px solid #666;}
 
/*------------------------------------
  SUCCESS & FAILURE SCREENS
-------------------------------------*/
 
.successnote {
    background-color: #D4EFA4;
    border: 1px solid #586F30;
    margin: 0 0 15px 0;
    padding: 20px;
    width:100%;
}
 
.failnote {
    background:#FFDFDF none repeat scroll 0 0;
    border:1px solid #DF4545;
    margin: 0 0 15px 0;
    padding: 20px;
    width:100%;
}
 
/*-----------------
SUBMIT
------------------*/
 
form .submit input,
form input.submit {
    width: auto;
    border: double 3px #BBB;
    padding: 1px 3px;
    border-color: #AAA #888 #888 #AAA;
    cursor: pointer;
    font-weight: normal;
    float: right;
    margin:0 5px 0 0;
}
#ie6 form .submit input,
#ie6 form input.submit {width: 50px;}
form .submit input:hover,
form input.submit:hover {color:#333;}

#googleForm input {width:205px;}
#googleForm input.submit {width:35px;}
 
form .submit.paginated {
    background-color: #F5F8E2;
    padding: 8px;
    margin-bottom: 10px;
    clear:both;
    overflow: hidden;
    float:none;
    zoom:1;
}
 
form .submit.paginated .left {float:left;}
form .submit.paginated .right {float:right;}