/* =FORMS =BASE*/

form ol, form ul
{
    list-style-type: none;
    margin: 0;
}

form li
{
    overflow: hidden; /* Float clearing for good browsers */
    margin: 0 0 16px 0;
    padding: 0;
}

form li.separator
{
    padding-top: 17px;
    border-top: 1px solid #eee;
}

label
{
    display: block;
    font-size: 18px;
    font-weight: normal;
}

label span
{
    color: #9cc;
}

label:after
{
    content: ":";
}

.upgrade_resources_index label:after
{
    content: "";
}

label.lead:after, label.leading:after, label.gutter:after, .checkbox label:after, label.checkbox:after, .checkboxes label:after, .radios label:after
{
    content: "";
}

form abbr
{
    font-size: 1.6em;
    font-style: normal;
    vertical-align: bottom;
    color: #9cc;
}

form abbr.partially_required
{
    color: #b4b4b4;
}

input[type="text"], input[type="password"], textarea, select
{
    width: auto;
    font: normal 18px Helvetica, Arial, 'Liberation Sans' , FreeSans, sans-serif;
}

input[type="text"], input[type="password"], textarea
{
    /* overrides default browser styles */
    background: #fff url("/images/bg_input.png") repeat-x;
    border-top: 1px solid #bbb;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #bbb;
}

input[disabled]
{
    background: #eee;
    cursor: not-allowed;
}

form select.selectMedium
{
    width: 100px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
    background: #f4f4f4;
    border-color: #9cc;
}

input.success:focus, textarea.success:focus, input.fieldWithSuccess:focus, textarea.fieldWithSuccess:focus
{
    border-color: #c6d880;
}

input.alert:focus, textarea.alert:focus, input.fieldWithErrors:focus, textarea.fieldWithErrors:focus
{
    border-color: #fbc2c4;
}

form .helper
{
    /* Helper information for form fields */
    float: left;
    margin: 0;
    font-style: normal;
    color: #828282;
}

form .error
{
    color: #ff0000;
}

/* =FORMS =WIDE */

form.wide li, form .wide li
{
    clear: both;
}

form.wide li label, form .wide li label
{
    float: left;
    width: 32%;
    margin-right: 1%;
    text-align: right;
}

form.wide li label, form .wide li label
{
    line-height: 29px;
}

form.wide input[type="text"], form.wide input[type="password"], form .wide input[type="text"], form .wide input[type="password"], form.wide textarea, form .wide textarea
{
    width: 32%;
    margin-right: 1%;
    padding: 6px 7px;
    float: left;
}

form.wide select, form .wide select
{
    margin-top: 4px;
    margin-right: 1%;
    width: 34%; /* input/textarea width + 2% */
    float: left;
}

form.wide li.multiple_fields label, form .wide li.multiple_fields label
{
    margin-right: 1% !important;
    line-height: 27px !important;
}

form.wide li.multiple_fields label input, form .wide li.multiple_fields label input
{
    margin-top: 6px;
}

form .multiple_fields input, form .multiple_fields select
{
    float: left;
    margin-right: 0;
    width: auto !important;
}

form .leading_text
{
    float: left;
    line-height: 30px;
}

form.wide .helper, form .wide .helper
{
    float: left;
    width: 30%;
    margin-top: 9px;
    font-size: .85em;
    line-height: 11px;
}

form.wide .helper a, form .wide .helper a, form.wide .helper strong, form .wide .helper strong, form.wide .helper b, form .wide .helper b
{
    line-height: 10px;
}

form.wide .helper b, form .wide .helper b
{
    color: #000;
}

form.wide ol li.message, form .wide ol li.message
{
    margin-left: 33%;
}

form.wide li p, form .wide li p
{
    /* Filler information for form fields */
    float: left;
    margin: 0;
    line-height: 29px;
    font-size: 1em;
    color: #828282;
}

form.wide ol li .message p, form .wide ol li .message p
{
    line-height: 18px;
    float: none;
}

form.wide ol li p.extra_helper, form .wide ol li p.extra_helper, form .wide li p.extra_helper
{
    /* Extra helpers below form fields */
    clear: left;
    margin: 0 0 0 33%;
    line-height: 17px;
    font-size: .9em;
    color: #828282;
    float: none;
    padding-right: 18px;
    clear: both;
}

form.wide ol li.message p, form .wide ol li.message p
{
    /* Filler information for form fields */
    float: none;
    padding-left: 23px;
    line-height: 18px;
    font-size: 1em;
    color: #666;
}

form.wide ol li.message p a, form .wide ol li.message p a
{
    /* Prevents orphans on conversions */
    white-space: nowrap;
}

