/**
 * The FORMfields Library
 * Copyright 2005-2007 Brain Book Software LLC
 * For complete documentation, please visit http://www.formfields.com
 *
 * @deprecated use src/FORMfields.css instead. Will be removed in the next release of FORMfields.
 */

div.pageErrors, div.fieldError, label.isValid, label.notValid,
                div.fieldErrorLeftAligned, label.disabledLeftAligned,
                label.notValidLeftAligned, label.displayLeftAligned,
                label.isValidLeftAligned,
                div.fieldErrorRightAligned, label.disabledRightAligned,
                label.notValidRightAligned, label.displayRightAligned,
                label.isValidRightAligned,
                label.isValidSpan,
                label.isValidSetSelector, span.help,
                label.display, div.display, span.grayed, select,
                span.FORMfields, span.required, div.help, div.ffText,
                textarea.FORMfields, select.FORMfields, body.ffEmail,
                label.disabled, div.ffField, div.FORMfields, div.FORMfields2,
                input.FORMfieldsText, input.FORMfieldsPassword, textarea.FORMfieldsTextArea,
                input.FORMfieldsFile, input.FORMfieldsRadio,
                input.FORMfieldsCheckbox, input.FORMfieldsSubmit {
        font: normal normal normal 11px verdana,sans-serif;
}

div.pageErrors {
        font-size: 14px;
        font-weight: bold;
        color: red;
        background-color: inherit;
        margin: 0px 0px 0px 3px;
        padding: 0px;
}

div.fieldError, div.fieldErrorSpan, div.fieldErrorLeftAligned, div.fieldErrorRightAligned {
        font-size: 10px;
        color: red;
        background-color: inherit;
        width: auto;
        text-align: left;
        padding-left: 10px;
        white-space: nowrap;
}

div.fieldErrorLeftAligned {
        text-align: left;
}

div.fieldErrorRightAligned {
        text-align: right;
}

div.fieldErrorSpan {
        text-align: left;
}

label.isValid, label.isValidSpan, label.isValidLeftAligned, isValidRightAligned
{
        text-align: left;
        padding-left: 10px;
        display: block;
        white-space: nowrap;
}

label.isValidLeftAligned {
        text-align: left;
}

label.isValidRightAligned {
        text-align: right;
}

/* Use this for labels that are inline with other elements. */
label.isValidSpan {
        display: inline;
}

label.disabled, label.disabledSpan, label.disabledLeftAligned, label.disabledRightAligned
{
        text-align: left;
        padding-left: 10px;
        color: gray;
        background-color: inherit;
        display: block;
        white-space: nowrap;
}

label.disabledLeftAligned {
        text-align: left;
}

label.disabledRightAligned {
        text-align: right;
}

label.disabledSpan {
        display: inline;
}


label.notValid, label.notValidSpan, label.notValidLeftAligned, label.notValidRightAligned
{
        text-align: left;
        padding-left: 10px;
        font-weight: bold;
        color: red;
        background-color: inherit;
        display: block;
        white-space: nowrap;
}

label.notValidLeftAligned {
        text-align: left;
}

label.notValidRightAligned {
        text-align: right;
}

label.notValidSpan {
        display: inline;
}


label.isValidSetSelector {
        text-align: left;
        display: block;
        margin-bottom:5px;
}

span.help {
        font-size: 11px;
        color: blue;
        background-color: inherit;
        padding-left: 10px;
}

div.help {
        font-size: 11px;
        color: blue;
        background-color: inherit;
        padding-left: 10px;
        /*width: 200px;*/
}

form {
        margin-top: 0px;
        margin-bottom: 0px;
}

label.display, label.displayLeftAligned, label.displayRightAligned
{
        text-align: left;
        padding-left: 10px;
        color: #355597;
        background-color: inherit;
        display: block;
        white-space: nowrap;
}

label.displayLeftAligned {
        text-align: left;
}

label.displayRightAligned {
        text-align: right;
}

div.display {
        white-space: normal;
}

span.display {
        color: #355597;
        background-color: inherit;
}

table.ffTableSetFORMfields {
        border-collapse: collapse;
}

tr.ffTableSetFORMfields, td.ffTableSetFORMfields1,
                td.ffTableSetFORMfields2, tr.FORMfields,
                td.ffTableSetFORMfieldsLabel1, td.ffTableSetFORMfieldsLabel2,
                td.ffTableSetFORMfieldsField1, td.ffTableSetFORMfieldsField2 {
        /*vertical-align: top;*/
        vertical-align: middle;
}

td.ffTableSetFORMfieldsLabel1, td.ffTableSetFORMfieldsLabel2 {
}

td.ffTableSetFORMfieldsField1, td.ffTableSetFORMfieldsField2 {
        width: 85%;
}

