html, body {
    height: 100%;
    min-width: 320px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
}


.powered-by {
    text-align: center;
}

.page-header {
    margin: 0px auto;
    padding: 0px;
    border-bottom: none;
    text-align: center;
}

#WContent {
    padding: 30px 15px 0px 15px;
}

footer {
    padding: 30px 0px;
    display: inline-block;
    width: 100%;
    margin: 0px auto;
}

.propertyDesc {
    overflow: hidden;
    word-break: break-word;
}

/*.propertyDesc > .propertyName, .booking-info-panel {
        display: none;
    }*/

#ProcessingOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: center;
    display: none;
    z-index: 1000;
}

#floatingCirclesG {
    position: relative;
    width: 78px;
    height: 78px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

#floatingCirclesG {
    position: relative;
    width: 125px;
    height: 125px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: rgb(255,255,255);
    height: 22px;
    width: 22px;
    border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 0.782s;
    -o-animation-duration: 0.782s;
    -ms-animation-duration: 0.782s;
    -webkit-animation-duration: 0.782s;
    -moz-animation-duration: 0.782s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 51px;
    animation-delay: 0.2895s;
    -o-animation-delay: 0.2895s;
    -ms-animation-delay: 0.2895s;
    -webkit-animation-delay: 0.2895s;
    -moz-animation-delay: 0.2895s;
}

#frotateG_02 {
    left: 15px;
    top: 15px;
    animation-delay: 0.386s;
    -o-animation-delay: 0.386s;
    -ms-animation-delay: 0.386s;
    -webkit-animation-delay: 0.386s;
    -moz-animation-delay: 0.386s;
}

#frotateG_03 {
    left: 51px;
    top: 0;
    animation-delay: 0.4825s;
    -o-animation-delay: 0.4825s;
    -ms-animation-delay: 0.4825s;
    -webkit-animation-delay: 0.4825s;
    -moz-animation-delay: 0.4825s;
}

#frotateG_04 {
    right: 15px;
    top: 15px;
    animation-delay: 0.589s;
    -o-animation-delay: 0.589s;
    -ms-animation-delay: 0.589s;
    -webkit-animation-delay: 0.589s;
    -moz-animation-delay: 0.589s;
}

#frotateG_05 {
    right: 0;
    top: 51px;
    animation-delay: 0.6855s;
    -o-animation-delay: 0.6855s;
    -ms-animation-delay: 0.6855s;
    -webkit-animation-delay: 0.6855s;
    -moz-animation-delay: 0.6855s;
}

#frotateG_06 {
    right: 15px;
    bottom: 15px;
    animation-delay: 0.782s;
    -o-animation-delay: 0.782s;
    -ms-animation-delay: 0.782s;
    -webkit-animation-delay: 0.782s;
    -moz-animation-delay: 0.782s;
}

#frotateG_07 {
    left: 51px;
    bottom: 0;
    animation-delay: 0.8785s;
    -o-animation-delay: 0.8785s;
    -ms-animation-delay: 0.8785s;
    -webkit-animation-delay: 0.8785s;
    -moz-animation-delay: 0.8785s;
}

#frotateG_08 {
    left: 15px;
    bottom: 15px;
    animation-delay: 0.975s;
    -o-animation-delay: 0.975s;
    -ms-animation-delay: 0.975s;
    -webkit-animation-delay: 0.975s;
    -moz-animation-delay: 0.975s;
}



@keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

table {
    border-spacing: 0px;
}




img {
    border: none;
}

.ModalPopupBG {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #1D84C4;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.ui-dialog.ui-widget-content {
    background: #FFF4E8;
}

.detpan.ui-dialog-content.ui-widget-content {
    overflow: hidden;
    background: #f1f1f1;
}

#wrapper {
    margin: 0 auto;
    width: auto;
    background-image: url(images/New/login-head-rpt.png);
    background-repeat: repeat-x;
    min-height: 100%;
}

.pb5 {
    padding-bottom: 7px;
}

#logo {
    background-image: url(images/New/logo.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #6F7476;
    float: left;
    height: 167px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 299px;
}

.logo2 {
    background-image: url(images/New/logo.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #6F7476;
    float: left;
    height: 168px;
    margin: -1px 0 0;
    padding: 0;
    position: relative;
    width: 300px;
}

#header {
    position: relative;
    width: 900px;
    color: #6f7476;
    height: 167px;
    margin: 0 auto;
    background: #fff;
    background-image: url(images/New/login-head-bg.png);
    background-repeat: no-repeat;
    background-position: top;
}

#loginstatus {
    position: absolute;
    float: right;
    bottom: 0.3em;
    right: 0.3em;
    filter: alpha(opacity=55);
    -moz-opacity: .55;
    padding: 5px;
    border: 1px solid #aaa;
    background: #ddd;
    width: 300px;
    text-align: right;
}

    #loginstatus span {
        position: relative;
        margin: 0 10px 0 0;
        font-size: 12px;
        font-weight: bold;
        color: #444;
    }

    #loginstatus a:link, #loginstatus a:visited {
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        background: #999;
        border: solid 1px #444;
        padding: 2px;
    }

        #loginstatus a:link.active, #loginstatus a:visited.active, #loginstatus a:hover {
            color: #F2F2E6;
        }

#statusbarheader_ {
    margin-top: 10px;
    width: 922px;
    height: 13px;
    background: url(images/statusheader.gif) no-repeat;
}

#statusbar_ {
    width: 880px;
    padding: 0px 10px 0px 10px;
    background-color: #E5E5E5;
    color: #6f7476;
    font-weight: bold;
}

#statusbarfooter_ {
    margin-bottom: 10px;
    width: 900px;
    height: 13px;
    background: url(images/statusfooter.gif) no-repeat;
}

#statusbar {
    width: 870px;
    height: 54px;
    padding: 0px 15px 0px 15px;
    background-color: #E5E5E5;
    color: #fff;
    font-weight: bold;
    background: url(images/statusbar_bg.png) no-repeat;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

    #statusbar table {
        height: 100%;
        text-align: center;
    }

        #statusbar table select {
            width: 300px;
        }

#navigation {
    width: 880px;
    color: #0069B6;
    padding: 5px 10px 5px 10px;
    margin: 0px auto 5px auto;
    background: #fff;
}

#content {
    width: 900px;
    color: #6f7476;
    background: #fff;
    margin: 0 auto;
    padding: 10px 0px 30px 0px;
}

#footerheader_ {
    margin-top: 10px;
    width: 922px;
    height: 13px;
    background: url(images/statusheader.gif) no-repeat;
}

#footer_ {
    width: 880px;
    padding: 0px 10px 0px 10px;
    background-color: #E5E5E5;
    color: #6f7476;
    font-weight: bold;
}




#footerfooter_ {
    margin-bottom: 10px;
    width: 900px;
    height: 13px;
    background: url(images/statusfooter.gif) no-repeat;
}

#loginlinks {
    float: right;
    margin-top: 14px;
    width: 530px;
    color: #666666;
    font-size: 12px;
}

    #loginlinks ul {
        float: left;
        font-size: 13px;
        margin: 0;
        padding: 0;
        text-align: left;
        text-transform: uppercase;
        width: 705px;
        z-index: 3;
    }

    #loginlinks li {
        float: left;
        padding: 0 6px 0 0;
        margin-right: 5px;
        list-style: none;
        list-style-image: none;
        position: relative;
        z-index: 3; /* important: must be on the expanding ul & li */
        background: url(images/NEW/menu_hover_r.png) no-repeat top right;
    }

        #loginlinks li a {
            float: left;
            display: block;
            color: #FFF;
            font-weight: bold;
            height: 34px;
            line-height: 30px;
            padding: 0 5px 0 10px;
            text-decoration: none !important;
        }

            #loginlinks li a:hover {
                text-decoration: none !important;
            }

        #loginlinks li .inner {
            background: url(images/NEW/menu_hover.png) no-repeat top left;
            display: block;
            height: 34px;
        }

        #loginlinks li:hover .inner, #loginlinks li.active-trail .inner {
            background-position: bottom left;
        }

        #loginlinks li:hover, #loginlinks li.active-trail {
            background-position: bottom right;
        }

            #loginlinks li:hover a, #loginlinks li a:focus, #loginlinks li.active-trail a, #loginlinks li:hover a, #loginlinks li:focus a {
                color: #7fd4fe;
                text-decoration: none !important;
                background: url(images/NEW/menu_arrow.png) no-repeat bottom center;
            }

.ui-widget-overlay {
    z-index: 10;
}

#footer {
}

#footer-inner {
    margin: auto;
    width: 920px;
    padding-top: 17px;
}

#footerbody {
    clear: both;
    line-height: 1;
    background: #00529c url(images/NEW/footer-bg.png) no-repeat center 0;
    height: 94px;
    color: #1d84c4;
}

#footerheader {
    background: url(images/NEW/footer-bg-top.png) no-repeat center 100%;
    clear: both;
    min-height: 19px;
}

#loginwrapper {
    text-align: center;
    width: 350px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#loginpanelheader {
    margin-top: 10px;
    width: 350px;
    height: 39px;
    background: url(images/loginheader.jpg) no-repeat;
}

#loginpanelcontent {
    width: 348px;
    background-color: #F7F7F7;
    border-top: none;
    border-bottom: none;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    padding: 10px 0px;
}

    #loginpanelcontent table {
        margin: 0 auto;
        text-align: left;
        border: none;
        border-collapse: collapse;
    }

#loginpanelfooter {
    width: 350px;
    height: 25px;
    background: url(images/loginfooter.jpg) no-repeat;
}

#loginwrapper tr {
}

#loginwrapper td, th {
    padding: 1px 6px 1px 6px;
}

#loginwrapper th {
    color: #F2F2E6;
    background: #BD9C8C;
    border: solid 1px #BD9C8C;
    font-weight: bold;
    font-size: 1.1em;
}

