form.semantic fieldset
{
    clear: both;
    margin: 1em 0 0 0;
    padding: 10px;
    overflow: auto;
    background-color: #f8f8f8;
    border: 1px solid #888;
}

form.semantic legend
{
    font-weight: bold;
}

form.semantic div
{
    clear: both;
    margin: 0;
    padding: 0.5em 0 0 0;
    overflow: visible;
}


form.semantic label
{
    display: block;
    float: left;
    width: 300px;
    text-align: right;
    padding: 2px 1ex 6px 0;
    vertical-align: baseline;
}

form.semantic label.after
{
    width: auto;
    text-align: left;
    display: inline;
    float: none;
}

form.semantic label.long
{
    clear: both;
    width: auto;
    text-align: left;
    float: none;
}

form.semantic input
, form.semantic select
, form.semantic textarea
{
    float: left;
}

form.semantic input[type=radio]
, form.semantic input[type=checkbox]
{
    vertical-align: text-bottom;
}

form.semantic ul {
    list-style-type: none;
    float: left;
    padding: 0;
    margin: 0;
}

form.semantic li {
    clear: both;
    padding: 0.2em 0;
}

form.semantic li label {
    width: auto;
    text-align: left;
    padding: 0;
}

form.semantic div.field-row
{
    clear: none;
    float: left;
    margin: 0;
    padding: 0;
    overflow: visible;
}

form.semantic div.field-row *
{
    float: none;
    display: inline;
}

form.semantic .button-row
{
    text-align: center;
}

form.semantic .button-row a
{
    margin-left: 50px;
}

form.semantic .button-row input
{
    float: none;
}

form.semantic div.long label
{
    width: auto;
    text-align: left;
    float: none;
}

form.semantic textarea {
    width: 350px;
    height: 100px;
}

form.semantic div.long textarea
{
    width: 100%;
}

/* Errors -- for use with JQuery Validate, etc. */

form.semantic input.error
, form.semantic select.error
, form.semantic textarea.error
{
    background-color: #77002a;
    color: white;
}

form.semantic label.error
{
    width: auto;
    color: #77002a;
    text-align: left;
}

.datepicker
{
    background:url(/www/core/img/icons/calendar.gif) no-repeat right top;
}

.formErrorMessage
{
    color: red;
}

.validFieldPos
{
    background:url(/www/core/img/icons/ok.png) no-repeat right top;
}

.validFieldNeg
{
    background:url(/www/core/img/icons/no.png) no-repeat right top;
}