span.grayed {
        color: gray;
        background-color: inherit;
}

span.required {
        color: red;
        background-color: inherit;
}

h1.FORMfields, h1.ffHeader {
        /*background-color: #A6B7D9;*/
        background-color: #000000;
        color: white;
        padding: 3px 3px 3px 5px;
        font: normal normal bold 15px verdana,sans-serif;
        margin: 5px 0px 5px 0px;
}

h2.FORMfields {
        font: normal normal bold 14px verdana,sans-serif;
        margin: 5px 0px 5px 0px;
}

h3.FORMfields {
        font: normal normal bold 12px verdana,sans-serif;
        margin: 5px 0px 5px 0px;
}

div.FORMfields {
        border: 1px solid #dddddd;
        padding: 5px;
}

div.ffText {
        width: 100%;
}

div.ffDescription {
        padding: 0px 5px 0px 5px;
        color: #777777;
        background-color: inherit;
}

div.ffField {
        /* THE FOLLOWING CAUSES PROBLEMS WHEN SETTING MAX SIZE OF SEARCH RESULTS IN OPERA, FIREFOX AND NETSCAPE
        white-space: nowrap;*/
}

/* ---------- Default email configurations - BEGIN ---------- */

table.ffTableSetFfEmail {
        border-collapse: collapse;
}

td.ffTableSetFfEmail1, td.ffTableSetFfEmail2 {
        margin: 0px;
        padding: 0px;
        border: 1px solid #dddddd;
}

td.ffTableSetFfEmail1 {
        background-color: white;
        color: inherit;
}

td.ffTableSetFfEmail2 {
        background-color: #e7e7e7;
        color: inherit;
}

th.ffTableSetFfEmail {
        color: black;
        background-color: #BACBDB;
        font-weight: bold;
        font-size: 8px;
        border: 1px solid #cccccc;
}

/* It is best if we don't use images in our email CSS as email browsers don't automatically download images */
td.ffHeader1FfEmailTopLeft, td.ffHeader1FfEmailTopRight, td.ffHeader1FfEmailBottomLeft, td.ffHeader1FfEmailBottomRight,
div.ffHeader1FfEmailTopLeft, div.ffHeader1FfEmailBottomLeft, div.ffHeader1FfEmailTopRight, div.ffHeader1FfEmailBottomRight,
div.ffHeader1FfEmailLeft, div.ffHeader1FfEmailRight {
        background-image: none;
        width: 4px;
        height: 4px;
}

td.ffHeader1FfEmailTopMiddle, td.ffHeader1FfEmailBottomMiddle {
        background-image: none;
        height: 4px;
}

td.ffHeader1FfEmailLeft, td.ffHeader1FfEmailRight {
        background-image: none;
        width: 4px;
        height: 23px;
}

td.ffHeader1FfEmailMiddle {
        height: 23px;
        /*background-color: #000000;*/
        background-color: #7486D7;
        background-image: none;
        white-space: nowrap;
        font: normal normal bold 12px verdana,sans-serif;
        color: white;
        padding: 7px;
        width: 100%;
}

/* ---------- Default email configurations - END ---------- */

div.buttons {
        margin:15px 0px 5px 0px;
}

a {
        color: #2D62A5;
        background-color: inherit;
}

body.FORMfields {
}

input.FORMfieldsText, input.FORMfieldsPassword, textarea.FORMfieldsTextArea,
                input.FORMfieldsFile {
        background-repeat: no-repeat;
        background-image: url('images/shadow.png');
}

h2.FORMfields, h3.FORMfields, div.FORMfields, div.FORMfields2,
                div.ffText, label.isValid, label.isValidSetSelector {
        color: #000000;
        background-color: inherit;
}

ul.ffListHelper, li.ffListHelper {

}

ul.ffListHelperFormBeanError {

}

li.ffListHelperFormBeanError {
        font-size: 11px;
}

div.ffFooter1 {
        font-size: 10px;
        margin-top: 10px;
        color: #777777;
}

div.ffFooter2 {
        font-size: 9px;
        margin-top: 3px;
        color: #777777;
}

div.ffConfirmation {
        font: normal normal bold 18px verdana;
}

div.ffRedirectNote {
        margin-top: 20px;
        font: normal normal bold 12px verdana;
}

div.ffSearchResultsFieldPage {
        margin: 3px;
}

img.ffSearchResultsFieldPrevPage, img.ffSearchResultsFieldNextPage {
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        border: 0px solid #dddddd;
}

img.ffSearchResultsFieldPrevPage {
        background-image: url('images/searchResultsFieldSmallLeftArrow2.png');
}

