html {
    overflow-y: scroll;
    margin-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background: #AFAFA7;
}

fieldset {
    line-height: 1.7em;
}

legend {
    font-weight: bold;
    color: #00a4bd;
}

.ui-button:not(.ui-button-icon-only) .ui-icon {
    display: none;
}

.dpwb-container {
    display: inline-flex;
    flex-wrap: nowrap;
    height: 22px;
    width: 150px;
}

    .dpwb-container input[type=text] {
        width: 100px;
        object-fit: contain;
        height: initial;
        text-align: center;
    }

    .dpwb-container img, .dpwb-container button {
        height: 100%;
    }

    .dpwb-container label.error {
        font-weight: bold;
        display: block;
        color: red;
    }

input[type="text"], input[type="password"], select {
    color: #000000;
    background: #f3f2e7;
    border: 1px solid #ced4da;
    vertical-align: middle;
    border-radius: 4px;
    padding: 2px 4px;
}

input[type="button"], input[type="submit"], button {
    color: #00a4bd;
    text-transform: capitalize;
    font-weight: bold;
}

button, input, select, textarea {
    font-size: 1.1em;
}

    input[type="checkbox"] {
        margin: 0 5px 0 8px;
        vertical-align: middle;
    }

input:focus, select:focus, textarea:focus {
    border: solid 2px #bed4fc;
    outline: none;
}

.ownerLinks {
    white-space: nowrap !important;
}

div.ownerLinks a:link {
    text-decoration: underline;
    color: #00a4bd;
    font-weight: bold;
    margin: 5px 5px 0 5px;
}

div.ownerLinks a:hover {
    font-weight: normal;
}

a.ownerLinks:link {
    text-decoration: underline;
    color: #00a4bd;
    font-weight: bold;
}

a.ownerLinks:hover {
    font-weight: bold;
}

a.ownerLinks:visited {
    color: #00a4bd;
    text-decoration: underline;
    font-weight: bold;
}

td.ownerNotices_HasBeenRead {
    color: #666666;
    font-weight: bold;
}

    td.ownerNotices_HasBeenRead a:link {
        text-decoration: underline;
        color: #666666;
        font-weight: bold;
    }

    td.ownerNotices_HasBeenRead a:hover {
        text-decoration: underline;
        color: #666666;
        font-weight: normal;
    }

    td.ownerNotices_HasBeenRead a:visited {
        text-decoration: underline;
        color: #666666;
        font-weight: bold;
    }

td.ownerNotices_TargetedForDeletion {
    text-decoration: line-through;
    color: #666666;
    font-weight: bold;
}

    td.ownerNotices_TargetedForDeletion a:link {
        text-decoration: line-through;
        color: #666666;
        font-weight: bold;
    }

    td.ownerNotices_TargetedForDeletion a:hover {
        text-decoration: line-through;
        color: #666666;
        font-weight: normal;
    }

    td.ownerNotices_TargetedForDeletion a:visited {
        text-decoration: line-through;
        color: #666666;
        font-weight: bold;
    }

/* holder styles */
.holder {
    width: 950px;
    margin: 0 auto 0 auto;
    background: #FFFFFF url(images/faux3columns.jpg) repeat-y;
}

/* header styles */
.topbar {
    background-color: #01AFD2;
    height: 18px;
    width: 100%;
    text-align: right;
}

.header {
    background-color: #FFFFFF;
    border-bottom: solid 1px #01AFD2;
}

.headers {
    border-top: solid 14px #01AFD2;
    border-bottom: solid 1px #01AFD2;
    background: #FFFFFF;
}

/* navigation styles */

/* all elements on the left-hand side of the Content Pages have a fixed width */
.csslogo, .VertMenuItem, .reservations, .nav, .VerticalMenu {
    width: 170px;
}

.nav {
    float: left;
    padding: 0 10px 0 0;
    min-height: 450px;
}

/* content styles */

.contents {
    margin: 0;
    overflow: hidden;
}

* html .contents {
    float: left;
}
/* third column styles */
.ads {
    margin: 0;
    padding: 5px 0 5px 10px;
    float: right;
    width: 150px;
}

    .ads img {
        margin-top: 7px;
    }

.expiring {
    color: Red;
    font-weight: bold;
}

/* miscellaneous styles */
.brclear {
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0px;
}

.breadcrumbs {
    border-bottom: solid 1px #F2E891;
    min-height: 20px;
    vertical-align: middle;
    margin: 2px 0 25px 0;
}

.csslogo {
    padding: 5px 0 0 0;
    float: left;
    overflow: hidden;
}