#loginwrapper tr.theader, #loginwrapper tr.theader td {
    color: #F2F2E6;
    background: #BD9C8C;
    border: solid 1px #BD9C8C;
    font-weight: bold;
    font-size: 1.1em;
}

#loginwrapper tr.tfooter {
    background: none !important;
    text-align: right;
}

    #loginwrapper tr.tfooter input {
        color: #F2F2E6;
        background: #6B696B;
        border: 1px solid #aaa;
        padding: 2px 7px 2px 7px;
        text-decoration: none;
        font: bold 0.95em Tahoma;
    }

#loginwrapper table.inner, table.inner td {
    border: none !important;
}

#loginwrapper .DESVALSummary {
    margin: 0 auto;
    width: 320px;
    text-align: left;
}

    #loginwrapper .DESVALSummary.Critical {
        margin: 0 auto;
        width: 320px;
        text-align: left;
        background-color: #990000;
        border: 1px solid #fff;
        color: #fff;
    }

        #loginwrapper .DESVALSummary.Critical span {
            color: #fff;
        }

.panelheaderX {
    margin-top: 10px;
    width: 900px;
    height: 13px;
    background: url(images/panelheader.gif) no-repeat;
    padding-left: 15px;
}

.panelheader {
    margin-top: 10px;
    width: 900px;
    height: 34px;
    background: url(images/panelheader.jpg) no-repeat;
    padding-top: 5px;
    padding-left: 15px;
    color: #fff;
    font-weight: bold;
}

.panelheaderNoWidth {
    margin-top: 10px;
    height: 34px;
    background: url(images/panelheader.jpg) no-repeat;
    padding-top: 5px;
    padding-left: 15px;
    color: #fff;
    font-weight: bold;
}

.panelcontent {
    background-color: #F7F7F7;
    margin: 0px;
    padding: 10px;
    border-top: none;
    border-bottom: none;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
}

.panelcontentnopad {
    background-color: #F7F7F7;
    background-color: #F7F7F7;
    margin: 0px;
    padding: 0px;
    border-top: none;
    border-bottom: none;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
}

.panelcontent table {
    margin: 0 auto;
    text-align: left;
    border: none;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}

.panelfooterX {
    width: 900px;
    height: 13px;
    background: url(images/panelfooter.gif) no-repeat;
}

.panelfooter {
    width: 900px;
    height: 25px;
    background: url(images/panelfooter2.jpg) no-repeat;
}

.panelfooterNoWidth {
    height: 25px;
    background: url(images/panelfooter2.jpg) no-repeat;
}

/* NAVIGATION */

#nav {
    margin: 0;
    padding: 0 0 20px 10px;
    border-bottom: 1px solid #0069B6;
}

    #nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
    }

    #nav a:link, #nav a:visited {
        float: left;
        font-size: 12px;
        line-height: 18px;
        font-weight: bold;
        padding: 0 16px 8px 16px;
        text-decoration: none;
        color: #0069B6;
    }

        #nav a:link.active, #nav a:visited.active, #nav a:hover {
            padding-bottom: 10px;
            color: #6f7476;
            background: url(images/tab_circle.png) no-repeat bottom center;
        }

/* TABLES */

table.filterbox {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #AAAAAA;
    background-color: #FDFFBF;
    padding: 10px;
}

#content table.data, table.datagrid, table.datablue {
    border: solid 1px #ccc;
    border-collapse: collapse;
    width: 100%;
}

    #content table.data td, table.data th, table.datagrid td, table.datagrid th {
        border: solid 1px #ccc;
        border-collapse: collapse;
        padding: 5px;
    }

    #content table.data.blue td, table.data.blue th {
        border: solid 1px #c4d6fd;
        border-collapse: collapse;
        padding: 5px;
        text-align: left;
        background-color: #f9fbff;
        font-weight: bold;
    }

#content .data.blue {
    color: #3b4b7c;
}

#content table.data td, table.data th {
    text-align: left;
    background-color: #F7F7F7;
    font-weight: bold;
}


#content table.datagrid th {
    background-color: #E5E5E5;
    text-align: left;
}

#content table.data.blue th, #content table.data.blue tr.theader, #content table.data.blue tr.theader td {
    background-color: #DCE0ED;
    color: navy;
    text-align: left;
}

#content table.datagrid .important {
    background-color: #FFcccc;
}

#content table.datagrid tr.unread td {
    font-weight: bold;
}

table.datagrid tr.tfooter, table.data tr.tfooter {
    background: #E5E5E5;
}

#content tr.datarow, tr.datarowalt, tr.datahover {
    vertical-align: top;
}

    #content tr.datarow td {
        background-color: #F7F7F7;
    }

    #content tr.datarow.hover {
        background-color: #F7F7F7;
    }

        #content tr.datarow.hover td {
            background: none;
        }

#content tr.datarowalt td {
    background-color: #FFFFFF;
}

#content tr.datarowselected td {
    vertical-align: top;
    background-color: #CE5D5A;
    color: #fff;
    font-weight: normal;
}

#content tr.datarow.hover:hover {
    background-color: #FFFFCC;
}

#content tr.datahover td {
    background-color: #FFFFCC;
}

#content tr.contractrowactive td {
    background-color: #05D50D;
    color: #000000;
    font-weight: normal;
}

#content tr.contractrow td {
    background-color: #05D50D;
    color: Black;
    font-weight: normal;
}

#content tr.propertycontractheader td {
    color: #353738;
    background-color: #CE6767;
    font-weight: bold;
}

#content tr.accountcontractheader td {
    color: #353738;
    background-color: #5F6FBF;
    font-weight: bold;
}

#content tr.theader, #content tr.theader td {
    background-color: #E5E5E5;
}

    #content tr.theader a {
        color: #6f7476;
        background: #E5E5E5 url(images/updown.gif) no-repeat right;
        padding: 2px 30px 2px 0px;
        text-decoration: none;
        font: bold 0.95em Tahoma;
    }

        #content tr.theader a:hover {
            color: #6f7476;
            background: #E5E5E5 url(images/updownhover2.gif) no-repeat right;
            text-decoration: underline;
        }

    #content tr.theader .noupdown a {
        color: #6f7476;
        background: #E5E5E5;
        background-image: none !important;
        padding: 2px 0px 2px 0px;
        text-decoration: none;
        font: bold 0.95em Tahoma;
    }

    #content tr.theader a:hover {
        color: #6f7476;
        background: #E5E5E5 url(images/updownhover2.gif) no-repeat right;
        text-decoration: underline;
    }

#content tr.tfooter, #content tr.tfooter td {
    color: #F2F2E6;
    text-align: right;
    font-size: 0.95em;
}

#content a.adminbutton {
    color: #F2F2E6 !important;
    background: #6B696B !important;
    border: 1px solid #aaa !important;
    padding: 2px 7px 2px 7px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 0.95em !important;
    line-height: 24px;
}

    #content a.adminbutton:hover {
        color: #BD9C8C !important;
        background: #F2F2E6 !important;
    }

#content tr.tfooter a {
    color: #F2F2E6;
    background: #6B696B;
    border: 1px solid #aaa;
    padding: 2px 7px 2px 7px;
    text-decoration: none;
    font-weight: bold;
}

    #content tr.tfooter a:hover {
        color: #BD9C8C;
        background: #F2F2E6;
    }

#content table.data input.text, table.data select, table.data textarea {
    width: 600px;
}

input.button {
    color: #fff;
    width: 125px;
    height: 30px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(images/bluebutton.png);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: 2px 2px;
    border: none;
}

a.button {
    color: #fff;
    background: #393B70;
    border: 1px solid #aaa;
    padding: 2px 7px 2px 7px;
    text-decoration: none;
    font-weight: bold;
}

    a.button:hover {
        color: #ffffcc;
        background: #A7B3DD;
    }

.smaller {
    font-size: 0.8em;
    font-weight: normal;
}

.pleasewait {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    background-image: url(images/loadinganimation.gif);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

#processMessage {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000;
    text-align: center;
    color: #000;
}

.error {
    display: block;
    float: left;
    width: 1169px;
    max-width: 100%;
    background-color: #f2dede;
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    border: 1px solid #dca7a7;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    color: #a94442;
    font-size: 1.1em;
    padding: 15px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    margin-top: 5px;
    box-sizing: border-box;
}

.table-responsive {
    width: 100%;
}

.BookingFormGrid {
    padding: 0px 2px 2px 2px;
}

.PropertyDescriptionPanel {
    padding: 0px 1px;
}

.BookingFormGrid > table {
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.detpan {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.BookingDetailsTable, .BookingExtrasTable {
    border: 0px solid transparent !important;
}

.space-top-30 {
    padding-top: 30px;
}

.space-bottom-30 {
    padding-bottom: 30px;
}

.notification {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: 1px dotted #ccc;
    margin-bottom: 6px;
    color: #333;
    font-size: 0.9em;
    background-color: #FFFFCC;
    overflow: hidden;
}

.notificationheader {
    padding: 10px;
}

.notificationbody {
    padding: 0px 10px 10px 10px;
}

.notificationtitle {
    font-size: 1.1em;
    font-weight: bold;
    color: #990000;
}

#errorpanel {
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 6px;
    color: #fff;
    background-color: #ffffff;
}

    #errorpanel h2 {
        font-size: 1.1em;
        color: #fff;
    }

.contentpanel {
    background-color: #F7F7F7;
    margin: 10px 0px 10px 0px;
    padding: 10px;
    border: solid 1px #ccc;
}

    .contentpanel h2 {
        font-size: 1.1em;
        color: #000099;
    }

.infopanel {
    display: block;
    padding: 10px 10px 10px 40px;
    border: 1px dotted #ccc;
    margin: 10px 0px 10px 0px;
    color: #000099;
    font-size: 0.95em;
    line-height: 1.5em;
    background: #ffffcc url(images/icons/small/info.png) no-repeat 10px 10px;
}

    .infopanel h2 {
        font-size: 1.1em;
        color: #000099;
    }

