@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&family=Roboto&display=swap');

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    background: url('../../img/2017/2017-body-bg.jpg') no-repeat center;
    margin: 0;
    padding: 0;
    color: #000000;
    background-position: top;
}

.window {
    position: absolute;
    width: 100%;
    height: 100%;
}

#container {
    margin: 0 auto;
    max-width: 1180px; /* padding: 10px; */
    min-height: 100%;
}

#header {
    width: inherit;
    height: 120px;
    padding: 10px;
}

    #header h1 {
        margin: 0;
        padding: 10px 0;
    }

    #header #logo {
        background-image: url('../../img/2018/RNS Logo 2021.png');
        height: 130px;
        width: 140px;
        float: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

        #header #logo a {
            display: block;
            width: 120px;
            height: 120px;
        }

    #header #icons {
        width: 600px;
        height: 24px;
        top: 58px;
        left: 222px;
        position: absolute;
    }

    #header #header-no-repeat {
        height: 140px;
    }

#header-menu {
    float: right;
    height: 42px;
    position: relative;
    right: 0px;
    z-index: 1;
    top: 89px;
    margin-left: 10px;
    width: 180px;
}

.gridStyle {
    width: 100%;
    background-color: aliceblue;
    color: #333;
}

.gridHeaderStyle {
    color: white;
    background-color: #333;
    text-transform: uppercase;
    padding: 8px;
}

    .gridHeaderStyle th {
        padding: 8px;
    }

    .gridHeaderStyle a:link {
        color: white;
    }

div#result.short {
    font-weight: bold;
    color: #FF0000;
    font-size: larger;
}

div#result.weak {
    font-weight: bold;
    color: orange;
    font-size: larger;
}

div#result.good {
    font-weight: bold;
    color: #2D98F3;
    font-size: larger;
}

div#result.strong {
    font-weight: bold;
    color: limegreen;
    font-size: larger;
}

.strong {
    font-weight: bold;
}

.menuHead {
    background-color: teal;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #FFF;
    position: relative;
    border-radius: 10px 10px 0px 0px;
}

    .menuHead:hover {
        background-color: #00b8b8;
        font-weight: bold;
        border-radius: 10px 10px 0px 0px;
        box-shadow: -1px -1px 5px lightslategrey;
    }

    .menuHead div {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
    }

.menuUp {
    background-color: #5f9ea0;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 180px;
    overflow: hidden;
    padding: 1px;
    border-bottom: 1px solid #77b4b6;
}

    .menuUp img {
        vertical-align: middle;
        filter: invert(100%);
        padding-right: 10px;
        height: 24px;
        width: 24px;
    }

.menuOver {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #00b8b8;
    display: block;
    width: 180px;
    overflow: hidden;
    padding: 1px;
    text-decoration: none !important;
    border-bottom: 1px solid #77b4b6;
}

    .menuOver img {
        vertical-align: middle;
        text-decoration: none;
        filter: invert(100%);
        padding-right: 12px;
        height: 24px;
        width: 24px;
    }

.menuUp a {
    background-image: none;
    display: block;
    text-decoration: none;
}

.menuOver a {
    text-decoration: none;
}

#header-menu div a {
    color: white;
}

hr {
    border-top: 1px solid #e9ebee;
    margin: 0;
}

#rTop {
    position: relative;
    top: 110px;
    right: 0px;
    float: right;
}

a.modal img {
    border: 0px;
}

#mainContent {
    padding: 10px;
    margin-top: 10px; /* background: rgba(255, 255, 255, 0.8); */ /* -webkit-border-radius: 10px 10px 10px 10px; */
    -moz-border-radius: 10px 10px 10px 10px; /* border-radius: 10px 10px 10px 10px; */
    -moz-box-shadow: 2px 2px 10px 0px #333; /* -webkit-box-shadow: 2px 2px 10px 0px #333; */ /* box-shadow: 2px 2px 10px 0px #333; */
}

#modalGray {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    z-index: 100;
    text-align: center;
    vertical-align: middle;
}

#modalDiv {
    position: absolute;
    z-index: 101;
}

a:link {
    color: #0080C0;
    text-decoration: none;
}

a:visited {
    color: #0080C0;
}

a:hover {
    color: #00F;
    text-decoration: underline;
}

h1 {
    color: #990000;
    padding: 0;
    margin: 0;
}

h2 {
    color: #990000;
    padding: 0;
    margin: 0;
}