.cssmenu {
    padding-top: 2px;
}

.csstitle {
    margin: 15px 0 0 180px;
    height: 55px;
}

.pagetitle {
    height: 50px;
    width: 500px;
}

.hometitle {
    margin-top: 35px;
    margin-left: 500px;
}

.reservations {
    text-align: center;
    vertical-align: bottom;
    background-color: #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
}

#adRotator {
    margin: 130px 0 150px 0;
}

.footer {
    clear: both;
    background-color: #00a4bd;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bolder;
    height: 20px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}

.copyright {
    text-align: center;
    background-color: White;
    font-family: Verdana;
    font-size: 8pt;
    color: Gray;
    line-height: 10pt;
}

.Terms {
    margin-top: 1.0em;
}

.TermsText {
    text-align: justify;
}

.Protected {
    font-family: Arial;
    font-size: larger;
    display: block;
    width: 75px;
    color: #000000;
    background: #f3f2e7;
    border: 1px solid #660066;
    vertical-align: middle;
    margin-top: 1px;
}

.Printing {
    width: auto;
    font-size: 1.0em;
    padding: 2px;
    height: 1.1em;
}

.Maps {
    width: 540px;
    height: 360px;
    border: solid 1px black;
    margin: 20px 0 0 40px;
}

.Forms {
    background-color: #f7f7de;
    border: solid 1px #cccc99;
}

    .Forms td {
        padding: 1px;
    }

.FormsTitle {
    background-color: #982320;
    color: White;
    font-weight: bold;
    text-align: center;
}

.TextBlue {
    color: #0099FF;
}

.TextGrey {
    color: #858784;
}

.TextGreySmaller {
    color: #858784;
    font-size: 10px;
}

.HeadBlue {
    color: #505BB7;
    font-size: 14px;
    font-weight: bold;
}

.HeadYellow {
    color: #E17A01;
    font-size: 14px;
    font-weight: bold;
}

.TextSmaller {
    font-size: 0.8em;
}

.style1 {
    color: #505BB7;
    font-weight: bold;
    font-size: 8pt;
}

.widgetAnchor_ApplyDefault_Small {
    color: #0B125A;
    font-size: 8pt;
}

    .widgetAnchor_ApplyDefault_Small:visited {
        color: #0B125A;
        font-size: 8pt;
    }

.widgetAnchor_ApplyDefault {
    color: #0B125A;
}

    .widgetAnchor_ApplyDefault:visited {
        color: #0B125A;
    }

.vriMatching_SearchGridCell {
    padding: 4px 2px 4px 2px !important;
}


a {
    color: #0B125A;
}

    a:visited {
        /*   color:Black; */
    }

.WhatIsThis {
    text-decoration: underline;
    cursor: pointer;
}

.PopupControl {
    position: absolute;
    visibility: hidden;
}

.TipSpot {
    color: #00a4bd;
}

.Tip {
    visibility: hidden;
    border: solid 1px black;
    color: Navy;
    background-color: #ffcc99;
    text-align: justify;
    width: 180px;
    padding: 10px;
    position: absolute;
}

.WhiteTextHover {
    color: White;
}

.TextSmallHeading {
    font-size: 0.8em;
    font-family: Arial;
    color: navy; /*font-weight:bold;*/
}

.TextSmallContent {
    font-size: 0.8em;
    font-family: Arial;
}

.BreadCrumb {
    text-decoration: none;
    font-size: 8pt;
    font-family: Tahoma;
    color: #A2a2a2;
    line-height: 15px;
}

a.BreadCrumb {
    text-decoration: none;
    font-size: 8pt;
    font-family: Tahoma;
    color: #A2a2a2;
    line-height: 15px;
}

    a.BreadCrumb:hover {
        color: #2D3371 !important;
    }

.MainContent {
    font-size: 8pt;
    font-family: Verdana;
    color: #666666;
    line-height: 17px;
}

.DropDown {
    font-size: 8pt;
    font-family: Verdana;
    color: #333333;
    line-height: 17px;
}

.PackageTeaser {
    font-size: 8pt;
    font-family: Verdana;
    color: #333333;
    line-height: 17px;
    margin-top: 10px;
}

.PictureDesc {
    font-size: 8pt;
    font-family: Verdana;
    color: #333333;
}

.MainHeader {
    font-size: 12pt;
    font-family: Verdana;
    color: #333333;
    font-weight: bold;
}

.MenuItem {
    display: block;
    width: 160px;
    font-size: 7.5pt;
    line-height: 15px;
    z-index: 1000;
}