.okpanel {
    display: block;
    padding: 10px 10px 10px 40px;
    border: 1px dotted #ccc;
    margin: 10px 0px 10px 0px;
    color: #000099;
    font-size: 0.95em;
    line-height: 1.5em;
    background: #ffffcc url(images/icons/small/g_tick.png) no-repeat 10px 10px;
}

    .okpanel h2 {
        font-size: 1.1em;
        color: #000099;
    }

.warningpanel {
    display: block;
    padding: 10px 10px 10px 40px;
    border: 1px dotted #ccc;
    margin: 10px 0px 10px 0px;
    color: #000099;
    font-size: 0.95em;
    line-height: 1.5em;
    background: #ffffcc url(images/icons/small/alert.png) no-repeat 10px 10px;
}

    .warningpanel h2 {
        font-size: 1.1em;
        color: #000099;
    }

.errorpanel {
    display: block;
    padding: 10px 10px 10px 40px;
    border: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
    color: #fff;
    font-size: 0.95em;
    line-height: 1.5em;
    background: #990000 url(images/icons/small/alert.png) no-repeat 10px 10px;
}

    .errorpanel h2 {
        font-size: 1.1em;
        color: #fff;
    }

/* HOME PAGE QUICK LAUNCH BOXES */
.quickbox2 {
    width: 96px;
    height: 96px;
    border: 1px solid #ccc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    color: #6F7476;
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    line-height: 170px;
    float: left;
    margin: 1px;
}

    .quickbox2:hover {
        background-color: #ffffaa;
    }

.quickboxtable {
    margin-left: 25%;
    margin-right: 25%;
}

.quickboxrow {
}

.quickbox {
    width: 116px;
    height: 96px;
    border: 1px solid #ccc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    vertical-align: bottom;
    padding-bottom: 5px;
    margin: 1px;
}

    .quickbox:hover {
        border: 1px solid #aaa;
        background-color: #ffffaa;
        cursor: pointer;
    }

.bcitem.broken {
    background-image: url(images/icons/small/close.png);
}

.quickbox.add, .quickbox2.add {
    background-image: url(images/icons/medium/add.png);
}

.bcitem.add {
    background-image: url(images/icons/small/add.png);
}

.quickbox.rules, .quickbox2.rules {
    background-image: url(images/icons/medium/rules.png);
}

.bcitem.rules {
    background-image: url(images/icons/small/rules.png);
}

.quickbox.settings, .quickbox2.settings {
    background-image: url(images/icons/medium/system.png);
}

.bcitem.settings {
    background-image: url(images/icons/small/system.png);
}

.quickbox.security, .quickbox2.security {
    background-image: url(images/icons/medium/security.png);
}

.bcitem.security {
    background-image: url(images/icons/small/security.png);
}

.quickbox.info, .quickbox2.info {
    background-image: url(images/icons/medium/info.png);
}

.bcitem.info {
    background-image: url(images/icons/small/info.png);
}

.quickbox.calendar, .quickbox2.calendar {
    background-image: url(images/icons/medium/calendar.png);
}

.bcitem.calendar {
    background-image: url(images/icons/small/calendar.png);
}

.quickbox.bookingform, .quickbox2.bookingform {
    background-image: url(images/icons/medium/bookingform.png);
}

.bcitem.bookingform {
    background-image: url(images/icons/small/bookingform.png);
}

.quickbox.mail, .quickbox2.mail {
    background-image: url(images/icons/medium/mail.png);
}

.bcitem.mail {
    background-image: url(images/icons/small/mail.png);
}

.quickbox.desktop, .quickbox2.desktop {
    background-image: url(images/icons/medium/desktop.png);
}

.bcitem.desktop {
    background-image: url(images/icons/small/desktop.png);
}

.quickbox.bookings, .quickbox2.bookings {
    background-image: url(images/icons/medium/notepad.png);
}

.bcitem.bookings {
    background-image: url(images/icons/small/notepad.png);
}

.quickbox.home, .quickbox2.home {
    background-image: url(images/icons/medium/home.png);
}

.bcitem.home {
    background-image: url(images/icons/small/home.png);
}

.quickbox.propertymanager, .quickbox2.propertymanager {
    background-image: url(images/icons/medium/propertymanager.png);
}

.bcitem.propertymanager {
    background-image: url(images/icons/small/propertymanager.png);
}

.quickbox.properties, .quickbox2.properties {
    background-image: url(images/icons/medium/properties.png);
}

.bcitem.properties {
    background-image: url(images/icons/small/properties.png);
}

.quickbox.roompools, .quickbox2.roompools {
    background-image: url(images/icons/medium/roompools.png);
}

.bcitem.roompools {
    background-image: url(images/icons/small/roompools.png);
}

.quickbox.pms, .quickbox2.pms {
    background-image: url(images/icons/medium/pms.png);
}

.bcitem.pms {
    background-image: url(images/icons/small/pms.png);
}

.quickbox.users, .quickbox2.users {
    background-image: url(images/icons/medium/wlm.png);
}

.bcitem.users {
    background-image: url(images/icons/small/wlm.png);
}

.quickbox.reports, .quickbox2.reports {
    background-image: url(images/icons/medium/Maintenance.png);
}

.bcitem.reports {
    background-image: url(images/icons/small/Maintenance.png);
}

.quickbox.graphs, .quickbox2.graphs {
    background-image: url(images/icons/medium/Graph.png);
}

.bcitem.graphs {
    background-image: url(images/icons/small/Graph.png);
}

.quickbox.events, .quickbox2.events {
    background-image: url(images/icons/medium/events.png);
}

.bcitem.events {
    background-image: url(images/icons/small/events.png);
}

.quickbox.audit, .quickbox2.audit {
    background-image: url(images/icons/medium/audit.png);
}

.bcitem.audit {
    background-image: url(images/icons/small/audit.png);
}

.quickbox.docs, .quickbox2.docs {
    background-image: url(images/icons/medium/Notepad.png);
}

.bcitem.docs {
    background-image: url(images/icons/small/Notepad.png);
}

.quickbox.network, .quickbox2.network {
    background-image: url(images/icons/medium/Network.png);
}

.quickbox.parity, .quickbox2.parity {
    background-image: url(images/icons/medium/Parity.png);
    background-position-y: calc(50% - 3px);
}

.bcitem.network {
    background-image: url(images/icons/small/Network.png);
}

.quickbox.database3, .quickbox2.database3 {
    background-image: url(images/icons/medium/database3.png);
}

.bcitem.database3 {
    background-image: url(images/icons/small/database3.png);
}

.quickbox.sync, .quickbox2.sync {
    background-image: url(images/icons/medium/refresh.png);
}

.bcitem.sync {
    background-image: url(images/icons/small/refresh.png);
}

.quickbox.images, .quickbox2.images {
    background-image: url(images/icons/medium/Images.png);
}

.bcitem.images {
    background-image: url(images/icons/small/Images.png);
}

.quickbox.extras, .quickbox2.extras {
    background-image: url(images/icons/medium/Extras.png);
}

.bcitem.extras {
    background-image: url(images/icons/small/Extras.png);
}

.quickbox.staypay, .quickbox2.staypay {
    background-image: url(images/icons/medium/staypay.png);
}

.bcitem.staypay {
    background-image: url(images/icons/small/staypay.png);
}

.quickbox.promotion, .quickbox2.promotion {
    background-image: url(images/icons/medium/dollar.png);
}

.bcitem.promotion {
    background-image: url(images/icons/small/dollar.png);
}

/* END HOME PAGE QUICK LAUNCH BOXES */

/* BREADCRUMB BOXES */
#breadcrumbtable {
    border: 1px solid #ccc;
    background-color: #F7F7F7;
    margin-bottom: 10px;
}

    #breadcrumbtable tr {
        height: 35px;
    }

.breadcrumbtitle {
    font-weight: bold;
    font-size: 0.8em;
    padding-left: 10px;
    padding-right: 10px;
}

.breadcrumbspacer {
    border: none;
    padding: 0;
    background: none;
}

.breadcrumb {
    border: 1px dotted #ccc;
    font-size: 0.8em;
    padding-left: 10px;
    padding-right: 10px;
}

.breadcrumbhover {
    border: 1px solid yellow;
    background-color: #ffffaa;
    font-size: 0.8em;
    padding-left: 10px;
    padding-right: 10px;
}

.breadcrumb.selected {
    background-color: #ffffcc;
}

.breadcrumb img, .breadcrumbhover img {
    vertical-align: middle;
}

.breadcrumb a {
    text-decoration: none;
}

.breadcrumbhover a {
    text-decoration: underline;
}
/* END BREADCRUMB BOXES */

/* DEFAULT INPUT ELEMENTS */
fieldset {
    padding: 5px;
}

legend {
    padding: 5px;
    color: #000;
}

input, select, textarea {
    border: 1px solid #bbb;
}

    input.readonly, select.readonly, textarea.readonly {
        color: #333;
        background-color: #ccc;
    }

.button {
}
/* END DEFAULT INPUT ELEMENTS */

/* DATA PANELS */
#datapanel, .datapanel {
    margin: 10px 0px 10px 0px;
    background-color: #fff;
    width: 900px;
}

#dpheader, .dpheader {
    margin: 0px;
    padding: 10px 0px 0px 15px;
    font-size: 1.1em;
    font-weight: bold; /*color: #6f7476;*/
    color: #fff;
    background-color: #E5E5E5; /*border: solid 1px #ccc;*/
    background: url(images/panelheader.jpg) no-repeat;
    height: 29px;
}

#dpcontent, .dpcontent {
    background-color: #F7F7F7;
    margin: 0px;
    padding: 6px;
    border-top: none;
    border-bottom: none;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
}