img.ffSearchResultsFieldNextPage {
        background-image: url('images/searchResultsFieldSmallRightArrow2.png');
}

span.ffSearchResultsFieldCurrentPage {
        font: normal normal normal 18px verdana,sans-serif;
}

img.ffSearchResultsCheckedBox {
        width: 13px;
        height: 13px;
        background-repeat: no-repeat;
        border: 0px solid #dddddd;
        background-image: url('images/checkedBox.png');
}

div.fieldErrorLeftAligned, div.fieldErrorRightAligned,
label.isValidLeftAligned, label.isValidRightAligned,
label.disabledLeftAligned, label.disabledRightAligned,
label.notValidLeftAligned, label.notValidRightAligned,
label.displayLeftAligned, label.displayRightAligned {
        padding-left: 0px;
}

span.ffSubFields {
        white-space: nowrap;
}

img.ffTinyLogo {
        margin: 3px 2px 0px 0px;
        border-width: 0px;
        background-image: url('images/tinyFfLogo.png');
        width: 16px;
        height: 16px;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- */


/* ---------- TITLE - BEGIN ---------- */

td.ffTitleTopLeft, td.ffTitleTopRight, td.ffTitleBottomLeft, td.ffTitleBottomRight {
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
}

td.ffTitleTopLeft {
        background-image: url('images/round/titleTopLeft.png');
}

td.ffTitleTopRight {
        background-image: url('images/round/titleTopRight.png');
}

td.ffTitleBottomLeft {
        background-image: url('images/round/titleBottomLeft.png');
}

td.ffTitleBottomRight {
        background-image: url('images/round/titleBottomRight.png');
}

td.ffTitleTopMiddle, td.ffTitleBottomMiddle {
        height: 10px;
        background-repeat: repeat-x;
}

td.ffTitleTopMiddle {
        background-image: url('images/round/titleTopMiddle.png');
}

td.ffTitleBottomMiddle {
        background-image: url('images/round/titleBottomMiddle.png');
}

td.ffTitleLeft, td.ffTitleRight {
        width: 10px;
        height: 30px;
        background-repeat: no-repeat;
}

td.ffTitleLeft {
        background-image: url('images/round/titleLeft.png');
}

td.ffTitleRight {

        background-image: url('images/round/titleRight.png');
}

td.ffTitleMiddle {
        height: 30px;
        background-repeat: repeat-x;
        background-image: url('images/round/titleMiddle.png');
        white-space: nowrap;
        font: normal normal bold 15px verdana,sans-serif;
        color: white;
        background-color: inherit;
        padding: 0px 3px 0px 3px;
        width: 100%;
}

div.ffTitleTopLeft, div.ffTitleBottomLeft, div.ffTitleTopRight, div.ffTitleBottomRight {
        width: 10px;
        height: 10px;
}

div.ffTitleLeft, div.ffTitleRight {
        width: 10px;
        height: 30px;
}

table.ffTitle {
        margin: 0px 0px 10px 0px;
        width: 100%;
}

/* ---------- TITLE - END ---------- */

/* ---------- HEADER 1 - BEGIN ---------- */

td.ffHeader1TopLeft, td.ffHeader1TopRight, td.ffHeader1BottomLeft, td.ffHeader1BottomRight {
        width: 9px;
        height: 9px;
        background-repeat: no-repeat;
}

td.ffHeader1TopLeft {
        background-image: url('images/round/header1TopLeft.png');
}

td.ffHeader1TopRight {
        background-image: url('images/round/header1TopRight.png');
}

td.ffHeader1BottomLeft {
        background-image: url('images/round/header1BottomLeft.png');
}

td.ffHeader1BottomRight {
        background-image: url('images/round/header1BottomRight.png');
}

td.ffHeader1TopMiddle, td.ffHeader1BottomMiddle {
        height: 9px;
        background-repeat: repeat-x;
}

td.ffHeader1TopMiddle {
        background-image: url('images/round/header1TopMiddle.png');
}

td.ffHeader1BottomMiddle {
        background-image: url('images/round/header1BottomMiddle.png');
}

td.ffHeader1Left, td.ffHeader1Right {
        width: 9px;
        height: 16px;
        background-repeat: no-repeat;
}

td.ffHeader1Left {
        background-image: url('images/round/header1Left.png');
}

td.ffHeader1Right {

        background-image: url('images/round/header1Right.png');
}

td.ffHeader1Middle {
        height: 16px;
        background-repeat: repeat-x;
        background-image: url('images/round/header1Middle.png');
        white-space: nowrap;
        font: normal normal bold 12px verdana,sans-serif;
        color: white;
        background-color: inherit;
        padding: 0px 3px 0px 3px;
        width: 100%;
}

div.ffHeader1TopLeft, div.ffHeader1BottomLeft, div.ffHeader1TopRight, div.ffHeader1BottomRight {
        width: 9px;
        height: 9px;
}

div.ffHeader1Left, div.ffHeader1Right {
        width: 9px;
        height: 16px;
}

table.ffHeader1 {
        margin: 0px 0px 10px 0px;
        width: 100%;
}

/* ---------- HEADER 1 - END ---------- */

/* ---------- SECTION TITLE - BEGIN ---------- */

td.ffSectionTitleVeryTopLeft, td.ffSectionTitleVeryTopRight, td.ffSectionTitleVeryBottomLeft, td.ffSectionTitleVeryBottomRight {
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
}

td.ffSectionTitleVeryTopLeft {
        background-image: url('images/round/sectionTitleVeryTopLeft.png');
}

td.ffSectionTitleVeryTopRight {
        background-image: url('images/round/sectionTitleVeryTopRight.png');
}

td.ffSectionTitleVeryBottomLeft {
        background-image: url('images/round/sectionTitleVeryBottomLeft.png');
}

td.ffSectionTitleVeryBottomRight {
        background-image: url('images/round/sectionTitleVeryBottomRight.png');
}

td.ffSectionTitleVeryTopMiddle, td.ffSectionTitleVeryBottomMiddle {
        height: 10px;
        background-repeat: repeat-x;
}

td.ffSectionTitleVeryTopMiddle {
        background-image: url('images/round/sectionTitleVeryTopMiddle.png');
}

td.ffSectionTitleVeryBottomMiddle {
        background-image: url('images/round/sectionTitleVeryBottomMiddle.png');
}

td.ffSectionTitleTopLeft, td.ffSectionTitleTopRight {
        width: 10px;
        height: 27px;
        background-repeat: no-repeat;
}

td.ffSectionTitleTopLeft {
        background-image: url('images/round/sectionTitleTopLeft.png');
}

td.ffSectionTitleTopRight {

        background-image: url('images/round/sectionTitleTopRight.png');
}

td.ffSectionTitleTopMiddle {
        height: 27px;
        background-repeat: repeat-x;
        background-image: url('images/round/sectionTitleTopMiddle.png');
        white-space: nowrap;
        font: normal normal bold 12px verdana,sans-serif;
        color: white;
        background-color: inherit;
        padding: 0px 3px 0px 3px;
        width: 100%;
}

td.ffSectionTitleLeft, td.ffSectionTitleRight {
        width: 10px;
        height: 5px;
        background-repeat: no-repeat;
}

td.ffSectionTitleLeft {
        background-image: url('images/round/sectionTitleLeft.png');
}

td.ffSectionTitleRight {

        background-image: url('images/round/sectionTitleRight.png');
}

td.ffSectionTitleMiddle {
        height: 5px;
        background-repeat: repeat-x;
        background-image: url('images/round/sectionTitleMiddle.png');
}

td.ffSectionTitleBottomLeft, td.ffSectionTitleBottomRight {
        width: 10px;
        background-repeat: repeat-y;
}

td.ffSectionTitleBottomLeft {
        background-image: url('images/round/sectionTitleBottomLeft.png');
}

td.ffSectionTitleBottomRight {
        background-image: url('images/round/sectionTitleBottomRight.png');
}

td.ffSectionTitleBottomMiddle {
        padding: 10px 0px 0px 0px;
        font: normal normal normal 11px verdana,sans-serif;
}

div.ffSectionTitleVeryTopLeft, div.ffSectionTitleVeryBottomLeft, div.ffSectionTitleVeryTopRight, div.ffSectionTitleVeryBottomRight {
        width: 10px;
        height: 10px;
}

div.ffSectionTitleTopLeft, div.ffSectionTitleTopRight {
        width: 10px;
        height: 27px;
}

div.ffSectionTitleLeft, div.ffSectionTitleRight {
        width: 10px;
        height: 5px;
}

div.ffSectionTitleBottomLeft, div.ffSectionTitleBottomRight {
        width: 10px;
}

table.ffSectionTitle {
        margin: 0px 0px 10px 0px;
        width: 100%;
}

/* ---------- SECTION TITLE - END ---------- */

/* ---------- ---------- ---------- ---------- ---------- ---------- */

table.ffMessageHelperDialog {
        width: 100%;
}

td.ffMessageHelperLeft {
        width: 40px;
}

td.ffMessageHelperRight {
}

div.ffMessageHelperError {
        font: normal normal bold 13px verdana,sans-serif;
        color: red;
        background-color: inherit;
        margin: 11px 5px 5px 5px;
}

img.ffMessageHelperError {
        width: 40px;
        height: 40px;
        background-image: url('images/stopIcon.png');
}

div.ffMessageHelperWarning {
        font: normal normal bold 13px verdana,sans-serif;
        color: #D7D759;
        background-color: inherit;
        margin: 11px 5px 5px 5px;
}

img.ffMessageHelperWarning {
        width: 40px;
        height: 40px;
        background-image: url('images/warningIcon.png');
}

div.ffMessageHelperInfo {
        font: normal normal bold 13px verdana,sans-serif;
        color: blue;
        background-color: inherit;
        margin: 11px 5px 5px 5px;
}

img.ffMessageHelperInfo {
        width: 40px;
        height: 40px;
        background-image: url('images/infoIcon.png');
}

div.ffMessageHelperQuestion {
        font: normal normal bold 13px verdana,sans-serif;
        color: green;
        background-color: inherit;
        margin: 11px 5px 5px 5px;
}

img.ffMessageHelperQuestion {
        width: 40px;
        height: 40px;
        background-image: url('images/questionIcon.png');
}

/* ---------- INFO BOX - BEGIN ---------- */

td.ffInfoBoxTopLeft, td.ffInfoBoxTopRight, td.ffInfoBoxBottomLeft, td.ffInfoBoxBottomRight {
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
}

td.ffInfoBoxTopLeft {
        background-image: url('images/round/infoBoxTopLeft.png');
}

td.ffInfoBoxTopRight {
        background-image: url('images/round/infoBoxTopRight.png');
}

td.ffInfoBoxBottomLeft {
        background-image: url('images/round/infoBoxBottomLeft.png');
}

td.ffInfoBoxBottomRight {
        background-image: url('images/round/infoBoxBottomRight.png');
}

td.ffInfoBoxTopMiddle, td.ffInfoBoxBottomMiddle {
        width: 1px;
        height: 10px;
        background-repeat: repeat-x;
}

td.ffInfoBoxTopMiddle {
        background-image: url('images/round/infoBoxTopMiddle.png');
}

td.ffInfoBoxBottomMiddle {
        background-image: url('images/round/infoBoxBottomMiddle.png');
}

td.ffInfoBoxLeft, td.ffInfoBoxRight {
        width: 10px;
        height: 1px;
        background-repeat: repeat-y;
}

td.ffInfoBoxLeft {
        background-image: url('images/round/infoBoxLeft.png');
}

td.ffInfoBoxRight {
        background-image: url('images/round/infoBoxRight.png');
}

td.ffInfoBoxMiddle {
        width: 100%;
        font: normal normal normal 11px verdana,sans-serif;
        background-image: url('images/round/infoBoxMiddle.png');
}

div.ffInfoBoxTopLeft, div.ffInfoBoxBottomLeft, div.ffInfoBoxTopRight, div.ffInfoBoxBottomRight {
        width: 10px;
        height: 10px;
}

div.ffInfoBoxLeft, div.ffInfoBoxRight {
        width: 10px;
}

table.ffInfoBox {
        width: 100%;
        margin: 10px 0px 10px 0px;
}

div.ffMessageHelperInfo {
        color: white;
        background-color: inherit;
}

/* ---------- INFO BOX - END ---------- */

/* ---------- ERROR BOX - BEGIN ---------- */

td.ffErrorBoxTopLeft, td.ffErrorBoxTopRight, td.ffErrorBoxBottomLeft, td.ffErrorBoxBottomRight {
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
}

td.ffErrorBoxTopLeft {
        background-image: url('images/round/errorBoxTopLeft.png');
}

td.ffErrorBoxTopRight {
        background-image: url('images/round/errorBoxTopRight.png');
}

td.ffErrorBoxBottomLeft {
        background-image: url('images/round/errorBoxBottomLeft.png');
}

td.ffErrorBoxBottomRight {
        background-image: url('images/round/errorBoxBottomRight.png');
}

td.ffErrorBoxTopMiddle, td.ffErrorBoxBottomMiddle {
        width: 1px;
        height: 10px;
        background-repeat: repeat-x;
}

td.ffErrorBoxTopMiddle {
        background-image: url('images/round/errorBoxTopMiddle.png');
}

td.ffErrorBoxBottomMiddle {
        background-image: url('images/round/errorBoxBottomMiddle.png');
}

td.ffErrorBoxLeft, td.ffErrorBoxRight {
        width: 10px;
        height: 1px;
        background-repeat: repeat-y;
}

td.ffErrorBoxLeft {
        background-image: url('images/round/errorBoxLeft.png');
}

td.ffErrorBoxRight {
        background-image: url('images/round/errorBoxRight.png');
}

td.ffErrorBoxMiddle {
        width: 100%;
        font: normal normal normal 11px verdana,sans-serif;
        background-image: url('images/round/errorBoxMiddle.png');
}

div.ffErrorBoxTopLeft, div.ffErrorBoxBottomLeft, div.ffErrorBoxTopRight, div.ffErrorBoxBottomRight {
        width: 10px;
        height: 10px;
}

div.ffErrorBoxLeft, div.ffErrorBoxRight {
        width: 10px;
}

table.ffErrorBox {
        width: 100%;
        margin: 10px 0px 10px 0px;
}

div.ffMessageHelperError {
        color: white;
        background-color: inherit;
}

/* ---------- ERROR BOX - END ---------- */

/* ---------- WARNING BOX - BEGIN ---------- */

td.ffWarningBoxTopLeft, td.ffWarningBoxTopRight, td.ffWarningBoxBottomLeft, td.ffWarningBoxBottomRight {
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
}

td.ffWarningBoxTopLeft {
        background-image: url('images/round/warningBoxTopLeft.png');
}

td.ffWarningBoxTopRight {
        background-image: url('images/round/warningBoxTopRight.png');
}

td.ffWarningBoxBottomLeft {
        background-image: url('images/round/warningBoxBottomLeft.png');
}

td.ffWarningBoxBottomRight {
        background-image: url('images/round/warningBoxBottomRight.png');
}

td.ffWarningBoxTopMiddle, td.ffWarningBoxBottomMiddle {
        width: 1px;
        height: 10px;
        background-repeat: repeat-x;
}

td.ffWarningBoxTopMiddle {
        background-image: url('images/round/warningBoxTopMiddle.png');
}

td.ffWarningBoxBottomMiddle {
        background-image: url('images/round/warningBoxBottomMiddle.png');
}

td.ffWarningBoxLeft, td.ffWarningBoxRight {
        width: 10px;
        height: 1px;
        background-repeat: repeat-y;
}

td.ffWarningBoxLeft {
        background-image: url('images/round/warningBoxLeft.png');
}

td.ffWarningBoxRight {
        background-image: url('images/round/warningBoxRight.png');
}

td.ffWarningBoxMiddle {
        width: 100%;
        font: normal normal normal 11px verdana,sans-serif;
        background-image: url('images/round/warningBoxMiddle.png');
}

div.ffWarningBoxTopLeft, div.ffWarningBoxBottomLeft, div.ffWarningBoxTopRight, div.ffWarningBoxBottomRight {
        width: 10px;
        height: 10px;
}

div.ffWarningBoxLeft, div.ffWarningBoxRight {
        width: 10px;
}

table.ffWarningBox {
        width: 100%;
        margin: 10px 0px 10px 0px;
}

div.ffMessageHelperWarning {
        color: white;
        background-color: inherit;
}

/* ---------- WARNING BOX - END ---------- */

/* ---------- QUESTION BOX - BEGIN ---------- */

td.ffQuestionBoxTopLeft, td.ffQuestionBoxTopRight, td.ffQuestionBoxBottomLeft, td.ffQuestionBoxBottomRight {
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
}

td.ffQuestionBoxTopLeft {
        background-image: url('images/round/questionBoxTopLeft.png');
}

td.ffQuestionBoxTopRight {
        background-image: url('images/round/questionBoxTopRight.png');
}

td.ffQuestionBoxBottomLeft {
        background-image: url('images/round/questionBoxBottomLeft.png');
}

td.ffQuestionBoxBottomRight {
        background-image: url('images/round/questionBoxBottomRight.png');
}

td.ffQuestionBoxTopMiddle, td.ffQuestionBoxBottomMiddle {
        width: 1px;
        height: 10px;
        background-repeat: repeat-x;
}

td.ffQuestionBoxTopMiddle {
        background-image: url('images/round/questionBoxTopMiddle.png');
}

td.ffQuestionBoxBottomMiddle {
        background-image: url('images/round/questionBoxBottomMiddle.png');
}

td.ffQuestionBoxLeft, td.ffQuestionBoxRight {
        width: 10px;
        height: 1px;
        background-repeat: repeat-y;
}

td.ffQuestionBoxLeft {
        background-image: url('images/round/questionBoxLeft.png');
}

td.ffQuestionBoxRight {
        background-image: url('images/round/questionBoxRight.png');
}

td.ffQuestionBoxMiddle {
        width: 100%;
        font: normal normal normal 11px verdana,sans-serif;
        background-image: url('images/round/questionBoxMiddle.png');
}

div.ffQuestionBoxTopLeft, div.ffQuestionBoxBottomLeft, div.ffQuestionBoxTopRight, div.ffQuestionBoxBottomRight {
        width: 10px;
        height: 10px;
}

div.ffQuestionBoxLeft, div.ffQuestionBoxRight {
        width: 10px;
}

table.ffQuestionBox {
        width: 100%;
        margin: 10px 0px 10px 0px;
}

div.ffMessageHelperQuestion {
        color: white;
        background-color: inherit;
}

/* ---------- QUESTION BOX - END ---------- */

/* ---------- ---------- ---------- ---------- ---------- ---------- */

/* ---------- TITLE - BEGIN ---------- */

td.ffTitleTopLeft, td.ffTitleTopRight, td.ffTitleBottomLeft, td.ffTitleBottomRight,
div.ffTitleTopLeft, div.ffTitleBottomLeft, div.ffTitleTopRight, div.ffTitleBottomRight,
div.ffTitleLeft, div.ffTitleRight {
        background-image: none;
        width: 4px;
        height: 4px;
}

td.ffTitleTopMiddle, td.ffTitleBottomMiddle {
        background-image: none;
        height: 4px;
}

td.ffTitleLeft, td.ffTitleRight {
        background-image: none;
        width: 4px;
        height: 23px;
}

td.ffTitleMiddle {
        height: 23px;
        background-color: #000000;
        background-image: none;
        white-space: nowrap;
        font: normal normal bold 15px verdana,sans-serif;
        color: white;
        padding: 0px 3px 0px 3px;
        width: 100%;
}

/* ---------- TITLE - END ---------- */

/* ---------- HEADER1 - BEGIN ---------- */

td.ffHeader1TopLeft, td.ffHeader1TopRight, td.ffHeader1BottomLeft, td.ffHeader1BottomRight,
div.ffHeader1TopLeft, div.ffHeader1BottomLeft, div.ffHeader1TopRight, div.ffHeader1BottomRight,
div.ffHeader1Left, div.ffHeader1Right {
        background-image: none;
        width: 4px;
        height: 4px;
}

td.ffHeader1TopMiddle, td.ffHeader1BottomMiddle {
        background-image: none;
        height: 4px;
}

td.ffHeader1Left, td.ffHeader1Right {
        background-image: none;
        width: 4px;
        height: 23px;
}

td.ffHeader1Middle {
        height: 23px;
        background-color: #000000;
        background-image: none;
        white-space: nowrap;
        font: normal normal bold 12px verdana,sans-serif;
        color: white;
        padding: 0px 3px 0px 3px;
        width: 100%;
}

/* ---------- HEADER1 - END ---------- */

/* ---------- SECTION TITLE - BEGIN ---------- */

td.ffSectionTitleVeryTopLeft, div.ffSectionTitleVeryTopLeft,
td.ffSectionTitleVeryTopRight, div.ffSectionTitleVeryTopRight,
td.ffSectionTitleLeft, div.ffSectionTitleLeft,
td.ffSectionTitleRight, div.ffSectionTitleRight,
td.ffSectionTitleBottomLeft, div.ffSectionTitleBottomLeft,
td.ffSectionTitleBottomRight, div.ffSectionTitleBottomRight,
td.ffSectionTitleVeryBottomLeft, div.ffSectionTitleVeryBottomLeft,
td.ffSectionTitleVeryBottomRight, div.ffSectionTitleVeryBottomRight {
        width: 4px;
        height: 4px;
        background-image: none;
}

td.ffSectionTitleVeryTopMiddle,
td.ffSectionTitleMiddle,
td.ffSectionTitleBottomMiddle,
td.ffSectionTitleVeryBottomMiddle {
        height: 4px;
        background-image: none;
}

td.ffSectionTitleBottomMiddle {
        /*border: 1px solid #dddddd;*/
        padding: 5px;
}

table.ffSectionTitle {
        border: 1px solid #dddddd;
}

td.ffSectionTitleTopLeft, div.ffSectionTitleTopLeft,
td.ffSectionTitleTopRight, div.ffSectionTitleTopRight {
        width: 4px;
        height: 23px;
        background-image: none;
}

td.ffSectionTitleTopMiddle {
        height: 23px;
        background-color: #2D62A5;
        background-image: none;
        white-space: nowrap;
        font: normal normal bold 12px verdana,sans-serif;
        color: white;
        padding: 0px 3px 0px 3px;
        width: 100%;
}

/* ---------- SECTION TITLE - END ---------- */

/* ---------- INFO BOX - BEGIN ---------- */

td.ffInfoBoxTopLeft, td.ffInfoBoxTopRight, td.ffInfoBoxBottomLeft, td.ffInfoBoxBottomRight,
div.ffInfoBoxTopLeft, div.ffInfoBoxBottomLeft, div.ffInfoBoxTopRight, div.ffInfoBoxBottomRight,
td.ffInfoBoxLeft, td.ffInfoBoxRight,
div.ffInfoBoxLeft, div.ffInfoBoxRight {
        width: 4px;
        height: 4px;
        background-image: none;
}

td.ffInfoBoxTopMiddle, td.ffInfoBoxBottomMiddle {
        height: 4px;
        background-image: none;
}

td.ffInfoBoxMiddle {
        width: 100%;
        font: normal normal normal 11px verdana,sans-serif;
        /*background-color: #295A9E;*/
        background-image: url('styles/basic/infoBoxBg.png');
        color: inherit;
        padding: 5px;
}

table.ffInfoBox {
        width: 100%;
}

div.ffMessageHelperInfo {
        color: white;
        background-color: inherit;
}

img.ffMessageHelperInfo {
        background-image: url('styles/basic/infoIcon.png');
}

/* ---------- INFO BOX - END ---------- */

/* ---------- WARNING BOX - BEGIN ---------- */

td.ffWarningBoxTopLeft, td.ffWarningBoxTopRight, td.ffWarningBoxBottomLeft, td.ffWarningBoxBottomRight,
div.ffWarningBoxTopLeft, div.ffWarningBoxBottomLeft, div.ffWarningBoxTopRight, div.ffWarningBoxBottomRight,
td.ffWarningBoxLeft, td.ffWarningBoxRight,
div.ffWarningBoxLeft, div.ffWarningBoxRight {
        width: 4px;
        height: 4px;
        background-image: none;
}

td.ffWarningBoxTopMiddle, td.ffWarningBoxBottomMiddle {
        height: 4px;
        background-image: none;
}

td.ffWarningBoxMiddle {
        width: 100%;
        font: normal normal normal 11px verdana,sans-serif;
        /*background-color: #DBDB07;*/
        background-image: url('styles/basic/warningBoxBg.png');
        color: inherit;
        padding: 5px;
}

table.ffWarningBox {
        width: 100%;
}

div.ffMessageHelperWarning {
        color: white;
        background-color: inherit;
}

img.ffMessageHelperWarning {
        background-image: url('styles/basic/warningIcon.png');
}

/* ---------- WARNING BOX - END ---------- */

/* ---------- ERROR BOX - BEGIN ---------- */

td.ffErrorBoxTopLeft, td.ffErrorBoxTopRight, td.ffErrorBoxBottomLeft, td.ffErrorBoxBottomRight,
div.ffErrorBoxTopLeft, div.ffErrorBoxBottomLeft, div.ffErrorBoxTopRight, div.ffErrorBoxBottomRight,
td.ffErrorBoxLeft, td.ffErrorBoxRight,
div.ffErrorBoxLeft, div.ffErrorBoxRight {
        width: 4px;
        height: 4px;
        background-image: none;
}

td.ffErrorBoxTopMiddle, td.ffErrorBoxBottomMiddle {
        height: 4px;
        background-image: none;
}

td.ffErrorBoxMiddle {
        width: 100%;
        font: normal normal normal 11px verdana,sans-serif;
        /*background-color: #930202;*/
        background-image: url('styles/basic/errorBoxBg.png');
        color: inherit;
        padding: 5px;
}

table.ffErrorBox {
        width: 100%;
}

div.ffMessageHelperError {
        color: white;
        background-color: inherit;
}

img.ffMessageHelperError {
        background-image: url('styles/basic/stopIcon.png');
}

/* ---------- ERROR BOX - END ---------- */

/* ---------- QUESTION BOX - BEGIN ---------- */

td.ffQuestionBoxTopLeft, td.ffQuestionBoxTopRight, td.ffQuestionBoxBottomLeft, td.ffQuestionBoxBottomRight,
div.ffQuestionBoxTopLeft, div.ffQuestionBoxBottomLeft, div.ffQuestionBoxTopRight, div.ffQuestionBoxBottomRight,
td.ffQuestionBoxLeft, td.ffQuestionBoxRight,
div.ffQuestionBoxLeft, div.ffQuestionBoxRight {
        width: 4px;
        height: 4px;
        background-image: none;
}

td.ffQuestionBoxTopMiddle, td.ffQuestionBoxBottomMiddle {
        height: 4px;
        background-image: none;
}

td.ffQuestionBoxMiddle {
        width: 100%;
        font: normal normal normal 11px verdana,sans-serif;
        /*background-color: #33C533;*/
        background-image: url('styles/basic/questionBoxBg.png');
        color: inherit;
        padding: 5px;
}

table.ffQuestionBox {
        width: 100%;
}

div.ffMessageHelperQuestion {
        color: white;
        background-color: inherit;
}

img.ffMessageHelperQuestion {
        background-image: url('styles/basic/questionIcon.png');
}

/* ---------- QUESTION BOX - END ---------- */