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

     * Filename:          screen-form.css

  * Description:          Screen Media Form CSS

      * Version:          1.0.0 (04-17-2010) MM-DD-YYYY

      * Website:          http://www.hootowlproductions.com/

       * Author:          Mike Baldwin

  == STRUCTURE: ==============================================================

   * Page width:          Fluid

   # of columns:          3

        Anchors:          $__main      Main Definitions

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


/*   __main
--------------------------------------------*/

form fieldset{
 border:1px solid #000;
 margin:10px auto;
 padding:5px;
 text-align:center}
fieldset legend{
 margin:0 0 0 10px;
 padding:0 5px}
form .accesskey{text-decoration:underline}
.checkboxFocus{text-decoration:underline}
form div.fieldContainer{
 display:inline-block;
 clear:both;
 text-align:left}
form section.fieldGroup{margin:0 auto 10px}
form section.fieldGroup label.block{
 display:block;
 margin:0 0 2px;
 text-align:left}
form section.fieldGroup .field{
 margin:0;
 padding:0}
form section.fieldGroup .checkbox{margin:0 3px 0 0}
form section.submit{text-align:center}
form section.error{
 color:#f00;
 margin:0 0 15px}
form label.error[generated=true],
 span.errorInvalid{
 color:#f00;
 display:inline-block;
 margin:0 1px 0 3px}
form input[type=submit],
 form input[type=button]{cursor:pointer}
form input[type=text],
 form input[type=email],
 form input[type=password],
 form input[type=submit],
 form input[type=button],
 form select{
 border:1px solid;
 border-bottom-color:#999;
 border-left-color:#ccc;
 border-right-color:#999;
 border-top-color:#ccc;
 padding:3px}
form select{padding:1px}
form input[type=text]:focus,
 form input[type=email]:focus,
 form input[type=password]:focus,
 form input[type=number]:focus,
 form input[type=checkbox]:focus,
 form select:focus,
 form textarea:focus{
 background:#ffc;
 border-color:#666}

textarea{font-family:Helvetica, Arial, sans-serif}

input[type=submit]:focus,
 input[type=button]:focus,
 input[type=image]{
 outline:none}
.requiredAsterisk{color:red}
form section.fieldFormInfo{
 border-bottom:1px solid #000;
 display:block;
 margin:0 0 15px}
form section.fieldFormInfo .fieldInfoInline{
 display:inline-block;
 font-weight:bold;
 padding:10px}
.fieldInfoInline .fieldInfoContent{font-weight:normal}
.tableControls{
 margin:7px 0 0;
 text-align:center}

form div.dd{display:inline-block}