
form table {
    border-collapse: collapse;
    border: 0 solid black;
    margin: 0 auto;
}
form table th, form table td { padding:1px; font:11px Verdana,sans-serif; }
form table th { font-weight: normal; text-align: right; white-space: nowrap; padding-right: 4px; }
form table td { width: 100%; }
form table td.buttons { padding-top: 10px; }
form table caption { font: bold 14px Tahoma,Arial,sans-serif; /*text-transform: uppercase;*/ padding-bottom: 5px; color: #888; }

form, input, label, textarea, select, option { font: 11px Verdana,sans-serif; vertical-align: middle; }
form textarea { width: 99% !important; margin: 0; }

fieldset { padding: 3px 10px 10px; border: 1px solid #CCC; margin: 5px 0 10px 0; }
fieldset.static { background-color: #DEF; color: #555; }
fieldset legend {
    font-weight: bold;
    margin: 0;
    padding: 0 5px;
    font: 13px Tahoma,Arial,sans-serif;
}

label { display: block; font-weight: bold; margin: 3px 0 0 0; padding: 0; }
label.head { font: bold 100% Georgia,sans-serif; }
label.inline { display: inline-block; font-weight: normal; margin: 0; vertical-align: baseline; }

form .inp {
    font: 11px Verdana,sans-serif;
    border: 1px solid #6BB;
    padding: 1px 2px;
    margin: 0;
    color: #000;
    background: #FFD;
}

form .inp.static { background: #EEE; }
form .inp.short { width: 33%; }
form .inp.medium { width: 66%; }
form .inp.long { width: 98%; }

form .inp.fixed20 { width: 20px; }
form .inp.fixed30 { width: 30px; }
form .inp.fixed40 { width: 40px; }
form .inp.fixed50 { width: 50px; }
form .inp.fixed60 { width: 60px; }
form .inp.fixed70 { width: 70px; }
form .inp.fixed80 { width: 80px; }
form .inp.fixed90 { width: 90px; }
form .inp.fixed100 { width: 100px; }
form .inp.fixed200 { width: 200px; }
form .inp.fixed300 { width: 300px; }
form .inp.fixed400 { width: 400px; }
form .inp.fixed500 { width: 500px; }

form .inp.float { width: 80px; }
form .inp.date { width: 80px; }
form .inp.int { width: 80px; }

.buttons { padding:0; min-height: 26px; text-align: right; margin: 5px 0.1em 5px 0; }
.buttons .btn { margin-left: 2px; }

.btn {
    padding: 4px 5px 5px 5px;
    background: #f5f5f5 4px center no-repeat;
    border: 1px solid #cdcdcd;
    font: bold 9pt Arial,sans-serif;
    text-decoration: none;
    color: #565656;
    cursor: pointer;
}
.btn:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color:#336699; }
.btn:active { background-color: #6299c5; border: 1px solid #6299c5; color:#fff; }
input.btn { height: 26px; overflow: hidden; }

.btn.find { padding-left: 25px!important; background-image: url(buttons/search.png); }
.btn.login { padding-left: 25px; background-image: url(buttons/login.png); }
.btn.reset { padding-left: 25px; background-image: url(buttons/reset.png); }
.btn.save { padding-left: 25px; background-image: url(buttons/save.png); }
.btn.mail { padding-left: 25px; background-image: url(buttons/mail.png); }

.btn.cancel { padding-left: 25px; background-image: url(buttons/cancel.png); }
.btn.cancel:hover { background-color: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
.btn.cancel:active { background-color: #d12f19; border: 1px solid #d12f19; color: #FFF; }

.btn.thin { padding: 1px 5px 2px 5px; height: auto; font: 11px Tahoma,Arial,sans-serif; }
