/*
    
        'FORMS' CLASSES
        Forms are typically two to four column tables containing label/input pairs.
        These are different than grids in that they exist to allow users to input
        information on each row, then by some command, store or transfer that information.
        No grids items or input fields or buttons classes should be entered into this
        file.
    
*/


div.Form {
    border: solid 1px #ccc;
    margin-bottom: 2px;
    padding: 1px;
}
    div.Form div.Caption {
        background-color: #565656;
        background-image: url(Images/FormHeader_Gray.jpg);
        background-position: top;
        background-repeat: repeat-x;
        color: #fff;
        font-weight: bold;
        padding: 3px;
        text-align: left;		
    }

    div.Form table.tbl {
        background-color: #bbb;
        border: none;
        width: 100%;
    }
    div.Form table.tbl thead {
        background-color: #ccc;
        border-top: solid 3px #777;
        border-bottom: solid 1px #ccc;
        color: #000;
        font-weight: bold;
    }
    div.Form table.tbl tfoot {
        background-color: #cfcfcf;
        border-bottom: solid 1px #ccc;
        padding: 3px;
        text-align: right;
    }
    
    div.Form table.tbl tbody.std tr.div td, td.Form_std_div {
        background-color: #ccc;
        color: #000;
        font-size: 0.9em;
        font-weight: bold;
    }
    div.Form table.tbl tbody.std tr td, td.Form_std_td {
        background-color: #f0f0f0;
        border-bottom: solid 1px #dfdfdf;
        border-top: solid 1px #fff;
        font-size: 0.9em;
        padding: 3px;
    }
    div.Form table.tbl tbody.std tr td.Req, .Bold {
        font-size: 0.9em;
        font-weight: bold;
    }
    div.Form table.tbl tbody.std tr td.Req, .Req {
        background-image: url(Images/Icons/Required.gif);
        background-repeat: no-repeat;
        background-position: 3px;
        font-size: 0.9em;
        font-weight: bold;
        padding-left: 12px;
    }
    
    /* nested table border fix */
    div.Form table.tbl tbody.std tr td .noborder * td, td.Form_std_td .noborder * td {
        border: none;
    }


/* these classes take into account such things as calendars etc */

div.FormNew {
    border: solid 1px #ccc;
    margin-bottom: 2px;
    padding: 1px;
}
    div.FormNew div.Caption {
        background-color: #565656;
        background-image: url(Images/FormHeader_Gray.jpg);
        background-position: top;
        background-repeat: repeat-x;
        color: #fff;
        font-weight: bold;
        padding: 3px;
        text-align: left;		
    }

    div.FormNew table.table {
        background-color: #bbb;
        border: none;
        width: 100%;
    }
    div.FormNew table.table thead td {
        background-color: #ccc;
        border-top: solid 3px #777;
        border-bottom: solid 1px #ccc;
        color: #000;
        font-weight: bold;
    }
    div.FormNew table.table tfoot td {
        background-color: #cfcfcf;
        border-bottom: solid 1px #ccc;
        padding: 3px;
        text-align: right;
    }
    
    div.FormNew table.table tbody.std tr.div td, td.Form_std_div {
        background-color: #ccc;
        color: #000;
        font-size: 0.9em;
        font-weight: bold;
    }
    div.FormNew table.table tbody.std tr td.td, td.Form_std_td {
        background-color: #f0f0f0;
        border-bottom: solid 1px #dfdfdf;
        border-top: solid 1px #fff;
        font-size: 0.9em;
        padding: 3px;
    }
    div.FormNew table.table tbody.std tr td.req, .Bold {
        font-size: 0.9em;
        font-weight: bold;
    }
    div.FormNew table.table tbody.std tr td.req, .req {
        background-image: url(Images/Icons/Required.gif);
        background-repeat: no-repeat;
        background-position: 3px;
        font-size: 0.9em;
        font-weight: bold;
        padding-left: 12px;
    }
    
    /* nested table border fix */
    div.FormNew table.table tbody.std tr td .noborder * td, td.Form_std_td .noborder * td {
        border: none;
    }