h3 {
    color: #990000;
    padding: 0;
    margin: 0;
}

.pageHeading {
    color: #0080c0;
    font-weight: bold;
    font-style: italic;
}

.pageSubHeading {
    color: maroon;
    font-weight: bold;
    font-style: italic;
    height: 20px;
    display: block;
    padding-top: 3px;
}

.center-text {
    text-align: center;
    margin: 0 auto;
}

.right-text {
    text-align: right;
}

td.right-text {
}

.left-text {
    text-align: left;
}

.justify {
    text-align: justify;
}

.login {
    margin: 0 auto;
}

#login {
}

#login-table {
    width: 100%;
}

#login-form {
    margin: 0 auto;
    width: 293px;
}

inHeader {
    text-align: center;
    font-family: Georgia;
    font-size: 18px;
}

#loginFooter {
    text-align: center;
}

#footer {
    width: 100%;
    height: 175px; /* background-color: #777; */
    margin: 0 auto;
}

#footer-no-repeat {
    height: 175px; /* background-color: rgb(68,68,68); */
    max-width: 1200px;
    margin: 0 auto; /* margin-bottom: 10px; */ /* padding: 10px; */ /* margin-top: 10px; */ /* background: rgba(63, 176, 204, 0.13); */ /* -webkit-border-radius: 10px 10px 10px 10px; */
    -moz-border-radius: 10px 10px 10px 10px; /* border-radius: 10px 10px 10px 10px; */
    -moz-box-shadow: 2px 2px 10px 0px #333; /* -webkit-box-shadow: 2px 2px 10px 0px #333; */ /* box-shadow: 2px 2px 10px 0px #333; */
}

.warning {
    border: 1px Red dashed;
    padding-top: 5px;
    text-align: left;
    padding-left: 10px;
}

ul.controlPanel {
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    width: 200px;
}

    ul.controlPanel li.cpPrimaryLI {
        background-color: #2a7c86;
        border-bottom: 1px solid #f5f5f5;
        text-align: center;
    }

    ul.controlPanel li.cpDisabledLI, ul.controlPanel li.cpDisabledLI:hover {
        background-color: gray;
        border-bottom: 1px solid #f5f5f5;
        text-align: center;
    }

    ul.controlPanel li.cpFeaturedLI {
        background-color: #E91E63;
        border-bottom: 1px solid #f5f5f5;
        text-align: center;
    }

    ul.controlPanel li.cpAltLI {
        /* background-image: url(     '../../img/elements/dnlBG-up.jpg' ); */
        background-color: #75ba00;
        border-bottom: 1px solid #f5f5f5;
        text-align: center;
    }

    ul.controlPanel a {
        padding-top: 10px;
        padding-bottom: 10px;
        color: White;
        display: block;
        width: 100%;
        height: 100%;
    }

        ul.controlPanel a:hover {
            text-decoration: none;
        }

    ul.controlPanel li:nth-child(1) li:nth-child(3) {
        margin-right: 10px;
    }

    ul.controlPanel li:hover {
        background-color: #164248;
        border-bottom: 1px solid #f5f5f5;
    }

.navReset {
    text-align: left;
}

    .navReset ul {
        padding: 15px;
    }

        .navReset ul li:hover {
            background-color: #ffffff;
            border-bottom: 0;
        }

    .navReset a:link {
        color: #0080C0;
        text-decoration: none;
        display: inline;
    }

    .navReset a:visited {
        color: #0080C0;
    }

    .navReset a:hover {
        color: #00F;
        text-decoration: underline;
    }

.searchBox {
    border: thin #808080 inset;
    font-family: arial, Helvetica, sans-serif;
    color: #666666;
    width: 300px;
    vertical-align: top;
}

.validationMsg {
    vertical-align: middle;
    padding-bottom: 5px;
}

.HelpBox {
    padding: 5px;
    width: 380px;
    background-image: url('../../img/elements/bg_infobox.jpg' );
    font-family: Tahoma;
    font-size: small;
    color: #FFFFFF;
    text-align: left;
    opacity: 0.9;
    -webkit-border-radius: 0px 10px 10px 10px;
    -moz-border-radius: 0px 10px 10px 10px;
    border-radius: 0px 10px 10px 10px;
    -moz-box-shadow: 2px 2px 10px 0px #333;
    -webkit-box-shadow: 2px 2px 10px 0px #333;
    box-shadow: 2px 2px 10px 0px #333;
}

    .HelpBox div {
        opacity: 1;
    }

