/* @override http://localhost:8000/media/css/forms.css */

form {
    padding: 0;
    font-size: 1em;
    margin-bottom: 1.5em;
    line-height: 1.5em;
}

form fieldset {
    margin-top: 1.5em;
    display: block;
    border-color: #bbb;
    border-width: 1px 0 0 0;
    border-style: solid none none none;
    width: 100%;
}

form fieldset legend {
    font-weight: bold;
    font-style: oblique;
    font-size: 1.083em;
    color: #222;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0.5em;
    border: 1px solid #bbb;
}

form .field {
    border-bottom: 1px solid #efefef;
    overflow: hidden;
    padding-bottom: 1.5em;
    /* margin: 1.5em 0; */
    margin: 0.5em 0;
}

form .field label {
    color: #222;
    font-size: 1em;
    float: left;
    width: 12em;
}

form .required label {
    font-weight: bold;
}

form span.required {
    font-weight: bold;
}

form .hasErrors {
    background-color: #FFF3F3;
    border-color: #BF9B9B #9F6B6B #9F6B6B #BF9B9B !important;
    border-style: solid !important;
    border-width: 1px 1px !important;
}

form .hasErrors label {
    margin-left: 1.5em;
}

form .fieldWidget input,
form .fieldWidget select {
    font-size: 1em !important;
    margin: 0 !important;
}

form textarea {
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
    font-size: 1em !important;
    padding: 2px 3px;
}

form .fieldWidget input[type=text],
form .fieldWidget input[type=password] {
    border: 2px solid #bbb;
}

form .fieldWidget textarea {
    border: 2px solid #bbb;
}

form .fieldWidget {
    float: left;
}

form .fieldWidget ul,
form .fieldWidget li {
    margin: 0 !important;
    padding-left: 0 !important;
}

form .fieldWidget li label {
    float: none;
    font-weight: normal;
    margin-left: 0;
}

form .fieldHelp {
    font-size: 0.902em;
    /* line-height: 1.636em; */
	line-height: 1.2em;
    color: #444;
	xborder: 1px solid red;
}

form .fieldHelp:hover {
    color: #222;
}

form .fieldWidget ul {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

form .fieldWidget li {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

form .field .errorlist,
form .formErrors .errorlist {
    background-color: #ffcfcf;
    color: #a63e3e;
    padding-left: 1.5em !important;
    margin: 0 !important;
    margin-bottom: 1.5em !important;
}

form .field .errorlist li,
form .formErrors .errorlist li {
    font-weight: bold;
    font-size: 0.92em !important;
    padding-left: 0;
}

form .formErrors {
    background-color: #FFF3F3;
    border-color: #BF9B9B #9F6B6B #9F6B6B #BF9B9B;
    border-style: solid !important;
    border-width: 1px 1px !important;
    margin-bottom: 1.5em !important;
}

form .formErrors .errorlist {
    background-color: #ffcfcf;
    color: #a63e3e;
    padding-left: 1.5em !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
}

form .formActions input {
    font-size: 1em !important;
    background-color: #dedede;
    border-width: 1px;
    border-color: #ccc #aaa #ccc #ddd;
}

/* Alternative form styles */

form.borderless .field {
    border-bottom-width: 0;
    padding-bottom: 0;
}

form.borderless .hasErrors {
    padding-bottom: 1.5em;
}

form.inline .field {
    border: none;
}

form.inline .hasErrors {
    background: none !important;
    border: none !important;
}

form.inline .hasErrors label {
    color: #a63e3e;
    background: none !important;
    border: none !important;
}

form.inline .hasErrors .errorlist {
    display: none;
}

form.inline {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

form.inline .field {
    float: left;
    margin: 0;
    margin-right: 1.5em;
    padding: 0;
}

form.inline .field label {
    display: inline;
    width: auto !important;
    padding-right: 1em;
}

form.inline .fieldWidget {
    display: inline;
    margin-left: 0em;
}

/* Vertical field */

.fieldVertical label {
    float: none !important;
    width: auto !important;
}

.fieldVertical .fieldWidget {
	margin-top: 1.5em;
    margin-left: 0 !important;
    float: none;
    display: block;
}

.hasErrors .fieldVertical {
    margin-left: 1.5em !important;
}

/* Standard buttons (not form actions) */

/*
form .button {
    font-size: 1em;
    line-height: 1.5em;
    border: 1px solid #222 !important;
    padding: 0 0.75em;
    cursor: pointer;
}
*/

form textarea.privacyInfo {
    width: 98%;
    height: 6em;
}

form .checkboxField label {
    width: auto !important;
    float: none !important;
}

form .checkboxField label input {
    margin-right: 9px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

form .checkboxField .fieldHelp {
    padding-left: 36px;
}

#quizreport-form label {
    width: 200px !important;
}

#quizreport-form .formActions {
    text-align: center;
}

/* ----------- AcknowledgeRequestRowForm ----------------- */

#require-acknowledgment-form {
    border: 3px solid #999999;
    padding: 0 20px;
    margin: 0;
    font-size: 1em;
    line-height: 1.2em;
}

#require-acknowledgment-form h2 {
    line-height: 1.0em;
    color: #666;
    text-align: center;
    margin: 10px;
    border: none;
}

#require-acknowledgment-form h4 {
    line-height: 1.0em;
    color: #666;
    text-align: center;
    font-weight: normal;
}

#require-acknowledgment-form .errors {
    border: 1px solid red;
    background-color: #FFFFCC;
}

form#require-acknowledgment-form  .field .errorlist,
form#require-acknowledgment-form  .formErrors .errorlist {
    background:#FFFFCC url(/media/img/icons/icon_error.gif) no-repeat scroll 5px 0.3em;
    color: #FF0000;
    padding-left: 2.0em !important;
    margin: 0 !important;
    font-weight: normal !important;
}

form#registration-form .hasErrors {
    padding: 0 0 5px 0;
    margin: 5px 0 0 0;
}

form#registration-form .hasErrors label {
    padding: 0;
    margin: 0;
}