﻿
/*
** Form and Field
*/
.Form
{
    width: 505px;
    margin: 15px;
    padding-left: 60px;
    clear: both;
}
.Form .Field
{
    margin: 2px 0;
    position: relative;
    padding-left: 150px;
    
    -xbackground: red;
}
.Form .Field .Label
{
    position: absolute;
    left: 0;
    top: 2px;
    
    -xbackground: aqua;
}
.Form .Field .Value
{
    display: block;
    
    -xbackground: yellow;
}
.Form .Field .Notes 
{
    display: block;
    font-size: .9em;
}
.Form br
{
    display: none;
}
.Form .Field input, .Form .Field textarea, .Form .Field xselect
{
    font-family: Monospace;
    border: 1px solid rgb(117, 112, 97);
    border: 1px solid rgb(179, 169, 146);
    padding: 2px;
}
.Form .Field input[disabled]
{
    background: #eee;
    -xborder: 1px dotted #999;
    opacity: 0.75;
}
.Form .Field select option
{
    padding-right: 20px;
}
.Form .Field input[type="text"], .Form .Field textarea
{
    width: 100%;
    background: White url(../Images/FieldBackground.png) no-repeat 0 -1px;
}
.Form .ZipField .Value, .Form .PhoneField .Value, .Form .ZipField input, .Form .PhoneField input
{
    width: 50%;
}
.Form .Buttons
{
    margin-top: 10px;
    padding-left: 100px;
    text-align: right;
    font-size: .9em;
}
.Form .Buttons input, .Form input.Button
{
    padding: 0 .5em;
    cursor: pointer;
}


/*
 *  Form Key and Item
 */
.FormKey
{
    margin-left: 20px;
}
.FormKey .Item
{
    position: relative;
}


/*
 *  Annotations
 */
.Form .Field .Required, .FormKey .Item .Required
{
    background: url(../Images/ArrowBullet.png) no-repeat 0 .4em;
    position: absolute;
    left: -10px;
    top: 0px;
    width: 10px;
    height: 1em;
}
.Form .Field .Required .Symbol, .FormKey .Item .Required .Symbol
{
    display: none;
}
