/* FORMFIELDS - This CSS file holds all of the definitions for displaying form elements */

.none{display:none !important;}
.hidden{visibility:hidden !important;}
div.clear{clear:both; visibility: hidden; }

.formSection{

   background: url('/images/microsites/afa/form-top.gif') left top no-repeat ;
   padding-top: 0;
   /*clear: both; */
}

.sectionHeader{

}

.sectionHeader h2{
   font-size: 1.5em;
   font-weight: bold;
   text-transform: uppercase;
   float: left;
   width: 50%;
   margin-bottom: 5px;
   padding: 5px;
   padding-left: 10px;
}

.sectionHeader h3{
   font-size: 1.8em;
   font-weight: bold;
   color: #ffffff;
   margin: 0 0 0 10px;
   padding: 0 0 0 45px;
   background: transparent;
   height: 39px;
   line-height: 39px;
}

* html .sectionHeader h3{
   margin-left: 25px;
   margin-bottom: -1px;
}

.formSectionContent{

   padding: 0 5px;
   height: 1%;
background: transparent;
}

.calendarWithSelects select{
   width: auto;
}

.calendarWithSelects .showCalendarButton{
        border:none;
        padding:0;
        margin:0 0 0 2px;
        height:16px;
        width:16px;
        cursor: pointer;
        vertical-align:middle;
        background:transparent url('/images/controls/calendar/calendar.gif') no-repeat top left;
}

.calendarWithSelects .hiddenCalendarContainer{
    display:none;
    position:absolute;
    left:10px;
    top:10px;
    z-index:2;
}

div.mainLabel {
   margin: 0;
}

.mainLabel .instructions,
.options .instructions,
.options .inlineHelp{
        padding-top:4px;
        margin:0;
}

.options .inlineHelp{
        padding-left:5px;
}

.inputGroup {
   float: left;
   overflow: visible;
   margin: 5px 18px 5px 0px;
   font-family:helvetica, sans-serif;
}

.optionsContent {
  font-size: 1.1em;
  /*height:16px; */
}

.optionsContent input{
 padding: 1px;
}

.optionsContent input,
.optionsContent select{
  font-size: 1.1em;
  border:1px solid #999999;
  width: auto;
}

.optionsContent input.radio{
  display: inline;
  border: none;
  height: auto;
}


.buttonGroup{
        clear:both;
        padding:0 10px 0 10px;
        text-align: center;
}

.optionsContent select{
  width: auto;
}

.buttonGroup button {
        text-decoration:none;
        cursor: pointer;
        vertical-align: middle;
        border:none;
        margin:0 5px 5px 5px;
        padding:0;
}

.buttonGroup button.submit{
        height:66px;
        width:215px;
        text-align: center;
        background:transparent url('/images/microsites/afa/get-cash-button.gif') no-repeat top left;
}


#validationErrors{
        clear:both;
        padding:12px 10px 15px 38px;
        margin-bottom:10px;
        background: #fffba2 url('/images/buttons/warning.gif') no-repeat  10px 10px;
}

#validationErrors h3{
        font-weight:bold;
        font-size:1.4em;
        color:#AD0036;
}

#validationErrors ol li{
        margin-left:2em;
        font-size: 1.2em;
        padding:5px 0 0px 0;
        color:#555;
}

div.error{
background: #fffba2;
}

.error .mainLabel label{
        color:#AD0036;
        font-weight:bold;
}

.error input, .error select {
 background: #FFCCCC;
}

.formline .options .prefix,
.formline2 .options .prefix{
   margin-left:0;
   text-indent:0;
   padding-right:2px;
}

.stackedForm .options .prefix{
        position:static;
        margin-right:0;
}


.inline .option {
 display:inline;
}

.yui-tt {
        visibility:hidden;
        position:absolute;
        font-size: 1.1em;
        color:#333;
        background-color:#FDFFB4;
        padding:2px;
        border:1px solid #FCC90D;
        width:600px;
}

.optInQuestion {
  display:inline;
  float: left;
  width: 98%;
}

.optInQuestion .p {
  float:left;
  display:inline;
}

.optInQuestion .option {
 float:left;
 display:inline;
 width: 50px;
}

.optInQuestion .option label {
  float: left;
  display:inline;
  font-size:1.2em;
  font-weight:bold;
}