/* 
   Title:  Form structure
   Author: Sergei Rogovskiy
   
   This module allows to make pretty forms. fieldset-ol structure has to be used.
   <fieldset>
     <ol>
     </ol>
   </fieldset>
   
   Every form field is represented by <li> element with <label>.
   Several types of fields are supported:
    - plain - use <li> w/o any type class to render entire row for the field 
              where label is on the left of the field
    - all-line - use <li class="div1"> to render a field consuming 100% of horizontal space 
                 where label is located above the field
    - 50x50 - use <li class="div2"> and <li class="div2 next2"> to render 2 fields in one like 
              with label going above each
    - 1/3 - use <li class="div3"> <li class="div3 next3"> <li class="div3 next3"> to render 3 fields
            in one line with label on the top
    - tip - use <li class="tip"> for tooltip
    
    It always possible to change proportions of the fields by providing custom style="width:XX%" for 
    every <li> in the row. 
    
    Note: every <li> starting new row has to have class "new" additionally to type class.  
*/
fieldset.noborder { border: none; padding: 0; margin: 0;}
fieldset ol {  padding: 0; margin: 0; list-style-type: none; padding-bottom: 5px;}
fieldset ol li { padding-top: 0.5em; }
fieldset ol li.new { clear: both; }
fieldset ol li * { vertical-align: middle; } 
fieldset ol li.tip, .li_tip { font-style: italic; clear: both;}
fieldset ol li.div1 { width: 100%; }
fieldset ol li.div1 label { display: block; }
fieldset ol li.div1 input[type='text'],fieldset ol li.div1 input[type='password'] { width: 99%; }
fieldset ol li.div2 { width: 48.5%; float: left; }
fieldset ol li.next2 { padding-left: 10px; }
fieldset ol li.div2 label { display: block; }
fieldset ol li.div2 input[type='text'] { width: 98%; }
fieldset ol li.div3 { width: 31.5%; float: left;}
fieldset ol li.div3 label { display: block; }
fieldset ol li.div3 input[type='text'] { width: 100%; }
fieldset ol li.next3 { padding-left: 7px; }
