ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
}

form
{
    margin: 0px;
}

a
{
    text-decoration: none;
}

/*a[disabled]{
    color:#CCC !important; 
    text-decoration:none !important;
}*/
h1, h3, h4, h2
{
    font-size: 10px;
    padding: 0px;
    margin: 0px;
}

p
{
    margin: 0px;
    padding: 0px;
}

.spacer
{
    clear: both;
    display: block;
    color: #FFF;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.line
{
    height: 2px;
    width: 100%;
    background-color: #d2cbcb;
    margin: 15px auto;
    border: 0px;
    clear: both;
    display: block;
}

.smallLine
{
    height: 1px;
    background-color: #d2cbcb;
    margin: 15px auto;
    border: 0px;
    clear: both;
    display: block;
}

.rightElement
{
    float: right;
    margin: 0px;
}

.leftElement
{
    float: left;
    margin: 0px;
}

html, body
{
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}

.containerPage
{
    width: 100%;
    min-width: 970px;
    height: auto;
    float: left;
    position: relative;
    padding-bottom: 20px;
    background-color: #FFF;
    background: url(Images/HeaderBackground.jpg) repeat-x left 70px;
}

.headerContainer
{
    height: 70px;
    width: 100%;
    position: relative;
    background: #2673ba none repeat-x left bottom;
}

    .headerContainer h1
    {
        font: normal normal bold 30px arial;
        color: #FFF;
        line-height: 60px;
        padding-left: 20px;
        text-shadow: 1px 1px 3px #111;
    }

.containerAccount
{
    position: absolute;
    right: 30px;
    top: 5px;
}

    .containerAccount ul
    {
    }

        .containerAccount ul li
        {
            font-size: 10px;
            color: #FFF;
            float: left;
            width: 40px;
            margin: 0 10px;
            text-align: center;
        }

            .containerAccount ul li img
            {
                margin: 1px 0 5px 1px;
                height: 27px;
            }

            .containerAccount ul li.account
            {
            }

            .containerAccount ul li.suport
            {
            }

            .containerAccount ul li.logout
            {
            }

            .containerAccount ul li a
            {
                font-size: 11px;
                font-weight: bold;
                color: #FFF;
                text-shadow: 1px 1px 1px #111;
            }

                .containerAccount ul li a:hover, .containerAccount ul li a img
                {
                    color: #90c612;
                    border: 0px;
                }

.defineCalendar
{
    width: 293px;
    height: 33px;
    top: 75px;
    right: 10px;
    position: absolute;
    z-index: 100;
}

    .defineCalendar label
    {
        color: #6a943a;
        font: normal normal bold 14px/30px arial;
        margin-left: 10px;
    }

    .defineCalendar select
    {
        border: 1px solid #CCC;
        width: 190px;
        height: 21px;
        margin-top: 2px;
    }

.sideBarContainer
{
    width: 22%;
    float: left;
}

.childMenu
{
}

.menuSidebar, .menuGlobal
{
    width: 99%;
    min-height: 955px;
}

.menuSidebar0
{
    border: 1px solid #cbcaca;
    background-color: #FFF;
}

.menuSidebar ul
{
}

.menuSidebar li, .menuGlobal h3
{
    float: left;
    height: auto;
    width: 97%;
    margin-bottom: 4px;
    margin-left: 1%;
    background: #1476d1 url(Images/LeftMenuBackground.jpg) no-repeat right top;
}

.menuGlobal h3
{
    color: #FFF;
    font: normal normal bold 13px/37px arial;
    padding-left: 3%;
    width: 97%;
}

    .menuGlobal h3 img
    {
        float: left;
        margin-top: 4px;
        padding-right: 5px;
    }

.menuGlobal ul li
{
    width: 95%;
    clear: both;
}

.menuSidebar ul li.admin a
{
    background: url(Images/IconGlobal.png) no-repeat 6% center;
    width: 85%;
    padding-left: 14%;
}

.menuSidebar li span.titleMenu
{
    line-height: normal;
    border: 0px;
}

.menuSidebar li span.Dashboard, .menuSidebar li a.Dashboard
{
    background: url(Images/IconDashboard.png) no-repeat 4% center;
}

.menuSidebar li span.Reports
{
    background: url(Images/IconReport.png) no-repeat 6% center;
}

.menuSidebar li span.Settings
{
    background: url(Images/IconCalendar.png) no-repeat 6% center;
}

.menuSidebar li span.Customers
{
    background: url(Images/IconCustomer.png) no-repeat 6% center;
}

.menuSidebar li span.CheckoutOptions
{
    background: url(Images/IconCheckout.png) no-repeat 6% center;
}

.menuSidebar li span.Inventory
{
    background: url(Images/IconInventory.png) no-repeat 6% center;
}

.menuSidebar li span.Users
{
    background: url(Images/IconUser.png) no-repeat 6% center;
}

.menuSidebar li span.help
{
    background: url(Images/IconSupport.png) no-repeat 6% center;
}

.menuSidebar li span.AdditionalCharges
{
    background: url(Images/IconExtra.png) no-repeat 6% center;
}

.menuSidebar li span.EmailCompaign
{
    background: url(Images/IconEmail.png) no-repeat 6% center;
}

.menuSidebar ul li span, .menuSidebar li a.Dashboard
{
    padding-left: 21%;
    font: normal normal bold 97%/37px arial;
    width: 79%;
    float: left;
    display: inline;
    cursor: pointer;
    color: #FFF;
    text-shadow: 1px 1px 2px #111;
}

.menuSidebar ul li .titleMenu
{
    display: none;
}

.menuSidebar ul li ul li a, .menuGlobal li a
{
    color: #39393a;
    font: normal normal normal 87% arial;
    padding: 5px 0 5px 14%;
    font-weight: bold;
    width: 85%;
    float: left;
    cursor: pointer;
}

.menuSidebar ul li a:hover, .menuSidebar li span:hover
{
    color: #D07002;
}

.menuSidebar ul li:hover
{
    background: url("Images/LeftMenuBackgroundHover.jpg") no-repeat scroll right top #0b64b6;
}

.menuSidebar ul li ul
{
    float: left;
    width: 100%;
    padding: 0 0 20px;
    background-color: #FFF;
}

    .menuSidebar ul li ul li img
    {
        position: relative;
        top: -4px;
        left: 7px;
    }

.menuSidebar li ul li a, .menuGlobal li a
{
    background-image: none !important;
    border: 0 none;
    font-size: 11px;
}

.menuGlobal li a
{
    border-bottom: 1px dotted #CCC;
    margin-left: 2%;
}

.menuSidebar li ul li
{
    background: #FFF none !important;
    width: 95%;
    margin: 2px 0 0 !important;
    border-bottom: 1px dotted #CCC;
}

    .menuSidebar li ul li a:hover, .menuSidebar li ul li.selected a, .menuGlobal li.selected a, .menuGlobal li a:hover
    {
        background: url(Images/SelectedMenu.png) no-repeat 10px 8px !important;
        color: #D07002;
    }

.fastLink
{
    height: 80px;
    clear: both;
}

    .fastLink ul
    {
        float: left;
        width: 99%;
    }

        .fastLink ul li
        {
            line-height: 30px;
            padding-left: 25px;
            margin-left: 10px;
        }

            .fastLink ul li.plus
            {
                background: url(Images/LeftButtonReservation.png) no-repeat left top;
                line-height: 33px;
                float: left;
                margin: 20px 0 0 6%;
                padding-left: 10px;
                width: 90%;
            }

                .fastLink ul li.plus strong
                {
                    float: left;
                    background: url(Images/RightButtonReservation.png) no-repeat right top;
                }

                    .fastLink ul li.plus strong a
                    {
                        background: url(Images/RepeaterButtonReservation.png) repeat-x left top;
                        float: left;
                        margin-right: 10px;
                        font-size: 92%;
                        width: 93%;
                    }

                        .fastLink ul li.plus strong a img
                        {
                            border: 0px;
                            margin-top: 8px;
                            float: left;
                            padding-right: 5px;
                        }

            .fastLink ul li a
            {
                font-size: 13px;
                font-weight: bold;
                color: #FFF;
                text-shadow: 2px 2px 7px #111;
            }

                .fastLink ul li a:hover
                {
                    color: #000;
                }

.containerContentPage
{
    width: 77%;
    height: auto;
    position: relative;
    float: right;
}

.categoryTitle
{
    margin-bottom: 15px;
    padding: 15px 10px 0;
}

    .categoryTitle h2
    {
        color: #454545;
        font-size: 25px;
        padding-left: 50px;
        letter-spacing: -1px;
        text-shadow: 2px 2px 7px #CCC;
        background: url(Images/IconDashboardTitle.png) no-repeat left center;
    }

        .categoryTitle h2.booking
        {
            background: url(Images/AdminBooking.png) no-repeat left center;
            line-height: 50px;
            padding-left: 65px;
        }

        .categoryTitle h2.admin
        {
            background: url(Images/IconGlobalTitle.png) no-repeat left center;
            line-height: 50px;
            margin-top: 10px;
        }

        .categoryTitle h2.custom
        {
            background: url(Images/IconCustomFrontend.png) no-repeat left center;
            line-height: 56px;
            padding-left: 63px;
        }

        .categoryTitle h2.home
        {
            background: url(Images/IconDashboardTitle.png) no-repeat left center;
            line-height: 50px;
            padding-left: 63px;
        }

        .categoryTitle h2.settings
        {
            background: url(Images/Settings.png) no-repeat left center;
            line-height: 50px;
            padding-left: 60px;
        }

        .categoryTitle h2.inv
        {
            background: url(Images/IconInventoryTitle.png) no-repeat left top;
            line-height: 50px;
            padding-left: 70px;
        }

        .categoryTitle h2.extra
        {
            background: url(Images/IconExtraTitle.png) no-repeat left top;
            line-height: 50px;
            padding-left: 55px;
        }

        .categoryTitle h2.cust
        {
            background: url(Images/IconCustomerTitle.png) no-repeat left top;
            line-height: 50px;
        }

        .categoryTitle h2.user
        {
            background: url(Images/IconUsersTitle.png) no-repeat left top;
            line-height: 50px;
            padding-left: 70px;
        }

        .categoryTitle h2.cal
        {
            background: url(Images/IconCalendarTitle.png) no-repeat left top;
            line-height: 50px;
            padding-left: 70px;
        }

        .categoryTitle h2.account
        {
            background: url(Images/IconAccountUser.png) no-repeat left top;
            line-height: 56px;
            padding-left: 60px;
        }

        .categoryTitle h2.rep
        {
            background: url(Images/IconReportTitle.png) no-repeat left top;
            line-height: 50px;
        }

        .categoryTitle h2.options
        {
            background: url(Images/IconCheckOtTitle.png) no-repeat left top;
            line-height: 50px;
        }

        .categoryTitle h2 span
        {
            display: block;
            clear: both;
            font-size: 14px;
            color: #90c612;
        }

            .categoryTitle h2 span b
            {
                color: #787777;
            }

.containerReservation
{
    width: 95%;
}

    .containerReservation p img
    {
        width: 51px;
        float: left;
        margin: 0 12px 0 0;
    }

    .containerReservation span
    {
        font: normal normal bold 15px arial;
        color: #1476d1;
    }

        .containerReservation span.description
        {
            font: normal normal normal 11px arial;
            color: #000;
            padding: 0;
        }

    .containerReservation p
    {
        font-size: 11px;
        color: #000;
        padding: 0 10px;
    }

.tabsContainer
{
    width: 98%;
    clear: both;
    margin: 15px 0 0 1%;
}

    .tabsContainer ul, .tabsContainer ul.sub
    {
    }

        .tabsContainer ul li
        {
            float: left;
            margin: 5px 3px 0;
            background: url(Images/LeftModifyTab.png) no-repeat 0 0;
        }

        .tabsContainer ul.sub li
        {
            background: url(Images/LeftModifyTabSub.png) no-repeat 0 0;
            line-height: 26px;
        }

        .tabsContainer ul li span
        {
            color: #000;
            float: left;
            background: url(Images/RightModifyTab.png) no-repeat right top;
            padding: 0 2px 0 3px;
        }

        .tabsContainer ul.sub li span
        {
            background: url(Images/RightModifyTabSub.png) no-repeat right top;
        }

        .tabsContainer ul li span a
        {
            float: left;
            color: #000;
            padding: 0 5px;
            font: normal normal bold 12px/28px arial;
            background: url(Images/RepeaterModifyTab.png) repeat-x 0 0;
        }

        .tabsContainer ul.sub li span a
        {
            line-height: 26px;
            padding: 0 20px;
            color: #424441;
            background: url(Images/RepeaterModifyTabSub.png) repeat-x 0 0;
        }

        .tabsContainer ul li:hover, .tabsContainer ul li.selected
        {
            background-position: left bottom;
        }

            .tabsContainer ul li:hover span, .tabsContainer ul li.selected span
            {
                background-position: right bottom;
            }

                .tabsContainer ul li:hover span a, .tabsContainer ul li.selected span a
                {
                    background-position: left bottom;
                    color: #FFF;
                }

.navigationButton ul li a b, .navigationButton ul li a strong
{
    float: left;
    padding-right: 9px;
    font: normal normal bold 15px/28px arial;
}

.contentTabs
{
    border: 1px solid #b5dcdf;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.maxNumber
{
    clear: both;
    width: 100%;
    position: relative;
    top: -26px;
}

    .maxNumber p
    {
        font-weight: bold;
    }

.listTitle
{
    color: #060606;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: right;
    width: 180px;
}

.top
{
    top: -30px;
    position: relative;
}

.listItem
{
    margin: 0px 1%;
}

.popup .listItem, .popup .choseItem
{
    width: auto;
    margin: 0px;
}

    .popup .choseItem a
    {
        margin: 10px 5px 0;
    }

.popup .sortItem
{
    margin: 0px;
}

    .popup .sortItem a
    {
        margin: 10px 2px;
    }

.popup .listItem select
{
    height: 85px;
    min-width: 140px !important;
}

.popup .fixScroll
{
    width: 140px;
}

.listItem span
{
    font: normal normal bold 12px arial;
    color: #75AF37;
}

.fixScroll
{
    width: 200px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #B5DCDF;
    scrollbar-3dlight-color: #FFF;
    height: 85px;
}

    .fixScroll select
    {
        min-width: 200px !important;
        _width: 200px !important;
        scrollbar-3dlight-color: #FFF;
        scrollbar-shadow-color: #FFF;
        border-style: outset;
        border: medium none #FFF !important;
    }

.listItem select, td .listItem select
{
    height: 85px;
    min-width: 105px;
    border: 1px solid #B5DCDF;
}

.listItem option
{
    font: normal normal normal 80% arial;
}

.choseItem
{
    margin: 0;
}

    .choseItem a
    {
        border: 1px solid #666;
        padding: 5px;
        color: #000;
        clear: both;
        display: block;
        margin: 10px 10px 0;
        font: normal normal bold 12px arial;
    }

.sortItem
{
    margin: 10px 0 0 3px;
    width: 15px;
}

    .sortItem a
    {
        width: 15px;
        height: 15px;
        float: left;
        margin: 10px 0 20px;
        background: url(Images/Sort.png) no-repeat left top;
    }

        .sortItem a.down
        {
            background-position: left bottom;
        }
/*.calendar
{
    padding-right: 2%;
    padding-left: 0.5%;
    max-width: 230px;
}*/
.avaliableDay
{
    width: auto;
}

.number
{
    margin-bottom: 20px;
}

.avaliableDay .number li
{
    float: left;
    margin: 0 7px 5px 0;
    background: #d0e2bc none !important;
    border: 1px solid #c17f33;
    text-align: center;
    padding: 0 2px;
    width: 90px;
    font: normal normal normal 12px/20px arial;
}

    .avaliableDay .number li strong
    {
        color: #325e5f;
        background-image: none;
        float: none;
    }

.avaliableDay fieldset
{
}

    .avaliableDay fieldset legend, .avaliableDay h3
    {
        color: #d07002;
        padding: 0 10px;
        font: normal normal bold 14px arial;
    }

    .avaliableDay fieldset table td
    {
        text-align: left !important;
        line-height: normal !important;
        font-weight: normal !important;
    }

.section
{
    width: 54% !important;
    clear: none !important;
}

    .section table
    {
        width: 100%;
    }

    .section .tabs
    {
        margin: 0px;
    }

.subTab
{
    border: 1px solid #8b8b8b;
    float: left;
    width: 99%;
    margin: 0 0 10px 0.2%;
}

    .subTab .contentTabs
    {
        border: 0px;
    }

.innerPageContent
{
    width: 97%;
    min-height: 935px;
    float: right;
    position: relative;
    padding: 0 0.5% 20px 0.5%;
    margin-right: 8px;
    border: 1px solid #CCC;
    background-color: #FFF;
}

.titleInnerContainer
{
    margin-bottom: 20px;
    border-bottom: 1px solid #c1c1c1;
}

.titleInnerContainer, .descriptionText
{
    width: 98%;
    margin-left: 10px;
}

    .titleInnerContainer h3
    {
        font: normal normal normal 22px tahoma;
        color: #0B64B6;
        padding: 15px 5px 0;
    }

        .titleInnerContainer h3.alert, .overLayer .titleInnerContainer h3
        {
            line-height: 65px;
            padding: 0px 5px 0 72px;
            background: url(Images/Warring.png) no-repeat left center;
        }

        .titleInnerContainer h3.home
        {
            color: #0b64b6;
        }

    .titleInnerContainer p
    {
        padding: 2px 5px 0;
        color: #666;
    }

    .descriptionText p
    {
        font-size: 12px;
        color: #252727;
        padding: 0 15px;
        margin-top: 5px;
    }

    .descriptionText h2
    {
        font: normal normal normal 25px/58px arial;
        color: #84b317;
        letter-spacing: -1px;
    }

        .descriptionText h2 span
        {
            font-weight: normal;
            text-transform: capitalize;
            color: #66695f;
        }

.leftSideTop
{
    width: 14px;
    height: 15px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    background: #353434 url(Images/CornerLeftTop.png) no-repeat left top;
}

.rightSideTop
{
    width: 14px;
    height: 15px;
    position: absolute;
    right: 0px;
    display: none;
    top: 0px;
    background: #353434 url(Images/CornerRightTop.png) no-repeat left top;
}

.rightSideBottom
{
    width: 19px;
    height: 15px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
    background: #353434 url(Images/CornerRightBottom.png) no-repeat left top;
}

.leftSideBottom
{
    width: 19px;
    height: 15px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: none;
    background: #353434 url(Images/CornerLeftBottom.png) no-repeat left top;
}

/*--------- login Section ---------*/
.loginContainer
{
    width: 419px;
    height: auto;
    margin: 70px auto;
}

.loginContent
{
    width: 100%;
    height: auto;
    float: right;
    background: #FFF url(Images/LoginRepeater.jpg) repeat-y 0 0;
}

    .loginContent h1
    {
        background: url(Images/LoginTitle.jpg) no-repeat 0 0;
        color: #FFF;
        font-size: 17px;
        font-weight: bold;
        line-height: 38px;
        padding: 0 10px;
    }

    .loginContent p, .loginContent p.key
    {
        clear: both;
        margin-top: 5px;
    }

        .loginContent p label, .loginContent table td label
        {
            color: #000202;
            float: left;
            font-size: 12px;
            font-weight: bold;
            margin-top: 3px;
            padding-right: 5px;
            text-align: right;
            width: 75px;
        }

        .loginContent p input, .loginContent table td input
        {
            height: 20px;
            width: 210px;
            float: left;
            margin-top: 0px;
            color: #000;
            border: 1px solid #B5DCDF;
        }

    .loginContent table td .check input
    {
        width: 13px !important;
        height: 13px !important;
        float: left !important;
        margin: 3px 2px 0 0 !important;
        padding: 0px;
        background-image: none !important;
    }

    .loginContent table td .check label
    {
        width: auto !important;
        font-size: 12px !important;
    }

    .loginContent p.key
    {
        margin-top: 5px;
    }

        .loginContent p.key label
        {
            padding-top: 0px;
            margin-top: 0px;
        }

        .loginContent p.key textarea
        {
            border: 1px solid #B5DCDF;
            color: #000;
            height: 140px;
            width: 225px;
        }

    .loginContent p span, .loginContent table td span
    {
        color: Red;
        clear: both;
        display: block;
        font-size: 11px;
    }

        .loginContent p span input
        {
            background: url(Images/ButtonSubmit.png) no-repeat left bottom;
            width: 88px;
            height: 33px;
            margin-right: 20px;
            float: right;
            border: 0px;
            color: #FFF;
            font-size: 18px;
            font-family: Tahoma;
            cursor: pointer;
            letter-spacing: 1px;
        }

        .loginContent table td span input
        {
            background: url(Images/ButtonLogin.png) no-repeat left bottom;
            width: 70px;
            height: 26px;
            float: right;
            border: 0px;
            color: #FFF;
            font: bold 14px arial;
            cursor: pointer;
            margin-right: 5px;
            letter-spacing: 1px;
        }

    .loginContent table td a
    {
    }

        .loginContent table td a.forget
        {
            font: normal normal bold 12px arial;
            color: #0B64B6;
            text-align: right;
            padding-left: 5px;
        }

            .loginContent table td a.forget:hover
            {
                color: #000;
            }

.loginFooter
{
    height: 20px;
    clear: both;
    background: url(Images/LoginFooter.jpg) no-repeat 0 0;
}

/*--------- Main Global Admin  ---------*/
.containerGrid, .elementForm, .terms
{
    width: 97%;
    height: auto;
    clear: both;
    margin: 10px 1% 20px;
}

.reservation
{
    width: 70%;
}

.typePrice
{
    width: auto;
    margin: 20px;
}

    .typePrice p label
    {
        color: #252727;
        font-size: 12px;
        font-weight: bold;
        float: left;
        line-height: 20px;
        margin-right: 5px;
        text-align: right;
    }

    .typePrice select.type
    {
        width: 100px;
        font-size: 13px;
        border: 1px solid #e5e5e5;
    }

.containerGrid table
{
    width: 100%;
    border: 0px;
    table-layout: auto;
}

    .containerGrid table thead, .containerGrid table tr th
    {
        color: #76b42f;
        font-size: 12px;
        font-weight: bold;
    }

        .containerGrid table thead th, .containerGrid table tr th
        {
            text-align: left;
            border-bottom: 1px solid #d2cbcb;
            font-family: trebuchet MS;
        }

    .containerGrid table tbody
    {
        padding-top: 10px;
    }

    .containerGrid table thead tr
    {
        height: 22px;
    }

    .containerGrid table tbody td, .containerGrid table thead th
    {
        height: 22px;
        padding-left: 3px;
        padding-right: 5px;
        vertical-align: middle;
    }

.name span, .name a
{
    color: #6f6f6f;
    font-weight: bold;
}

.highLight
{
    background-color: #ebebeb;
}

.rowValidate td
{
    border-bottom: 0px none !important;
    height: auto !important;
}

.containerGrid table tbody td span.star
{
    color: Red;
}

.containerGrid.compatibility table tbody td, .containerGrid.compatibility table thead th
{
    height: auto;
}

.compatibility table tbody td
{
    font-weight: bold;
}

    .compatibility table tbody td ul
    {
        width: auto;
        margin: 5px 0;
    }

        .compatibility table tbody td ul li
        {
            list-style-type: decimal;
            list-style-position: inside;
            color: #424242;
        }

.containerGrid table tbody td
{
    font: normal normal 12px tahoma;
    color: #353535;
    text-align: left;
}

    .containerGrid table tbody td input.tbox
    {
        width: 50px;
        font-family: Arial;
        font-size: 13px;
        border: 1px solid #B5DCDF;
    }

    .containerGrid table tbody td input.big, .containerGrid table tbody td select.big
    {
        width: 70%;
        font-size: 12px;
        font-weight: bold;
        color: #494d4d;
        border: 1px solid #B5DCDF;
    }

    .containerGrid table tbody td input.maxBig
    {
        width: 160px;
        font-size: 12px;
        font-weight: bold;
        color: #494d4d;
        border: 1px solid #B5DCDF;
    }

    .containerGrid table tbody td select
    {
        font-size: 12px;
        font-weight: bold;
        color: #494d4d;
        border: 1px solid #B5DCDF;
    }

.containerGrid table tbody .del, .del
{
    text-align: center;
}

    .del a
    {
        font-size: 12px;
    }

        .del a:hover
        {
            color: #000;
        }

    .containerGrid table tbody .del a, .del a
    {
        color: #a22a1c;
        text-transform: capitalize;
        font-weight: bold;
    }

.containerGrid table tbody .ed a, .ed a
{
    color: green;
    text-transform: capitalize;
    font-weight: bold;
}

    .containerGrid table tbody .del a:hover,
    .containerGrid table tbody .ed a:hover
    {
        color: #000;
    }

.containerGrid table tbody .comp
{
    position: relative;
}

.containerGrid table tbody .show a
{
    color: #d07000;
    font: normal normal bold 13px arial;
}

.containerGrid table tbody .comp a
{
    width: 135px;
    text-align: center;
    color: #d07000;
    position: relative;
    z-index: 10;
    font: normal normal bold 13px/35px arial;
    float: left;
}

    .containerGrid table tbody .comp a:hover
    {
        color: #000;
    }

.containerPopup
{
    width: 315px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999 !important;
    background-color: #FFF;
    border: 1px solid #c0cdd4;
}

    .containerPopup .title, .allElement
    {
        width: 300px;
        margin-left: 10px;
        position: relative;
    }

        .containerPopup .title h2
        {
            color: #424242;
            line-height: 35px;
            border-bottom: 1px solid #999;
            font-size: 13px;
            width: 270px;
        }

        .containerPopup .title a
        {
            position: absolute !important;
            right: 0px;
            top: 9px;
            width: 19px !important;
            height: 19px;
            background: url(Images/Close.jpg) no-repeat 0 0 !important;
        }

    .containerPopup .allElement
    {
        height: 130px;
        overflow-y: auto;
    }

    .containerPopup a
    {
        background: url(Images/SaveButton.jpg) no-repeat 0 0 !important;
        width: 75px !important;
        color: #FFF;
        float: right !important;
        margin-right: 5px;
        text-align: center;
        font: normal normal bold 12px/27px arial !important;
    }

    .containerPopup .allElement ul
    {
    }

        .containerPopup .allElement ul li
        {
            list-style-type: decimal;
            list-style-position: inside;
        }

            .containerPopup .allElement ul li label
            {
                color: #000;
            }

.subscription, .tabs
{
    margin-top: 20px;
    position: relative;
}

    .tabs table tbody td
    {
        border-bottom: 1px dotted #cfd1d0;
        padding-left: 3px;
    }

    .tabs table thead td
    {
    }

    .subscription table tbody td, .volume table tbody td
    {
        border-bottom: 1px solid #cfd1d0;
    }

        .subscription table tbody td input
        {
            width: auto;
            height: auto;
            font-size: 11px;
        }

.volume label
{
    color: #1597a3;
    font-weight: bold;
}

.total
{
    width: auto;
    padding-right: 5px;
}

    .total label
    {
        font-size: 12px;
        font-weight: bold;
    }

.containerGrid table tfoot .totalPrice
{
    color: #000;
}

.notFound
{
    font: 12px arial;
    color: #D07002;
}

.submit
{
    margin-top: 0px;
    margin-bottom: 20px;
}

.navigationButton
{
    width: auto;
    margin-right: 10px;
}

.submit li
{
    background: url(Images/ButtonSubmit.png) no-repeat right top;
    height: 32px;
    width: 88px;
}

.navigationButton ul
{
}

    .navigationButton ul li
    {
        float: left;
        font-size: 12px;
        font-weight: bold;
        line-height: 32px;
        margin-left: 25px;
        background: url(Images/ButtonSubmit.png) no-repeat right top;
    }

        .navigationButton ul li.save
        {
            width: 88px;
            text-align: center;
        }

            .navigationButton ul li.save:hover
            {
                background-position: left bottom;
            }

            .navigationButton ul li.save a
            {
                float: none;
                padding: 0px;
            }

.navigationButton li.sub
{
}

.submit li.continue
{
    background-image: url(images/ButtonContinue.png);
    width: 160px;
    text-align: center;
}

.buttFinish
{
    float: none !important;
    padding: 0px !important;
}

.submit li.continue a, .submit li.continue a b, .submit li.continue a strong
{
    padding: 0px;
    float: none;
}

.submit li.continue:hover, .navigationButton li.can:hover, .navigationButton li.save:hover, .navigationButton li.next:hover, li.delete:hover
{
    background-position: left bottom;
}

.navigationButton li a
{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    float: left;
    cursor: pointer;
    padding: 0 0 0 15px;
}

    .navigationButton li a b, .submit li a strong
    {
        float: left;
        padding: 0 15px 0 0;
    }

.submit li.sub a
{
    background: url(Images/ButtonSubmitleft.png) no-repeat 5px 8px;
    font: normal normal bold 15px arial;
    padding: 0 0 0 30px;
}

.submit li.next a
{
    background: url(Images/ButtonNext.png) no-repeat right center;
    font-family: arial;
    padding: 0 25px 0 0;
}

.nextAndContinue
{
    background: url(images/ButtonContinueAndSave.png) no-repeat 0 0 !important;
    width: 180px !important;
    text-align: center;
}

    .nextAndContinue:hover
    {
        background: url(images/ButtonContinueAndSave.png) no-repeat left bottom !important;
    }

    .nextAndContinue a
    {
        background: url(Images/ButtonNext.png) no-repeat right center;
    }

        .nextAndContinue a strong
        {
            padding: 0 23px 0 0 !important;
        }

.submit li.sub a b, .submit li.sub a strong
{
    margin-top: 2px;
}

.submit li.sub:hover
{
    background-position: left bottom;
}

.submit li.can a
{
    background: url(Images/ButtonSubmitleft.png) no-repeat 5px 8px;
}

.navigationButton li.sub a
{
}

.navigationButton li.add, .navigationButton li.back
{
    background: #9a9a9a url(Images/AddButtonLeft.jpg) no-repeat left center;
    line-height: 28px;
}

.navigationButton li.resetCalendar
{
    padding-left: 10px;
    background: #9a9a9a url(Images/AddButtonLeft.jpg) no-repeat left center;
    line-height: 28px;
}

.navigationButton li.button
{
    padding-left: 10px;
    background: #9a9a9a url(Images/AddButtonLeft.jpg) no-repeat left center;
    line-height: 0px;
}

    .navigationButton li.button:hover, .navigationButton li.add:hover, .navigationButton li.resetCalendar:hover, .navigationButton li.back:hover
    {
        background: #696868 url(Images/ButtonLeftHover.jpg) no-repeat left center;
    }

        .navigationButton li.button:hover a strong, .navigationButton li.add:hover a b, .navigationButton li.add:hover a strong, .navigationButton li.resetCalendar:hover a strong, .navigationButton li.back:hover a strong
        {
            background: url(Images/RightButtonHover.jpg) no-repeat right center;
        }

.navigationButton li.add a b, .navigationButton li.add a strong, .navigationButton li.resetCalendar a strong
{
    background: url(Images/AddButtonRight.jpg) no-repeat right center;
    padding-left: 15px;
}

.navigationButton li.back a strong
{
    background: url(Images/AddButtonRight.jpg) no-repeat right center;
    padding-left: 25px;
}

.navigationButton li.button a strong
{
    background: url(Images/AddButtonRight.jpg) no-repeat right center;
    padding-left: 0px;
}

.navigationButton li.add a
{
    line-height: 28px;
    padding-left: 8px;
    background: url(Images/Plus.png) no-repeat 6px center;
}

.navigationButton li.back a
{
    line-height: 28px;
    padding-left: 8px;
    background: url(Images/ButtonSubmitleft.png) no-repeat 6px center;
}

.navigationButton li.resetCalendar a
{
    background: #9a9a9a url(Images/IconResetCalendar.png) no-repeat left center;
    line-height: 28px;
    padding-left: 22px;
}

.navigationButton li.button a
{
    background: #9a9a9a no-repeat left center;
    line-height: 28px;
    padding-left: 0px;
}

.navigationButton li.resetCalendar:hover a, .navigationButton li.button:hover a
{
    background-color: #696868;
}

.navigationButton li.can
{
    line-height: 30px;
    background: url(Images/ButtonSubmit.png) repeat-x left top;
}

    .navigationButton li.can a b, .navigationButton li.can a strong, .submit li.next a b, .submit li.next a strong
    {
        padding: 0 0 0 10px;
        font-family: arial;
        font-weight: bold;
        padding: 0 0 0 10px;
        line-height: 32px;
    }

    .navigationButton li.can a
    {
        color: #fff;
        background: url(Images/CancelButtonLeft.png) no-repeat 5px center;
    }

.subTitle
{
    width: 95%;
    margin: 6px 1%;
    float: left;
    border-bottom: 1px solid #d8d2d2;
}

    .subTitle h3
    {
        font-size: 18px;
        font-weight: normal;
        padding: 10px 0 8px;
        color: #464646;
        font-family: Tahoma;
    }

    .subTitle h4
    {
        font-size: 14px;
        font-weight: bold;
        padding: 10px 0 8px;
        color: #464646;
        line-height: 22px;
        font-family: Tahoma;
    }

    .subTitle h3 span
    {
        color: #d07002;
    }

    .subTitle p
    {
        color: #252727;
        margin: 0px !important;
    }

.containerPaging
{
    width: 90%;
    height: 24px;
    margin: 20px auto;
    background: #757070 url(Images/LeftPaging.jpg) no-repeat left top;
}

.custom
{
    margin: 0px !important;
}

    .custom td table
    {
        background: #FFF url(Images/RightPaging.jpg) no-repeat scroll right top;
    }

.containerGrid .custom table tbody
{
    padding: 0px !important;
}

.custom table, .containerGrid .custom table
{
    width: auto !important;
    height: 24px;
    float: right;
    padding: 0px;
    margin: 0px;
    background-color: Transparent !important;
}

.custom td, .containerGrid .custom td
{
    height: auto !important;
    line-height: 20px !important;
    border: 0px !important;
    padding: 0px;
    margin: 0px;
}

.custom table td a
{
    color: #FFF;
    padding: 0px 0px;
    text-decoration: none;
    width: 15px;
    float: left;
    font: normal normal bold 13px arial;
}

    .custom table td a:hover, .custom table td span
    {
        color: #76B42F;
        font-size: 13px;
        width: 15px;
        float: left;
    }

.containerPaging ul
{
    float: right;
    padding: 0 7px;
    background: #757070 url(Images/RightPaging.jpg) no-repeat right top;
}

    .containerPaging ul li
    {
        float: left;
        margin: 0 3px;
        line-height: 23px;
        font-size: 12px;
        color: #FFF;
        font-weight: normal;
    }

        .containerPaging ul li a
        {
            color: #FFF;
            padding: 1px 3px;
            font: normal normal bold 13px/24px arial;
        }

            .containerPaging ul li.selected a, .containerPaging ul li a:hover
            {
                color: #76B42F;
            }

        .containerPaging ul li.next a
        {
            border: 0px;
        }

.helpSection
{
    width: 180px;
    position: absolute;
    right: 10px;
    margin-top: 30px;
    border: 1px solid #CCC;
    color: #353535;
}

    .helpSection h3
    {
        line-height: 28px;
        padding-left: 10px;
        font-size: 14px;
        font-weight: bold;
    }

    .helpSection ul
    {
        margin: 5px 10px;
    }

        .helpSection ul li
        {
            line-height: 15px;
            font-size: 12px;
            font-weight: normal;
            padding-left: 18px;
            margin-top: 3px;
            width: auto;
            background: url(Images/HelpStatusControl.jpg) no-repeat left top;
        }

            .helpSection ul li.suspend
            {
                background-position: left -22px;
            }

            .helpSection ul li.cancel
            {
                background-position: left -48px;
            }

            .helpSection ul li.inActive
            {
                background-position: left bottom;
            }
/*----- Sign up Steps -----*/
.stepSignUp
{
    float: left;
    height: auto;
    margin: 20px 0;
    width: 100%;
}

    .stepSignUp ul
    {
        float: left;
        width: 95%;
        margin: 10px 20px;
        background: url(Images/SignUpLineCenter.png) repeat-x left 17px;
    }

.calendarStep
{
    width: 175px !important;
}

    .calendarStep a
    {
        font-size: 13px !important;
        margin: 0 5px !important;
    }

.contentPopup .stepSignUp ul
{
    margin: 5px;
}

.contentPopup .stepSignUp
{
    margin: 3px 0 15px;
}

.stepSignUp ul li
{
    float: left;
    margin: 0 2% 0 1%;
    min-width: 50px;
    text-align: center;
}

    .stepSignUp ul li a:hover
    {
        background-image: url(Images/StepSelected.png);
    }

    .stepSignUp ul li.selected
    {
        /*background-image: url(Images/StepSelected.png);*/
    }

        .stepSignUp ul li.selected a, .stepSignUp ul li a:hover
        {
            color: #FFF;
            background-image: url(Images/StepSelected.png);
        }

    .stepSignUp ul li a
    {
        display: block;
        color: #000;
        font: normal normal normal 23px/39px arial;
        padding-right: 14px;
        min-width: 53px;
        background: url(Images/StepSignUp.png) no-repeat center;
    }

    .stepSignUp ul li span
    {
        clear: both;
        display: block;
        font-size: 11px;
        color: #242222;
    }

.totalPrice
{
    text-align: left;
}

.elementForm ul
{
    clear: both;
    display: block;
}

    .elementForm ul.accordion
    {
        width: 100%;
    }

        .elementForm ul.accordion li
        {
            width: 100%;
        }

            .elementForm ul.accordion li .titleSectionGray
            {
                clear: both;
                width: 100%;
                position: relative;
            }

ul.accordion li .titleSectionGray .textTitle
{
    /*background: #494D4D url(Images/ArrowAccordion.png) no-repeat right bottom;*/
}

ul.accordion li.notArrow .textTitle
{
    background: #494D4D none no-repeat right bottom;
}

ul.accordion li.notArrow .contentAccordion
{
    display: block;
    margin: 15px 0;
}

ul.accordion li.open .titleSectionGray .textTitle
{
    /* background: #494D4D url(Images/ArrowAccordion.png) no-repeat right top;*/
    width: 95%;
}

ul.accordion li.open .titleSectionGray .textTitle
{
    /*background-image: #494D4D url(Images/ArrowAccordion.png) no-repeat right top;*/
    width: 95%;
}

ul.accordion li .contentAccordion
{
    display: none;
}

ul.accordion li.open .contentAccordion
{
    display: block;
}

.titleSectionGray
{
    width: 98%;
    height: 34px;
    margin: 0 auto;
    position: relative;
    background: #494D4D url(Images/BgLeftGray.jpg) no-repeat 0 0;
}

.textTitle
{
    float: left;
    font: normal normal normal 20px/34px arial;
    margin-left: 11px;
    color: #FFF;
    background-color: #494d4d;
}

.sideRightGray
{
    width: 11px;
    height: 37px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(Images/BgRightgray.jpg) no-repeat 0 0;
}

.fontDefualt
{
    color: #353535;
}

.terms
{
    border: 1px solid #CCC;
    height: 300px;
    overflow-y: scroll;
    padding: 0.4;
    width: 97%;
    padding: 5px;
}

    .terms h3
    {
        line-height: 20px;
        font-size: 16px;
        color: Red;
    }

    .terms p
    {
        font-size: 12px;
        margin-bottom: 10px;
    }

        .terms p.address
        {
            color: #1597a3;
        }

    .terms h4
    {
        font-size: 14px;
        font-weight: bold;
        line-height: normal;
    }

.detailsOrder
{
    width: 100%;
    float: left;
    margin: 10px 0;
    border: 1px solid #d5d9d9;
}

.foucsTitle
{
    clear: both;
    height: auto;
    margin: 10px 10px 20px;
    width: 95%;
}

    .foucsTitle h2
    {
        font: normal normal normal 25px/50px arial;
        color: #1597a3;
    }

        .foucsTitle h2 span
        {
            font-size: 20px;
            color: #000;
        }

.groupLink
{
    margin-right: 5%;
}

    .groupLink ul li
    {
        float: left;
    }

    .groupLink .search
    {
        clear: none;
        margin-right: 0px;
    }

.search
{
    clear: both;
    height: auto;
    margin-bottom: 15px;
}

.edit
{
    width: 60px;
    clear: both;
    height: auto;
}

    .edit.view
    {
        position: relative;
        top: -35px;
        right: 10px;
        margin: 0px;
        width: auto;
    }

.signIn
{
    float: right;
}

.viewDetails
{
    margin-right: 5px;
}

    .viewDetails a
    {
        background: url(Images/IconViewDetails.png) no-repeat left center;
        text-align: center;
        color: #d07002;
        float: left;
        padding-left: 21px;
        font: normal normal bold 12px/26px arial;
    }

.mail a
{
    background: url(Images/IconMailTo.png) no-repeat left center;
    color: #000000;
    font-size: 11px;
    padding-left: 20px;
}

    .mail a:hover
    {
        color: #d07002 !important;
    }

.viewDetails a:hover
{
    color: #333;
}

.editAccount, .addBooking
{
    margin-right: 15px;
}

.editAccount
{
    float: right;
}

.edit a, .signIn a
{
    background: url(Images/ButtonEdit.png) no-repeat 0 0;
    text-align: center;
    color: #FFF;
    float: left;
    width: 58px;
    font: normal normal bold 13px/26px arial;
}

    .edit a:hover, .signIn a:hover
    {
        background: url(Images/ButtonEdit.png) no-repeat left bottom;
    }

.cancelBig
{
    width: 163px;
}

    .cancelBig a
    {
        background: url(Images/ButtonEditBig.png) no-repeat 0 0;
        text-align: center;
        color: #FFF;
        float: left;
        width: 163px;
        font: normal normal bold 13px/26px arial;
    }

        .cancelBig a:hover
        {
            background: url(Images/ButtonEditBig.png) no-repeat left bottom;
        }

.editAccount a
{
    background: url(Images/IconEdit.png) no-repeat 0 0;
    padding-left: 19px;
    line-height: 20px;
    float: left;
    color: #333;
    cursor: pointer;
    font-size: 11px;
}

.addBooking a
{
    background: url(Images/Plus.png) no-repeat left center;
    padding-left: 19px;
    line-height: 20px;
    float: left;
    color: #d07002;
    font-size: 11px;
}

    .editAccount a:hover, .addBooking a:hover
    {
        color: #757070;
    }

.search
{
    margin-right: 15%;
}

    .search a, .print a, .viewReport a
    {
        color: #FFF;
        float: left;
        text-align: right;
        padding-right: 10px;
        font: normal normal normal 18px/31px arial;
    }

.exportSmall a
{
    color: #FFF;
    float: left;
    text-align: right;
    text-align: center;
    font: normal normal normal 18px/31px arial;
    background: url(Images/ExportButtonSmall.jpg) no-repeat right top;
    width: 84px;
}

.export a
{
    color: #FFF;
    float: left;
    text-align: center;
    font: normal normal normal 18px/31px arial;
    cursor: pointer;
}

.search a
{
    background: url(Images/SearchButton.jpg) no-repeat right top;
    width: 101px;
}

.export a
{
    background: url(Images/ExportButton.jpg) no-repeat right top;
    width: 101px;
}

    .search a:hover, .view a:hover, .print a:hover, .export a:hover, .exportSmall a:hover
    {
        background-position: right bottom;
    }

.print a
{
    background: url(Images/PrintButton.jpg) no-repeat right top;
    width: 84px;
}

.viewReport a
{
    background: url(Images/ViewButton.jpg) no-repeat right top;
    width: 84px;
}

.active, .cancel, .suspended, .inActive
{
    width: 50%;
    height: 15px;
}

.active
{
    background-color: #3a900b;
}

.suspended
{
    background-color: #f6d30f;
}

.cancel
{
    background-color: #f63b0f;
}

.inActive
{
    background-color: #00465F;
}
/*---- Element Form -----*/
fieldset
{
    border: 1px solid #d4cdcd;
    margin-bottom: 20px;
}

legend
{
    color: #424242;
    padding: 0 10px;
    margin-left: 10px;
    font: normal normal bold 17px arial;
}

.elementForm p, .gateway p
{
    margin: 0px 0 5px;
    clear: both;
}

    .elementForm p span
    {
        font: normal normal normal 12px arial;
        color: #527a34;
    }

.gateway
{
    width: auto;
}

    .gateway input
    {
        border: 1px solid #B5DCDF;
    }

.step td span
{
    font: normal normal normal 12px arial;
    color: #527a34;
}

.elementForm .check, .step .check
{
    float: right;
    width: 75%;
    margin-bottom: 10px;
}

.full
{
    width: 100% !important;
    margin-bottom: 0px !important;
}

    .full .grouping input
    {
        width: 10px;
        height: 10px;
        border: 1px solid #B5DCDF;
    }

    .full label
    {
        margin-left: 2px !important;
        line-height: normal !important;
    }

    .full table td
    {
        padding: 0 0 1px;
        margin: 0;
    }

        .full table td input
        {
            margin: 0px;
            padding: 0px;
        }

        .full table td label
        {
            font-weight: normal !important;
            margin: 0px;
            width: auto !important;
        }

.elementForm .check input, .step .check input
{
    width: auto !important;
    height: auto !important;
    margin: 0px;
    padding: 0px;
    float: left;
    border: 0 none !important;
    _border: 1px solid #B5DCDF !important;
}

.elementForm .check label, .step .check label
{
    width: 100px !important;
    float: none;
    color: #333;
    font-size: 12px;
}

.elementForm p label, .step td label, .gateway p label
{
    color: #060606;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    line-height: 18px;
    width: 25%;
    margin-right: 9px;
    float: left;
}

.buttonSubmit
{
    width: 487px;
}

    .buttonSubmit input
    {
        float: right;
        width: 93px;
        height: 33px;
        font: normal normal bold 16px arial;
        border: 0px;
        color: #FFF;
        cursor: pointer;
        background: transparent url(Images/ButtonSubmit.png) no-repeat scroll right top;
    }

        .buttonSubmit input:hover
        {
            background-position: right bottom;
        }

.step td
{
    padding-bottom: 5px;
}

    .step td label
    {
        width: 180px;
    }

    .step td .bigLabel
    {
        width: 180px !important;
    }

.contentPopup .step td label
{
    width: 125px;
}

.defineDate
{
    float: left;
    width: 160px;
}

.addSeason
{
    clear: both;
}

    .addSeason a
    {
        float: right;
        line-height: 12px;
        padding: 0 0 0 15px;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        background: url(Images/Plus.png) no-repeat 0 0;
    }

        .addSeason a:hover
        {
            color: #75AF37;
        }

.defineDate input
{
    clear: both !important;
    float: left;
}

.defineDate label
{
    text-align: left !important;
    color: #666 !important;
}

.elementForm p input, .step td input[type="text"]
{
    border: 1px solid #B5DCDF;
    width: 250px;
    height: 18px;
    padding: 0px;
    margin: 0px;
    color: #000;
}

.elementForm .RadInputMgr_Default, .elementForm .RadInput_Default, .elementForm .RadInput_Default .riTextBox, .elementForm.RadInputMgr_Default
{
    border-color: #B5DCDF #B5DCDF #B5DCDF #B5DCDF;
    padding: 0px 1px;
    color: #000;
}

.elementForm p input.upload, .step td input.upload
{
    border: 1px solid #B5DCDF;
    width: auto !important;
    height: auto !important;
    margin: 3px 0 8px !important;
}

.elementForm p input.small, .step td input.small
{
    width: 50px !important;
    margin-right: 2px;
    border: 1px solid #B5DCDF !important;
}

.step td input.chose, .chose input
{
    width: auto !important;
    height: auto !important;
    border: 0 none !important; /*scrollbar-3dlight-color:#FFF;*/
}

.elementForm p select.dateCard, .step td select.dateCard
{
    width: 110px;
}

.elementForm p select.yearCard, .step td select.yearCard
{
    width: 68px;
}

.step td select.rep
{
    width: 250px;
}

.elementForm p select, .step td select
{
    border: 1px solid #B5DCDF;
    width: auto;
    height: 22px;
    color: #000;
}

.elementForm p textarea, .step td textarea
{
    border: 1px solid #B5DCDF;
    width: 180px;
    height: 80px;
    color: #000;
}

/*---- Calenader Management --- */
.subscription h4.report
{
    color: #D07002;
    font-size: 12px;
    line-height: 30px;
}

.contentPopup .containerReservation p .date
{
    font: normal normal bold 13px arial;
    color: #666;
    padding: 0;
}

.contentPopup .containerReservation p span
{
    color: #000;
    font-size: 16px;
}

.contentPopup .containerGrid table tbody td, .contentPopup .extra table tbody td
{
    height: auto;
    vertical-align: middle;
    padding: 5px 3px;
}

.contentPopup .extra table tbody td
{
    border-bottom: 0 none;
}

.reportContainer
{
    border: 1px solid #e4dfdf;
    width: 96%;
    margin: 0 0 0 1%;
    padding: 0 0 0 1%;
    clear: both;
}

.reportHeader
{
    clear: both;
}

    .reportHeader ul
    {
        list-style: none;
    }

        .reportHeader ul li
        {
            float: left;
            margin: 0 10px;
            font: normal normal normal 12px/20px arial;
        }

            .reportHeader ul li a
            {
                float: left;
            }

            .reportHeader ul li.print a
            {
                width: 26px;
                height: 26px;
                background: url(Images/IconPrint.png) no-repeat scroll left center;
            }

.reportCriteria
{
    width: 100%;
}

    .reportCriteria h4
    {
        font: normal normal bold 17px/28px arial;
        padding: 0px;
        margin: 0px;
    }

    .reportCriteria p, .reportCriteria p label
    {
        font: normal normal normal 12px arial;
    }

        .reportCriteria p label
        {
            font-weight: bold;
        }

.configure
{
    width: auto;
    height: auto;
}

    .configure a
    {
        text-align: center;
        color: #2a76bc;
        font: normal normal bold 12px/28px arial;
    }

        .configure a:hover
        {
            color: #0d599f;
        }

.hideElement
{
    display: none;
}

.showElement
{
    display: block;
}

.containerTermsAndConditions
{
    width: 74%;
    float: right;
}
/*---- Strong Password ---*/
.password
{
    border: 1px solid #cc9933;
    width: 200px;
}

.pstrength-minchar
{
    font-size: 10px;
}

.strongPassword
{
    width: 200px;
    clear: both;
}

.pstrength-info
{
    clear: both;
    display: block;
    width: 200px;
}

.strongPassword .pstrength-info span
{
    line-height: normal !important;
    display: block;
}

.accordion
{
    width: 98%;
    margin-left: 10px;
}

.addReservation
{
}

    .addReservation li,
    .addGroup li
    {
        clear: both;
        position: relative;
    }

        .addReservation li .reviewReserviationTabHeader,
        .addReservation li .reviewReserviationFolderTabHeader,
        .addGroup li .reviewReserviationTabHeader
        {
            /*background-position: 10px -11px;*/
            padding: 0 0 0 35px;
            margin: 0 0 2px;
            line-height: 36px;
        }

    .addReservation h3:hover, .addReservation h3.selected,
    .addGroup h3:hover, .addGroup h3.selected
    {
        /*background-position: 10px 8px !important;*/
    }

.edit a.addReserSetting
{
    font: Bold 13px/26px arial;
    width: 138px;
    color: #FFF;
    padding: 0 0 0 10px;
    background: url(Images/AddReservationSetting.png) no-repeat scroll 0 0;
}

    .edit a.addReserSetting:hover
    {
        background-position: left bottom;
    }

.deleteButt
{
    margin: 0 10px;
    background: url("Images/ButtonEdit.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font: bold 13px/26px arial;
    text-align: center;
    width: 58px;
    cursor: pointer;
}

    .deleteButt:hover
    {
        background-position: left bottom;
    }

.tabAccordion
{
    width: 99%;
}

    .tabAccordion h3
    {
        background: #e7e7e7 url(Images/ArrowAccordionType.png) no-repeat scroll 99% -13px;
        color: #060505;
        padding: 0.4%;
        border: 1px solid #7c7878;
        cursor: pointer;
        margin-top: 1px;
        clear: both;
        font: normal normal bold 15px arial;
    }

        .tabAccordion h3.reviewReserviationFolderTabHeader
        {
            background: #9A9A9A url(Images/FolderClose.png) no-repeat scroll 99% 6px;
        }

        .tabAccordion h3:hover, .tabAccordion h3.selected
        {
            background-position: 99% 5px;
            background-color: #2a76bc;
            color: #FFF;
        }

        .tabAccordion h3.reviewReserviationFolderTabHeader:hover
        {
            background: #2a76bc url(Images/FolderOpen.png) no-repeat scroll 99% 6px;
        }

    .tabAccordion .contentTabs
    {
        border: 1px solid #CCC;
        margin-top: 3px;
        margin-bottom: 5px;
        padding-top: 3px;
    }

.calenderLink
{
    display: inline;
    margin-left: 20px;
}

    .calenderLink a
    {
        color: #000;
        padding-left: 20px;
        font: normal normal bold 11px arial;
        background: url(Images/IconCalendar.jpg) no-repeat left center;
    }

        .calenderLink a:hover
        {
            color: #1597a3;
        }

.time
{
    color: #6d6d6b;
    margin: 5px;
    font: normal normal bold 12px arial;
}

.contentTabs legend
{
    font-size: 15px;
}

.contentTabs fieldset
{
    padding: 0px 1%;
}

    .contentTabs fieldset table
    {
        width: 98%;
        margin-top: 10px;
    }

        .contentTabs fieldset table thead
        {
            background-color: #70706e;
            line-height: 22px;
        }

            .contentTabs fieldset table thead th
            {
                color: #FFF;
                text-align: center;
                font-size: 12px;
            }

        .contentTabs fieldset table tbody td
        {
            line-height: 22px;
            color: #000;
            font-size: 11px;
            font-weight: bold;
            text-align: center;
        }

.fullScreen
{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.containerPreloading
{
    width: 82%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    padding-top: 150px;
}

    .containerPreloading center
    {
        font-weight: bold;
        color: #D07002;
    }

.dimPreloading
{
    height: 100%;
    width: 101%;
    right: 0px;
    position: absolute;
    z-index: 9999;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity = 20);
}

.overLayer
{
    height: auto;
    position: absolute;
    z-index: 450;
    right: 0px;
    width: 100%;
    background-color: #FFF;
    padding: 0 5px 3px;
}

.layerUp, .destailsCustomer
{
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 480;
    left: 0;
}

.popup
{
    width: 480px;
    margin: 0 auto;
    background-color: #FFF;
}

.containerSection
{
    width: 100%;
    float: left;
    background-color: #FFF;
}

.contentPopup
{
    border: 4px solid #888888;
}

.contentPopup, .contentDetails
{
    background-color: #FFF;
    float: left;
    width: 100%;
}

    .contentPopup h3
    {
        font: 18px tahoma;
        background-color: #2a76bc;
        color: #FFF;
        margin: 0 0 20px;
        padding: 0 0 2px 15px;
        top: 0px;
        clear: both;
        position: relative;
    }

    .contentDetails h3
    {
        font: 18px tahoma;
        background-color: #000;
        color: #FFF;
        margin: 0 0 20px;
        padding: 0 0 2px 15px;
        top: 0px;
        clear: both;
        position: relative;
    }

        .contentPopup h3 a, .contentDetails h3 a
        {
            background: url(Images/Close.jpg) no-repeat scroll 0 0;
            height: 19px;
            position: absolute;
            right: 5px;
            top: 2px;
            width: 19px;
        }

.buttonSavePopup
{
    width: 85px;
    height: 30px;
}

    .buttonSavePopup a
    {
        font: normal normal bold 17px/26px arial;
        background: url(Images/PayNowButton.jpg) no-repeat scroll 0 0;
        width: 75px;
        float: left;
        color: #FFF;
        text-align: center;
    }

        .buttonSavePopup a:hover
        {
            color: #6EB130;
        }

.calendars
{
}

    .calendars ul
    {
        width: 100%;
    }

        .calendars ul li
        {
            width: 191px;
            height: 188px;
            float: left;
            position: relative;
            margin: 0 4% 25px 2%;
            background: url(Images/CalendarActive.png) no-repeat scroll 0 0;
        }

            .calendars ul li.inactive
            {
                background: url(Images/CalendarInactive.png) no-repeat scroll 0 0;
            }

            .calendars ul li h5
            {
                font: normal normal normal 11px/24px arial;
                color: #716c6c;
                margin: 0px;
                padding: 0 10px;
            }

            .calendars ul li h3
            {
                font: normal normal bold 18px/30px arial;
                color: #FFF;
                padding: 0 20px;
            }

            .calendars ul li .del
            {
                position: absolute;
                right: 3px;
                top: 24px;
            }

                .calendars ul li .del a
                {
                    width: 25px;
                    height: 25px;
                    float: left;
                    background: url(Images/ButtonDeleteCalendar.png) no-repeat scroll 0 0;
                }

                .calendars ul li .del .icon
                {
                    width: 35px;
                    height: 35px;
                    float: left;
                    background: url(Images/IconMultipleCalendar.png) no-repeat scroll 0 0;
                }

            .calendars ul li.inactive .del .icon
            {
                background-position: left bottom;
            }

            .calendars ul li .del a:hover
            {
                background-position: left bottom;
            }

            .calendars ul li.inactive .name
            {
                color: #323233;
            }

            .calendars ul li.inactive .in a
            {
                color: #000;
            }

                .calendars ul li.inactive .in a:hover
                {
                    color: #FFF;
                }

            .calendars ul li .name
            {
                width: 180px;
                height: 45px;
                margin: 0 auto;
                padding: 10px 0 0px;
                text-align: center;
                color: #d07002;
                font: normal normal bold 14px arial;
            }

            .calendars ul li p
            {
                font: normal normal bold 11px arial;
                color: #716C6C;
                padding-left: 10px;
            }

            .calendars ul li .in
            {
                bottom: 7px;
                height: 25px;
                left: 58px;
                position: absolute;
                width: 76px;
            }

            .calendars ul li a
            {
                height: 25px;
                width: 76px;
                float: left;
                text-align: center;
                color: #2a8027;
                font: normal normal bold 12px/23px arial;
                background: url(Images/ButtonCalendar.png) no-repeat scroll 0 0;
            }

                .calendars ul li a:hover
                {
                    background-position: left bottom;
                    color: #FFF;
                }

/* admin booking */
.booking
{
    width: 55%;
}

    .booking table
    {
    }

.titleSectionStep
{
    clear: both;
}

    .titleSectionStep h2
    {
        font: normal normal bold 15px/25px arial;
        color: #000;
        padding: 0px;
        margin: 0px;
    }

    .titleSectionStep p
    {
        font: normal normal normal 12px arial;
        padding: 0px;
        margin: 0px;
    }

.lineThin
{
    background-color: #D2CBCB;
    border: 0 none;
    clear: both;
    display: block;
    height: 1px;
    margin: 15px 0;
    width: 90%;
}

.SelectDate
{
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.availabilityReservation
{
}

    .availabilityReservation li
    {
        border-bottom: 1px solid #CCC;
        float: left;
        margin-top: 10px;
        width: 98%;
    }

.contentReservationType p img
{
    width: 66px;
    float: left;
    padding-right: 5px;
}

.contentReservationType
{
    width: auto;
}

    .contentReservationType strong
    {
        font: normal normal bold 13px arial;
        color: #000;
    }

    .contentReservationType p
    {
        color: #595959;
        font: normal normal normal 12px arial;
    }

.buttonChoose
{
    float: right;
}

.booking table td table td
{
    border: 0px;
}

.booking .contentReservationType .rightElement a
{
    color: #D07002;
    font-weight: bold;
}

    .booking .contentReservationType .rightElement a:hover
    {
        color: #000;
    }

.booking .contentReservationType .editControl
{
    float: left;
    width: auto;
}

.subTotalRes
{
    float: right;
}

.availabilityReservation li.total
{
    border-bottom: 0px;
}

.booking tfoot tr td
{
    padding-top: 20px;
}

.copyright
{
    clear: both;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-width: 970px;
    height: 42px;
    background-color: #5F5D5D;
}

    .copyright p
    {
        color: #FFF;
        font: normal normal bold 12px arial;
        text-align: center;
    }

.range td
{
    display: inline;
    margin-bottom: 6px;
    padding-bottom: 0px;
}

    .range td span
    {
        font: normal normal normal 11px arial !important;
    }

.action
{
    clear: both;
    width: 80%;
    margin: 10px auto;
    background-color: #fdf6f6;
    border: 1px solid #e7e4e4;
    position: relative;
}

    .action img
    {
        position: absolute;
        left: 5px;
        top: 12px;
    }

    .action a.close
    {
        position: absolute;
        right: 5px;
        top: 5px;
        background-image: url(Images/CloseSmall.jpg);
        height: 15px;
        width: 15px;
    }

.warring
{
    width: auto;
    padding: 10px 0;
}

    .warring p, .warring p span
    {
        padding-left: 50px;
        font: normal normal bold 13px arial;
        padding-top: 15px;
        color: #482c0b;
    }

.accordionItem
{
    clear: both;
}

    .accordionItem li
    {
        width: 98%;
        clear: both;
        display: block;
        margin: 0 1%;
    }

        .accordionItem li h5
        {
            font: normal normal bold 13px/21px arial;
            color: #FFF;
            padding: 0 1%;
            margin: 0 0 2px;
            cursor: pointer;
            clear: both;
            background-color: #999;
        }

            .accordionItem li h5 a
            {
                color: #FFF;
                padding-left: 20px;
                line-height: 21px;
                background: url(Images/ReportArrowAccordion.png) no-repeat left bottom;
            }

            .accordionItem li h5.openTab a
            {
                background-position: left top;
            }

            .accordionItem li h5.openTab, .accordionItem li h5:hover
            {
                background: url(Images/RepeaterAccordion.png) repeat-x 0 0;
            }

.accordionContent
{
    margin: 2px 0;
    padding: 5px 3px;
    border: 1px solid #CCC;
}

.adjustHeight
{
    height: 425px;
    width: 653px;
    margin: 0px !important;
    padding: 0px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.extra, .view
{
    position: static !important;
}

    .view table
    {
        width: 99%;
    }

    .extra fieldset
    {
        clear: both;
        display: block;
        margin-bottom: 0px;
        width: 97%;
    }

        .extra fieldset table
        {
            width: 98%;
            margin-left: 1%;
        }

.skinFrontEnd
{
}

    .skinFrontEnd li
    {
        margin: 0 0 10px;
    }

.front
{
    font: 18px arial;
    color: #76b42f;
    clear: both;
}

.snapshot
{
    position: absolute;
    right: 3%;
}

    .snapshot img
    {
        border: 1px solid #CCC;
        padding: 5px;
    }

    .snapshot p
    {
        font: bold 12px arial;
        color: #D07002;
        text-align: center;
    }

.customizing
{
    clear: both;
    height: auto;
    padding: 10px 0;
    position: relative;
}

    .customizing table
    {
    }

    .customizing td
    {
        padding-bottom: 5px;
        padding-right: 5px;
    }

    .customizing .titleElement
    {
        color: #060606;
        float: left;
        font: bold 12px/18px arial;
        margin-right: 9px;
        text-align: right;
        width: 180px;
    }

.containerWaring
{
    width: 70%;
    margin: 80px auto;
}

.warningMessage
{
    width: 100%;
    height: 100%;
    padding: 5px;
    border: 1px solid #9e6969;
    background-color: #FDF6F6;
}

    .warningMessage h1
    {
        font: normal 23px arial;
        padding: 13px 0 5px 65px;
        background: url(Images/IconWarning.png) no-repeat 20px 10px;
        color: #8f2828;
    }

    .warningMessage p
    {
        font: normal 13px arial;
        color: #020202;
        padding: 0 0 5px 65px;
    }

    .warningMessage a
    {
        width: auto;
        font: 14px/34px arial;
        color: #FFF;
        padding: 3px 5px;
        text-decoration: none;
        border: 2px solid #403e3c;
        background-color: #514f4f;
    }

        .warningMessage a:hover
        {
            color: #FFE59F;
        }

.iconHeader .categoryTitle
{
    display: block!important;
}

.iconHeader .contentAccordion
{
    margin-top: 10px!important;
}

#expand
{
    font: bold 13px/30px arial;
    color: #D07002;
}

    #expand:hover
    {
        color: #39393A;
        text-decoration: underline;
    }

.addReservation ul li img.handle,
.addGroup ul li img.handle
{
    cursor: move;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    left: 5px;
}

.cancelButton a
{
    background: url(Images/IconCancel.gif) no-repeat left center;
    color: #333;
    float: right;
    font: bold 12px/14px arial;
    padding-left: 16px;
}

    .cancelButton a:hover
    {
        color: #F63B0F;
    }

div.field
{
    margin-top: 10px;
}

    div.field div.left
    {
        float: left;
    }

div.clean
{
    clear: both;
}

.viewCart
{
    margin: 0px;
    padding: 0px;
}

    .viewCart a
    {
        font: normal normal normal 20px/42px arial;
        text-decoration: none;
        padding-left: 40px;
        background: url(Images/ViewCart.png) no-repeat left center;
        color: #0B64B6;
    }

        .viewCart a span
        {
            font-size: 15px;
        }

div.priceOptionSelection label
{
    font-size: 13px;
    color: #0B64B6;
}

div.priceOptionSelection div.list
{
    margin: 10px 0 15px 15px;
}

div.priceOptionSelection input.price,
div.priceOptionSelection input.count
{
    width: 50px;
}

a.middleButton
{
    background: url(Images/ButtonEditMiddle.png) no-repeat 0 0;
    text-align: center;
    color: #FFF;
    float: left;
    width: 100px;
    font: normal normal bold 13px/26px arial;
}

    a.middleButton:hover
    {
        background: url(Images/ButtonEditMiddle.png) no-repeat left bottom;
    }

.fillForm
{
    margin-top: 20px;
    padding: 0 15px 10px;
}

    .fillForm div.row
    {
        margin-top: 3px;
    }

        .fillForm div.row div.label
        {
            float: left;
            width: 100px;
            text-align: right;
        }

        .fillForm div.row div.checkBoxLabel
        {
            float: left;
            width: 150px;
            text-align: right;
        }

            .fillForm div.row div.label label,
            .fillForm div.row div.checkBoxLabel label
            {
                color: #39393a;
                font-size: 12px;
                font-weight: normal;
                line-height: 18px;
                margin-right: 9px;
            }

        .fillForm div.row div.value,
        .fillForm div.row div.checkBoxValue
        {
            float: left;
        }

            .fillForm div.row div.value input
            {
                border: 1px solid #DDD;
                color: #000000;
                height: 20px;
                margin: 0;
                padding: 0;
                width: 180px;
            }

            .fillForm div.row div.checkBoxValue input
            {
                width: 70px;
            }

    .fillForm h3
    {
        color: #39393a;
        font: bold 15px/30px arial;
    }

.divList table
{
    width: 100%;
    clear: both;
}

span.notActiveReservation
{
    color: #AAAAAA;
    border: 1px solid #AAAAAA;
    display: inline-block;
    font-size: 1.5em;
    margin-bottom: 5px;
    padding: 3px;
}

div.groupCount
{
    width: 100px;
    float: right;
    margin-left: 10px;
    margin-right: 100px;
    text-align: center;
}

div.ticketCount
{
    width: 100px;
    float: right;
    margin-left: 10px;
    text-align: center;
}

div.groupCountEdited
{
    width: 100px;
    float: right;
    margin-left: 10px;
    margin-right: 165px;
    text-align: center;
}

div.addPaymentPopupVersion
{
    width: 320px;
}

a.clickableId
{
    text-align: center;
    color: #2a76bc;
    font: normal normal bold 12px/28px arial;
}

    a.clickableId:hover
    {
        color: #0d599f;
    }

span.showOnFronend input
{
    width: auto;
    height: auto;
}

span.showOnFronend label
{
    width: auto;
    font-weight: normal;
    float: none;
    padding-left: 5px;
}

.navigationButton li.prevButton
{
    width: 57px;
    background: url(Images/PrevButton.png) no-repeat right top;
}

.navigationButton ul li.prevButton:hover
{
    background: url(Images/PrevButton.png) no-repeat right bottom;
}

.navigationButton li.prevButton[disabled]
{
    opacity: 0.6;
}

    .navigationButton li.prevButton[disabled]:hover
    {
        background: url(Images/PrevButton.png) no-repeat right top;
    }

    .navigationButton li.prevButton[disabled] a
    {
        cursor: default;
    }

.navigationButton li.prevButton a strong,
.navigationButton li.nextButton a strong
{
    padding: 0 0 0 3px;
    font-family: arial;
    font-weight: bold;
    line-height: 29px;
}

.navigationButton li.nextButton
{
    width: 57px;
    background: url(Images/NextButton.png) no-repeat right top;
    margin-left: 10px;
}

.navigationButton ul li.nextButton:hover
{
    background: url(Images/NextButton.png) no-repeat right bottom;
}

.navigationButton li.nextButton a
{
    padding-left: 4px;
}

table.reservationTypeFolderList label
{
    width: 190px !important;
}

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

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


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


.pull-left
{
    display: block;
    float: left;
}

.form-row
{
    margin: 4px 5px 0 0;
}

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

.go-to-date-help-text
{
    clear: left;
    margin-left: 70px;
    color: gray;
}

.containerGrid table tbody tr.checked-in td
{
    color: lightgray;
}

.checked-in-info
{
    border: 1px solid #e4dfdf;
    width: 96%;
    margin: 0 0 18px 1%;
    padding: 10px 0 10px 1%;
    clear: both;
    font-size: 18px;
    line-height: 30px;
}

    .checked-in-info .gray
    {
        color: gray;
    }

.validator-override
{
    font-weight: bold !important;
}

.ErrorControl
{
    background-color: #FBE3E4;
    border: solid 1px Red;
}