#dpfooter, .dpfooter {
    margin: 0px;
    height: 28px;
    padding: 0px;
    font-size: 0.9em;
    background-color: #E5E5E5; /*border: solid 1px #ccc;*/
    background: url(images/panelfooter2.jpg) no-repeat;
    height: 25px;
}

    #dpfooter a, .dpfooter a {
        vertical-align: bottom;
    }
/* END DATA PANELS */

a.saveall {
    background-image: url(images/icons/tiny/saveall.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 30px 5px 5px;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}

    a.saveall:hover {
        background-image: url(images/icons/tiny/saveall.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding: 5px 30px 5px 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

a.save {
    background-image: url(images/icons/tiny/save.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 30px 5px 5px;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}

    a.save:hover {
        background-image: url(images/icons/tiny/save.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding: 5px 30px 5px 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

a.delete {
    background-image: url(images/icons/tiny/deletedb.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 30px 5px 5px;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}

    a.delete:hover {
        background-image: url(images/icons/tiny/deletedb.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding: 5px 30px 5px 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

a.cancel {
    background-image: url(images/icons/tiny/cancel.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 30px 5px 5px;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}

    a.cancel:hover {
        background-image: url(images/icons/tiny/cancel.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding: 5px 30px 5px 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

a.fetch {
    background-image: url(images/icons/tiny/network.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 30px 5px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    a.fetch:hover {
        background-image: url(images/icons/tiny/network.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding: 5px 30px 5px 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

.ajax__tab_body {
    font-size: 1em !important;
}

.calendarStopped {
    background-color: #ff0000;
    color: #fff;
}

.autowidth {
    width: auto !important;
}

.intbox {
    width: 80px;
}

/* Collapsible panels */
#content .cpbody {
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 5px;
    cursor: default;
}

#content .cpcontainer {
    border: 1px dotted #aaa;
    margin-bottom: 10px;
    background-position: top right;
    background-repeat: no-repeat;
    cursor: pointer;
}

    #content .cpcontainer:hover {
        background-color: #ffffcc;
    }

#content .cpheader {
    padding: 5px;
    min-height: 23px;
}

    #content .cpheader div {
        vertical-align: middle;
    }

#content .cptitle {
    font-size: 1.5em;
    font-weight: bold;
}

#dpcontent .cpbody {
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: default;
    padding: 0 10px 10px 10px;
}

#dpcontent .cpcontainer {
    border: 1px dotted #aaa;
    margin-bottom: 5px;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #ddd;
    cursor: pointer;
}

    #dpcontent .cpcontainer:hover {
        background-color: #ffffcc;
    }

#dpcontent .cpheader {
    padding: 5px;
    min-height: 23px;
}

#dpcontent .cptitle {
    font-size: 1em;
    font-weight: bold;
    vertical-align: middle;
}

.dp-validation-summary {
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    padding: 5px;
}
/* end collapsible panels */

.nowidth {
    width: auto !important;
}

.table-responsive {
    border: 0px solid transparent;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 0px solid transparent;
}

td.rmc {
    padding: 8px;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn.btn-primary {
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* left column headers */
table.bktable {
    table-layout: fixed;
    width: 100%;
    background-color: white;
}

table.bktableNoBorder {
    /*border: none; 	table-layout: fixed;*/
    width: 100%;
    background-color: white;
}

    table.bktableNoBorder tbody td {
        text-align: left;
        color: #000; /*width: 200px;*/
    }

.bktable td {
    padding: 2px;
    font-size: 11px;
}

.bktable thead tr {
    height: 26px;
}

.bktable thead td {
    white-space: nowrap;
    border-right: gray 1px solid;
    border-top: #e9e9e9 1px solid;
    border-left: #e9e9e9 1px solid;
    border-bottom: gray 1px solid;
    padding: 5px 2px 5px 2px;
    width: 40px;
    color: #000;
}

    .bktable thead td.room {
        width: 200px;
        padding-left: 4px;
        font-weight: bold;
        font-size: 13px;
        background-color: #aaa;
        color: #fff;
    }

    .bktable thead td.l {
        background-color: #aaa;
        color: #fff;
    }

    .bktable thead td.we {
        background-color: #3E447F;
        color: #fff;
    }
/* end left column headers */

.bktable tbody td {
    text-align: center;
    color: #000;
}

    .bktable tbody td.room {
        width: 200px;
        padding-left: 4px;
        color: #000;
        text-align: left;
    }

        .bktable tbody td.room a {
            float: right;
        }

    .bktable tbody td.sold {
        font-weight: bold;
        background-color: salmon;
        color: #fff;
    }

    .bktable tbody td.we {
        background-color: #C2CAE8;
        color: #fff;
    }

/* Booking Extras */
table.bkextras {
    background-color: #FFFFFF;
    padding: 0px;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.bkextras td {
    font-size: 11px;
    text-indent: 5px;
}

    .bkextras td.bkalign {
        text-align: right;
    }

.bkextras tr {
    height: 26px;
}

    .bkextras tr.alt {
        height: 26px;
        background-color: #C5CDEA;
    }

    .bkextras tr td {
        padding: 0;
        text-align: left;
    }

/* new channel mapping classes */
input.small {
    width: 26px;
}

input.medium {
    width: 50px;
}

textarea.small {
    width: 150px;
}

input.changed, textarea.changed, select.changed {
    border: solid 1px #666;
    background: #990000;
    color: #fff;
}

.bookingformmouseoverheader {
    background: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #C8BA92;
    padding: 5px;
    width: 200px;
    height: 15px;
    filter: alpha(opacity=90);
}

.bookingformmouseoverbody {
    background: #f1f1f1;
    padding: 5px;
    min-width: 250px;
    max-width: 400px;
    width: auto;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.3);
}

    .bookingformmouseoverbody table {
        border-collapse: collapse;
        width: 100%;
    }

        .bookingformmouseoverbody table tr th {
            font-weight: bold;
            text-align: left;
            padding: 1px 2px 1px 2px;
        }

        .bookingformmouseoverbody table tr td {
            border-top: solid 1px #f9f9f9;
            padding: 5px;
        }

    .bookingformmouseoverbody ul {
        padding-left: 10px;
    }


/* list items */
#content li {
    margin: 10px 10px 10px 20px;
}

.eventlock {
    width: 25px;
    height: 25px;
    background-image: url(images/icons/small/security.png);
    background-repeat: no-repeat;
    background-position: center center;
}

table.report {
    width: 100%;
}

    table.report tbody tr.datahead td {
        background-color: #777;
        font-weight: bold;
        color: #fff;
    }

    table.report tbody tr td.digit {
        text-align: center;
    }

    table.report tbody tr td {
        padding: 5px;
    }

    table.report tbody tr.total td {
        font-weight: bold;
    }

    table.report tbody tr.average td {
        border-top: double 3px #000;
        font-weight: bold;
    }

/*************************************
 * Booking Form Configuration Styles *
 *************************************/

/* Configuration Header */
#content div.configHeader {
    margin-right: 20px;
    float: right;
}

    #content div.configHeader a {
        color: #F2F2E6;
        background: #6B696B;
        border: 1px solid #aaa;
        padding: 2px 7px 2px 7px;
        text-decoration: none;
        font: bold 0.95em Tahoma;
    }

        #content div.configHeader a:hover {
            color: #BD9C8C;
            background: #F2F2E6;
        }

    #content div.configHeader .statusLabel {
        color: #00FF00;
        font-style: italic;
        font-size: 10px;
        margin-right: 20px;
        text-decoration: blink;
    }

/* Configuration Content */
#content div.configContent {
    border: 1px solid #ccc;
    margin: 20px 0 0;
    padding: 0 10px 10px 10px;
    z-index: 1;
}

    #content div.configContent hr {
        margin: 10px 0;
    }

    #content div.configContent p {
        margin-bottom: 10px;
        color: #0069B6;
    }

    #content div.configContent label {
        margin-right: 5px;
    }

    #content div.configContent .clearClass {
        clear: both;
    }

    /* Configuration Content - Edit Image */
    #content div.configContent h3 {
        color: #0069B6;
        font-size: 22px;
        font-weight: bold;
    }

    #content div.configContent div.floatLeft {
        float: left;
        margin-right: 20px;
    }

    #content div.configContent div.checkBoxList table {
        width: 100%;
    }

    /* Configuration Content - Lists */
    #content div.configContent ul {
        list-style-type: none;
    }

        #content div.configContent ul li {
            margin: 0;
            text-align: left;
        }

            #content div.configContent ul li a {
                text-decoration: none;
            }

    /* Configuration Content - Tables */
    #content div.configContent table.datagrid, #content div.configContent table.datagrid tr, #content div.configContent table.datagrid th, #content div.configContent table.datagrid td {
        margin-top: 10px;
        padding-right: 0;
    }

    #content div.configContent table.clearTable, #content div.configContent table.clearTable tr, #content div.configContent table.clearTable th, #content div.configContent table.clearTable td, #content div.configContent table.clearTable table {
        border: none;
        text-align: left;
    }

    /* Configuration Content - Navigation */
    #content div.configContent ul.nav {
        list-style-type: none;
        margin-top: -8px;
        margin-bottom: 10px;
        padding: 0;
        position: relative;
        text-align: center;
        z-index: 2;
    }

        #content div.configContent ul.nav li {
            display: inline;
            text-align: center;
            margin: 0 5px;
        }

            #content div.configContent ul.nav li a, #content div.configContent ul.nav li a:visited {
                background-color: #E5E5E5;
                border: 1px solid #CCC;
                color: #0069B6;
                font-weight: bold;
                text-decoration: none;
                padding: 3px 15px;
            }

                #content div.configContent ul.nav li a.active, #content div.configContent ul.nav li a:hover {
                    background-color: #F7F7F7;
                    border-left: solid 1px #777;
                    border-right: solid 1px #777;
                    border-top: solid 3px #777;
                    border-bottom: solid 3px #777;
                    color: #6F7476;
                }

    /* Configuration Content - Box */
    #content div.configContent div.box {
        display: block;
        float: left;
        background-color: #E5E5E5;
        border: 1px solid #CCC;
        padding: 5px;
        margin: 5px;
        font-weight: bold;
    }

    #content div.configContent div.leftTitle, #content div.configContent div.rightTitle {
        position: relative;
        margin-bottom: -10px;
        top: -15px;
    }

    #content div.configContent div.rightTitle {
        float: right;
    }

    #content div.configContent div.leftTitle {
        left: 10px;
    }

