@charset "utf-8";
/* CSS Document */
.clearfix {
    clear: both;
}

a {
    color: #0d0e0e;
    font-weight: 600;
}

    a:hover {
        color: #a59e2c;
    }

p {
    padding-bottom: 10px;
}

body {
    font-family: 'Cinzel', serif;
    font-size: 13px;
    line-height: 200%;
    color: #0d0e0e;
    font-weight: normal;
}

img {
    max-width: 100%;
}

#map img {
    max-width: none;
}

input[type=button], input[type=submit], input[type=reset], button {
    padding: 6px 16px;
    color: #fff;
    background: #7bba2d;
    font-size: 16px;
    font-family: 'Cinzel', serif;
    border-radius: 3px;
    border: medium none;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 400;
    margin: 0 5px;
}



    input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover {
        background: #00747e;
        color: #fff;
    }

#mainWrapper {
    width: 100%;
    height: auto;
    text-align: center;
}



.Wrapper {
    height: auto;
    margin: 0 auto;
    width: 1104px;
}

.wrapper {
    width: 960px;
    height: auto;
    text-align: left;
    margin: 25px auto;
}


#header {
    height: 115px;
    width: 100%;
}

.headerInner {
    width: 1000px;
    position: relative;
    margin: 0px auto;
    height: 144px;
}

.mainWrapper {
    text-align: center;
    width: 100%;
    float: left;
    border-top: solid 1px #fff;
}

.header {
    background: #fff;
    height: 92px;
    width: 100%;
    float: left;
    margin-top: 43.5px;
}

.header_inner {
    position: relative;
    color: #fff;
    font-family: 'Cinzel', serif;
    width: 1000px;
    margin: 0 auto;
}

.top_bg {
    background: #0e506a none repeat scroll 0 0;
    float: left;
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}



.slider {
    width: 100%;
    float: left;
    position: relative;
    max-height: 466px;
}

.slider-room {
    width: 100%;
    float: left;
    position: relative;
}

.slider_wrapper {
    width: 1160px;
    margin: 0px auto;
}

h1 {
    font-size: 33px;
    text-align: left;
    color: #333333;
    line-height: 50px;
    padding-bottom: 25px;
    font-family: 'Cinzel', serif;
}

    h1 span {
        display: inline-block;
        padding: 0 5px;
    }


h2 {
    font-size: 25px;
    color: #685d4d;
    font-family: 'Cinzel', serif;
    text-transform: uppercase;
    padding-bottom: 22px;
    line-height: 30px;
    background: url("../images/h2_border.png") no-repeat left 30px;
    text-align: left;
}

    h2 a {
        font-size: 25px;
        color: #685d4d;
        font-family: 'Cinzel', serif;
        text-transform: uppercase;
        padding-bottom: 22px;
        line-height: 30px;
        background: url("../images/h2_border.png") no-repeat left 30px;
        text-align: left;
    }

        h2 a:hover {
            color: #00747e;
        }



h3 {
    font-size: 20px;
    color: #685d4d;
    font-family: 'Cinzel', serif;
    text-transform: uppercase;
    padding-bottom: 10px;
    line-height: 20px;
}

