
body {
    font-family: verdana;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: center;
}

.bodyText {
    font-family: verdana;
    font-size: 12px;
}

.footer {
    font-size: 8pt;
    font-family: Arial;
    color: #E6E6E6
}

.footerText {
    font-family: verdana;
    font-size: 8pt;
    color: #E6E6E6;
}

A.footerText {
    font-family: verdana;
    font-size: 10px;
    color: #AAAAAA;
}

    A.footerText:hover {
        font-family: verdana;
        font-size: 10px;
        color: #000000;
    }

.noteText {
    font-family: verdana;
    font-size: 10px;
    color: #777777;
    font-style: italic;
}



.formTitle {
    border: 1px solid grey;
    font-family: verdana;
    font-size: 12px;
    background-Color: #dbdbdb;
    font-weight: bold;
    text-align: right;
}

.formTitleLink {
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    text-decoration: underline;
    color: #000000;
    cursor: pointer;
}

.formValue {
    border: 1px solid grey;
    font-family: verdana;
    font-size: 12px;
    text-align: left;
}

.SectionHead {
    font-family: verdana;
    font-size: 12px;
    text-align: left;
    color: #336633;
    font-weight: bold;
}

.ImageCaption {
    font-family: verdana;
    font-size: 12px;
    color: #336633;
    font-weight: bold;
}

.ImageCaptionNumber {
    font-family: verdana;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.formValueLink {
    font-family: verdana;
    font-size: 12px;
    text-align: left;
    color: #000000;
}

.pageHeader {
    font-family: georgia, verdana, Times New Roman;
    font-size: 16px;
    color: #336633;
    font-weight: bold;
}

.small {
    font-family: verdana;
    font-size: 8px;
}

.medium {
    font-family: verdana;
    font-size: 10px;
}

.mediumLink {
    color: #993366;
    font-family: verdana;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
}

.required {
    color: #993366;
    font-family: verdana;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.portalNav_Off {
    font-family: verdana;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    background-color: #993366;
    color: #ffffff;
    border: 1px black solid;
}

.portalNav_Onn {
    font-family: verdana;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    background-color: #006699;
    color: #ffffff;
    border: 1px black solid;
}

.portalNavLink {
    font-family: verdana;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.listTitle {
    border: 1px solid grey;
    background-color: #993366;
    font-family: verdana;
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    font-weight: bold;
}

.subDropDown {
    color: #993366;
    font-family: verdana;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
}

.subHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    background-color: #993366;
}

.subSectionHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #336633;
    font-weight: 800;
    padding-bottom: 5px;
    padding-top: 5px;
}

.helpText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    width: 100%;
}

.resultstext {
    font-family: verdana;
    font-size: 12px;
}

TABLE {
    font-family: verdana;
    font-size: 12px;
}

.listingdetailborder {
    /*
	BORDER-RIGHT: #336633 1px solid; 
	BORDER-TOP: #336633 1px solid;
	BORDER-LEFT: #336633 1px solid;
	BORDER-BOTTOM: #336633 1px solid;
	*/
    BORDER-BOTTOM: #ddd 1px solid;
    padding-bottom: 10px;
    padding-top: 10px;
}

.validationerrorsummary {
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: Red
}

.validationerror {
    font-family: Arial;
    FONT-SIZE: 10pt;
    COLOR: Red;
    FONT-WEIGHT: bolder
}

.StatusActive {
    font-size: 12px;
    font-weight: bold;
    color: #003300;
    font-family: Arial;
}

.StatusComingSoon {
    font-size: 12px;
    font-weight: bold;
    color: #003300;
    font-family: Arial;
}

.StatusActiveContract {
    font-size: 12px;
    font-weight: bold;
    color: #ff9933;
    font-family: Arial;
}

.StatusUnderContract {
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    font-family: Arial;
}

.StatusSold {
    font-size: 12px;
    font-weight: bold;
    color: #660000;
    font-family: Arial;
}

