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

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

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

.eomForm label       { font-weight: bold; font-size:10px; margin:3px 0;}
.eomForm fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
.eomForm legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */
.eomForm {width:560px; padding:20px 29px 10px 29px; background-color:#F3F3F3;}
.eomForm p {margin:3px 0 0 0;}

.eomForm input[type=text], .eomForm input[type=password],
.eomForm input.text, .eomForm input.title,
.eomForm textarea, .eomForm select { background-color:#fff; border:1px solid #bbb; }
.eomForm input[type=text]:focus, .eomForm input[type=password]:focus,
.eomForm input.text:focus, .eomForm input.title:focus,
.eomForm textarea:focus, .eomForm select:focus { border-color:#666; }

.eomForm input[type=text], .eomForm input[type=password],
.eomForm input.text, .eomForm input.title,
.eomForm textarea, .eomForm select {   margin:0;}

.eomForm input.text,
.eomForm input.title   { width: 300px; padding:5px; }
.eomForm input.title   { font-size:1.5em; }
.eomForm textarea      { width: 390px; height: 250px; padding:5px; }

.eomForm input[type=checkbox], .eomForm input[type=radio],
.eomForm input.checkbox, .eomForm input.radio { position:relative; top:.25em; }
.eomFormValidation      { color:Red;}


.eomForm.stacked .eomFormLabel { width:100%; clear:both; display:block;}





.eomForm.eomforminline .eomFormLabel {width: 190px; float:left; clear:left;}
.eomForm.eomforminline .eomFormField {}
.eomForm.eomforminline .eomFormValidation {}
.eomForm.eomforminline .eomFormTextArea,.eomForm.eomforminline .eomFormRadioButtonList,
.eomForm.eomforminline .eomFormCheckBoxList,.eomForm.eomforminline .eomFormListBox {width:340px; float:left; clear:right;}
.eomForm.eomforminline .eomFormDatePicker {width:140px; float:left; clear:right; margin:0px; margin-right:1em;}
.eomForm.eomforminline .eomFormTextBox {width:280px; float:left; clear:right; width: 300px; padding:5px;}
.eomForm.eomforminline .eomFormDropDown {width:280px; float:left; clear:right;}

.eomForm.stacked .eomFormLabel {width: 100%; }
.eomForm.stacked .eomFormField {}
.eomForm.stacked .eomFormValidation {}
.eomForm.stacked .eomFormTextArea,.eomForm.stacked .eomFormRadioButtonList,
.eomForm.stacked .eomFormCheckBoxList,.eomForm.stacked .eomFormListBox {width:340px; }
.eomForm.stacked .eomFormDatePicker {width:140px; margin:0px; margin-right:1em;}
.eomForm.stacked .eomFormTextBox {width:280px; width: 300px; padding:5px;}
.eomForm.stacked .eomFormDropDown {width:280px; }

.eomForm.eomformstacked .eomFormLabel { width:100%; clear:both; display:block;}
.eomForm.eomformstacked .eomFormLabel {width: 100%;}
.eomForm.eomformstacked .eomFormField {}
.eomForm.eomformstacked .eomFormValidation {}
.eomForm.eomformstacked .eomFormTextArea,.eomForm.eomformstacked .eomFormRadioButtonList,
.eomForm.eomformstacked .eomFormCheckBoxList,.eomForm.eomformstacked .eomFormListBox {width:340px; }
.eomForm.eomformstacked .eomFormDatePicker {width:140px; margin:0px; margin-right:1em;}
.eomForm.eomformstacked .eomFormTextBox {width:280px; width: 300px; padding:5px;}
.eomForm.eomformstacked .eomFormDropDown {width:280px; }


/* form alignment  */
.eomformLeft {float:left; margin-right:10px; margin-bottom:0.5em;}
.eomformCenter {margin:auto; clear:both;}
.eomformRight {float:right; margin-left:10px; margin-bottom:0.5em;}

/* form size  */
.eomformw100 {width:600px;}

.eomformw75 { width: 450px;}

.eomformw75.eomforminline .eomFormLabel {width: 140px; float:left; clear:left;}
.eomformw75.eomforminline .eomFormTextArea,
.eomformw75.eomforminline .eomFormRadioButtonList,
.eomformw75.eomforminline .eomFormCheckBoxList,
.eomformw75.eomforminline .eomFormListBox {width:255px; float:left; clear:right;}
.eomformw75.eomforminline .eomFormDatePicker {width:140px; float:left; clear:right; margin:0px; margin-right:1em;}
.eomformw75.eomforminline .eomFormTextBox {float:left; clear:right; width: 225px; padding:5px;}
.eomformw75.eomforminline .eomFormDropDown {width:210px; float:left; clear:right;}

.eomformw75.eomformstacked .eomFormLabel {width: 100%;}
.eomformw75.eomformstacked .eomFormTextArea,
.eomformw75.eomformstacked .eomFormRadioButtonList, 
.eomformw75.eomformstacked .eomFormCheckBoxList,
.eomformw75.eomformstacked .eomFormListBox {width:340px; }
.eomformw75.eomformstacked .eomFormDatePicker {width:140px; margin:0px; margin-right:1em;}
.eomformw75.eomformstacked .eomFormTextBox {width:280px; width: 300px; padding:5px;}
.eomformw75.eomformstacked .eomFormDropDown {width:280px; }



.eomformw50 { width:300px;}

.eomformw50.eomforminline .eomFormLabel {width: 92px; float:left; clear:left; }
.eomformw50.eomforminline .eomFormTextArea,
.eomformw50.eomforminline .eomFormRadioButtonList,
.eomformw50.eomforminline .eomFormCheckBoxList,
.eomformw50.eomforminline .eomFormListBox {width:170px; float:left; clear:right;}
.eomformw50.eomforminline .eomFormDatePicker {width:140px; float:left; clear:right; margin:0px; margin-right:1em;}
.eomformw50.eomforminline .eomFormTextBox {float:left; clear:right; width: 150px; padding:5px;}
.eomformw50.eomforminline .eomFormDropDown {width:140px; float:left; clear:right;}

.eomformw50.eomformstacked .eomFormLabel {width: 100%; }
.eomformw50.eomformstacked .eomFormTextArea,
.eomformw50.eomformstacked .eomFormRadioButtonList, 
.eomformw50.eomformstacked .eomFormCheckBoxList,
.eomformw50.eomformstacked .eomFormListBox {width:340px; }
.eomformw50.eomformstacked .eomFormDatePicker {width:140px; margin:0px; margin-right:1em;}
.eomformw50.eomformstacked .eomFormTextBox {width:280px; width: 300px; padding:5px;}
.eomformw50.eomformstacked .eomFormDropDown {width:280px; }




.eomformw25 {width: 150px;}
.eomformw25 .eomFormValidation {float:left; width:100%;}
.eomformw25 label .eomFormValidation {float:none; width:auto;}

.eomformw25.eomforminline .eomFormLabel {width: 100%;}
.eomformw25.eomforminline .eomFormTextArea,
.eomformw25.eomforminline .eomFormRadioButtonList, 
.eomformw25.eomforminline .eomFormCheckBoxList,
.eomformw25.eomforminline .eomFormListBox {width:140px; }
.eomformw25.eomforminline .eomFormDatePicker {width:140px; margin:0px; margin-right:1em;}
.eomformw25.eomforminline .eomFormTextBox {width:140px; padding:2px 3px;}
.eomformw25.eomforminline .eomFormDropDown {width:140px; }

.eomformw25.eomformstacked .eomFormLabel {width: 100%;}
.eomformw25.eomformstacked .eomFormTextArea,
.eomformw25.eomformstacked .eomFormRadioButtonList, 
.eomformw25.eomformstacked .eomFormCheckBoxList,
.eomformw25.eomformstacked .eomFormListBox {width:130px; }
.eomformw25.eomformstacked .eomFormDatePicker {width:140px; margin:0px; margin-right:1em;}
.eomformw25.eomformstacked .eomFormTextBox {width:140px; padding:2px 3px;}
.eomformw25.eomformstacked .eomFormDropDown {width:140px; }







/** popup forms */
.eomPopupForm { padding:0px; background-color:Transparent; width:100%;}
.eomPopupFormTitle { background-color:#D8D8D8; width:100%; font-size:16px; font-weight:bold; padding:10px; margin:-10px; margin-bottom:1em;}
.downlaodRequestTitle {width:80%; display:block; float:left;}
.jqmClose { display:block; float:right; width:16px;}
.jqmClose { display:block; float:right; width:16px;}
.jqmWindow {width:450px;}