.VerticalMenu {
    color: #0A1358;
    font-size: 7pt;
    font-family: Verdana;
    min-width: 170px; /*overflow: hidden;*/
}

.VertMenuItem {
    display: block;
    font-size: 7.5pt;
    border-bottom: 1px solid DarkGray;
    line-height: 20px;
}

.ResortAddress {
    vertical-align: top;
    line-height: 11pt;
    width: 200px;
}

.RewardAmount {
    font-weight: bold;
    font-size: 11pt;
    color: Red;
}

.PageCopy {
    margin: 0 80px 0 40px;
}

.PageHeader {
    color: #0A1358;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.PageSubHeader {
    color: #0A1358;
    font-size: 10pt;
    font-weight: bold;
}

.Destination {
    color: #0A1358;
    font-size: 10pt;
    font-family: Verdana;
    font-weight: bold;
}

.ThingsToDo {
    color: #2D63E7;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: 500;
    text-decoration: none;
    line-height: 12px;
}

.HotList {
    font-size: 8pt;
    font-family: Verdana;
}

.GroupBox {
    margin: 10px 20px 20px 10px;
    width: 300px;
}

.SlideShowCaption {
    font-weight: bold;
}

.CheckBoxes input {
    float: left;
    cursor: pointer;
}

.CheckBoxes label {
    display: block;
    margin-left: 30px;
    margin-bottom: 5px;
    cursor: pointer;
}

.Pointers {
    cursor: pointer;
}

.JustInn {
    color: #2D63E7;
    font-family: Verdana;
    font-size: 8pt;
    text-decoration: none;
    line-height: 15px;
}

.JustInnPanel {
    border: solid 2px #000099;
    background: #E8E8FF;
    color: #000000;
    width: 600px;
}

.JustInnBar {
    background: Navy;
    color: White;
    font-weight: bold;
    cursor: move;
    display: block;
    height: 18px;
    width: 100%;
}

.JustInnTitle {
    margin-left: 5px;
    cursor: move;
}

.JustInnClose {
    text-decoration: underline;
    cursor: pointer;
}

.JustInnBullets {
    margin-left: -15px;
    margin-right: 10px;
    padding-bottom: 5px;
}

.JustInnLinks {
    color: #2D63E7;
    line-height: 15px;
    text-decoration: none;
}
/************ ajaxToolkit Styles **************/
.Watermark {
    border: 1px solid #BEBEBE;
    background-color: #ffffcc;
    color: gray;
}

/* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

    .accordionHeader a {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }

        .accordionHeader a:hover {
            background: none;
            text-decoration: underline;
        }

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/***************** Modal Popup ******************/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}
/************ MaskedEdit **********************/
.MaskedEditFocus {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditMessage {
    color: #ff0000;
    font-weight: bold;
}

.MaskedEditError {
    background-color: #ffcccc;
}

.MaskedEditFocusNegative {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditBlurNegative {
    color: #ff0000;
}

div#show3 {
    background-color: #efefef;
    width: 140px;
    margin: 0 auto;
    border: 1px solid #444444;
}

    div#show3 table td, div#show4 table td {
        height: 24px;
        background-image: url( '38.gif' );
    }

div#show4 table td {
    background-image: url( '40.gif' );
}

div#show3 table input, div#show4 table input {
    outline-style: none;
}

.cof_headings {
    font-family: Verdana;
    font-size: 22px;
    color: #000000;
    height: 24px;
}

.cof_headings2 {
    font-family: Verdana;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 2px;
}

.cof_submenus {
    text-align: left;
    vertical-align: top;
    font-family: Verdana, Helvetica, sans-serif;
    color: #B71F24;
    text-decoration: none;
    padding: 0px;
}

.cof_verticals {
    text-align: left;
    vertical-align: top;
    padding-right: 4px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #737373;
    padding-left: 5px;
    padding-top: 4px;
}

.cof_verticaltext {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
}

.cof_verticalimgs {
    border-top: 1px solid #737373;
    border-bottom: 1px solid #737373;
    margin-top: 4px;
    margin-bottom: 4px;
}

.cof_verticallinkscells {
    text-align: left;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
}

.cof_verticalredlinks {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #B71F24;
    text-decoration: none;
    font-size: 12px;
}

.cof_imgborder2 {
    border: 1px solid #000000;
    margin: 4px;
}

.cof_formtext {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-top-color: #CDCDCD;
    border-right-color: #CDCDCD;
    border-bottom-color: #CDCDCD;
    border-left-color: #CDCDCD;
}

.cof_normaltext {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    padding: 4px;
}