.MainAddress {
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    font-weight: bold
}

.Title {
    font-family: Arial;
    font-size: 24px;
    color: #0000FF;
    font-weight: bold
}

.TableTitle {
    font-family: Arial;
    font-size: 16px;
    color: #800000;
    font-weight: bold
}

.InputTitle {
    font-family: Arial;
    font-size: 12px;
    color: #000080;
    font-weight: bold
}

.InputTitleRequired {
    font-family: Arial;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold
}

.InputTitleRed {
    font-family: Arial;
    font-size: 12px;
    color: #800000;
    font-weight: bold
}

.DetailItem {
    font-family: Arial;
    font-size: 8px;
    color: #000080
}

.DetailView {
    font-family: Arial;
    font-size: 12px;
    color: #000000
}

.ScreenTitle {
    font-family: Arial;
    font-size: 16px;
    color: #0000F8;
    font-weight: bold
}

.ScreenPrompt {
    font-family: Arial;
    font-size: 14px;
    color: #000000
}

.ScreenText {
    font-family: Arial;
    font-size: 12px;
    color: #000080;
}

.ScreenTextWhite {
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
}

.ScreenTextGray {
    font-family: Arial;
    font-size: 12px;
    color: #666666;
}

.ScreenTextLarge {
    font-family: Arial;
    font-size: 14px;
    color: #000080;
}

.ScreenTextRedLarge {
    font-family: Arial;
    font-size: 16px;
    color: #800000;
}

.ScreenTextRedSmall {
    font-family: Arial;
    font-size: 10px;
    color: #800000;
}

.ScreenTextRed {
    font-family: Arial;
    font-size: 12px;
    color: #800000;
}

.ScreenTextBold {
    font-family: Arial;
    font-size: 12px;
    color: #000080;
    font-weight: bold
}

.ScreenTextSmall {
    font-family: Arial;
    font-size: 10px;
    color: #000080
}

.ScreenTextSmallBold {
    font-family: Arial;
    font-size: 12px;
    color: #780304
}

.ScreenNumber {
    font-family: Arial;
    font-size: 12px;
    color: #000080;
    font-weight: bold
}

.ScreenNumberSelected {
    font-family: Arial;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold
}

.ScreenItem {
    font-family: Arial;
    font-size: 12px;
    color: #000080;
    font-weight: bold
}

a:link {
    color: #005BB7;
}

a:visited {
    color: #005BB7;
}

a:active {
    color: #CC9900;
}

a:hover {
    color: #677461;
}

.body12pt {
    font-size: 12pt;
    font-family: Verdana, Arial, Helvetica;
    color: #373226;
    margin-left: 3;
    margin-top: 0;
    margin-bottom: 0
}

.body12ptwhite {
    font-family: Verdana, Arial, Helvetica;
    color: #FFFFFF;
    font-size: 12pt;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 3
}

.body10pt {
    font-family: Verdana, Arial, Helvetica;
    color: #373226;
    font-size: 10pt;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 3
}

.body9pt {
    font-family: Verdana;
    font-size: 9pt;
    margin-top: 2;
    margin-bottom: 0;
    margin-left: 3
}

.body10ptwhite {
    font-family: Verdana, Arial, Helvetica;
    color: #FFFFFF;
    font-size: 10pt;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 3
}

.body8pt {
    margin-top: 0;
    color: #373226;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica;
    margin-bottom: 0;
    margin-left: 3
}

.body8ptwhite {
    margin-top: 0;
    color: #FFFFFF;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica;
    margin-bottom: 0;
    margin-left: 3
}

h1 {
    font-family: Times New Roman, Times;
    color: #373226;
    font-size: 16pt;
    margin-left: 3;
    margin-top: 0;
    margin-bottom: 0
}

h2 {
    font-family: Times New Roman;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16pt;
    margin-left: 3;
    color: #FFFFFF
}

h3 {
    font-family: Arial Narrow, Arial;
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 3
}

