@import "uni-form-generic.css";

/* Generals */
.uniForm fieldset {
    margin: .5em 0;
    background-color: #FFF;
}
.uniForm fieldset legend {
    color: #000; /* Reset IE */
    background-color: #FFF;
    font-weight: bold;
    font-size: 120%;
    margin-left: 20px;
    padding: 0 .25em;
}
.uniForm .ctrlHolder {
    /* This is the main unit that contains our form elements */
    /*padding: 7px;*/
    margin: 3px 0;
    border-top:  1px solid #FFF;
    border-bottom:  1px solid #FFF;
    background-color: #FFF;
}
.uniForm .buttonHolder {
    background: #FFF;
    padding: .5em;
    margin-bottom: 1em;
}
.uniForm .focused {
    border-top:  1px solid #FFF;
    border-bottom:  1px solid #FFF;
}
.ctrlHolder .textInput {
    border: 2px solid #E8E8E8;
    background: #F5F5F5;
}


/* Focus pseudoclasses */
.ctrlHolder .textInput:focus {
    border: 2px solid #98CFFF;
}
div.focused .textInput:focus {
}
div.focused .formHint {
    color:#000;
}

/* .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
    width: 25%; /* Required property */
    font-weight: bold;
    text-align: right;
    cursor: pointer;
    color: #656565;
    font-size: 14px;
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload {
    width: 45%; /* Required property */
}
.uniForm .inlineLabels .selectInput {
    width: 45%; /* Required property */
}
.uniForm .inlineLabels textarea {
    width: 45%;
    height: 15em;
    background-color: #F5F5F5;
    margin: 0; padding: 0;
}
.uniForm .inlineLabels .formHint {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 47%;
    color:#999;
    font-size:80%;
}

/* .blockLabels */
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload {
    width: 53%; /* Required property */
}

.uniForm .blockLabels .selectInput {
    display: block;
    width: 53.5%; /* Required property */
}
.uniForm .blockLabels textarea {
    width: 53%; /* Required property */
    height: 12em;
    background-color: #F5F5F5;
}
.uniForm .blockLabels .formHint {
    width: 45%; /* Required property */
    color: #999;
    font-size: 80%;
    float: right;
    width: 38%;
    font-style: italic;
}

/* Columns */
.uniForm .col {
    width: 425px; /* Required property */
    /*margin: 0 2% 0 0;*/
    margin-right: 15px;
}
.uniForm .columnLeft {
    width: 425px; /* Required property */
}
.uniForm .columnRight {
    width: 425px; /* Required property */
}

/* Messages */
.uniForm #errorMsg {
    background: #FBE3E4;
    border: 2px solid #FBC2C4;
    margin: 0 0 1em 0;
    padding: 1em;
    color: #D12F19;
}
.uniForm #errorMsg a {
    color: #D12F19;
}
.uniForm .error {
    background: #ffdfdf;
    border: 1px solid #df7d7d; border-width: 1px 0;
}
.uniForm #errorMsg dt,
.uniForm #errorMsg h3 {
    margin: 0 0 .5em 0;
    font-size: 110%;
    line-height: 100%;
    font-weight: bold;
    padding: 1px 0 2px 20px;
    background: url(../../images/icons/16/error.png) 0 0 no-repeat;
    color: #D12F19;
}
.uniForm #errorMsg dd {
    margin: 0; padding: 0;
}
.uniForm #errorMsg ol {
    margin: 0; padding: 0;
}
.uniForm #errorMsg ol li {
    margin: 0; padding: 2px;
    list-style-position: inside;
    border-bottom: 1px dotted #df7d7d;
    position: relative;
}
.uniForm .errorField {
    color: #af4c4c;
    margin: 0 0 6px 0;
    padding: 4px;
    background: #ffbfbf;
    padding: 1px 0 2px 20px;
    background: #ffbfbf url(../../images/icons//16/error.png) 2px 2px no-repeat;

}