.actionHelp {
    padding: 5px;
    overflow: hidden;
    height: 30px;
    text-align: center;
    color: #333;
}

ul.actionMenuList {
    padding: 0;
    list-style: none;
    margin: 0;
    width: 190px;
    float: left;
}

    ul.actionMenuList li {
        margin: 0;
        float: left;
        position: relative; /* Set the absolute positioning base coordinate */
        width: 50px;
        height: 50px;
        padding: 5px;
    }

        ul.actionMenuList li img {
            width: 50px;
            height: 50px; /* Set the small thumbnail size */
            -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
            padding: 5px;
            position: relative;
            left: 0;
            top: 0;
        }

            ul.actionMenuList li img.hover {
                /* background: url(thumb_bg.png) no-repeat center center;  Image used as background on hover effect */
                border: none; /* Get rid of border on hover */
            }

.modalBlock {
    padding: 3px;
    border: 1px solid #333333;
    width: auto;
    background-color: #FFFFFF;
    color: #333333;
    font-family: Tahoma;
    font-size: 14px;
    max-width: 1024px;
    overflow-x: auto;
    max-height: 80%;
}

    .modalBlock blockquote {
        background: #bdddec3d;
        padding: 30px;
        margin: 40px;
        border-radius: 15px;
    }

.modalBlockAlt {
    visibility: hidden;
    padding: 3px;
    border: 1px solid #333333;
    width: auto;
    height: auto;
    background-color: #FFFFFF;
    color: #333333;
    font-family: Tahoma;
    font-size: 14px;
    max-width: 1024px;
    overflow-x: auto;
    max-height: 80%;
    min-width: 400px;
    min-height: 200px;
}

.modalList {
    font-size: small;
}

.modalHead {
    margin: 0px;
    display: flex;
    padding: 5px;
    border: 1px solid #333333;
    font-family: Arial;
    font-size: 2rem;
    font-weight: bold;
    color: #FFFFFF;
    background-color: Teal;
    text-align: left;
    vertical-align: middle;
    height: 50px;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-image: -webkit-gradient( linear, left bottom, left bottom, color-stop(0, #3FB0CC), color-stop(1, #000000) );
    background-image: -o-linear-gradient(left bottom, #3FB0CC 0%, #000000 100%);
    background-image: -moz-linear-gradient(left bottom, #3FB0CC 0%, #000000 100%);
    background-image: -webkit-linear-gradient(left bottom, #3FB0CC 0%, #000000 100%);
    background-image: -ms-linear-gradient(left bottom, #3FB0CC 0%, #000000 100%);
    background-image: linear-gradient(to left bottom, #3FB0CC 0%, #000000 100%);
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

p.modalHead {
    font-size: small;
}

.modalContent {
    padding: 1rem;
    display: flex;
    justify-content: center;
}

.flex-col-center {
    display: flex;
    flex-direction:column;
    align-items: center;
}

.modalBG {
    background-color: Black;
    opacity: 0.3;
}

.over {
    color: white;
    background-color: #00b8b8 !important;
    cursor: pointer;
}

.out {
    color: Black;
    cursor: pointer;
}

.messageBG {
    padding: 10px 0 0 0;
    width: 100%;
    height: 30px;
    vertical-align: middle;
    font-size: 14px;
}
/* Home page */
.thrColFix #greyContainer {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.thrColFix #sidebar1 {
    float: left;
    width: 200px;
    padding-top: 5px;
    margin-right: 5px;
}

    .thrColFix #sidebar1 table a {
        text-decoration: none;
        font-size: 10px;
    }

.thrColFix #sidebar2 {
    float: right;
    width: 200px;
    padding: 5px;
    right: 0px;
}

.thrColFix #greyContent {
    margin: 0 220px 0 210px;
    padding-top: 10px;
    width: auto;
}

.fltrt {
    float: right;
    margin-left: 8px;
}

.fltlft {
    float: left;
    margin-right: 8px;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.ajax__calendar {
    position: relative;
    z-index: 100002;
    background-color: white;
}
/* image Manager */
#imgList {
    max-width: 848px;
    overflow: auto;
    height: inherit;
    list-style-type: none;
    margin: 0 auto;
    padding: 0px;
}

    #imgList li {
        float: left;
        padding: 5px;
    }

        #imgList li:hover {
            cursor: move;
        }

    #imgList div {
        height: 150px;
        border: 2px solid grey;
        background-color: #E0E0E0;
        text-align: left;
        padding-top: 0px;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 2px 2px 4px grey;
    }

    #imgList li:first-child > div {
        border: 2px solid crimson;
        position: relative;
        box-shadow: 2px 2px 4px #333333;
    }

        #imgList li:first-child > div:before {
            content: '';
            position: absolute;
            top: 0;
            left: -100px;
            width: 80px;
            height: 100%;
            background: rgba(255,255,255, 0.3);
            animation-name: slide;
            animation-duration: 4s;
            animation-timing-function: ease-in-out;
            animation-delay: .5s;
            animation-iteration-count: infinite;
            /*animation-direction: alternate;*/
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
            background: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
            background: linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
        }

    #imgList li:first-child > .king-icon {
        visibility: visible;
    }