div.clear {
    clear: both;
}

/* Configuration Content - Validation Summary */
#content div.configContent div.valSummary {
    border: 1px solid #FAA;
    margin: 0 auto;
    padding: 10px;
    width: 400px;
}

/* Configuration Content - File list [Multi-File Uploader] */
#content div.configContent div#file-list {
    border: solid 1px #999;
    display: inline-block;
    margin: 0 20px 10px;
    min-height: 10px;
}

    #content div.configContent div#file-list div#file-list-header {
        background-color: #999;
        border-bottom: 1px #999;
        color: #fff;
        padding: 5px;
        text-align: center;
    }

    #content div.configContent div#file-list div.MultiFile-label {
        margin: 0 10px;
    }

/* Configuration Content - Reorder Control */
#content div.configContent div.imageGroup {
}

    #content div.configContent div.imageGroup ul, #content div.configContent div.imageGroup ul li {
        list-style-type: none;
    }

        #content div.configContent div.imageGroup ul li {
            border: solid 1px #999;
        }

    #content div.configContent div.imageGroup div.imageItem {
        width: 100%;
        height: 125px;
        background-color: #EEEEFF;
    }

        #content div.configContent div.imageGroup div.imageItem div {
            float: left;
        }

    #content div.configContent div.imageGroup div.reorderDragHandle {
        background-color: #FFCCCC;
        cursor: move;
        width: 10px;
        height: 125px;
    }

    #content div.configContent div.imageGroup div.reorderPlaceholder {
    }

div.imageCarousel {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 1024px;
}

#ctl00_plcBody_RoomTypeDescriptionsPanel .detpan {
    display: none;
}

ol {
    padding-left: 25px;
}

/* booking form */
#ctl00_plcBody_MakeBookingButton, .booknow-button {
    color: #FFF;
    border: 0px solid;
    font-size: 14px;
    padding: 8px 20px;
    float: right;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 2px;
    margin-top: 10px;
    clear: both;
}

/* Arrow controls */
.UpArrowBlue {
    background-image: url(Images/Icons/Small/arrow_blue_up.png);
    width: 32px;
    height: 32px;
}

.DownArrowBlue {
    background-image: url(Images/Icons/Small/arrow_blue_down.png);
    width: 32px;
    height: 32px;
}

.RedX {
    background-image: url(Images/Icons/Small/x_red.png);
    width: 32px;
    height: 32px;
}

.RightArrowGreen {
    background-image: url(Images/Icons/Small/ForwardGreen.png);
}

/* AUTO CENTERING STYLES */
.outer-center {
    float: right;
    right: 50%;
    position: relative;
}

.inner-center {
    float: right;
    right: -50%;
    position: relative;
}

.clear {
    clear: both;
}

/* NEW BREADCRUMB STYLES */
.bcouter {
    margin-bottom: 10px;
}

.bcmain {
    background-color: #F7F7F7;
    border: 1px solid #CCC;
    height: 34px;
    padding: 3px 3px;
    float: left;
}

.bctitle {
    font-size: 0.8em;
    font-weight: bold;
    float: left;
    height: 34px;
    width: 80px;
    line-height: 34px;
    text-align: center;
}

.bcitem {
    background-repeat: no-repeat;
    background-position: 5px center;
    border: 1px dotted #CCC;
    font-size: 0.8em;
    padding-left: 33px;
    padding-right: 5px;
    float: left;
    height: 32px;
    line-height: 32px;
    color: #0069B6;
    font-weight: bold;
}

    .bcitem.last {
        background-color: #FFFFCC;
    }

    .bcitem:hover {
        background-color: #FFFFAA;
        border: 1px dotted #AAA;
        text-decoration: underline;
    }

    .bcitem.last:hover {
        background-color: #FFFFAA;
        border: 1px dotted #AAA;
        text-decoration: none;
        cursor: default;
    }

.bcarrow {
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    width: 25px;
    height: 34px;
    padding: 0px 3px;
}
/*ADMIN*/
span.DESVALErrorText span {
    color: red;
}

.v-align-middle {
    vertical-align: middle;
}

.cursor-pointer {
    cursor: pointer;
}

.ui-widget-overlay {
    background-image: none !important;
    background-color: #000000 !important;
    opacity: 0.5 !important;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-widget-content.ui-dialog {
    background: none;
    border: none;
    z-index: 20;
}

.ui-dialog .ui-dialog-content {
    background: none;
    padding: 0;
}



.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    border: 0px !important;
    background: transparent;
}

.ui-widget-overlay {
    position: fixed !important;
}


#simplemodal-container {
    background-color: #333;
    border: 8px solid #444;
    padding: 8px;
}

    #simplemodal-container a.modalCloseImg {
        background: url(content/images/x.png) no-repeat; /* adjust url as required */
        width: 25px;
        height: 29px;
        display: inline;
        z-index: 3200;
        position: absolute;
        top: -15px;
        right: -18px;
        cursor: pointer;
    }

/* NEW CSS, removing the inline css */

.bnow:visited {
    color: white;
}


tr.rr {
    height: 57px;
}

td.rrt, td.rt {
    width: 57px;
    text-align: center;
}

tr.hr {
    font-weight: bold;
}

td.rnc {
    font-weight: bold;
    text-align: left;
}

td.rc .td.swrc, td.swfrc {
    text-align: center;
}

td.rrc, td.rcbm, td.rctd, td.rcss {
    text-align: center;
}

td.rhc {
    width: 30%;
}

table.rmctable {
    width: 100%;
}

.table tr > td, .table tr > th {
    display: table-cell;
}

.BookingFormGrid {
    width: 100%;
}

    .BookingFormGrid > .table {
        overflow-x: scroll;
        border: 0px solid transparent;
        width: 100%;
    }



.room-dets-cell {
    width: 70px !important;
}

.price-dets-cell {
    width: calc(100% - 70px) !important;
    text-align: right;
}

@media (max-width: 768px) {
    .room-dets-cell, .price-dets-cell {
        display: inline-block !important;
        text-align: left !important;
    }

        .bnlc > input.bnow, .price-dets-cell > span {
            float: left !important;
        }
}

.detpanbody {
    padding: 10px 15px;
}

    .detpanbody .row {
        margin-top: 5px;
        margin-bottom: 5px;
    }

td.rcbm, td.rcss {
    font-size: 75%;
}

.BookingDetailsTable {
    float: left;
}

    .BookingDetailsTable tbody tr th, .BookingExtrasTitle, .detpanhead {
        text-align: center;
        border: 0px;
        font-weight: normal;
        padding: 5px;
    }

#arrivalRange {
    background-image: url("../images/warning.png");
    background-repeat: no-repeat;
    padding: 4px 0px 0px 25px;
}

#braintreeButtonInfo, .buttonInfo {
    background-image: url("../images/InfoBG.png");
    background-repeat: no-repeat;
    padding: 4px 0px 4px 25px;
}

#powered-by-payrix {
    background-image: url("../images/Payrix-Logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 18px !important;
    min-width: 140px;
    float: right;
}

.rr td {
    border: 0px;
    height: 57px;
    margin: 0px;
}

.hr td {
    height: 57px;
    margin: 0px;
    padding: 15px;
}

td.wrt {
    text-align: center;
}

/*Weekend*/
td.wrc {
    border-width: 1px;
    border-style: solid;
    margin: 0px;
    text-align: center;
}

/*Selected*/
td.src, td.swrc, td.rc, td.rrc, td.wrc {
    margin: 0px;
    text-align: center;
}


td.rcza {
    margin: 0px;
    text-align: center;
    font-size: 12px !important;
}



/*  Makes the containing div shrink with the window  */
/*#main, #WLContent {
    max-width: 100% !important;
    overflow: hidden;
}*/

/*#WLContent, .WLContent {
    box-sizing: border-box;
    max-width: 1170px !important;
    margin: 0 auto !important;
}*/
.container {
    padding-right: 0px;
    padding-left: 0px;
}



.bnlc {
    min-width: 100px;
}


td.wrt {
    background-color: #2B3033;
    color: #FFFFFF;
}

td.src {
    background-color: #C0E0F6 !important;
}

td.rctd {
    background-color: #f0f8ff !important;
}

.rr td {
    border-color: #FFFFFF
}

td.rcza {
    background-color: #FFD2C4;
    border-color: #FFFFFF;
}

td.rcss {
    font-size: 90%;
    background-color: #FFD2C4;
}

td.swrc {
    background-color: #C0E0F6 !important;
}

.ui-dialog .ui-dialog-titlebar:empty {
    padding: 0px;
}

#ctl00_plcBody_PrevNextSection > td {
    padding: 0px !important;
}

#ctl00_plcBody_NextLinkButton, #ctl00_plcBody_PrevLinkButton, #ctl00_plcBody_NextLinkButton a:hover, #ctl00_plcBody_PrevLinkButton a:hover {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#ctl00_plcBody_NextLinkButton, #ctl00_plcBody_PrevLinkButton {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 0 1px -2px rgba(0, 0, 0, 0.2), 0 0 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.prevArrow {
    float: left;
    padding: 0px 2px;
}

