/* FORM ELEMENTS */

form {
    padding: 10px 14px 14px 14px;
    background-color: white;
    font-size: 100%;
    border: 1px solid #6f7271;
}

fieldset {
    padding: 0 14px 14px 14px;
}

form fieldset, .detail-info-td fieldset {
    margin: 0 0 14px 0;
    border: 1px solid #ACAEAE;
}

form fieldset legend, .detail-info-td fieldset legend {
    font-family: Tahoma, sans-serif;
    font-weight: 500;
    font-variant: small-caps;
    font-size: 100%;
    height: 1.2em;
    margin: 0 0 10px 0;
    padding: 2px 4px 4px 4px;
    border: 1px solid #ACAEAE;
    text-align: left;
    background: url(../images/legend-bkg.gif) repeat-x bottom left;
}

label {
    color: #000000;
    width: 50%;
    margin: 1em;
}

.button {
    font-family: Tahoma, sans-serif;
    font-weight: 500;
    font-size: 90%;
    font-variant: small-caps;
    width: 7em;
    min-height: 1.2em;
    border: 1px solid #6f7271;
    margin: 0 0 0 6px;
    float: right;
    background: url(../images/menu-text-bkg.png) repeat-x top left;
}

/* Special setting to make calendar work */

.calendar .button {
    width: auto;
    min-height: 0.2em;
    border: none;
    margin: 0;
    float: none;
    background: none;
}

input, select, textarea, file {
    color: #000000;
    background: white url(../images/field-bkg.gif) repeat-x top left;

}

/* form-search */

.form-search {
    border: none;
    font-family: Tahoma, sans-serif;
    padding: 8px;
}

.form-search input.button {
    width: 6em;
    border: 1px solid black;
    margin: 10px 0 0 0;
}

/* horse-view */

#horse-view {
    width: 70em;
    border: 1px solid #A7A283;
    background-color: white;
    margin: 1em auto 0;
    font-size: 100%;
}

.horse-info-pane {
    padding: 0;
    margin: 0;
    background-color: #F0EFEA;
}

#horse-view .field {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 90%;
}

#horse-view .field-title {
    float: left;
    width: 36%;
    text-align: right;
    display: block;
    margin-right: 5px;
    font-weight: bold;
}

#horse-view .field-value {
    width: 74%;
    text-align: left;
}

#horse-view .detail-info-td fieldset {
    margin: 0;
    padding: 0;
    border: 1px solid #ACAEAE;
}

/* form-user-detail */

#form-user-detail {
    width: 46em;
    margin-left: 6em;
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

#form-user-detail input.button {
    font-family: Tahoma, sans-serif;
    font-weight: 500;
    font-variant: small-caps;
    width: 6em;
    border: 1px solid #6f7271;
    margin: 0 0 0 6px;
    float: right;
}

/* form-horse-detail */

#form-horse-detail {
    width: 54em;
    margin: 1em auto 0;
    border: 1px solid #6f7271;
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

#form-horse-detail input.button {
    font-family: Tahoma, sans-serif;
    font-weight: 500;
    width: 7em;
    border: 1px solid #6f7271;
    margin: 0 0 0 6px;
    font-size: 90%;
    float: right;
    background: url(../images/menu-text-bkg.png) repeat-x top left;
}

/* form-announcement-detail */

#form-announcement-detail {
    width: 48em;
    margin-left: 6em;
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

#form-announcement-detail input.button {
    font-size: 90%;
    width: 7em;
    margin: 0 0 0 6px;
}

/* form-login */

#form-login {
    width: 26em;
    margin: 2em 0em 4em 18em;
    border: 1px solid #6f7271;
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

#form-login .row {
    width: 100%;
    text-align: right;
    margin: 8px 0 0 0;
}

#form-login .row-control {
    width: 100%;
    margin: 12px 0 2px 0;
    padding: 0;
    float: right;
}

#form-login a {
    font-variant: small-caps;
    float: left;
    padding: 0;
    font-size: 90%;
}

#form-login label {
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    margin: 0 6px 0 6px;
    padding: 0;
}

#form-login input.text {
    width: 50%;
    border: 1px solid #6F7271;
}

/* form-forgot */

#form-forgot {
    width: 46em;
    margin: 2em 0 4em 8em;
    border: 1px solid #6f7271;
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

/* form-administrative */

#form-administrative {
    width: 39em;
    margin: 2em 0 4em 10em;
    border: 1px solid #6f7271;
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

#form-administrative input.text {
    width: 50%;
    border: 1px solid #6F7271;
}

#form-administrative input.button {
    width: 25%;
    border: 1px solid #6F7271;
    font-size: 90%;
    margin-bottom: 8px;
}

/* form-payments */

#form-payments {
    width: 59em;
    margin-left: 2em;
    border: 1px solid #6f7271;
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

/* form-password */

#form-password {
    width: 26em;
    margin: 2em 0 4em 18em;
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

#form-password .row {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
}

#form-password .row-control {
    width: 100%;
    margin: 12px 0 2px 0;
    float: right;
}

#form-password label {
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    margin: 0 6px 0 6px;
}

#form-password #newPassword {
    width: 50%;
    border: 1px solid #6F7271;
}

#form-password #confirmedPassword {
    width: 50%;
    border: 1px solid #6F7271;
}

/* END FORMS */

.detail-info-td {
    vertical-align: top;
}

.info-pane {
    padding: 12px;
    border: 1px solid #dddbcf;
    background-color: #F0EFEA;
}

.required {
    font-weight: bold;
}

.frequired {
    border: solid 0 #fff;
}

.form-layout-table {
    width: 100%;
    padding: 0;
    margin: 0;
}

.form-layout-table td {
    width: 50%;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

.form-layout-table label {
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    text-align: right;
    color: #000000;
    width: 30%;
    margin: 0 0.5em 0 0;

}

.form-layout-table input, .form-layout-table select, .form-layout-table textarea {
    font-family: Tahoma, sans-serif;
    font-size: 100%;
    color: #000000;
    width: 60%;
    border: 1px solid gray;
    margin: 0;
}

div.clearer {
    clear: both;
    line-height: 0;
    height: 0;
}

.banner {
    margin: 0;
    background-color: #E7E5DC;
    color: #72706A;
    font-weight: normal;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    height: 20px;
    line-height: 20px;
    font-variant: small-caps;
    text-align: left;
    text-indent: 20px;
}