.king-icon {
    background-image: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='crown' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' class='svg-inline--fa fa-crown fa-w-20 fa-2x'><path fill='gold' d='M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5.4 5.1.8 7.7.8 26.5 0 48-21.5 48-48s-21.5-48-48-48z' class=''></path></svg>");
    background-repeat: no-repeat;
    position: relative;
    top: -145px;
    right: 10px;
    float: right;
    display: block;
    visibility: hidden;
    width: 32px;
    height: 32px;
}

#SaveOrder {
    background-color: crimson;
}

    #SaveOrder:hover {
        color: crimson;
        font-weight: bold;
        background-color: whitesmoke;
    }

        #SaveOrder:hover > a {
            color: crimson;
            font-weight: bold;
        }


@keyframes slide {
    0% {
        left: -100;
        top: 0;
    }

    50% {
        left: 120px;
        top: 0px;
    }

    100% {
        left: 290px;
        top: 0;
    }
}

.placeHolder div {
    background-color: white !important;
    border: dashed 1px gray !important;
}

.imgList {
}

.imgActions {
    position: relative;
    top: -19px;
    background: #f0f8ffb5;
    padding: 5px 5px 5px 5px;
    border-radius: 0 10px 0 0;
}

.bx-wrapper {
    width: 100%;
    margin: 0 auto;
    min-height: 100px;
}
/*Granny*/
.unitType {
    font-family: Tahoma;
    font-size: 11px;
    color: #333333;
    z-index: 110002 !important;
}
/*Searrch & Reporting*/
.cbList {
    text-align: left;
    width: 200px;
    max-height: 300px;
    overflow: auto;
    border: solid 1px black;
    background-color: White;
    font-family: Tahoma;
    font-size: small;
}

.fakeLink {
    cursor: pointer;
}

.accordionHeader {
    height: 40px; /* color: #fff; */ /* background-color: #007f7f; */
}

.accordionHeader-Expander {
    float: left;
    width: 160px;
    margin-left: 10px;
}

.seachPanel {
    height: auto;
    overflow-x: hidden; /* border: 1px solid rgb(170, 198, 199); */
    margin-top: 0px;
    visibility: visible;
}

.print-option-modal-head {
    text-align: center;
    color: White;
    font-weight: bold;
    height: 48px;
    background-image: url(../../img/2012/2012-print-option-modal-head-bg.png);
}