.nextArrow {
    float: right;
    padding: 0px 2px;
}

#ctl00_plcBody_PrevLinkButton {
}

#ctl00_plcBody_NextLinkButton:after {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 100%;
    left: -15px;
    top: 0px;
    transform: skewX(-40deg);
}

#ctl00_plcBody_PrevLinkButton:before {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 100%;
    right: -15px;
    top: 0px;
    transform: skewX(40deg);
}

#ctl00_plcBody_PrevLinkButton:before {
    background: #f1f1f1;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.14), 1px 3px 1px -2px rgba(0, 0, 0, 0.2), 1px 1px 5px 0 rgba(0, 0, 0, 0.12);
    clip-path: inset(0px 0px 0px 1px);
}

#ctl00_plcBody_NextLinkButton:after {
    background: #f1f1f1;
    box-shadow: -1px 2px 2px 0 rgba(0, 0, 0, 0.14), -1px 3px 1px -2px rgba(0, 0, 0, 0.2), -1px 1px 5px 0 rgba(0, 0, 0, 0.12);
    clip-path: inset(0px 1px 0px 0px);
}

#ctl00_plcBody_NextLinkButton, #ctl00_plcBody_PrevLinkButton, #ctl00_plcBody_NextLinkButton:hover, #ctl00_plcBody_PrevLinkButton:hover {
    padding: 3px 20px;
    text-decoration: none;
    position: relative;
    width: 110px;
    display: block;
}

    #ctl00_plcBody_NextLinkButton:empty, #ctl00_plcBody_PrevLinkButton:empty {
        padding: 0px;
    }

/*HIDE DOWN ARROW IN IE*/
select::-ms-expand {
    display: none;
}

#ctl00_plcBody_NextLinkButton, #ctl00_plcBody_PrevLinkButton {
    font-size: 13px;
}


.bnpc span.empty-button {
    border: 1px solid #BCBCBC;
    color: #BCBCBC;
    float: left;
    width: 100%;
    text-align: center;
}

.bnpc span.price-dets {
    border: 0px solid transparent;
    color: inherit;
    padding: 0px;
    margin-top: 0px;
    margin-right: 5px;
    float: left;
    width: auto;
    text-align: left;
}

#ctl00_plcBody_PreviousNextFilterPanel {
    width: 100%;
}

#ctl00_plcBody_NextLinkButton {
    text-align: right;
}

    #ctl00_plcBody_NextLinkButton span, #ctl00_plcBody_PrevLinkButton span {
        font-size: 20px;
    }





td.rcza {
    font-size: 90% !important;
}

td.rcbm {
    opacity: 0.5 !important;
}

.rdet:link, .rdet:visited, .dlb a:visited, .dlb a {
    text-decoration: none;
}

    .rdet:link:hover, .dlb a:hover {
        color: #007EBD;
        text-decoration: underline;
    }

.BookingExtrasTable tr td {
    padding: 10px;
}

.BookingExtrasTable {
    margin-bottom: 20px;
    width: 100%;
}

#simplemodal-container {
    background-color: #333;
    border: 8px solid #444;
    padding: 8px;
}

    #simplemodal-container a.modalCloseImg {
        background: url(content/images/x.png) no-repeat; /* adjust url as required */
        width: 25px;
        height: 29px;
        display: inline;
        z-index: 3200;
        position: absolute;
        top: -15px;
        right: -18px;
        cursor: pointer;
    }


.searchControls, .searchControls2, .titleWrapper, #ctl00_plcBody_BookingFormGroupNameLabel {
    width: 100%;
}

.searchControls2 {
    margin: 15px 0px;
    float: left;
    text-align: center;
}

    .searchControls2 table, searchControls2 tr, searchControls2 td {
        padding: 0PX;
        margin: 0PX;
        border-spacing: 0px;
    }


.titleWrapper {
    height: 60px;
}


    .titleWrapper span, .titleWrapper table {
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }

#ctl00_plcBody_BookingFormGroupNameLabel {
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.titleWrapper span, #ctl00_plcBody_BookingFormGroupNameLabel {
    text-align: center;
}

.arrival-selection, .all-wrapper, .arrival-wrapper, .departure-wrapper, .people-selection, .adult-selection, .child-selection, .search-button, .search-selection, .searchControls2 > div {
    display: inline-block;
}

.space1 {
    margin-right: 4px;
}

.space2 {
    margin-right: 20px;
}

.space1 table select {
    min-width: 90px;
}

.searchControls div label {
    margin-bottom: 5px;
    color: #666;
}


.searchControls div table, .searchControls div select, .searchControls div label, .searchControls div input {
    float: left;
    clear: both;
    display: block;
}

.searchControls div label, .searchControls2 label, #ctl00_plcBody_PromotionStatusLabel {
    color: #666;
    float: left;
    clear: none;
    margin: 5px 0px;
    font-size: 13px;
    text-align: left;
    line-height: 18.5714px;
    text-size-adjust: 100%;
    font-weight: normal;
    padding-left:0px;
}


.searchControls div select {
    border-radius: 2px;
}

.searchButton input, .searchControls div select, #ctl00_plcBody_PropertyDropDownList, #ctl00_plcBody_GridDateRangeDropDownList, #ctl00_plcBody_PromotionTextBox, #ctl00_plcBody_CurrencyDropDownList, #ctl00_plcBody_RegionDropDownList, .searchOptionPanel {
    height: 45px;
}

.searchControls div input, #NightsLabel, #dateArrival, #dateDeparture {
    font-size: 16px;
    font-weight: 300;
}

.searchControls div input, .searchButton input {
    float: left;
    display: block;
    border-radius: 4px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 44px;
}

.searchControls select, .searchControls input, .searchControls2 select, .searchControls2 input, .searchOptionPanel {
    box-sizing: border-box;
    color: black;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .searchControls select, .searchControls select option, .searchControls2 select, .searchControls2 select option {
        overflow: hidden;
        text-overflow: ellipsis;
    }


.searchOptionPanel {
    padding: 0px;
}

    .searchOptionPanel > a {
        display: block;
        text-align: center;
        height: 45px;
        float: left;
        padding: 11px 6px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.PriceLinkButton {
    width: 33%;
}

.StarRatingLinkButton {
    width: 34%;
}

.NameLinkButton {
    width: 33%;
}

.subSearchControls {
    display: inline-block;
    width: 100%;
}

.searchButton input {
    color: white;
    border: 1px solid transparent;
}

.searchOptionsButton {
    padding: 8px 20px;
    border-radius: 2px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 15px !important;
    border: 0px !important;
}

    .searchOptionsButton:hover {
        background-position: 20px center !important;
    }

.searchButton input {
    background-image: url(../Images/magnifying-glass.svg);
    background-size: 30px;
    cursor: pointer;
}

    .searchButton input:hover {
        background-size: 35px;
    }

.searchOptionsButton {
    background-image: url(../Images/arrow.svg) !important;
}

.BookingDetailsTable {
    width: 100%;
}

.detpanbody {
    text-align: left;
}


#BFGTACAgreePanel {
    float: left !important;
}

span.toggle {
    display: block;
    float: right;
}

#simplemodal-container {
    background-color: #333;
    border: 8px solid #444;
    padding: 8px;
}

    #simplemodal-container a.modalCloseImg {
        background: url(content/images/x.png) no-repeat; /* adjust url as required */
        width: 25px;
        height: 29px;
        display: inline;
        z-index: 3200;
        position: absolute;
        top: -15px;
        right: -18px;
        cursor: pointer;
    }

#ctl00_plcBody_BookingDetailsAvailabilityValidationSummary, #ctl00_plcBody_BookingDetailsValidationSummary {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    float: left;
    width: 100%;
    //width: calc(100% - 30px);
    width: calc(100% - 0px);
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.etc span {
    float: left;
    margin-right: 5px;
}

input, select {
    padding: 5px;
}

#cardTypeImage {
    width: 30px;
}


.extras input, .extras span, .extras label {
    width: 100%;
    min-width: 30px;
}


.line-break-xs {
    display: none;
}

.font-xs-12 {
    font-size: inherit;
}


@media (max-width: 800px) {
    .nextArrow, .prevArrow {
        display: none;
    }

    .PlatinumForm {
        display: none !important;
    }

    .BookingFormGrid > .table > tbody > tr > td:not(:first-of-type) {
        display: none !important;
    }

    .BookingFormGrid tr.hr td:not(:first-of-type) {
        display: none !important;
    }

    .PlatinumForm {
        display: none !important;
    }

    .rmctable tr:not(:first-of-type) {
        display: table-cell;
        width: 50%;
    }

        .rmctable tr:not(:first-of-type) > td {
            display: block;
            width: 100%;
        }

    .price-dets-cell {
        text-align: left;
    }

    .rr td {
        border-bottom: 1px solid #ddd
    }
}

@media (max-width: 767px) {
    .line-break-xs {
        display: block;
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: normal;
    }
}





#ctl00_plcBody_PaxAdultsDropDownList, #ctl00_plcBody_PaxChildrenDropDownList {
    width: 100%;
}

.label-32 {
    height: 32px;
    line-height: 32px;
}

    .label-32 select, .label-32 input, .label-32 textarea {
        height: 32px;
        line-height: 100%;
    }

.label-64 {
    height: 64px;
    line-height: 64px;
}

    .label-364 select, .label-64 input, .label-64 textarea {
        height: 64px;
        line-height: 100%;
    }

.label-160 {
    height: 160px;
    line-height: 160px;
}

    .label-160 select, .label-160 input, .label-160 textarea {
        height: 160px;
        line-height: 100%;
    }

@media (max-width: 768px) {
    .label-32.label-160 {
        height: 32px;
        line-height: 32px;
    }
}


