body {
    background-color: #FFFFFF;
    margin: 0px 0px;
    padding: 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    align-content: center;
}

input {
    font-size: 11px;
    color: black;
}

select {
    font-size: 11px;
    color: black;
}

A:link {
    text-decoration: underline;
    color: #FFFFFF;
}

A:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

A:hover {
    text-decoration: none;
}

A:active {
    color: #cc0000;
    text-decoration: underline;
}

.input {
    font-size: 11px;
    color: Black;
}

table {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}
/*  Below is a band-aid class to be applied to pages at the body
    or table level. It's used to blanket-format text on a page.	*/
.regularText {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

.regularTextBold {
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.regularText a, .regularText a:link {
    color: #17417F;
    text-decoration: underline;
    cursor: pointer;
}

    .regularText a:visited {
        color: #17417F;
        text-decoration: underline;
        cursor: pointer;
    }

    .regularText a:hover {
        color: #6f8d89;
        text-decoration: none;
        cursor: pointer;
    }

    .regularText a:active {
        color: #17417F;
        text-decoration: underline;
        cursor: pointer;
    }

.tinyText {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

.tinyTextBold {
    font-family: Arial, sans-serif;
    font-size: 9px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.pageTitle {
    font-weight: bold;
    width: 590px;
    color: #6887B4;
    font-size: 18px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E0D4bb;
    margin-bottom: 10px;
    margin-top: 3px;
}

.contentPadder {
    padding: 5px;
}
/* The class below is for when you have a div or table of content just below the title. It removes extra spacing. */
.contentPadderTitle {
    padding: 10px 10px 5px 10px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}
/* The class below adds padding if and stretches the container if other HTML gets in the way when calculating widths */
.stretchyPad {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    width: 100%;
}
/* Style the font size of inputs with this */
.basicInput {
    font-size: 11px;
    color: black;
}
/* BG Colors Classes */
.bgVeryDarkBlue {
    background-color: #000066;
}

.bgDarkBlue {
    background-color: #17417f;
}

.bgMediumBlue {
    background-color: #6f8db9;
}

.bgVeryLightBlue {
    background-color: #c0cde0;
}

.bgDarkRed {
    background-color: #7a0000;
}

.bgBrightRed {
    background-color: #cc0000;
}

.bgDarkCream {
    background-color: #e0d4bb;
}
/* Font Colors Classes */
.fontVeryDarkBlue {
    color: #000066;
}

.fontDarkBlue {
    color: #17417f;
}

.fontVeryLightBlue {
    color: #c0cde0;
}

.fontDarkRed {
    color: #7a0000;
}

.fontBrightRed {
    color: #cc0000;
}

.fontDarkCream {
    color: #e0d4bb;
}
/* Temporary button style until gfx buttons implemented */
/*  .btn {font-family: Verdana, Arial, Helvetica, sans-serf; font-size: 12px; color: #17417f;} */
.adminFrame {
    width: 772px;
    border-right: 1px solid #17417F;
    background-color: #F0EADE;
}

.bannerAdmin {
    background-color: #17417F;
    margin: 0px 0px;
    padding: 0px;
    width: 772px;
}

.footerAdmin {
    background-color: #17417F;
    font-size: 12px;
}

.adminMenuGutter {
    border-right: 1px solid #17417F;
    background-color: #e0d4bb;
}

.mymenuicon {
    background-color: #ffffff;
}

.mymenuiconsel {
    background-color: #FFFFFF;
    text-decoration: none;
}

.mymenuarrow {
    background-color: #ffffff;
}

.mymenuarrowsel {
    background-color: #FFFFFF;
    text-decoration: none;
}

#lblMsg {
    padding-left: 5px;
    padding-bottom: 5px;
    color: #CC0000;
    font-weight: bold;
}

.masqText a, .masqText a:link {
    color: #17417F;
    text-decoration: underline;
    cursor: pointer;
}

    .masqText a:visited {
        color: #17417F;
        text-decoration: underline;
        cursor: pointer;
    }

    .masqText a:hover {
        color: #6f8d89;
        text-decoration: none;
        cursor: pointer;
    }

    .masqText a:active {
        color: #17417F;
        text-decoration: underline;
        cursor: pointer;
    }

.formLabel {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    white-space: nowrap;
}

.field {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: left;
}

.fieldLabel {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
}

.fieldLabelLeft {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
}

.fieldLabelLeftTop {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
}

.fieldLabelTop {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
    padding-top: 3px;
}

.fieldLabelTopAbsolute {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
}

.fieldLabelTopCounter {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
    padding-top: 18px;
}

.formComment {
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    color: #000;
}

.SubHeaderBox {
    background-color: #d0b594;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 2px;
    padding-left: 10px;
    width: 100%;
}

.pagingStyle {
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
}

.RequiredMSG {
    color: #cc0000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    background-image: url(/images/hr.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-right: 10px;
}

.denotesRequired {
    color: #CC0000;
    font-weight: bold;
    margin-right: 3px;
}

.greenmesg {
    color: #009600;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}

.redmesg {
    color: #cc0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.redmesgItalic {
    color: #cc0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.errorMSG {
    margin: 10px;
    padding: 5px;
    width: 100%;
    text-align: center;
    color: #cc0000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

.errorMSGLeft {
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
    width: 100%;
    text-align: left;
    color: #cc0000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

.errorMSGNoPadding {
    padding-right: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    width: 100%;
    text-align: left;
    color: #cc0000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

.warning {
    padding-top: 10px;
    width: 100%;
    text-align: left;
    color: #293884;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

    .warning p {
        margin: 3px 0px 3px 15px;
    }

.standAloneNoResults {
    text-align: center;
    color: #CC3300;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

.standAloneErrorMSG {
    margin: 10px;
    padding: 5px;
    width: 100%;
    text-align: center;
    color: #cc0000;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 250px;
}

/* ***************************************** */
/* Standard Data Table Styles                */
/* ***************************************** */
.dataTable {
    border-right: #999999 1px solid;
    border-top: #cccccc 1px solid;
    font-size: 12px;
    border-left: #cccccc 1px solid;
    border-bottom: #999999 1px solid;
    font-family: Arial, Verdana, sans-serif;
    background-color: #ffffff;
}

.dataTableSmall {
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-size: 10px;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    font-family: Arial, Verdana, sans-serif;
    border-collapse: collapse;
    background-color: #ffffff;
}

    .dataTableSmall TD {
        font-size: 11px;
    }

.dataTableTitle {
    font-family: Arial, Verdana, sans-serif;
    color: Black;
    background-color: #C0CDE0;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
}

.dataTableHeader {
    font-family: Arial, Verdana, sans-serif;
    color: White;
    background-color: #6F8DB9;
    font-weight: bold;
}

    .dataTableHeader TD {
        font-family: Arial, Verdana, sans-serif;
        color: White;
        background-color: #37548c;
        font-weight: bold;
    }

.dataTableFooter {
    font-family: Arial, Verdana, sans-serif;
    color: White;
    background-color: #4e4c4d;
    font-weight: bold;
}

    .dataTableFooter TD {
        font-family: Arial, Verdana, sans-serif;
        color: White;
        background-color: #4e4c4d;
        font-weight: bold;
    }

.dataTableHeader a, .dataTableHeader a:link, .dataTableHeader a:visited, .dataTableHeader a:active {
    font-family: Arial, Verdana, sans-serif;
    color: White;
    background-color: #37548c;
    font-weight: bold;
    text-decoration: underline;
}

    .dataTableHeader a:hover {
        font-family: Arial, Verdana, sans-serif;
        color: White;
        background-color: #37548c;
        font-weight: bold;
        text-decoration: underline;
    }

.dataTableSubHeader {
    color: #000000;
    background-color: #aaaaaa;
    font-weight: bold;
}

.dataTableRow {
    color: #000000;
    background-color: #dddbdc;
}

.dataTableRowAlt {
    color: #000000;
    background-color: #dddbdc;
}

.dataTableRow a, .dataTableRow a:link, .dataTableRow a:visited, .dataTableRow a:active {
    color: #000000;
    text-decoration: underline;
}

.dataTableRowAlt a, .dataTableRowAlt a:link, .dataTableRowAlt a:visited, .dataTableRowAlt a:active {
    color: #000000;
    text-decoration: underline;
}

/* ***************************************** */
/* Classes below this line are page specific */
/* ***************************************** */

/* **************************************************** */
/* Security Adminstration Classes defined below here. Do not alter! */
/* **************************************************** */
.treeNode {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

/* **************************************************** */
/* Login Page Classes defined below here. Do not alter! */
/* **************************************************** */
.adminLoginFrame {
    width: 772px;
    border-right: 1px solid #17417F;
    border-left: 1px solid #17417F;
    background-color: #F0EADE;
    font-size: 12px;
}

.loginBumper {
    background-color: #e0d4bb;
    font-size: 12px;
}

.loginTitle {
    font-weight: bold;
    color: #37548b;
    font-size: 18px;
}

.loginError {
    color: #CC0000;
}

.loginBaseTxt {
    font-size: 12px;
    text-decoration: none;
}

    .loginBaseTxt a:link {
        color: #17417F;
        text-decoration: underline;
    }

    .loginBaseTxt a:visited {
        color: #17417F;
        text-decoration: underline;
    }

    .loginBaseTxt a:hover {
        color: #6b3646;
        text-decoration: none;
    }

    .loginBaseTxt a:active {
        color: #6b3646;
        text-decoration: none;
    }

.adminLoginHeader {
    background-color: #17417f;
}

/* **************************************************************** */
/* User greeting/info bar Classes defined below here. Do not alter! */
/* **************************************************************** */
.greetings {
    background-color: #E0D4BB;
    padding: 4px;
}

.greetUser {
    color: #6b3646;
    font-weight: bold;
    font-size: 12px;
}

.greetRole {
    color: #000;
    font-weight: normal;
    font-size: 12px;
}

.greetOffice {
    color: #000;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}

.greetLogout {
    font-size: 12px;
    color: #990000;
    font-weight: bold;
}

    .greetLogout a:link {
        font-size: 12px;
        color: #990000;
        text-decoration: underline;
        font-weight: bold;
    }

    .greetLogout a:visited {
        font-size: 12px;
        color: #990000;
        text-decoration: underline;
        font-weight: bold;
    }

    .greetLogout a:hover {
        font-size: 12px;
        color: #990000;
        text-decoration: none;
        font-weight: bold;
    }

    .greetLogout a:active {
        font-size: 12px;
        color: #990000;
        text-decoration: underline;
        font-weight: bold;
    }

.greetChevrons {
    font-size: 18px;
    color: #990000;
    font-weight: bold;
}

/* ****************************************************************** */
/* Banner Ad Administration Classes defined below here. Do not alter! */
/* ****************************************************************** */
.bannerADCategory {
    background-color: #f0eade;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}

#ddlBannerAdCategory {
    font-size: 11px;
    margin-left: 5px;
}

.bannerAdCategoryTBL {
    width: 590px;
    background-color: #f0eade;
    border: 0px solid #000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}
/* These Banner Ads Classes that control the data table will be replaced by identical classes with a generic name */
.bannerAdsTable {
    border: 0px solid #000;
    width: 500px;
}

.banAdsDTHead {
    padding-left: 3px;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    padding: 4px;
    font-weight: bold;
}

    .banAdsDTHead a:link {
        color: #FFF;
        text-decoration: underline;
    }

    .banAdsDTHead a:visited {
        color: #FFF;
        text-decoration: underline;
    }

    .banAdsDTHead a:hover {
        color: #FFF;
        text-decoration: none;
    }

    .banAdsDTHead a:active {
        color: #FFF;
        text-decoration: underline;
    }

.banAdsDTRow {
    background-color: #F0EADE;
    padding-left: 3px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    padding: 2px;
}

    .banAdsDTRow a:link {
        color: #17417F;
        text-decoration: underline;
    }

    .banAdsDTRow a:visited {
        color: #17417F;
        text-decoration: underline;
    }

    .banAdsDTRow a:hover {
        color: #6f8db9;
        text-decoration: none;
    }

    .banAdsDTRow a:active {
        color: #6f8db9;
        text-decoration: underline;
    }

.banAdsDTAltRow {
    padding-left: 3px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    padding: 2px;
}

    .banAdsDTAltRow a:link {
        color: #17417F;
        text-decoration: underline;
    }

    .banAdsDTAltRow a:visited {
        color: #17417F;
        text-decoration: underline;
    }

    .banAdsDTAltRow a:hover {
        color: #6f8db9;
        text-decoration: none;
    }

    .banAdsDTAltRow a:active {
        color: #6f8db9;
        text-decoration: underline;
    }

.banAdsPreviewBox {
    overflow: scroll;
    width: 590px;
    height: 200px;
    background-color: #EAEAEA;
    border: 1px solid #000;
}

.banAdsDatesSelect {
    width: 585px;
    border: 0px solid #000;
    padding-left: 5px;
}

.banAdsMiniHead {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.banAdsItemName {
    font-size: 12px;
    color: #000000;
    width: 509px;
}

.banAdsURLInput {
    font-size: 12px;
    color: #000000;
    width: 250px;
}

.banADEditMediaLink {
    font-size: 12px;
    color: #990000;
    font-weight: bold;
}

    .banADEditMediaLink a:link {
        font-size: 12px;
        color: #990000;
        text-decoration: underline;
        font-weight: bold;
    }

    .banADEditMediaLink a:visited {
        font-size: 12px;
        color: #990000;
        text-decoration: underline;
        font-weight: bold;
    }

    .banADEditMediaLink a:hover {
        font-size: 12px;
        color: #990000;
        text-decoration: none;
        font-weight: bold;
    }

    .banADEditMediaLink a:active {
        font-size: 12px;
        color: #990000;
        text-decoration: underline;
        font-weight: bold;
    }

.banADEditChevrons {
    font-size: 18px;
    color: #990000;
    font-weight: bold;
}

.banAdEditSave {
    border-top: 1px solid #000;
    padding-top: 5px;
    margin-top: 15px;
}

.DTpagerStyle {
    background-color: #c0cde0;
}

/* The following classes might be done away with, use with caution! */
.reportsTable {
    border: 0px solid #000;
    width: 500px;
}

.reportsTableHead {
    padding-left: 3px;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    padding: 4px;
    font-weight: bold;
    background-color: #17417F;
}

    .reportsTableHead a:link {
        color: #FFF;
        text-decoration: underline;
    }

    .reportsTableHead a:visited {
        color: #FFF;
        text-decoration: underline;
    }

    .reportsTableHead a:hover {
        color: #FFF;
        text-decoration: none;
    }

    .reportsTableHead a:active {
        color: #FFF;
        text-decoration: underline;
    }

.reportsTableRow {
    background-color: #F0EADE;
    padding-left: 3px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    padding: 2px;
}

    .reportsTableRow a:link {
        color: #17417F;
        text-decoration: underline;
    }

    .reportsTableRow a:visited {
        color: #17417F;
        text-decoration: underline;
    }

    .reportsTableRow a:hover {
        color: #6f8db9;
        text-decoration: none;
    }

    .reportsTableRow a:active {
        color: #6f8db9;
        text-decoration: underline;
    }

.reportsTableAltRow {
    padding-left: 3px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    padding: 2px;
    background-color: #E0D4BB;
}

    .reportsTableAltRow a:link {
        color: #17417F;
        text-decoration: underline;
    }

    .reportsTableAltRow a:visited {
        color: #17417F;
        text-decoration: underline;
    }

    .reportsTableAltRow a:hover {
        color: #6f8db9;
        text-decoration: none;
    }

    .reportsTableAltRow a:active {
        color: #6f8db9;
        text-decoration: underline;
    }

/* ************************************************************** */
/* Links Administration Classes defined below here. Do not alter! */
/* ************************************************************** */
.linkAdminSrchInput {
    font-size: 12px;
    color: #000000;
    width: 180px;
}

/* **************************************************************** */
/* Home Page Banner Admin Classes defined below here. Do not alter! */
/* **************************************************************** */
.hpBanPreviewBox {
    overflow: scroll;
    width: 590px;
    height: 125px;
    background-color: #EAEAEA;
    border: 1px solid #000;
}

.hpBanEditSubmit {
    border-top: 1px solid #000;
    margin-top: 15px;
    padding-top: 10px;
    text-align: center;
    width: 585px;
}

/* ****************************************************** */
/* Office Admin Classes defined below here. Do not alter! */
/* ****************************************************** */
.mlsIDinputs {
    width: 228px;
    font-size: 11px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.tridentDataBox {
    border: 2px solid #8c2300;
}

.officeDisplayName {
    margin-top: 5px;
}

.linkList {
    border-right: #996666 thin solid;
    border-top: #996666 thin solid;
    display: block;
    overflow: auto;
    border-left: #996666 thin solid;
    width: 650px;
    border-bottom: #996666 thin solid;
    position: relative;
    height: 250px;
}

/* ********************************************************** */
/* New Homes/Condos Classes defined below here. Do not alter! */
/* ********************************************************** */
.tabcontrol {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    width: 650px;
    background-color: #EFDECE;
}

.tabControlActiveLnk {
    background-color: #FFFFFF;
}

.tabControlNonActiveLnk {
}

.hpCondoBanPreviewBox {
    overflow: scroll;
    width: 550px;
    height: 92px;
    background-color: #faf5eb;
    border: 1px solid #000;
}

/* ********************************************************* */
/* Personnel Admin Classes defined below here. Do not alter! */
/* ********************************************************* */
.personnelName {
    width: 225px;
    font-size: 11px;
    color: #000;
}

.profileStatusSaved {
    width: 90%;
    border: 2px dashed #17417F;
    padding-top: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-bottom: 10px;
    margin: 2px;
    background-color: #A8CBE7;
    background-image: url(../images/AgentTools/statusBlue.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.profileStatusSubmitted {
    width: 90%;
    border: 2px dashed #7E693B;
    padding-top: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-bottom: 10px;
    margin: 2px;
    background-color: #C8B499;
    background-image: url(../images/AgentTools/statusBrown.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.profileStatusApproved {
    width: 90%;
    border: 2px dashed #699062;
    padding-top: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-bottom: 10px;
    margin: 2px;
    background-color: #B1E7A8;
    background-image: url(../images/AgentTools/statusGreen.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.profileStatusDeclined {
    width: 90%;
    border: 2px dashed #905252;
    padding-top: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-bottom: 10px;
    margin: 2px;
    background-color: #E7A8A8;
    background-image: url(../images/AgentTools/statusRed.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.savedTag {
    background-color: #17417f;
    color: #fff;
    padding: 5px;
}

.submittedTag {
    background-color: #7E693B;
    color: #fff;
    padding: 5px;
}

.approvedTag {
    background-color: #699062;
    color: #fff;
    padding: 5px;
}

.declinedTag {
    background-color: #905252;
    color: #fff;
    padding: 5px;
}

.statusMsgBody {
    padding-top: 5px;
}

.boundingBox {
    background-color: #dddbdb;
    padding: 4px;
    margin-bottom: 10px;
    border-left: 1px solid #959494;
    border-right: 1px solid #959494;
    border-top: 1px solid #959494;
    border-bottom: 1px solid #959494;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Verdana, Sans-Serif;
    width: 100%;
    text-align: left;
}

.boundingBoxText {
    padding: 1px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Verdana, Sans-Serif;
    width: 100%;
    text-align: left;
}

.agentAdminULBtn {
    width: 67px;
}

.ULwidget {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.agentAdminTridentData {
    width: 100%;
    background-color: #fff;
    padding: 4px;
    border-left: 2px solid #cc0000;
    border-right: 2px solid #7a0000;
    border-top: 2px solid #cc0000;
    border-bottom: 2px solid #7a0000;
}

.agentAdminManageMLS {
    background-color: #d0b594;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 4px;
    border-left: 2px solid #C9BCA1;
    border-right: 2px solid #827456;
    border-top: 2px solid #C9BCA1;
    border-bottom: 2px solid #827456;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Verdana, Sans-Serif;
    width: 100%;
    text-align: left;
}

.agentLinkList {
    border-right: #996666 thin solid;
    border-top: #996666 thin solid;
    display: block;
    overflow: auto;
    border-left: #996666 thin solid;
    width: 100%;
    border-bottom: #996666 thin solid;
    position: relative;
    height: 250px;
}

.APagentBranding {
    margin-left: 10px;
}

.profileFormFrame {
    margin: 12px;
}

.upDnAgentBioTable {
    margin-bottom: 12px;
    border-bottom: 1px solid #e0d4bb;
}

.declineBox {
    width: 100%;
}
/* Agent Teams */
.officeDDL {
    width: 200px;
    font-size: 11px;
    color: Black;
}
/* Job Edit Page */
.JobEditTable {
    width: 96%;
    padding: 3px;
    border: 0px solid #000;
}
/* ********************************************************* */
/* Personnel Admin Classes defined below here. Do not alter! */
/* ********************************************************* */
.reportDate {
    width: 100%;
    text-align: right;
    padding-bottom: 6px;
}

.InactiveTable {
    width: 68%;
}

/* ******************************************************** */
/* Property Admin Classes defined below here. Do not alter! */
/* ******************************************************** */
.adminPropResultsHead {
    background-color: #b9b8b8;
    font-family: Arial, Verdana, Sans-Serif;
    border-bottom: 1px solid #17417f;
    margin-bottom: 4px;
    font-weight: bold;
    text-decoration: none;
    color: #17417f;
}

    .adminPropResultsHead a:link {
        color: #17417f;
        text-decoration: underline;
    }

    .adminPropResultsHead a:visited {
        color: #17417f;
        text-decoration: underline;
    }

    .adminPropResultsHead a:active {
        color: #cc0000;
        text-decoration: underline;
    }

    .adminPropResultsHead a:hover {
        color: #6f8db9;
        text-decoration: none;
    }

.resultsHeaderBorder {
    border-left: 1px solid #ffffff;
    padding: 5px;
}

.adminPropSrchRepeaterTbl {
    border-bottom: 1px solid #6f8db9;
    margin-bottom: 20px;
    padding-bottom: 6px;
}

.adminPSrchResultsDate {
    font-size: 10px;
}

.adminPropDetailsAdminLink {
    color: red;
    text-decoration: underline;
    border-bottom: 1px solid red;
}
/*.adminPropDetailsAdminLink a:active {color: red; text-decoration: underline; border-bottom:1px solid red;}
.adminPropDetailsAdminLink a:visited {color: red; text-decoration: underline; border-bottom:1px solid red;}
.adminPropDetailsAdminLink a:hover {color: red; text-decoration: underline; border-bottom:1px solid red;}
		



/* ******************************************************** */
/* Showings Admin Classes defined below here. Do not alter! */
/* ******************************************************** */
.subItemBar {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #C7C7C7;
    font-weight: bold;
}

.showingsResultsHead {
    background-color: #6e8db9; /*#e0d4bb;*/
    font-family: Arial, Verdana, Sans-Serif;
    border-bottom: 1px solid #6e8db9;
    margin-bottom: 4px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

    .showingsResultsHead a:link {
        color: #ffffff;
        text-decoration: underline;
    }

    .showingsResultsHead a:visited {
        color: #ffffff;
        text-decoration: underline;
    }

    .showingsResultsHead a:active {
        color: #ffffff;
        text-decoration: underline;
    }

    .showingsResultsHead a:hover {
        color: #ffffff;
        text-decoration: none;
    }

    .showingsResultsHead td {
        font-size: 10px;
        text-align: center;
        padding: 3px 0px 3px 3px;
    }

.showingsRepeaterTbl {
    border-bottom: 1px solid #6f8db9;
    margin-bottom: 20px;
    padding-bottom: 6px;
}

    .showingsRepeaterTbl td {
        border-left: 1px solid #f0e9df;
        font-size: 11px;
        text-align: center;
        padding-left: 1px;
        border-bottom: 1px solid #6f8db9;
    }

/* Property Photo Admin Styles */
#dhtmltooltip {
    border-right: black 1px solid;
    padding-right: 2px;
    border-top: black 1px solid;
    padding-left: 2px;
    z-index: 100;
    visibility: hidden;
    padding-bottom: 2px;
    border-left: black 1px solid;
    width: 425px;
    padding-top: 2px;
    border-bottom: black 1px solid;
    position: absolute;
    height: 319px;
    background-color: #ffffff;
}

.DisplayPhoto {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    color: white;
    border-bottom: black 1px solid;
    font-family: Arial;
    background-color: #009900;
}

.HidePhoto {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    color: white;
    border-bottom: black 1px solid;
    font-family: Arial;
    background-color: #990033;
}

.CardBase {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.CardDock {
    border-right: dimgray 1px solid;
    border-top: dimgray 1px solid;
    border-left: dimgray 1px solid;
    width: 255px;
    border-bottom: dimgray 1px solid;
    height: auto;
    background-color: #a9a9a9;
    display: block;
}

.CardDockVertical {
    height: 90px;
    width: 1px; /*float: right;*/
    top: 0px;
    display: inline;
}

.Card {
    border-right: dimgray 1px solid;
    padding-right: 0px;
    border-top: #f5f5f5 1px solid;
    margin-top: 3px;
    padding-left: 0px;
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 0px;
    border-left: #f5f5f5 1px solid;
    width: 225px;
    padding-top: 0px;
    border-bottom: dimgray 1px solid;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 85px;
    background-color: #cccccc;
    text-align: center;
}

.CardCell {
    display: table-cell; /*border-left: #f5f5f5 1px solid; 	border-top: #f5f5f5 1px solid; 	border-right: #f5f5f5 1px solid; 	border-bottom: #f5f5f5 1px solid; 	background-color: #ffffff;*/
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 180px;
    cursor: default;
    margin-top: 3px;
    margin-left: 3px;
    float: left;
}

.PhotoHeader {
    margin: 0px auto;
    width: 21px;
    display: table-cell;
    float: left;
}

.PhotoNumber {
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
    margin: 2px 0 0 2px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 2px;
    height: 14px;
    width: 18px;
    background-color: #f5f5f5;
    text-align: center;
    float: left;
    cursor: default;
}

.DragHandle {
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    padding-bottom: 0px;
    margin: 2px 0px 0px 4px;
    _margin: 4px 1px 0px 2px;
    cursor: move;
    padding-top: 5px;
    text-align: center;
    background: #cccccc url(/Images/Buttons/grip_gray.gif) repeat center;
    cursor: move;
    height: 55px;
    width: 15px;
}

.PhotoDelete {
    padding-right: 3px;
    padding-left: 0px;
    padding-bottom: 4px;
    padding-top: 2px;
    width: 15px;
    cursor: pointer;
    background-color: #cccccc;
    text-align: center;
    float: right;
}

.PhotoView {
    padding-right: 3px;
    padding-left: 0px;
    padding-bottom: 4px;
    padding-top: 2px;
    width: 15px;
    cursor: pointer;
    background-color: #cccccc;
    text-align: center;
    float: right;
}

.PhotoImage {
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
    background-color: #ffffff;
    padding-top: 2px;
    height: 51px;
    width: 87px;
    float: left;
}

.PhotoSource {
    float: right;
    height: 48px;
    width: 86px;
    padding-top: 5px;
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
    background-color: #f5f5f5;
}

.PhotoCaption {
    padding: 0 0 0 0;
    width: 195px;
    text-align: left;
    cursor: default;
    margin-top: 4px;
    margin-left: 3px;
    height: 20px;
    float: left;
}

.PhotoCaptionButton {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.PhotoCaptionLabel {
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
    width: 169px;
    height: 16px;
    padding-top: 1px;
    padding-left: 3px;
    float: left;
    background-color: #f5f5f5;
    font-size: 11px;
    cursor: default;
}

.PhotoCaptionText {
    float: left;
    width: 151px;
}
/* Property Photo Admin Styles */
/* File Upload Styles */
.fuCard {
    padding: 0 0 0 0;
    border-right: #696969 1px solid;
    border-top: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    border-bottom: #696969 1px solid;
    margin-top: 3px;
    font-weight: normal;
    font-size: 10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    width: 275px;
    height: 55px;
    background: #cccccc url(/Images/Buttons/gripBar.gif) no-repeat top left;
    text-align: center;
    cursor: move;
}

.fuFunction {
    padding-top: 2px;
    margin-right: 1px;
    width: 15px;
    cursor: pointer;
    float: right;
    position: relative;
}

.fuDelete {
    padding-top: 0px;
    padding-right: 0px;
    width: 15px;
    cursor: pointer;
    text-align: center;
    position: relative;
    left: 3px;
}

.fuView {
    padding-right: 0px;
    padding-top: 2px;
    width: 15px;
    cursor: pointer;
    text-align: center;
    float: right;
    position: relative;
    left: 1px;
}

.fuVisible {
    padding-right: 0px;
    padding-top: 1px;
    width: 15px;
    cursor: pointer;
    text-align: center;
    float: right;
    position: relative;
}

.fuSource {
    float: left;
    margin-top: 3px;
    height: 25px;
    width: 227px;
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    background-color: #f5f5f5;
    position: relative;
    left: 21px;
    cursor: default;
}

.fuCaptionText {
    font-weight: normal;
    font-size: 10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    float: left;
    width: 225px;
    border-right: #f5f5f5 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #f5f5f5 1px solid;
    position: relative;
    left: 21px;
    margin-top: 3px;
}
/* File Upload Styles */
.labelToolTip {
    cursor: help;
}

#divToolTip {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    position: absolute;
    width: 250px;
    border: 1px solid black;
    padding: 2px;
    background-color: #ffffe0;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.contentPageFile {
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    width: 99%;
    background-color: transparent;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #ccc;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

#progressContainer {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: transparent;
    z-index: 1001;
}

#processMessage {
    position: relative;
    top: 40%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 14%;
    z-index: 1001;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    border: solid 1px #000;
}

.button {
    margin: 0;
    padding: 6px 15px 0px 15px;
    background: #dcdcdc;
    text-align: center;
    border: solid 1px #999999;
    background: url(/Images/Buttons/tabButton.gif) repeat-x left center;
    color: #000 !important;
    font-weight: bold;
}

a.button {
    height: 22px;
    display: inline-block;
}

.buttonDark {
    margin: 0;
    padding: 6px 16px 0px 16px;
    background: #dcdcdc;
    text-align: center;
    border: solid 1px #999999;
    background: url(/Images/Buttons/tabButtonBlue.gif) repeat-x left center;
    color: #fff !important;
    font-weight: bold;
}

a.buttonDark {
    height: 22px;
    display: inline-block;
}

/* ******************************************************** */
/*              Collapsible Repeater Styles                 */
/* ******************************************************** */
.col-rep-container {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*width: 100%;*/
    background-color: #fff;
    display: block;
    margin: 5px;
}

.col-rep-level1Row, .col-rep-level2Row, .col-rep-level3Row {
    width: 100%;
    display: table;
    border: solid 1px #fff;
    margin: 0px;
    padding: 0px;
}

.col-rep-level1Row {
    background-color: #6f8db9;
    color: #ffffff;
}

.col-rep-level2Row {
    color: #000;
    background-color: #E0D4BB;
}

.col-rep-level3Row {
    background-color: #F0EADE;
    color: #000;
}

.col-rep-button {
    float: left;
    padding: 0px 5px 0px 0px;
    cursor: pointer;
    display: block;
}

.col-rep-level1Data, .col-rep-level2Data, .col-rep-level3Data {
    float: left;
    padding: 5px 5px 5px 5px;
}

.col-rep-level1Data {
    padding-left: 10px;
}

.col-rep-level2Data {
    padding-left: 30px;
}

.col-rep-level3Data {
    padding-left: 65px;
}

.col-rep-total {
    float: right;
    padding: 5px 5px 5px 5px;
}
/* ******************************************************** */
/*            End Collapsible Repeater Styles               */
/* ******************************************************** */
.rad-editor-disabled {
    overflow: auto;
    border: solid 1px #ccc;
}

.WidgetHeader {
    border-top-style: ridge;
    border-top-width: 1px;
    border-left-style: ridge;
    border-left-width: 1px;
    border-right-style: groove;
    border-right-width: 1px;
    border-bottom-style: groove;
    border-bottom-width: 1px;
    padding: 3px;
    height: 20px;
}

.WidgetHeaderCell {
    width: 200px;
    float: left;
}

.WidgetValueBox {
    border-left-style: ridge;
    border-left-width: 1px;
    border-right-style: groove;
    border-right-width: 1px;
    border-bottom-style: groove;
    border-bottom-width: 1px;
    clear: both;
    height: 85px;
}

.WigetValueTitleCell {
    float: left;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: bold;
    width: 100px;
}

.WigetValueCell {
    float: left;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.WidgetDisplayOrder {
    margin-bottom: 10px;
}

.WidgetMoveUp {
}

a.WidgetDisabledMoveUp, a:link.WidgetDisabledMoveUp, a:visited.WidgetDisabledMoveUp, a:active.WidgetDisabledMoveUp, a:hover.WidgetDisabledMoveUp select.WidgetDisabledMoveUp {
    background-color: transparent;
    text-decoration: none;
    color: Gray;
    cursor: default;
}

.WidgetMoveDown {
}

a.WidgetDisabledMoveDown, a:link.WidgetDisabledMoveDown, a:visited.WidgetDisabledMoveDown, a:active.WidgetDisabledMoveDown, a:hover.WidgetDisabledMoveDown {
    background-color: transparent;
    text-decoration: none;
    color: Gray;
    cursor: default;
}

ul.buttons {
    list-style: none;
    margin: 0;
    padding: 0px;
}

ul.buttons-right {
    float: right;
}

ul.buttons li {
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin: 0px 0px 0px 5px;
    padding: 0px;
}

ul.buttons a {
    text-decoration: none;
}

buttons-med a {
    text-decoration: none;
}

.ui-widget {
    font-family: Arial,sans-serif;
    font-size: 12px;
}

    .ui-widget .ui-widget {
        font-size: 12px;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,sans-serif;
        font-size: 12px;
    }

.ui-icon {
    width: 30px;
    height: 22px;
    background-image: url(/images/sprite-skinicons.png);
}

.ui-widget-content .ui-icon {
    background-image: url(/images/sprite-skinicons.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/images/sprite-skinicons.png);
}

.ui-widget-overlay {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ui-dialog {
    border-width: .5em;
    border-color: #415E7F;
    padding: 0px 0px;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    -khtml-border-top-left-radius: 1em;
    -khtml-border-top-right-radius: 1em;
    -khtml-border-bottom-left-radius: 1em;
    -khtml-border-bottom-right-radius: 1em;
    box-shadow: none;
    position: fixed;
}

.ui-dialog-glow {
    box-shadow: 0px 0px 20px #ffffff !important;
}

.ui-dialog .ui-dialog-content {
    padding: .25em .5em;
}

.ui-dialog-titlebar {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    border-bottom-left-radius: 0em;
    border-bottom-right-radius: 0em;
    -khtml-border-top-left-radius: .5em;
    -khtml-border-top-right-radius: .5em;
    -khtml-border-bottom-left-radius: 0em;
    -khtml-border-bottom-right-radius: 0em;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    padding: 0px;
    top: 50%;
    right: 4px;
    margin: -11px 0 0 0;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

    .ui-dialog .ui-dialog-titlebar-close span {
        display: block;
        margin: 0;
        padding: 0;
        width: 18px;
        height: 18px;
    }

/* these following two selectors help switch the jquery hover effect to our custom close buttons in the dialog */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/images/sprite-skinicons.png);
    border: 0px solid transparent;
}

.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus {
    background: transparent none;
    border: 1px none transparent;
}

.ui-autocomplete {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .4);
}

.ui-autocomplete-term {
    font-weight: bold;
}

.ui-autocomplete .ui-menu-item a {
    padding: .2em .2em;
}

.ui-autocomplete {
    border-radius: 0px;
    font-family: Arial;
    font-size: 14px;
}

    .ui-autocomplete .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        -khtml-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .ui-autocomplete .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        -khtml-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .ui-autocomplete .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -khtml-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .ui-autocomplete .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -khtml-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .ui-autocomplete .ui-state-hover {
        border: 1px solid #ccc;
        background-image: none;
        background-color: #ccc;
        font-weight: normal;
    }

.contentArea a, .contentArea a:link, .contentArea a:visited, .contentArea a:active {
    color: #fff;
    text-decoration: underline;
}

.contentArea a:hover {
    color: #fff;
}

.pagination a, .pagination a:link, .pagination a:active {
    color: #000;
}

.pagination a:hover {
    color: #6f8db9;
}

.pagination a:visited {
    color: #cc0000;
}

.disable-dropdownlist {
    background-color: #dddbdc;
    border: none;
    -webkit-appearance: none;
}