﻿Table.Form 
{
    text-align:left;
}

Table.Form tr td.Label
{
    vertical-align:middle;
    width: 130px;
}

Table.Form * p.Label 
{
    /* font-size: 14px; */
}

Table.Form tr td.Field {
}

Table.Form tr td.IconLabel
{
      vertical-align:middle; 
      padding-right:20px;
}

span.Form.Hint, span.Form.ErrorHint, span.Tip
{
    display:block;
    
    position:fixed;
    /*right: 350px;*/
    max-width:200px;
    margin-top: -4px;
    text-align: left;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffffcc url('Images/Interface/Hint Pointer.gif') no-repeat -10px 5px;
}

span.Form.Hint span.Form.HintPointer, span.Tip span.TipPointer, span.Form.ErrorHint span.Form.ErrorHintPointer
{
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url('Images/Interface/Hint Pointer.gif') left top no-repeat;
}

dl {
    position:relative;
    margin-left: 30px;
    width: 350px;
}
dt 
{
    clear:both;
    float:left;
    width: 130px;
    padding: 12px 0 12px 0;
    vertical-align:middle;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding: 0px 0 0px 6px;
}

div.Form.ErrorMarker
{
    width:30px;
    height:30px;
    border: solid 1px #DE5410;
}