.BookingDetailsTable input[type='text'], .BookingDetailsTable input[type='number'], .BookingDetailsTable select, .BookingDetailsTable textarea, #ctl00_plcBody_RoomQuantityDropDown, #ctl00_plcBody_NightsSelectedDropDownList {
    width: 100%;
    border: 1px solid #bbb;
}

textarea {
    resize: none;
}

#ctl00_plcBody_EstimatedDepartureTimeHourDropDownList, #ctl00_plcBody_EstimatedDepartureTimeMinuteDropDownList,
#ctl00_plcBody_EstimatedArrivalTimeHourDropDownList, #ctl00_plcBody_EstimatedArrivalTimeMinuteDropDownList {
    width: 30%;
}

#ctl00_plcBody_EstimatedDepartureTimeAMPMDropDownList,
#ctl00_plcBody_EstimatedArrivalTimeAMPMDropDownList {
    width: calc(40% - 8px);
}

.w50 {
    width: 50%;
}

.xQuantity, .xTotal, #ctl00_plcBody_ThawteSeal {
    width: 80px;
}

.w100 {
    width: 100%;
}

.xNorm {
    width: 100px;
}


.xName, .w200 {
    width: 200px;
}

option {
    padding: 10px;
}


.searchOptions {
    color: #2d2d2d;
    text-decoration: none;
    /*padding-top: 8px;
	padding-left: 20px;
	padding-right: 10px;
	vertical-align: super;
	height: 21px !important;*/
}

.searchOptionsSelect {
    padding-bottom: 3px;
    /*padding-left: 20px;
	padding-right: 10px;
	vertical-align: super;
	height: 21px !important;*/
}

.searchOptionsButton2 {
    padding-bottom: 6px;
}

.searchSortOptions {
    color: #2d2d2d;
    text-decoration: none;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    /*vertical-align: bottom;
	height: 21px !important;*/
}

.searchOptionPanel {
    background-color: #F1F1F1 !important;
    border: 1px solid;
    border: 1px solid #ddd;
    display: block;
}

.middleSearchOptions {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.searchControlProperty {
    text-align: center;
}

    .searchControlProperty div {
        display: inline-block;
        padding-top: 2px;
        text-align: center;
        margin-right: 10px;
        height: 17px !important;
    }


/*.spacing-table {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 15px;
    border-collapse: separate;
    border-spacing: 5px; 
}
.spacing-table th {
    text-align: left;
    padding: 5px 15px;
}*/
.spacing-table th td {
    border-width: 0px 3px;
    border-color: white;
    border-style: solid;
    padding: 5px 15px;
}

.spacing-table td:first-child {
    border-left-width: 3px;
}

.spacing-table td:last-child {
    border-right-width: 3px;
}
/*.nospacing-table th td {
	border-width: 0;
	border: none;
    padding: 0;
}*/

.bnow {
    white-space: nowrap;
    font-weight: normal !important;
    text-decoration: none;
    padding: 5px 14px !important;
}

    .bnow:hover {
        cursor: pointer;
    }

.bnow, #ctl00_plcBody_PrintPageButton {
    color: white !important;
    margin-top: 5px;
    border: 0px solid;
    font-size: 14px;
    padding: 8px;
    float: left;
    border-radius: 2px;
    width: 100%;
}

#bookingCosts div.booking-subtotal,
#bookingCosts div.booking-total {
    border-top: dotted 1px #706d6d;
    font-weight:600;
}

#bookingCosts span.deposit-note {
    font-size: 1.1rem;
}

#ctl00_plcBody_PrintPageButton {
    float: left;
    cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar-close {
    z-index: 999;
    top: 52px !important;
}

.ui-dialog {
    max-width: 100%;
}

#ctl00_plcBody_AppliedPromotionPanel {
    margin-bottom: 20px;
}

#ctl00_plcBody_BookingFormGroupPropertyNamePanel {
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
}

    #ctl00_plcBody_BookingFormGroupPropertyNamePanel table {
        margin: 0px;
        display: inline-block;
        min-height: 30px;
    }

.propertyMap {
    width: 400px;
    float: left;
    margin-left: 55px;
    max-width: 40%;
    overflow: hidden;
    margin-right: 5px;
}

#ctl00_plcBody_PropertyDetailsPanel_GoogleMaps_map {
    width: 100%;
}

#map-expand-button {
    outline: none;
}

.GoogleMapWrapper:hover {
    cursor: pointer;
}

#mapCanvas .gm-style {
    pointer-events: none;
}

#mapCanvas {
    width: 100%;
    height: 170px;
    display: block;
    float: left;
}

.BookingDetailsTable #ctl00_plcBody_ArrivalDateSelector_MY, .BookingDetailsTable #ctl00_plcBody_ArrivalDateSelector_D {
    min-width: 90px;
}

#ctl00_plcBody_ArrivalDateSelector img {
    width: 30px;
    margin-left: 5px;
}

#ctl00_plcBody_ArrivalDateSelector_D {
    margin: 3px;
}

#ctl00_plcBody_ArrivalDateSelector_DA {
    margin: 0px 7px 0px 0px;
}

.ui-datepicker-trigger {
    margin-right: 5px;
    cursor: pointer;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}

.detailImg {
    height: 14px;
    width: 13px;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    background-image: url(../Images/details.svg) !important;
}

.searchControls2 select, .searchControls2 input {
    float: left;
    margin-right: 5px;
}

select {
    background-image: url(../Images/arrows.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-size: 13px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}



.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle
}

.searchControls #ctl00_plcBody_PaxChildrenDropDownList, .searchControls #ctl00_plcBody_PaxAdultsDropDownList, .searchControls #ctl00_plcBody_NightsSelectedDropDownList, .all-wrapper, #ctl00_plcBody_PropertyDropDownList, #ctl00_plcBody_PromotionTextBox, #ctl00_plcBody_GridDateRangeDropDownList, #ctl00_plcBody_CurrencyDropDownList, #ctl00_plcBody_RegionDropDownList, .searchOptionPanel {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.dets-search .all-wrapper {
    box-shadow: none;
}

@media (min-width: 768px) {
    .searchControls #ctl00_plcBody_PaxChildrenDropDownList, .searchControls #ctl00_plcBody_PaxAdultsDropDownList, .searchControls #ctl00_plcBody_NightsSelectedDropDownList {
        width: 100%;
        font-size: 17px;
    }

    .searchControls #ctl00_plcBody_ArrivalDateSelector_DA, .searchControls #ctl00_plcBody_ArrivalDateSelector_MY {
        padding: 0px 10px 0px 5px;
        font-size: 17px;
    }
}

@media (min-width: 768px) {
    .container {
        width: auto;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}


@media (max-width: 550px) {
    .searchControls div table, .searchControls div select, .searchControls div label, .space2 select {
        width: 100%;
    }

    .space1 table select {
        min-width: 90%;
    }

    .searchButton input {
        background-size: 30px;
    }

        .searchButton input:hover {
            background-size: 35px;
        }

    #ctl00_plcBody_PromotionPanel {
        width: 50%;
    }
}


@media print {
    html, body {
        border: 1px solid white;
        height: 99%;
        page-break-after: avoid !important;
        page-break-before: avoid !important;
    }

    .no-print, .no-print * {
        display: none !important;
    }

    .detpanbody .row {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    #ctl00_plcBody_PropertyDescriptionPanel, .BookingFormGrid, .BookingDetailsTable, .BookingExtrasTable, .BookConf {
        padding: 0px !important;
    }
}










.searchControls label {
    text-align: left;
}

.searchControls #CalendarStartDate, .searchControls #CalendarEndDate {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header-area, .header-container, #search-area, #search-inputs {
    width: 100%;
}

#arrivalContainer, #adults-container, #children-container {
    width: 100%;
}

/*.EndDateHeader{
    padding-left: 10px;
}*/


.PromotionBoxPanel {
    width: 100%;
}

    .PromotionBoxPanel input, #search-button input {
        width: 100%;
    }

#search-button {
    width: 45px;
}

    #search-button input {
        border: none;
        position: relative;
        height: 45px;
    }


.arrival-selection {
    width: 50%;
    top: 6px;
    position: relative;
    padding: 0px;
}

.people-selection {
    width: calc(50% - 57px);
}


.adult-selection {
    width: calc(50% - 2px);
}

.child-selection {
    width: calc(50% - 2px);
}


@media (max-width: 992px) {
    .arrival-selection {
        width: 100%;
    }

    .people-selection {
        width: calc(100% - 49px);
    }

    .search-button {
        width: calc(50% - 2px);
    }

    .adult-selection {
        width: calc(50% - 2px);
    }

    .child-selection {
        width: calc(50% - 2px);
    }

    #CalendarStartDate {
        display: block;
    }
}

.all-wrapper {
    width: 100%;
}

@media (max-width: 768px) {

    .arrival-selection {
        width: calc(100% - 2px);
        padding: 0px;
    }

    .other-selection {
        width: calc(100% - 2px);
    }


    .people-selection {
        width: calc(100% - 2px);
    }

    .search-selection {
        width: calc(100% - 2px);
    }

    #search-button {
        width: 100%;
    }

    .adult-selection {
        width: calc(50% - 2px);
    }

    .child-selection {
        width: calc(50% - 2px);
    }
}

@media (max-width: 550px) {
}

.details-entry-calendar .calendar-icon {
    top: 9px;
}

.details-entry-calendar .arrival-selection {
    width: calc(100% - 17px);
}

.details-entry-calendar .NightsContainerLeft > input, .details-entry-calendar .NightsContainerLeft > span {
    height: 30px;
    line-height: 30px;
    padding: 0px 3px;
}

.details-entry-calendar .NightsContainer {
    width: 40%;
    height: 32px;
}



.details-entry-calendar .NightsContainerRight span.NightsIncArrow {
    top: -11px;
}

.details-entry-calendar .NightsContainerRight span.NightsDecArrow {
    top: 5px;
}

.details-entry-calendar .NightsContainerRight span {
    height: 15px;
}

