
form div                { clear: both; }
label                   { position: relative; float: left; width: 200px; }
label                   { margin-right: 10px; padding-right: 10px; }
label em                { position: absolute; right: 0; }
form ul li              { white-space: nowrap; overflow: hidden; display: inline; }
form.search ul li       { display: block; }
form ul li label        { float: none; }

ul                      { list-style: none; }
table                   { width: 100%; }

div.nav                 { float: left; width: 100%; }
div.nav span            { float: left; width: 40px; }
div.nav span            { text-align: center; line-height: 1.5em; }
div.nav span a          { display: block; text-decoration: none; }

/*** Content Layout ***/

#title          { margin: 0 0 1em 0;                        }
h3              { margin: 1em 0 0 0;                        }
p.info          { margin: 0.7em 0;                          text-align: right; }
div.errors      { margin: 0 0 0.7em 0;  padding: 5px 10px;  }
p.legend        { margin: 1em 0 0.5em 0;                    }

fieldset        { margin: 0.7em 0;      padding: 10px;      }
form div        {                       padding: 2px 0;     }
form ul li      { margin: 1px;                              }
label           {                                           text-align: right; }
form p.note     { margin: 0 0 0 220px;                      } /* label.width+padding+margin */
div.buttonrow   { margin: 0 0 0 220px;                      } /* label.width+padding+margin */
form.search     {                       padding: 10px 0;    }

table           { margin: 0.7em 0;                          }
th              { text-align: left; }

/*** Fonts ***/
/*
Safe fonts list (windows-only fonts marked 'Win'):
    serif:
        Bookman Old Style        Win
        Garamond                 Win
        Georgia
        Times New Roman
    sans-serif:
        Arial Black
        Arial
        Helvetica
        Lucida Sans Unicode      Win
        Tahoma                   Win
        Trebuchet MS
        Verdana
    monospace:
        Courier New
        Lucida Console           Win
    cursive:
        Comic Sans MS
    fantasy:
        Impact
Safe 'em' values list. Tested:
    fonts:              Verdana, Arial, Georgia
    browsers  (96dpi):  IE6, FF2, Konqueror
    browsers (120dpi):  IE7, Opera9
In 2nd and 3rd column approx. 'px' for that 'em' (Verdana).
    em    96dpi  120dpi
    1.5      20      26
    1.4                
    1.35     18      23
    1.25               
    1.2      16      20
    1.1                
    1.05               
    1, 0.99  14      17
    0.9      12      15
    0.85               
    0.75               
    0.7      10      13
    0.6                
In Konqueror 1em looks equal to 1.05em, use 0.99em instead if this important.
*/

p.info          { font:11px Verdana,Arial, sans-serif; }


p.found         { font:11px Verdana,Arial, sans-serif; }
p.notfound      { font:11px Verdana,Arial, sans-serif; }
div.errors      { font:11px Verdana,Arial, sans-serif; }
div.errors p    { width: 100%; }
div.errors em   {                 font-weight: bold; font-style: normal;    }
p.legend        { font:11px Verdana,Arial, sans-serif; }
form p.legend em{ font-size: 93%;                    font-style: normal;    }
form label      { font:11px Verdana,Arial, sans-serif; }
label em        { font-size: 82%;                    font-style: normal;    }
legend          { font:11px Verdana,Arial, sans-serif;font-weight: bold;                        }
form p.note     { font:11px Verdana,Arial, sans-serif;                                         }
form.search     { font:11px Verdana,Arial, sans-serif; }

th              { font:11px Verdana,Arial, sans-serif; }
td              { font:11px Verdana,Arial, sans-serif; }

div.nav span    { font:11px Verdana,Arial, sans-serif; }
div.nav a:hover         {         font-weight: bold; }
div.nav span.current    {         font-weight: bold; }

/*** Colors and Backgrounds ***/

p.info          { color: #666; }
p.found         { color: #888; }
p.notfound      { color: red;  }
div.errors      {               background-color: #ffc;     }
div.errors em   { color: #c00; }

form p.legend em{ color: #c00; }
label em        { color: #c00; }
legend          { color: #666; }
form p.note     { color: #333; }

tr.odd td       {               background-color: #eee;     }
th              {               background-color: #ddd;     }

div.nav a               { color: #888; }
div.nav a:hover         { color: #000; }
div.nav span.current    { color: #000; }

/*** Borders ***/

div.nav         { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

div.errors      { border: 1px solid #fc6; }
fieldset        { border: 1px solid #ddd; }

form.search     { border-top: 1px solid #090; }
form.search     { border-bottom: 1px solid #090; }


p.msg        { 
        margin: 0 0 0.7em 0;  
        padding: 5px 10px;
        font:11px Verdana,Arial, sans-serif; 
        color: #090;  
        background-color: #F0FFF0;  
        border: 1px solid #999;
        width: 95% !important;
}
p.msgbox        { 
        margin: 0 0 0.7em 0;  
        padding: 5px 10px;
        font:11px Verdana,Arial, sans-serif; 
        color: #090;  
        background-color: #F0FFF0;  
        border: 1px solid #999;
}

div.errors li {
    background:url('../images/error.png') no-repeat scroll -3px -4px;
    padding:0 20px 0 14px;
    margin:0 0 0 -2px;

}

