/**
 * Forms.css defines the styles for forms
 *
 * Everything is within a form of class 'formstyle'
 *
 * Calculations:
 * (700*0.382)-5 = 262.4
 * (700*0.618)-5 = 427.6
 * (428/2)-5 = 209
 * (428/3)-10 = 132.666667
 * 428-20 = 408
 * 209-20 = 189
 * 132-20 = 112
 */
form.formStyle {
    clear: both;
    display: block;
}

form.formStyle span.hint,
form.formStyle label.req {
    color: #990000;
}
form.formStyle label span.hint {
	color: #666 !important;
}
form.formStyle .field-1 span.hint {
  display: block;
  float: left;
  clear: left;
}

form.formStyle fieldset {
    width: 700px;
    margin: 14px 0;
}

form.formStyle span.notes {
    display: block;
    margin: 0 1em 16px 1em;
}

form.formStyle legend {
    display: block;
    background-color: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    width: 700px;
    padding: 2px 5px;
    font-size: 14px;
    margin: 14px 0 0 0;
}

form.formStyle legend span {
    display: block;
    width: 700px;
}

/* end form.formStyle fieldset legend */
form.formStyle .odd, form.formStyle .even {
    clear: both;
}

/* height in ems to effectively inherit line height */
form.formStyle span.chbxSpace {
    display: block;
    float: left;
    height: 1em;
    width: 262px;
    padding: 0 5px 0 0;
}

form.formStyle label {
    float: left;
    width: 262px;
    padding: 0 5px 0 0;
    text-align: right;
    display: block;
    min-height: 16px;
}

form.formStyle span.field-1 {
    display: block;
    float: left;
    width: 428px;
    padding: 0 0 0 0;
}

form.formStyle span.field-1 input,
form.formStyle span.field-1 select,
form.formStyle span.field-1 textarea {
    float: left;
    clear: left;
    margin: 2px;
    border: 1px solid #C5C5C5;
    background-color: #F5F5F5;
}

form.formStyle span.field-1 label {
    padding: 0 0 0 3px;
    width: auto;
    text-align: left;
    margin: 0;
	height: auto;
}
form.formStyle span.boolean input {
	clear:none;
}
form.formStyle span.boolean label {
	padding-right:5px;
}

form.formStyle span.field-1 .select-field-1-col {
    width: 428px;
}

form.formStyle span.field-1 .select-field-2-col {
    float: left;
    width: 209px;
    margin: 0 5px 0 0;
}

form.formStyle span.field-1 .select-field-3-col {
    float: left;
    width: 132px;
    margin: 0 5px 0 0;
}

form.formStyle span.field-1 .select-field-1-col .select-field-1,
form.formStyle span.field-1 .select-field-2-col .select-field-2, 
form.formStyle span.field-1 .select-field-3-col .select-field-3 {
    margin: 2px 0 0;
    width: inherit;
}

form.formStyle span.field-1 .select-field-1-col .select-field-1 input,
form.formStyle span.field-1 .select-field-2-col .select-field-2 input,
form.formStyle span.field-1 .select-field-3-col .select-field-3 input {
    background-color: transparent;
    border: none;
    float: none;
    display: inline;
    vertical-align: middle;
}

form.formStyle span.field-1 .select-field-1-col .select-field-1 label,
form.formStyle span.field-1 .select-field-2-col .select-field-2 label,
form.formStyle span.field-1 .select-field-3-col .select-field-3 label {
    float: none;
    display: inline;
    text-align: left;
    padding: 0;
}

form.formStyle span.field-1 span.yes-no-field {
    display: block;
    float: left;
    clear: none;
    width: auto;
    margin: 0 5px 0 0;
}

form.formStyle span.field-1 span.yes-no-field input {
    background-color: transparent;
    border: none;
}

form.formStyle span.field-1 span.yes-no-field label {
    float: left;
    width: 317px;
    clear: none;
    text-align: left;
    margin: 0 0 0 2px;
    padding: 0;
}

form.formStyle .spacerHack {
    clear: both;
    height: 4px;
}

form.formStyle span.required {
    display: block;
    background-color: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    width: 700px;
    padding: 4px 0;
    text-align: center;
    color: #990000;
    margin: 5px 0;
}

form.formStyle span.captcha {
    display: block;
    width: 700px;
    text-align: center;
    background-color: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    margin: 4px 0;
}

form.formStyle span.captcha hr {
    display: none;
}

form.formStyle span.captcha img {
    margin: 4px;
}

form.formStyle span.captcha input {
    border: 1px solid #C5C5C5;
}

form.formStyle span.btnContainer {
    display: block;
    margin: 4px 0;
    text-align: center;
}

form.formStyle span.btnContainer input {
    padding: 2px;
    background-color: #F5F5F5;
    border: 1px solid #C5C5C5;
}

form.formStyle label.field-inline {
		display:inline;
    float: none !important;
    clear: none !important;
}

form.formStyle span.field-inline {
    float: none !important;
    clear: none !important;
}

form.formStyle span.field-inline input,
form.formStyle span.field-inline select {
    float: none !important;
    clear: none !important;
    border: 1px solid #C5C5C5 !important;
    background-color: #F5F5F5 !important;
}

form.formStyle ul.form-opts {
    clear: both;
    margin: 14px auto;
    padding: 0;
}

form.formStyle ul.form-opts li {
    list-style: none;
    margin-left: 0;
    display: block;
    float: left;
    width: 104px;
    margin: 0 4px;
    border: 1px solid #C5C5C5;
    background-color: #F5F5F5;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    cursor: pointer;
}