.cof_breaker2 {
    padding-right: 10px;
    height: 10px;
    font-size: 0px;
}

.cof_imgborder1 {
    border: 1px solid #000000;
    margin: 8px;
    padding: 3px;
}

.cof_ownerswholist {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    padding: 1px 2px;
}

table.cof_reftable {
    font-size: 7.5pt;
}

/* PRINT DEFINITIONS */
.screenOnly {
    display: block;
}

.printOnly {
    display: none;
}

@media print {
    body, .MainContent, .TipSpot, legend {
        background: #FFFFFF;
        color: #000000;
    }

    .holder, .ctl00_divholder {
        width: auto;
        height: auto;
    }

    fieldset {
        border-color: #c0c0c0;
        border-width: thin;
    }

    a, .PageHeader, .PageSubHeader {
        color: #000000;
    }

    input {
        color: #000000;
        background: #ffffff;
        border: 1px solid #781351;
    }

        input[type="checkbox"], input[type="button"], input[type="submit"] {
            display: none;
        }

    .screenOnly {
        display: none;
    }

    .printOnly {
        display: block;
    }
}
/* jQuery Support */

.dialogs {
    text-align: left;
    display: none;
}

.fg-button {
    outline: 0;
    margin: 0 4px 0 0;
    padding: .4em 1em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}

    .fg-button .ui-icon {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 50%;
        margin-left: -8px;
    }

a.fg-button {
    float: left;
}

/* remove extra button width in IE */
button.fg-button {
    width: auto;
    overflow: visible;
}

.fg-button-icon-left {
    padding-left: 2.1em;
}

.fg-button-icon-right {
    padding-right: 2.1em;
}

.fg-button-icon-left .ui-icon {
    right: auto;
    left: .2em;
    margin-left: 0;
}

.fg-button-icon-right .ui-icon {
    left: auto;
    right: .2em;
    margin-left: 0;
}

.fg-button-icon-solo {
    display: block;
    width: 8px;
    text-indent: -9999px;
}
/* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset {
    float: left;
}

    .fg-buttonset .fg-button {
        float: left;
    }

.fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button {
    margin-right: -1px;
}

.fg-toolbar {
    padding: .5em;
    margin: 0;
}

    .fg-toolbar .fg-buttonset {
        margin-right: 1.5em;
        padding-left: 1px;
    }

    .fg-toolbar .fg-button {
        font-size: 1em;
    }

.vri-unmatched-right-cell {
    border-left: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
}

.vri-unmatched-cell {
    border-left: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
}

.vri-unmatched-header-right-cell {
    border: 1px solid rgb(204, 204, 204);
}

.vri-unmatched-header-cell {
    border-top: 1px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
}

.vri-vcmatching-searchcriteria {
    margin-bottom: 6px;
    margin-top: 6px;
    width: 60%;
}

.vri-vcmatching-btnSearch {
    margin-left: 35%;
    margin-right: 35%;
}

.ui-widget-overlay {
    background: #000; 
    opacity: 0.5; 
}

.ui-jqgrid-view .ui-state-highlight {
    background: none #d1dced !important;
}

.ui-jqgrid tr.jqgrow td {
    text-overflow: ellipsis;
    -moz-binding: url('../../js/jqGrid-5.6.0/ellipsis-xbl.xml#ellipsis');
}

.ui-jqgrid .ui-jqgrid-sortable {
    height: auto !important;
}

.AspNet-Menu-Horizontal {
    font-size: 7.5pt !important;
}

.AspNet-Menu-Vertical > ul {
    border: none;
}

.AspNet-Menu a, .AspNet-Menu-NonLink {
    white-space: nowrap;
}

.ui-menu {
    background: #eee !important;
}

.ui-menubar {
    background: white !important;
    border: none !important;
}

.TopMenu a {
    color: #0b125a !important;
}

.TopMenuOwners a {
    color: #00a4bd !important;
}

.AspNet-Menu-Vertical ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    /*text-indent: 6px;*/
}

.AspNet-Menu-Vertical .ui-button {
    width: 166px;
    margin: 1px;
    color: #0b125a;
}

.AspNet-Menu-Vertical .ui-button-text {
    text-align: left;
    padding: 3px 0 3px 4px !important;
}

.AspNet-Menu-Vertical li li .ui-button-text {
    padding-left: 12px !important;
    font-style: italic;
}

a.RedLink {
    font-weight: bold;
    color: red;
    text-decoration: none;
}

.FormGrid .ui-state-error, .ui-jqdialog .ui-state-error {
    background: none !important;
    background-color: red !important;
    color: white !important;
    font-weight: bold;
}