form.wide p, form .wide p
{
    /* Additional form information below entire form */
    display: block;
    margin: -9px 0 9px 33%;
    padding-top: 0;
    line-height: 18px;
    color: #828282;
}

/* =FORMS =FLAT */

form.flat li, form .flat li
{
    padding: 0 9px;
}

/*form.flat label, form .flat label {
  float: left;
  width: 32%;
  margin-right: 1%;
  text-align: right;
}*/

form.flat label, form .flat label
{
    line-height: 29px;
}

form.flat input[type="text"], form.flat input[type="password"], form .flat input[type="text"], form .flat input[type="password"], form.flat textarea, form .flat textarea
{
    width: 786px; /*  margin-right: 1%;*/
    padding: 6px 7px; /*  float: left;*/
}

/* =FORMS =GRID */

form.grid ol, form .grid ol
{
    overflow: hidden;
}

form.grid ol li, form .grid ol li
{
    clear: none;
    overflow: hidden;
    float: left;
    width: 50%;
}

form.grid label, form .grid label
{
    float: left;
    width: 28%;
    margin-right: 1%;
    text-align: right;
}

form .grid input, form .grid textarea
{
    width: 62% !important;
    float: left;
}

/* =FORMS =SIMPLE */

form.simple label, form.simple hr
{
    display: none;
}

form.simple fieldset
{
    overflow: hidden;
}

form.simple p
{
    float: left;
    margin: 0;
}

form.simple p input
{
    margin-right: 9px;
    padding: 6px 7px;
}

/* =FORMS =GUTTER */

form label.gutter
{
    float: left;
    width: auto !important;
    color: #828282;
}

form label.gutter input
{
    float: none;
    background: none;
    margin: 7px 3px 0 0;
    border: 0;
    vertical-align: top;
}

/* =FORMS =CHECKBOX =CHECKBOXES */

form.wide li.checkbox, form .wide li.checkbox
{
    padding-left: 33%;
}

form.wide li.checkbox label, form .wide li.checkbox label
{
    width: auto;
    margin-right: 0;
    line-height: 18px;
    text-align: left;
}

form .checkbox label input
{
    width: auto;
    margin-right: 3px;
    padding: 0;
    border: none;
    font: normal;
}

form .checkboxes
{
    overflow: hidden;
    padding: 9px 0;
}

form .checkboxes li
{
    float: left;
    width: 33%;
    margin-bottom: 3px;
    padding: 0;
}

form .checkboxes li.first
{
    width: 31.5%;
    padding-left: 1.5%;
}

form .checkboxes li input
{
    float: none;
    background: none;
    margin: 0 3px 0 0;
    border: 0;
    vertical-align: top;
}

form .checkboxes li select
{
    float: none;
    margin: 0 0 0 4px;
    padding: 0;
}

form.wide ol li.checkbox p.extra_helper, form ol.wide li.checkbox p.extra_helper
{
    /* Extra helpers below form fields */
    margin: 0 0 0 23px;
}

/* =FORMS =RADIOS */

.radios ul
{
    font-size: 1em;
    margin: 0;
}

.radios ul li
{
    padding: 0;
}

.radios ul li p
{
    font-size: 1em;
}

.radios ul li label
{
    display: inline;
    margin: 0;
    float: none;
    padding: 0;
    text-align: left;
    line-height: 18px;
}

.radios ul li label input
{
    float: left;
    background: transparent;
    width: auto;
    margin-right: 3px;
}

form.wide .radios, form .wide .radios
{
    float: left;
    width: 66%;
}

form.wide .radios ul li, form .wide .radios ul li
{
    clear: none;
    float: left;
    margin: 0 27px 0 0;
    line-height: 27px;
}

form.wide .radios ul li label, form .wide .radios ul li label
{
    float: none;
    display: inline;
    text-align: left;
}

form.wide .radios ul li label input, form .wide .radios ul li label input
{
    float: left;
    background: transparent;
    width: auto;
    margin: 8px 2px 0 0;
}

form.wide .radios ul li ul li, form .wide .radios ul li ul li
{
    float: left;
    margin: 0;
}

/* =FORMS =UNIQUES */

form span.editable
{
    background: #fffcde;
    margin: 0;
    padding: 0 !important;
    border: 1px dashed #e1dcaa;
    color: #444 !important;
}

form .multiple_fields input.calendar_date_select_input
{
    width: 122px !important;
    margin-right: 0 !important;
}

form .multiple_fields img.calendar_date_select_image
{
    float: left;
    display: block;
    background: #f6f6f6;
    width: 16px;
    height: 16px;
    margin-right: 1%;
    padding: 5px;
}

form .multiple_fields input#calendar_event_start_time_time, form .multiple_fields input#calendar_event_end_time_time
{
    margin-right: 0;
}