h4 {
    font-family: Verdana;
    color: #800000;
    font-size: 12pt;
    font-weight: bold;
    margin-left: 3;
    margin-top: 0;
    margin-bottom: 0
}

h5 {
    font-size: 10pt;
    color: #800000;
    font-family: verdana;
    font-weight: bold;
    margin-left: 3;
    margin-top: 0;
    margin-bottom: 0
}

h6 {
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
    margin-left: 3;
    margin-top: 0;
    margin-bottom: 0
}

h7 {
    font-family: Verdana;
    color: #000000;
    font-size: 14pt;
    font-weight: bold;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5
}

.box {
    background-color: #EEEFDF;
}

    .box th {
        background-color: #0e4564;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 3 6 3 6;
        text-align: left;
        white-space: nowrap;
    }

.tanbox {
    border-collapse: collapse;
    border-width: 1px;
    border-color: #eeefdf;
    border-style: solid;
}

    .tanbox th {
        background-color: #EEEFDF;
        font-family: verdana, Arial;
        font-size: 12px;
        text-align: left;
        color: #336633;
        font-weight: bold;
        padding: 3 3 3 3;
        text-align: left;
    }

.checkList {
    FONT-SIZE: 7pt;
    padding: 0 5 0 0;
    float: left;
}
/* Listing Controls */
/* changed 3/7/06 to make look like the old pages */
.ListingControlsBox {
    border-collapse: collapse;
    border-width: 1;
    width: 760px;
}

.ListingControlsBoxTitle {
    background-color: #ffffcc;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    color: #0000F8;
    padding: 3 3 3 3;
}

.ListingControlsBox h1 {
    font-family: Arial;
    font-size: 16px;
    color: #0000F8;
    font-weight: bold;
    padding: 3 3 3 3;
}

.ListingControlSectionHeader {
    background-color: #EEEFDF;
    font-family: verdana, Arial;
    font-size: 12px;
    text-align: left;
    color: #336633;
    font-weight: bold;
    padding: 3 3 3 3;
    text-align: left;
    /*width: 100%; Firefox issue*/
    height: 35px;
    BORDER-RIGHT: #336633 1px solid;
    BORDER-TOP: #336633 1px solid;
    BORDER-LEFT: #336633 1px solid;
    BORDER-BOTTOM: #336633 0px solid;
}

.ListingControlTable {
    background-color: #F4F4F4;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    BORDER-RIGHT: #336633 1px solid;
    BORDER-TOP: #336633 0px solid;
    BORDER-LEFT: #336633 1px solid;
    BORDER-BOTTOM: #336633 1px solid;
}

    .ListingControlTable tr {
        background-color: #F4F4F4;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 2px;
        padding-right: 2px;
    }

.GridHeaderStyle {
    background-color: #EEEFDF;
    font-weight: bold;
    vertical-align: bottom;
}

.GridAltItemStyle {
    background-color: #EEEFDF;
}

.GridItemStyle {
    background-color: white;
}

.NoClearPanel {
    clear: none;
    float: left;
}

.order {
    text-align: center;
}

.clear {
    clear: both;
}

.cookie-consent {
    display: flex;
    flex-direction: column;
    margin: 0.8em;
    padding: 1.2em;
    position: fixed; /* Ensure nothing overflows on page or flex + fixed position does not work. */
    bottom: 0.1em;
    left: 0.1em;
    background: white;
    color: inherit;
    border-radius: 10px;
    box-shadow: 0 5px 20px;
}

.cookie-consent__text {
    margin-bottom: 1em;
    margin-left: 1em;
    text-align: left;
    font-size: 14px;
}

.cookie-consent__buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: center;
}

.cookie-consent__buttons-button {
    cursor: pointer;
    border-radius: 3px;
    padding: 0.5em;
}

.cookie-consent__buttons__close {
    background: #3B4E73;
    color: white;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 14px;
}

.cookie-consent__buttons__read-more > a {
    color: #3B4E73;
    margin-right: 1em;
}