h4 {
    font-size: 18px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.logo {
    position: absolute;
    top: 8px;
    left: -52px;
}

#nav {
    position: absolute;
    text-transform: uppercase;
    color: #fff;
    top: 28px;
    height: 70px;
    right: 0px;
    font-size: 16.67px;
    font-family: 'Cinzel', serif;
}

    #nav > ul {
        margin: 0 auto;
    }

        #nav > ul > li {
            float: left;
            position: relative;
            height: 26px;
        }

            #nav > ul > li.event {
                text-align: center;
                margin-top: -7px;
            }

            #nav > ul > li a {
                color: #00747e;
                padding: 24px 12px;
            }


    #nav ul li:hover, #nav ul li.active {
        background: url("../images/nav_border.jpg") no-repeat center 24px;
    }

        #nav ul li:hover a, #nav ul li.active a {
            color: #00747e;
            box-shadow: 0 0px 8px #ccc;
            padding: 24px 12px;
        }

        #nav ul li:hover ul a, #nav ul li.active ul a {
            color: #00747e;
            box-shadow: 0px 0px 0px #ccc !important;
            padding: 24px 12px;
        }

    #nav ul li ul li a {
        box-shadow: 0px 0px 0px #ccc;
    }


    #nav.fixed > ul > li > a {
        color: #fff;
        padding: 12px 12px 24px 12px;
    }

    #nav.fixed {
        position: fixed;
        top: 44px;
        width: 100%;
        background: #0d656b;
        height: 61px;
        z-index: 3;
        left: 0px;
        box-shadow: 0px 0px 3px #000;
        border-bottom: solid 1px #014246;
    }



        #nav.fixed ul {
            margin: 17px auto 0;
            float: none;
            width: 1000px;
        }

            #nav.fixed ul li {
                padding: 0px;
                line-height: inherit;
            }



    #nav ul li ul {
        display: none;
        position: absolute;
        top: 42px;
        width: 185px;
        z-index: 9999;
        left: 0px;
        color: #fff;
        background: #0e506a;
    }

    #nav ul li:hover ul {
        display: block;
    }


    #nav ul li ul li {
        float: left;
        width: 140px;
        height: 35px;
        line-height: 35px;
        padding: 0 0 0 15px;
        font-size: 12px;
        text-transform: none;
        text-align: left;
        text-transform: uppercase;
    }

        #nav ul li ul li a {
            color: #fff !important;
            padding: 0px;
            background: none !important;
        }

        #nav ul li ul li:hover {
            /*background: #E2DDBF ;*/
            color: #fff !important;
        }

        #nav ul li ul li ul li a {
            float: left;
            width: 135px;
            height: 35px;
            padding: 0px 15px 0px 20px;
            background: #330000 !important;
        }

        #nav ul li ul li a:hover {
            color: #fff !important;
        }

        #nav ul li ul li:hover a, #nav ul li ul li.active a {
            color: #fff;
            background: none;
        }

        #nav ul li ul li:hover, #nav ul li ul li.active {
            color: #000;
            height: auto;
            background: none;
        }



    #nav.fixed ul li ul {
        display: none;
        position: absolute;
        top: 28px;
        width: 195px;
        z-index: 9999;
        left: 0px;
        color: #fff;
        background: #0E506A;
    }


    #nav.fixed ul li:hover ul {
        display: block;
    }





    #nav.fixed ul li ul li {
        float: left;
        width: 140px;
        height: 35px;
        line-height: 35px;
        background: #0E506A;
        padding: 0 0 0 15px;
        font-size: 12px;
        text-transform: uppercase;
        text-align: left;
    }

.adminlogin {
    width: 215px;
    float: left;
    padding: 40px 0px 0px 0px;
}

    .adminlogin h1 {
        color: #fff;
    }

.loginusername {
    float: left;
    margin-top: 20px;
}

    .loginusername ul li {
        float: left;
        margin-left: 20px;
    }

        .loginusername ul li label {
            float: left;
            padding-right: 20px;
        }

        .loginusername ul li input {
            float: left;
            background: #fff;
            padding: 0px 10px;
        }



.book_container {
    width: 100%;
    height: 103px;
    color: #fff;
    margin: 0 auto;
    background: url("../images/reservation_bg.png") repeat;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.error {
    color: #B50007;
    height: 92px;
    width: 73%;
    font-size: 14px;
    position: relative;
    margin-top: -20px;
    text-align: right;
    font-family: Arial;
}

.erroruser {
    color: #B50007;
    font-size: 14px !important;
    float: left;
    margin-left: 115px !important;
    text-transform: none !important;
    font-family: Arial;
    width: 175px;
    font-weight: normal;
}

.ie .erroruser {
    margin-left: 120px !important;
}

.errorpass {
    color: #B50007;
    font-size: 14px !important;
    float: left;
    text-align: left;
    margin-left: 110px !important;
    text-transform: none !important;
    font-family: Arial;
    width: 175px;
    font-weight: normal;
}

.ie .errorpass {
    margin-left: 115px !important;
}

.field-validation-error {
    color: #B50007;
    float: left;
    font-size: 14px;
    margin-top: 2px;
    font-weight: normal;
    font-family: arial;
}

.input-validation-error {
    border: 1px solid #B50007 !important;
}

.GridCellLight {
    color: #3f767f;
    background-color: #fff;
}

.GridCellDark {
    color: #3f767f;
    background-color: #ECE7E0;
}

.GridCellSelected {
    background-color: #F1DD7E !important;
}

.tablehead {
    background: none repeat scroll 0 0 #595554;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    text-align: center;
}

.GridRow {
    background: none repeat scroll 0 0 #fff;
    color: #585858;
    height: 40px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    font-family: "Lato",sans-serif;
}

.GridAlternateRow {
    background: none repeat scroll 0 0 #ebebeb;
    color: #585858;
    height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    font-family: "Lato",sans-serif;
}

.GridRowsHeight {
    height: 42px;
}

.GridInquiry {
    text-align: center;
}

.GridCommon {
    text-align: left;
}

.packages-button {
    float: none;
    text-align: center;
}

.Label {
    color: #666666;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}


tr.alt1 {
    background: #8D6549;
    color: #FFFFFF;
    height: 33px;
}

tr.alt2 {
    background: #f4f4f4;
    height: 33px;
    color: #000;
    text-align: center;
}

tr.alt3 {
    background: #e5e5e5;
    height: 33px;
    color: #000;
    text-align: center;
}


.TextBox {
    border: 1px solid #d4dde5;
    font-size: 15px;
    line-height: 20px;
    font-family: Arial;
    height: 21px;
    color: #000000;
    width: 163px;
}

.controlmargin {
    margin-left: 100px;
}




/************ Grid Pagination CSS *************/

.widget-bottom {
    height: 36px;
    padding: 0px 0px 5px 13px;
    position: relative;
    float: right;
    font-family: arial;
    font-size: 15px;
}

.ui-button {
    background: -moz-linear-gradient(center top, #FFFFFF 0%, #DFDBDB 100%) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    margin-right: 4px;
    padding: 0 6px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    float: left;
    line-height: 25px;
    min-width: 13px;
    cursor: pointer;
}

    .ui-button.active {
        background: -moz-linear-gradient(center top, #A8CCEC 0%, #4993D7 2%, #066ECD 100%) repeat scroll 0 0 transparent;
        background-color: #0a70cd;
        border-color: #0561B4;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        color: #FFFFFF !important;
        min-width: 13px;
        cursor: pointer;
    }

.ui-state-disabled {
    opacity: 0.35;
}

.dataTables_info {
    width: auto;
    float: left;
    margin-right: 0px;
    margin-top: 9px;
}

.dataTables_paginate {
    width: auto;
    float: left;
}

span.no-record {
    font-weight: normal;
    font-size: 14;
    line-height: 30px;
    text-align: center;
    float: left;
    width: 100%;
    color: Red;
}


.cross {
    position: absolute;
    margin: -8px 0 0 290px;
    z-index: 2;
}

TD.LabelConPass {
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    font-family: 'Open Sans',sans-serif;
    color: #000000;
}

.popbgcolor {
    background-color: #A59E2C;
}

.popupheader {
    font-family: Arial;
    background-color: #FCFCF8;
    font-size: 12pt;
    color: #000;
    font-weight: bold;
    padding-left: 5px;
}

.popupbody_text {
    font-family: Arial;
    font-weight: normal;
    font-size: 10pt;
    color: #ffffff;
    text-align: justify;
    padding: 15px;
}

.point_of_interast {
    float: left;
    height: auto;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

#root img {
    display: block;
    max-width: none !important;
}

#root1 img {
    display: block;
    max-width: none !important;
}

#root12 img {
    display: block;
    max-width: none !important;
}

.ie #root img {
    display: block;
    max-width: 100% !important;
}

.ie #root1 img {
    display: block;
    max-width: 100% !important;
}