.closeModal {
    background-color: White;
    margin: 0px;
    border: solid 1px Black;
    color: Black;
    font-weight: bold;
    position: relative;
    float: right;
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.attribute-description tr td {
    padding-right: 5px;
}
/*Mandate Actions*/
.ConcludedOpenHour {
    max-height: 300px;
    overflow: auto;
    clear: both;
}

.background-working {
    text-align: center;
    z-index: 10000000;
    position: fixed;
    height: 100%;
    background-color: Black;
    opacity: 0.5;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

    .background-working img {
        position: absolute;
        top: 50%;
        height: 32px;
        widows: 32px;
    }

.edit-listings-search {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    height: 29px;
}

.edit-listings-search-button {
    border-color: Black;
    border-width: 2px;
    border-style: Solid;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
}

.info-label {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: large;
}

.saveButton {
    background-color: White;
    margin: 0px;
    border: solid 1px Black;
    color: Gray;
    font-weight: bold;
    position: relative; /* float: right; */
    padding: 3px;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

    .saveButton:disabled {
        background-color: Gray;
        color: Silver;
        cursor: default;
    }

/*Sale Actions*/
.fixCalendar {
    z-index: 10000002 !important;
    background-color: White;
    border: solid 1px black;
}
/*Remember the javascript that sets the modal overflow for the calendar to display correctly*/
.large-input {
    height: 30px;
    width: 60%;
    font-size: large;
    text-align: center;
    margin: 0 auto;
}

.suspensiveCond {
    font-family: Tahoma;
    font-size: 11px;
    color: #333333;
    z-index: 110002 !important;
}

.agencyName {
    font-family: Tahoma;
    font-size: 11px;
    color: #333333;
    z-index: 110002 !important;
}

.SaleLeft {
    text-align: left;
}

.Sale100Right {
    width: 100%;
    text-align: right;
}

.SaleRight {
    text-align: right;
}
/* End Sale Avtions*/

/*Capture*/
.Default {
    font-family: Tahoma;


table {
    vertical-align: middle;
    text-align: left;
    width: 442px;
}

    gn: middle;
    text-align: left;
}

    table .Capture {
        width: 100%;
    }

.modalBlock table {
    width: 100%;
}

select {
    font-family: Arial;
    font-size: small;
    border-style: solid;
    border-width: 1px;
    border-right-color: #808080;
    border-bottom-color: #808080;
    vertical-align: middle;
}

input, select, textarea {
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    font-family: Arial;
    font-size: small;
    vertical-align: middle;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 0px;
    padding: .3rem;
    border-radius: 0.3rem;
}

.disabledInput {
    background-color: #CCCCCC;
}

.headingInfo {
    font-family: 'Nunito', sans-serif;
    font-size: 1.5rem;
    color: #800000;
}

.nextButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    color: #FFFFFF;
    background-color: teal;
    border-radius: 5px;
    margin: 10px 0 10px 0;
}

    .nextButton:hover {
        font-weight: bold;
        background-color: maroon;
        transform: translate(-1px, -1px);
        box-shadow: 2px 2px 5px black;
    }

.fieldHeadings {
    text-align: right;
}

.alignRight {
    text-align: right;
}

.center-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.centralise {
    margin: 0 auto;
}

.centre-text {
    text-align: center;
}

.roundedShaddows {
    width: 300px;
    background-color: White;
    border: solid 1px black;
    height: 100px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 2px 2px 10px 0px #333;
    -webkit-box-shadow: 2px 2px 10px 0px #333;
    box-shadow: 2px 2px 10px 0px #333;
    padding: 5px;
    font-family: Tahoma;
    font-size: small;
    color: #FFFFFF;
    background-image: url( '../../img/elements/bg_infobox.jpg' );
}

/* Fix numeric Up-Down */
.Capture td div {
    float: left;
}

.Capture div[style="overflow: hidden;"] {
    float: none;
}

.Capture div tr {
    height: auto;
}

/* Fix numeric Up-Down for gFlats */
.gCapture tr {
    height: 35px;
}

.gCapture td div {
    float: left;
}

.gCapture div[style="overflow: hidden;"] {
    float: none;
}

.gCapture div tr {
    height: auto;
}

/* Listing Comments */
.ListingComments {
    width: 16px;
    cursor: pointer;
}

.ListingCommentPanel {
    background-color: White;
    border: solid 1px black;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 2px 2px 10px 0px #333;
    -webkit-box-shadow: 2px 2px 10px 0px #333;
    box-shadow: 2px 2px 10px 0px #333;
    padding: 5px;
    font-family: Tahoma;
    font-size: small;
    padding: 20px;
}

.watermark {
    color: Silver;
    font-family: Tahoma;
    font-size: 11px;
    font-style: italic;
}

.countdown {
    color: Gray;
}

ul.hMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #333333;
    text-align: center;
    height: 40px;
}

    ul.hMenu li {
        display: inline;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        height: 40px;
    }

        ul.hMenu li:hover {
            background-color: Gray;
        }

        ul.hMenu li a {
            display: block;
            min-width: 150px;
            color: White;
            height: 30px;
            padding-top: 13px;
        }

            ul.hMenu li a:hover {
                color: Black;
                text-decoration: none;
            }

.hMenuTable {
    display: table; /* Allow the centering to work */
    margin: 0 auto;
}

.hMenuTableBG {
    background-color: #333333;
}

.paddington {
    padding: 10px;
}

.marginten {
    margin: 10px;
}

#theShowcase #showCase {
    overflow: auto;
}

