/**
*
* @note             css file for form elements
*                   (see http://www.einfach-fuer-alle.de/artikel/barrierefreie-formulare-mit-html-css-und-javascript/ for details)
* 
* @appdef           front end starter kit
* @app-myapp-theme  
* @app-myapp-used   True
* @media            screen
* @valid            true
* 
* @author           Alp Uçkan
* @version          1.0
* @link             http://alp-uckan.net/free/frontend-starterkit/
* @copyright        Copyright(c) by Alp Uçkan
* @license          http://creativecommons.org/licenses/GPL/2.0/
* 
* @date             2008-09-22
* @lastmodified     2008-11-29 21:21
* 
* @colordef         rgb(0,0,0); Black; Text
* @colordef         rgb(255,255,255); White; Background
*/


/**
* @section          general form elements
*/

form, fieldset      {
                    margin: 0;
                    padding: 0;
                    }
fieldset            {
                    padding: 1em;
                    }
legend              {
                    padding: 1em;
                    }

label,
.label              {
                    font-family: Arial, Verdana, Tahoma, 'Bitstream Vera Sans', sans serif;
                    }
label,
select,
.fieldRadio,
.fieldCheckbox,
.fieldBtnSubmit     {
                    cursor: pointer;
                    }

.fieldText,
textarea,
select,
.labeled,
.fieldBtnSubmit     {
                    margin-bottom: 1em;
                    }

.fieldText,
select,
.fieldText,
textarea            {
                    color: #000;
                    background: #efefef;
                    border: 1px solid #ccc;
                    font: 1em Georgia, 'Bitstream Vera Serif', Times, serif;
                    padding: .1em .2em;
                    }

input:focus,
textarea:focus      {
                    background: #fff;
                    border: 1px solid #7171D7;
                    }
.formArea           {
                    color: #777;
                    }
label img,
.label img          {
                    position: relative;
                    top: -.3em;
                    }

/**
* @section          horizontal alignment
*/

.horiz label.l4t,
.horiz .label       {
                    float: left;
                    text-align: right;
                    width: 19%;
                    margin-right: 1%;
                    }

.horiz .labeled     {
                    float: left;
                    }

.horiz .right,
.horiz .formArea    {
                    margin-left : 20%;
                    }

form .horiz br      {
                    clear: left;
                    }

.horiz .fieldText,
.horiz textarea     {
                    width: 78%;
                    }

/**
* @section          vertical alignment
*/

.vert label,
.vert .label        {
                    padding: 0 0 .2em;
                    }
.vert label.l4t     {
                    display: block;
                    }
.vert .fieldText,
.vert textarea      {
                    width: 100%;
                    }