.ie #root12 img {
    display: block;
    max-width: 100% !important;
}

#Name.valid {
    background: #ffffff url(../../Content/images/success-small.png) no-repeat right 1px;
}

#Name.input-validation-error {
    background-color: #ffffff !important;
    background: url(../../Content/images/error-small.png) no-repeat right 1px;
}

#Image.valid {
    background: #ffffff url(../../Content/images/success-small.png) no-repeat right top;
}

#Image.input-validation-error {
    background-color: #ffffff !important;
    background: url(../../Content/images/error-small.png) no-repeat right top;
}


#Email.valid {
    background: #ffffff url(../../Content/images/success-small.png) no-repeat right top;
}

#Email.input-validation-error {
    background-color: #ffffff !important;
    background: url(../../Content/images/error-small.png) no-repeat right top;
}

#password.valid {
    background: #ffffff url(../../Content/images/success.png) no-repeat right 1px;
}

#password.input-validation-error {
    background-color: #ffffff !important;
    background: url(../../Content/images/error.png) no-repeat right 1px;
}

#confirmPassword.valid {
    background: #ffffff url(../../Content/images/success.png) no-repeat right 1px;
}

#confirmPassword.input-validation-error {
    background-color: #ffffff !important;
    background: url(../../Content/images/error.png) no-repeat right 1px;
}

.wrapperlogin {
    position: relative;
}

.Reservations_text {
    color: #fff;
    font-size: 30px;
    left: 0%;
    position: absolute;
    text-transform: uppercase;
    top: 28%;
}



.user_name {
    bottom: 15px;
    font-size: 15px;
    font-weight: bold;
    left: 26%;
    position: absolute;
    text-align: left;
    top: 25%;
    width: 36%;
    text-transform: uppercase;
}

.user_password {
    bottom: 15px;
    font-size: 15px;
    font-weight: bold;
    left: 57%;
    position: absolute;
    text-align: left;
    top: 26%;
    width: 36%;
    text-transform: uppercase;
}

.button_area {
    position: absolute;
    right: 0%;
    top: 28%;
}



.reservation_calender {
    width: 100%;
    float: left;
    padding: 0px 0px;
    margin-top: 40px;
}

.TextBoxDDL {
    border: 1px solid #dcdcdc;
    font-family: arial;
    font-size: 10pt;
    font-weight: normal;
    height: 28px;
    padding: 3px 0 3px 4px;
    vertical-align: top;
}