/* ***** General ***** */

.formSection {
   margin: 0;
   padding: 10px;
   padding-top: 0;
}

.formSection h2, .formSection h3,
.formSection h4, .formSection h5,
.formSection h6 {
   margin: 1px; padding: 0; color: #0860A8;
}

.formSection h4 {
   margin: 5px 10px 5px 0;
   padding-bottom: 10px;
   border-bottom: 1px solid #369;
}


.formSection label {
   height: auto; width: auto;
}

.formSection input {
   border: 0;
}

.hiddenOption {
   visibility: hidden;
   height: 0px !important; overflow: hidden;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
.visiOption {
   height: auto;
}


/* ***** Specific ***** */

#topPageText {
   border-bottom: 0;
}

#advSearchFilter {
   position: relative;
   clear: both;
   height: auto;
   padding: 8px 10px;
   border: 1px solid #ccc;
   border-top: 0;
   background: #fff url('../img/bck_body_grad.jpg') 0 -50px repeat-x;
}
#advSearchFilter.folded {
   height: 40px;
   overflow: hidden;
   background: transparent url('../img/bck_bluish_grad.jpg') 0 -30px repeat-x;
}

h2#alterState { display: none;}
#advSearchFilter.folded h2#alterState {
   display: block;
   height: 42px;
   padding: 0 10px;
   text-transform: capitalize;
}


/* results, buttons, actions */

   #actionsWrap {
      clear: both;
      background: #6B7E8F;
      padding: 3px; margin: 0;
      color: #fff;
   }

   #searchResults {
      margin: 0; padding: 0 5px;
      color: #fff;
      font-weight: bold;
      background: transparent;
   }

   a#resNumAdvS {
      display: block !important;
      margin: 0; padding: 0 5px;
      line-height: 25px;
   }

   #resetAdvS,
   #displayAdvS {
      float: right;
      text-transform: capitalize;
   }

/* END: results, buttons, actions */

#byAppMode {
   width: 450px;
   min-height: 350px;
   float: left;
   border: 1px solid #ccc;
   border-width: 1px 1px 0 0;
   border-top-color: #fff;
   background: #fff url('../img/bck_body_grad.jpg') 0 -150px repeat-x;
}

   div.appModeOption {
      position: relative;
      padding: 0 5px 0 0;
      margin: 0;
   }
   input.appModeBox {
      float: left !important;
      margin: 0; padding: 0;
      position: absolute;
      top: 3px; left: 4px;
   }

   div.appModeOption label {
      display: block;
      float: none;
      margin: 0;
      padding: 0 0 0 24px;
      text-align: left;
      line-height: 18px;
      font-weight: normal;
      color: #333;
   }

   div.appModeOption label:hover {
      color: #333;
      background-color: #ffc;
      cursor: pointer;
   }


/**/

#byCantSpecs,
#byShapeSpecs,
#byCoating,
#byManuf {
   width: 395px;
   float: right;
   margin: 0;
}

/* #byCantSpecs */
   #byCantSpecs #fConstOptions { border-bottom: 1px solid #fff; }
   #byCantSpecs #fConstOptions,
   #byCantSpecs #rFreqOptions {
      padding: 5px;
      text-align: right;
   }

   #rfPossible, #fcPossible {
      font-style: italic;
   }

   #rfPossible, #fcPossible,
   .rangeItem, .unitItem,
   #fc_min, #fc_max, #rf_min, #rf_max
   {
      display: inline-block;
      color: #0860A8;
      line-height: 14px;
   }

   .unitItem {
      width: 2em;
      text-align: center;
   }

   .rangeItem, #fc_min, #fc_max, #rf_min, #rf_max { padding-right: 3px;}
   #fc_min, #rf_min { width: 91px;}
   #fc_max, #rf_max { width: 72px;}

   #byCantSpecs h6 {
      float: left;
      text-align: left;
   }
   #byCantSpecs input {
      width: auto;
      border: 1px solid #ccc;
   }
/* #byCantSpecs */

/* #byShapeSpecs */
   #contCantShape, #contTShape {
      width: 49.9%;
      float: left; clear: right;
   }

   #byShapeSpecs label {
      float: left; clear: none;
      line-height: 20px;
      padding: 0; margin: 0;
   }

   #contCantShape select,
   #contTShape select {
      width: 99% !important;
   }
/* #byShapeSpecs */

/* #byCoating */
   #byCoating {
      padding: 5px 10px 0;
      background: #fff url('../img/bck_body_grad.jpg') 0 -150px repeat-x;
   }

   #byCoating h6 {
      float: left;
      margin-right: 10px;
      text-align: left;
   }

   #byCoating div {
      padding: 5px 0;
      border-bottom: 1px solid #fff;
   }

   #byCoating div input,
   #byCoating div select,
   #byCoating div option
   {
      float: right;
      width: 240px !important;
      line-height: 20px;
      margin: 0; padding: 0;
   }
   #byCoating div option {
      width: auto !important;
   }

   #tsideContainer,
   #dsideContainer {
      position: relative;
      padding: 0; margin: 0 0 0 10%;
   }

   #tsideContainer select,
   #dsideContainer select,
   #tsideContainer option,
   #dsideContainer option
   {
      width: 70% !important;
   }

   select#coatTSide, select#coatDSide {
      width: 200px !important;
      position: absolute; right: 0; top: 5px;
   }

   #contCoating label,
   #tsideContainer label,
   #dsideContainer label
   {
      text-align: left !important;
   }
/* #byCoating */

/* #byManuf */
   #byManuf {
      padding: 10px; background: #fff url('../img/bck_body_grad.jpg') 0 -150px repeat-x;
   }
   #byManuf h6 {
      float: left;
      text-align: left;
      line-height: 20px;
      margin: 0; padding: 0;
   }
   #byManuf select {
      float: right;
      width: 60%;
   }
/* #byManuf */

/* filtered options */
   .filterOp { display:none; }

   div.filterOpMode,
   div.filterOpMode a,
   div.filterOpMode label,
   div.filterOpMode label:hover,
   div.filterOpMode a:hover.appModeName
   {
      color: #bcd;
      font-style: italic;
      cursor: auto;
      background-color: transparent;
   }

   .coatSel {
      font-size:10px;
      float:right;
      margin-right:40px;
   }