/**
    Document   : forms
    Created on : Apr 15, 2009, 4:25:53 PM
    Author     : bgunnink

    CSS which styles standard forms within the portal
*/

table.formTable {
    width: 100%;
    border-spacing: 1px;
    margin: 0 0 2em 0;
    border: 1px solid #ededed;
}

table.formTable td, table.formTable tbody th {
    padding: 0.5em;
    font-weight: normal; /* override browser-default bolding of TH contents */
    vertical-align: top;
    border-bottom: 1px solid #ededed; /* we should have some subtle visual separated for form elements */
}

table.formTable td.align-middle, table.formTable tbody th.align-middle {
    vertical-align: middle;
}

table.formTable caption {
    text-align:left;
    font-style:italic;
    font-size:1.2em;
    border-bottom: 1px solid #ddd;
}

table.formTable tbody tr			{
    background-color: #fff;
    text-align: left;
}

table.formTable thead th {
    text-align: center;
    color: #333;
    border-bottom: 1px solid #999;
    border-top: 1px solid #ccc;
    padding: 0.5em 0;
    background: #f0f0f0 url(/atecustom/images/header_bg.png) repeat-x scroll 50% 50%;
}

input[type='text'],
input[type='password'],
input[type='file'],
textarea,
select {
    background-color:#fff;
    border: 1px solid #999;
    padding:0.2em;
}

input.focused,
textarea.focued,
input[type='text']:focus,
input[type='password']:focus,
textarea:focus,
select:focus {
    border-color: #333;
    background-color:#EAF2FA !important;
}

table.formTable tbody textarea {
    width:98%;
    min-height:150px;
}

table.formTable tbody th {
    text-align: right;
}

table.formTable tbody th label {
    display:block;
    text-align:right;
    font-weight:700;
    font-size: 1.1em;
}

table.formTable tbody td label {
    margin-left: 0.4em;
    margin-right: 0.4em;
}


label.error {
    padding: 3px 3px 3px 20px !important;
    color:#CC0000;
    font-weight:bold;
    background-image:url(/atecustom/images/silk/decline.gif);
    background-repeat:no-repeat;
    background-position:center left;
    display: block;
    /* for IE6 */
    clear:both;
}

input.error, select.error, textarea.error {
    border-color: #CC0000;
    background-color: #FFEBE8;
}

p.error label {
    color:red;
}

optgroup option {
    padding-left: 2.5em;
}