#theShowcase .showList {
    width: 660px;
    font-size: 10px;
    margin: 0px;
    padding: 0px !important;
    list-style: none;
}
/* This is for the slider on the homepage */
.imageflow .showList li {
    width: 120px;
    padding: 3px;
}

#theShowcase .showList li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100px;
}

#theShowcase .tag {
    text-align: center;
    color: Teal;
    padding: 5px;
}

.hide {
    display: none;
}

.hidden {
    visibility: hidden;
}

#theShowcase .over {
    background-color: Silver !important;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#theShowcase .out {
    /* width: 120px; */
}

#theShowcase .info {
    text-align: center;
    margin-top: -10px;
    overflow: hidden;
}

#theShowcase .labels {
    position: relative; /* left: 10px; */
    top: -65px;
    width: 80px;
    background-color: black;
    color: White;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold; /* text-align: left; */
    opacity: 0.7;
    filter: alpha(opacity=70);
    border-radius: 0px 0px 8px 0px;
}

.htmlEditor {
    width: 100%;
    height: 300px;
}

.fakeLink:hover .pageHeading {
    color: #ffffff;
}

.fakeLink:hover {
    /* background-color: #2E4459; */
    color: #ffffff;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}
/* Calendar Style */
ul#EventCalendar {
    width: 500px;
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 14px;
    padding-bottom: 8px;
    background-color: #e4f3f7;
    border: solid 1px #bdddec;
    font-size: 12px;
}

    ul#EventCalendar li {
        width: 65px;
        height: 65px;
        display: inline-block;
        padding: 3px;
        margin-right: -4px;
        margin-top: -4px;
        border-right: solid 1px #bdddec;
        border-bottom: solid 1px #bdddec;
        overflow-y: auto;
    }

        ul#EventCalendar li::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #F5F5F5;
        }

        ul#EventCalendar li::-webkit-scrollbar {
            width: 6px;
            background-color: #F5F5F5;
        }

        ul#EventCalendar li::-webkit-scrollbar-thumb {
            background-color: Gray;
        }

        ul#EventCalendar li.DayOfWeek {
            height: 15px;
            background-color: #3fb0cc;
            color: White;
            text-align: center;
        }

        ul#EventCalendar li.weekend {
            background-color: #c7d8dc;
        }

        ul#EventCalendar li.hasEvent {
            background-color: #0c4654;
            color: White;
        }

div.CalendarEvent {
    width: 100%;
    float: left;
    font-size: 10px;
}

    div.CalendarEvent a {
        color: White;
        text-decoration: none;
    }

        div.CalendarEvent a.strikeThrough {
            color: White;
            text-decoration: line-through;
        }

        div.CalendarEvent a:hover {
            text-decoration: underline;
        }

div#CalHead {
    width: 100%;
    height: 30px;
    float: left;
    margin: 0px auto;
    color: #0080c0; /* background-color: #0080c0; */
    font-size: x-large;
    padding: 5px; /* border: 1px solid #bdddec; */
}

.eventModal {
    background-color: White;
    border: solid 1px black;
    width: 500px;
    padding: 15px;
}

.strikeThrough {
    text-decoration: line-through;
}

a.selectedDate {
    display: block;
    background-color: Maroon;
    padding: 3px;
    color: White;
    text-decoration: none !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    a.selectedDate:hover {
        color: Black;
        background-color: Orange;
        text-decoration: none !important;
    }

a.defaultDate {
    color: Black;
    text-decoration: none;
    display: block;
    padding: 3px;
    text-decoration: none !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    a.defaultDate:hover {
        color: Black;
        background-color: Silver;
    }

.calendarAdmin {
    width: 524px;
    height: 25px;
    margin: 0 auto;
}
/* END Calendar Style */
.modalWindow {
    background-color: White;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px;
}

.closeModalx {
    background-color: White;
    max-height: 30px;
    width: 98%;
    float: right;
    padding: 1%;
}

.roundImage {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.fancybox-container {
    z-index: 100002;
}

.jqte p {
    margin: 0 0 10px;
}

.banded-rows {
    background-color: #4080805c;
}

.success {
    background-color: #00808042;
    color: teal;
}

.error {
    background-color: #99000042;
    color: #990000;
}

.pad-top-bottom {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

input[type="file"] {
    padding: 6px;
    border-radius: 4px;
}