#CalendarStartDate {
    float: left;
    border: transparent;
    box-shadow: none;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.details-entry-calendar #CalendarStartDate {
    height: 30px;
}

#dateArrival {
    position: absolute;
    left: 0px;
    padding: 6px 0px 6px 12px;
    float: left;
    color: #333;
    height: 0px;
    overflow: visible;
    pointer-events: none;
    background: none !important;
    line-height: 32px;
}

.dets-search #dateArrival, .dets-search #dateDeparture {
    padding: 0px 12px;
}

.arrival-wrapper {
    position: relative;
}

.departure-wrapper {
    position: relative;
}

#CalendarStartDate:hover, #CalendarEndDate:hover {
    cursor: pointer;
}

#CalendarEndDate {
    float: left;
    border: transparent;
    box-shadow: none;
    color: transparent;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.details-entry-calendar #CalendarEndDate {
    height: 30px;
}

#dateDeparture {
    position: absolute;
    left: 0px;
    padding: 6px 0px 6px 12px;
    float: left;
    color: #333;
    height: 0px;
    overflow: visible;
    pointer-events: none;
    background: none !important;
    line-height: 32px;
}

.details-entry-calendar #dateArrival, .details-entry-calendar #dateDeparture, .details-entry-calendar .NightsContainer, .details-entry-calendar #NightsLabel, .details-entry-calendar .nights, .details-entry-calendar .promotion-selection input {
    background-color: #fff !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: rgb(51, 51, 51) !important;
    ;
}

.details-entry-calendar #CalendarStartDate, .details-entry-calendar #CalendarEndDate {
    background-color: transparent !important;
}

.details-entry-calendar .arrival-wrapper, .details-entry-calendar .departure-wrapper, .details-entry-calendar .NightsContainer {
    border-color: #bbb;
}

.details-entry-calendar .arrival-wrapper, .details-entry-calendar .departure-wrapper {
    background-color: #fff;
}


    .details-entry-calendar .arrival-wrapper > span {
        padding: 0px 6px;
    }

    .details-entry-calendar .departure-wrapper > span {
        padding: 0px 6px;
    }

/*moved from calendar*/
.arrival-wrapper {
    border: 1px solid #ddd;
    /*border-right: none;*/
    border-right: solid 1px #b2a8a8;
    float: left;
    width: 30%;
    clear: none;
    border-radius: 0px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.NightsHeader{
    width: 20% !important;
}
.departure-wrapper {
    border: 1px solid #ddd;
    border-left: none;
    /*border-right: none;*/
    border-right: solid 1px #b2a8a8;
    float: left;
    width: 30%;
    clear: none;
    border-radius: 0px;
}

.calendar-icon {
    position: absolute;
    top: 14px;
    right: 6px;
    pointer-events: none;
}

.NightsContainer {
    float: left;
    width: 40%;
    border: 1px solid #ddd;
    border-left: none;
    padding: 0px;
    clear: none;
    border-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 0px;
}
.extraInput {
    margin: 0px !important;
    width: 80% !important;
    padding-right: 10px !important;
}
.be-quantity > span {
    text-align: left;
}


@media (max-width: 768px) {
    .details-entry-calendar .arrival-wrapper {
        width: 100%;
        border-right: 1px solid #bbb;
        margin: 3px 0px;
    }

    .details-entry-calendar .departure-wrapper {
        width: 100%;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        margin: 3px 0px;
    }
    .details-entry-calendar .NightsContainer {
        width: 100%;
        border-left: 1px solid #bbb;
        margin: 3px 0px;
    }

    .details-entry-calendar .nights {
        width: 23px;
    }
}

@media (max-width: 550px) {
    .details-entry-calendar > span {
        width: calc(100% - 40px) !important;
    }
}

.SearchFailurePanel {
    /*font-family: Arial;*/
    font-size: 17px;
    color: red;
    margin: 10px;
}

.SearchFailureLabel, .CurrencyDropDownList, .GridDateRangeDropDownList, .PropertyDropDownList {
    width: 100%;
}

.searchControls2 option, .searchControls2 input {
    /*font-family: Arial;*/
    font-size: 17px;
    color: #333;
}



@media (max-width: 768px) {
    .searchControls2 > div {
        width: calc(100% - 4px) !important;
    }
}



.image-carousel div, .image-carousel a {
    height: auto;
    vertical-align: middle;
}


@media (min-width: 768px) {
    .modal-dialog {
        width: 768px;
        margin: 30px auto;
    }
}

@media (min-width: 1024px) {
    .modal-dialog {
        width: 1024px;
    }
}

.carousel-inner > .item:hover, .carousel-indicators > li:hover, .carousel-indicators:hover {
    cursor: pointer;
}

.image-carousel .modal-content {
    background-color: #fff;
}

.image-carousel .modal-body {
    padding: 0;
    height: 100%;
    text-align: center;
}

#ctl00_plcBody_PropertyDetailsPanel_ImagesDiv .image-carousel .modal-body {
    padding: 0;
    height: 100%;
    text-align: center;
}

.image-carousel .carousel-inner img {
    width: 100%;
    height: 100%;
}


.image-carousel .modal img {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
}

.carousel-control {
    opacity: 0.1;
}

#ctl00_plcBody_PropertyDetailsPanel_ImagesDiv .image-carousel {
    float: left;
}

#ctl00_plcBody_RoomTypeDescriptionsPanel .image-carousel {
    height: 356px;
}

    #ctl00_plcBody_RoomTypeDescriptionsPanel .image-carousel img {
        height: 356px;
        width: auto;
        object-fit: cover;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }



#ctl00_plcBody_PropertyDetailsPanel_ImagesDiv .row {
    margin: 0px;
}

#ctl00_plcBody_PropertyDetailsPanel_ImagesDiv .image-carousel img {
    height: 591px;
    width: auto;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5%;
    margin-bottom: -5%;
    overflow: hidden;
}

#ctl00_plcBody_PropertyDetailsPanel_ImagesDiv .GoogleMapWrapper {
    width: auto;
    height: 100%;
}
.image-carousel {
    width: 100%;
    overflow: hidden;
}

    .image-carousel .carousel-inner {
        margin-top: 0px;
    }

@media only screen and (min-width : 768px) {
    .image-carousel {
        width: 100%;
        max-height: 510px;
    }

    /*.image-carousel .carousel-inner {
        margin-top: -15%;
    }*/
}

@media only screen and (min-width : 992px) {
    .image-carousel {
        width: 100%;
        max-height: 510px;
    }

    /*.image-carousel .carousel-inner {
        margin-top: -15%;
    }*/
}

ol.carousel-inner-thumbs {
    padding: 5px 0px;
    margin: 0px;
    list-style-type: none;
    background-color: transparent;
}

.carousel-inner-thumbs li {
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: middle;
}

    .carousel-inner-thumbs li:hover {
        cursor: pointer;
    }

.carousel-inner-thumbs img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.carousel-inner-thumbs .thumb:hover img {
    opacity: 0.3;
}

.carousel-buttons {
    padding: 10px;
    position: absolute;
    top: 0px;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-buttons > button, .carousel-buttons span:before {
        width: 30px;
        height: 30px;
    }

    .carousel-buttons > button, .carousel-indicators > li {
        opacity: 0.5;
    }

        .carousel-buttons > button:hover, .carousel-indicators:hover > li {
            opacity: 1;
        }

    .carousel-buttons .glyphicon {
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        color: white;
    }

.carousel-play {
    display: none;
}

.nomargin {
    margin: 0px !important;
}

.col-container {
    background-color: #f1f1f1;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.BookingDetailsTable {
    margin-top: 15px;
}

.col-1 {
    box-shadow: none;
    border-right: 0px solid transparent !important;
}

.col-2 {
    box-shadow: none;
    border-left: none !important;
}

@media (max-width: 768px) {
    .BookingDetailsTable {
        margin-top: 0px;
    }

    .col-container {
        border: 0px solid transparent;
        background-color: transparent;
        box-shadow: none;
    }

    .col-1 {
        margin-top: 15px;
        border-left: 1px solid #ddd;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }

    .col-2 {
        margin-top: 15px;
        border-left: 1px solid #ddd !important;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }
}

select {
    background-color: #fff;
}

#cardExpiryDropDown select {
    width: calc(50% - 9px);
}

#payment-form {
    padding: 5px;
    background: #fff;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.tac-checkbox label {
    padding: 0px 5px
}

.tac-checkbox input[type='checkbox'] {
    position: absolute;
    margin: 4px 0px 0px -15px;
}

.card-type {
    float: left;
    width: 100%;
}

.card-type-image-container {
    height: 18px;
    float: right;
}

.card-type-image {
    height: 18px;
    width: 30px;
    display: none;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.showMoreLessBtn {
    border: none;
    background-color: transparent;
    color: blue;
}

    .showMoreLessBtn:hover {
        color: royalblue;
    }



/* ----------------------------- ADD STYLE FOR LABEL*/
label.label-lg.label-inline {
    width: auto;
}


.label.label-lg {
    font-size: 12px;
}

.label.label-inline {
    width: auto;
}

.label.label-inline {
    width: auto;
    padding: 1rem 2.5rem;
    border-radius: .42rem;
}

.label.label-light-info {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}


#home-link {
    position: relative;
    display: block;
    width: 100%;
    padding: 0px;
}

    #home-link a {
        display: inline-block;
        text-align: center;
    }

    #home-link img {
        height: 56px;
    }

.ui-widget {
    font-family: inherit;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline:none;
    outline-offset: -2px;
}


div.refundable-BOND-note {
    width: 100%;
    float: left;
    padding: 5px 0px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #ac0303;
}

div.hisite-alert .modal-title{
    color:red;
    font-size: 14px;
}

div.payment-authorisation-note {
    font-size: 15px;
    font-weight: 500;
}