button {
        padding: 1px 2px;
        margin: 10px 2px 0px 2px;
        border: 1px solid #008000;
        color: #585858;
        background-color: #90FF90;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
}

button.negative {
        border: 1px solid #800000;
        color: #585858;
        background-color: #FF8080 ! important;
}

button.neutral {
        border: 1px solid #808080;
        color: #585858;
        background-color: #FFDCB9 ! important;
}

button.positive {
        border: 1px solid #008000;
        color: #585858;
        background-color: #80FF80 ! important;
}

button.focus {
        background-color: #60FF60;
}

dd {
        margin-left: 60px;
}

div.form-row {
        clear: both;
        padding: 0.5em;
}

div.ok {
        border-color: #009900;
        color: #009900;
}

div.problem {
        border-color: #990000;
        color: #990000;
}

div.status {
        clear: both;
        padding: 0.5em;
        border-width: 3px;
        border-style: double;
        width: 500px;
        margin: auto;
        margin-top: 2em;
        background-color: #E0E0F0;
        font-size: 14px;
        font-weight: bold;
}

dl {
        border-top: 1px dotted #999999;
        border-bottom: 1px dotted #999999;
        padding: 4px 10px;
}

dl, dt, dd {
        font-size: 12px;
}

dt {
        padding-left: 2px;
        margin-left: 3px;
        font-weight: bold;
}

fieldset {
        padding: 0.5em;
        border-width: 3px;
        border-style: double;
        border-color: #666;
        width: 500px;
        margin: auto;
        background-color: #E0E0F0;
}

input, textarea {
        padding: 1px 0px 1px 2px;
        margin: 2px 5px;
        border-style: none;
        background-color: #F0F0FF;
        background-image: none;
        color: #585858;
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
        vertical-align: middle;
}

input[type="checkbox"] {
        margin-left: 2px;
}

input[type="radio"] {
        margin-left: 2px;
}

label {
        width: 150px;
        float: left;
        padding: 1px 0px 1px 2px;
        margin: 2px 4px;
        display: block;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
}

legend {
        border: solid 1px #666;
        padding: 1px 6px;
        margin-left: 10px;
        background-color: #f6f6f6;
        color: #333333;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
}

option {
        padding: 1px 0px 1px 2px;
        margin: 2px 5px;
        background-color: #FFFFFF;
        color: #585858;
        font-weight: normal;
        font-size: 12px;
        text-align: left;
        text-transform: none;
        vertical-align: middle;
}

select {
        border-style: none;
        padding: 1px 0px 1px 2px;
        margin: 2px 5px;
        background-color: #F0F0FF;
        background-image: none;
        color: #585858;
        font-weight: normal;
        font-size: 12px;
        text-align: left;
        text-transform: none;
        vertical-align: middle;
}

.disabled {
        background-color: #F6F6FF;
        color: #AAAAAA;
}

.focus {
        background-color: #FFFFFF;
        background-image: none;
}

.required {
        border-color: #3333FF;
        border-left-width: 3px;
        border-left-style: solid;
        margin-left: 2px;
}

.validation-advice {
        border-left: 3px solid #FF3333;
        margin: 1px;
        margin-left: 162px;
        padding-left: 2px;
        color: #FF3333;
}

.validation-failed {
        border-color: #FF3333 ! important;
        border-left-width: 3px;
        border-left-style: solid;
        margin-left: 2px;
}

.validation-passed {
        border-color: #00CC00 ! important;
        border-left-width: 3px;
        border-left-style: solid;
        margin-left: 2px;
}