/*
 *******************************************************************************
 * FORMS
 *******************************************************************************
 */


form {
    margin: 0px auto;
}

fieldset {
    clear: both;
    border: solid 1px #776644;
    padding: 5px 0px 10px 0px;
    margin: 0px auto;
    margin-bottom: 5px;
}

legend {
    font-family: Arial Narrow, Helvetica Condensed, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0px 8px 0px 8px;
    margin-left: 5px;
    border: solid 1px #776644;
    background-color: #CCBB99;
}

fieldset.simple {
    clear: both;
    border: 0px;
    padding: 0px;
    margin: 0px auto;
}

fieldset.simple legend {
    border: 0px;
    margin-left: -5px;
    font-size: 15px;
    background: transparent;
    color: #776655;
    text-transform: none;
}

input, select, textarea {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    color: #776655;
    border: solid 1px #4A0000;

}

button {
    border: 0px;
    background: transparent;
    margin: 0px auto;
    padding: 0px;
}

div#search_form {

}

div.home_form {
    width: 270px;
    height: 160px;
    overflow: hidden;
    margin: 0px auto;
    background: transparent url(../images/home_form.gif) no-repeat top left;;
}

div.home_form form {
    padding-top: 10px;

}

div.form {
    width: 730px;
    overflow: hidden;
    border: solid 1px #776655;
    background-color: #F8F0D8;
    margin-bottom: 10px;
}
/* FORM SEARCH BOX*/
div.form_search {
    width: 450px;
    overflow: hidden;
    border: solid 1px #776655;
    background-color: #F8F0D8;
    margin-bottom: 10px;
}

div.form_search_advanced {
    width: 450px;
    overflow: hidden;
    border: solid 1px #776655;
    background-color: #F8F0D8;
    margin-bottom: 0px;
}


div.form h3 {
    margin: 0px;
}

fieldset div.required {
    margin: 3px;
}
fieldset div.required p {
    font-size: 11px;
    font-weight: normal;
}

/* Row alignment for input fields */
form div.row {
    float: left;
    clear: none;
}

form div.rowend {
    float: left;
    clear: both;
}

/* Horizontal orientation of an individual input / label */
form div.horizontal {
    margin: 5px;
    clear: both;
    text-align: right;
}
div.lg {
}
form div.horizontal span.label {
    float: left;
    margin-right: 8px;
}
form div.horizontal span.field {

}

/* Vertical orientation of an individual input / label */
form div.vertical {
    margin: 5px;
}
form div.vertical span.label, form div.vertical span.field {
    text-align: left;
    display: block;
}
span.label {
    font-size: 13px;
}

form form div.vertical span.button {
    margin-top: 13px;
}

/* Xtra Small input */
form div.xs {
}
form div.xs input, form div.xs select, form div.xs textarea {
    width: 80px;
}


/* Small input */
form div.sm {
}
form div.sm input, form div.sm select, form div.sm textarea {
    width: 170px;
}

/* Medium input */
form div.md {
}

form div.md input, form div.md select, form div.md textarea {
    width: 230px;
}

/* Medium input */
form div.lg {
}

form div.lg input, form div.lg select, form div.lg textarea {
    width: 350px;
}

/* Full-screen Layout */
form div.xl {
    clear: both;
}
form div.xl *
{
    width: 710px;
}
form div.xl textarea
{
    height: 150px;
}



/* Input Lists */
form div.list {
    margin-bottom: 10px;
}

form div.list span.label {
    font-weight: bold;
}

form div.item span.label {
    font-weight: normal;
}

form div.item span.field {
}

div.item input {
    border: 0px;
}

form div.login {
    float: left;
    width: 220px;
    height: 25px;
    margin: 3px 4px 3px 6px;
}

form div.login span.label {
    float: left;
}

form div.login span.field {
    float: right;
}

form div.login input {
    width: 150px;;
}

/* Tabular Lists */
table.list {
    border: solid 1px #776644;
    border-collapse: collapse;
}
table.list thead, table.list th {
    background-color: #CCBB99;
    border: solid 1px #776644;
    color: #FFFFFF;
}
table.list td {
    border: solid 1px #776644;
}
table.list tbody {

}
table.list tr.light {
    background-color: #F2E9C4;
}
table.list tr.dark {
    background-color: #DDCCAA;
}



/* Form Buttons */
form div.buttons {
    margin: 10px auto;
    text-align: center;
}
div.buttons input {
    background-color: #CCBB99;
    color: #FFFFFF;
}
form span.button {
    padding: 5px;
    display: inline;
}
form div.button input, button {
    display: inline;
}
div.search_button {
    text-align: left;
    margin-bottom: 10px;
    clear: both;
}

div.search_button input {
    background-color: #CCBB99;
    color: #FFFFFF;
}

.invalid {
    background-color: #FF0000;
    color: #FFFFFF;
}

/*
 *******************************************************************************
 * WIZARDS
 *******************************************************************************
 */

.wizard {
    width: 730px;
}

.wizard .header {
}
.wizard .body {
    border: double 3px #776644;
    padding: 10px;
}

.wizard .footer {
    border-left: solid 1px #776644;
    border-right: solid 1px #776644;
    border-bottom: solid 1px #776644;
    background-color: #BBAA88;
    color: #776644;
}
.wizard .footer span {
    padding: 2px 2px 2px 6px;
}

.wizard .tab {
    border-top: solid 1px #776644;
    border-left: solid 1px #776644;
    border-right: solid 1px #776644;
    border-bottom: solid 1px #F2E9C4;
    background-color: #F2E9C4;
    padding: 5px;
    margin-right: 8px;
}

.wizard .current {
    border-bottom: solid 1px #AA9977;
    background-color: #AA9977;
}

.wizard fieldset {
    clear: both;
    border: 0px;
    padding: 8px;
    margin: 0px auto;
    margin-bottom: 10px;
}

* html .wizard fieldset {
    padding: 0px;
    margin-bottom: 20px;
}

.wizard legend {
    border: 0px;
    background: #F2E9C4;
    margin-left: -3px;
    color: #776644;
    font-size: 16px;
}