/* CSS Document */

/*---------- General Styles ----------*/

@font-face {
    font-family: 'JF-Flat-regular';
    src: url('fonts/JF-Flat-regular.ttf');
}

html, body, form {
    width: 100%;
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    font: 0.85em/1.4em 'JF-Flat-regular' !important;
    color: #363636;
    direction: rtl;
}

.ptrn-wrapper {
    background: #ccc4a9 url(images/pattern-bg.jpg);
    /*background-color: #8FBC8F;*/
    /*background-color: #b0c4de;*/
    /*background-color: #87ceeb;*/
    padding-bottom: 5%;
    overflow: auto;
    min-height: 95%;
}

a {
    color: #0076a3;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    a img {
        border: 0;
    }

.more-details, .avl-cts .more-details {
    display: inline-block;
    line-height: 23px;
    width: 63px;
    text-align: center;
    color: #111111;
    background: #000000 url(images/more-details-btn.png) right top no-repeat;
}

.avl-cts .more-details {
    background-position: left top;
    color: #575242;
}

h1, h3 {
    color: #1b1b1b;
    font-weight: normal;
    border-bottom: 5px solid #d7cda7;
    padding-bottom: 10px;
}

    h1 span {
        color: #515151;
    }

h2, h3 {
    font-size: 1.5em;
    color: #000000;
    margin-bottom: 12px;
}

h3 {
    font-size: 1.3em;
    text-transform: uppercase;
}

h4 {
    margin: 30px 0 0;
}

/*---------- End of General Styles ----------*/


/*---------- Wrapper & Page Container ----------*/

.wrapper {
    width: 982px;
    min-height: 500px;
    margin: 0 auto;
    
}

.pg-cnt {
    /*overflow: auto;*/
    margin-bottom: 20px;
}

/*---------- End of Wrapper & Page Container ----------*/


/*---------- Masthead ----------*/

.masthead {
    text-align: right;
    list-style: none;
    font-size: 0.85em;
    padding-right: 0;
    height: 40px;
}

    .masthead li {
        display: inline-block;
        float: right;
        padding: 0 10px;
        height: 15px;
        line-height: 15px;
    }

    .masthead a {
        color: #252525;
    }

/*---------- End of Masthead ----------*/


/*---------- Top Banner ----------*/

.top-banner {
    height: 135px;
    border: 3px solid #dedaca;
    background: url(images/top-banner.jpg) center top no-repeat;
    margin-bottom: 12px;
    position: relative;
}

    .top-banner a#reg {
        background: url(images/register-btn.png) left top no-repeat;
        text-align: center;
        display: inline-block;
        float: left;
        margin: 40px 0 0 25px;
        width: 85px;
        line-height: 31px;
        color: #ffffff;
        font-size: 1.2em;
        position: absolute;
        top: 0;
        left: 0;
    }

.reg-button {
    background: url(images/register-btn.png) left top no-repeat;
    text-align: center;
    display: inline-block;
    float: left;
    margin: 40px 0 0 25px;
    width: 85px;
    line-height: 31px;
    color: #ffffff;
    font-size: 1.2em;
}

.top-banner a#lgo {
    font-size: 0;
    line-height: 0;
    text-indent: -10000px;
    background: url(images/nuca-logo.png);
    width: 410px;
    height: 92px;
    display: inline-block;
    margin-top: 5px;
}

/*---------- End of Top Banner ----------*/


/*---------- Navigation ----------*/

.nav {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 30px;
    background: #363636;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 1.1em;
}

    .nav li {
        display: inline-block;
        width: 12.5%;
        margin: 0;
    }

        .nav li a {
            display: block;
            padding: 0 10px;
            color: #f3f3f3;
            text-align: center;
        }

            .nav li a:hover {
                color: #ffffff;
            }

            .nav li a.slct {
                background: url(images/nav-selected.jpg) left top repeat-x;
                color: #363636;
            }

        .nav li#log {
            width: 70px;
        }

            .nav li#log a {
                background: url(images/login-bg.jpg) left top repeat-x;
            }

/*---------- End of Navigation ----------*/


/*---------- Slider Images ----------*/

.img-slider {
    overflow: hidden;
    text-align: center;
    border: 3px solid #dedaca;
    height: 477px;
}

/*---------- End of Slider Images ----------*/


/*---------- Available Cities ----------*/

/*.avl-cts
{
    float: left;
    width: 336px;
    border: 3px solid #dedaca;
    padding: 10px;
    text-align: center;
    background: #636363 url(images/gray-box-bg.jpg) left top repeat-x;
}
.avl-cts h2
{
    margin: -10px -10px 0;
    line-height: 39px;
    background: url(images/titl-bg.png) right top no-repeat;
    color: #686868;
    padding: 0 10px;
}
.avl-cts ul, .avl-cts h2
{
    text-align: right;
}
.avl-cts ul li
{
    display: inline-block;
    width: 47%;
    list-style: none;
    font-size: 1.1em;
    padding: 2px;
}
.avl-cts ul a
{
    color: #ffffff;
}
.avl-cts span, .rgt-col-hm span
{
    display: block;
    text-align: left;
}
*/
.avl-cts, .abt-prg, .prg-trm {
    /*float: left;*/
    /*width: 360px;*/
    border: 3px solid #dedaca;
    padding: 10px;
    background: #636363 url(images/gray-box-bg.jpg) left top repeat-x;
    font: 0.95em/1.3em 'JF-Flat-regular';
    height: 350px;
}

.avl-cts {
    width: 265px;
}

.abt-prg {
    width: 265px;
}

.prg-trm {
    width: 265px;
}


    .avl-cts h2, .abt-prg h2, .prg-trm h2 {
        margin: -10px -10px 0;
        line-height: 39px;
        background: url(images/titl-bg.png) right top no-repeat;
        color: #686868;
        padding: 0 10px;
    }

.avl-cts ul li {
    display: inline-block;
    width: 45%;
    list-style: none;
    padding: 3px;
    font: 1.2em/1.3em 'JF-Flat-regular';
}

.avl-cts ul a {
    color: #ffffff;
}

.avl-cts span, .rgt-col-hm span, .abt-prg span, .prg-trm span {
    display: block;
    text-align: left;
}
/*---------- End of Available Cities ----------*/




/*---------- Right Column Home Page ----------*/

.rgt-col-hm {
    float: right;
    width: 587px;
    border: 3px solid #dedaca;
    background: #f1eedd;
    padding: 10px;
}

    .rgt-col-hm div {
        float: right;
        width: 43%;
        border-left: 1px dashed #363636;
        padding: 5px 20px;
    }

        .rgt-col-hm div + div {
            border: 0;
        }

    .rgt-col-hm p {
        margin: 51px 0;
        font-size: 1.9em;
        line-height: 1.2em;
    }


/*---------- End of Right Column Home Page ----------*/


/*---------- Map Container ----------*/

#map-img {
    border: 0;
}

.map-container {
    background: url(images/map-bg.png) left top no-repeat;
    height: 388px;
    padding: 5px 5px 55px;
    position: relative;
}

    .map-container div {
        overflow: hidden;
        height: 389px;
    }

    .map-container a {
        position: absolute;
        width: 200px;
        height: 180px;
        display: inline-block;
        right: 20px;
        bottom: 70px;
        background: url(images/photo-glry-bg.png);
        color: #ffffff;
        text-align: center;
        padding-top: 5px;
    }

        .map-container a label {
            display: block;
            margin-top: 5px;
            font-size: 1.25em;
            font-weight: bold;
        }

        .map-container a#zoom {
            right: auto;
            left: 5px;
            bottom: 54px;
            width: 36px;
            height: 35px;
            background: url(images/zoom-icon.png) left bottom no-repeat;
            line-height: 0;
            font-size: 0;
            padding: 0;
        }

            .map-container a#zoom:hover {
                background-position: left top;
            }

    .map-container + .cnt-container {
        margin-top: 0;
    }

/*---------- End of Map Container ----------*/


/*---------- Intro & Headers ----------*/

.intro {
    font-size: 1.6em;
    line-height: 1.5em;
    margin: 5px 0 15px;
}

/*---------- End of Intro & Headers ----------*/


/*---------- Left Column ----------*/

.lft-col {
    width: 539px;
    float: left;
    padding-top: 8px;
}

    .lft-col div {
        margin-bottom: 60px;
    }

#hm .lft-col div + div {
    margin-bottom: 0;
}

.lft-col h2, .rgt-col h2 {
    font-size: 1.3em;
    margin-top: 0;
}

/*---------- End of Left Column ----------*/


/*---------- End of Right Column ----------*/

.rgt-col {
    float: right;
    width: 329px;
}

    .rgt-col div {
        background: #979797;
        color: #ffffff;
        padding: 10px;
        margin-bottom: 10px;
    }

    .rgt-col h2 {
        color: #d5d5d5;
        border-color: #cccccc;
    }

    .rgt-col p img {
        float: left;
        margin: 0 10px 10px 0;
    }

    .rgt-col .more-details {
        border: 1px solid #4d4d4d;
    }

/*---------- End of Right Column ----------*/


/*---------- News Post ----------*/

.news-post {
    padding: 0 !important;
    overflow: auto;
    font-size: 0.85em;
    line-height: 1.3em;
    margin-bottom: 15px !important;
}

    .news-post span {
        float: left;
        display: inline-block;
        width: 40px;
        height: 36px;
        padding: 3px 0;
        text-align: center;
        background: url(images/calendar-bg.jpg) left top repeat-x;
        margin: 0 10px 10px 0;
    }

        .news-post span label {
            display: block;
            margin-bottom: 3px;
            font-size: 1.5em;
            padding-top: 5px;
        }

    .news-post p {
        float: left;
        width: 230px;
        margin: 0;
        padding: 0;
    }

        .news-post p a {
            display: block;
            margin-bottom: 5px;
            color: #ffffff;
            font-weight: bold;
            text-decoration: underline;
        }

            .news-post p a:hover {
                text-decoration: none;
            }

/*---------- End of News Post ----------*/


/*---------- Featured Offers List ----------*/

.ftr-ofrs {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .ftr-ofrs li {
        display: inline-block;
        width: 165px;
        margin-right: 17px;
    }

        .ftr-ofrs li.lst {
            margin: 0;
        }

        .ftr-ofrs li label {
            font-weight: bold;
            font-size: 0.9em;
            display: block;
            margin-top: 5px;
        }

        .ftr-ofrs li p {
            margin-top: 3px;
        }

/*---------- End of Featured Offers List ----------*/


/*---------- Footer ----------*/

.eg_footer {
    line-height: 25px;
    height: 6.5%;
    height: /*\**/ 7.3%\9;
    text-align: center;
    color: #878787;
    background: url(images/footer-shw.png) left top repeat-x;
    padding-top: 1%;
    position: relative;
    clear: both;
    width: 100%;
    margin-top: -3.9%;
}

    .eg_footer div {
        background: #131313;
        height: 100%;
    }

/*---------- End of Footer ----------*/


/*---------- Registration Forum Container ----------*/

.rgst-frm {
    margin: 15px 0;
}

    .rgst-frm label, .rgst-frm input, .rgst-frm select, .rgst-frm span {
        display: inline-block;
        width: 15%;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .rgst-frm input, .rgst-frm select {
        background: #ffffff;
        border: 1px solid #ffffff;
        height: 25px;
        font-size: 1em;
    }

    .rgst-frm select {
    }

    .rgst-frm span {
        color: #b70404;
        width: 45%;
        margin-left: 1%;
    }

/*---------- End of Registration Forum Container ----------*/


/*---------- Cities Filter ----------*/

.img-filter {
    line-height: 32px;
    background: #f8f8f8;
    padding: 0 10px;
    text-transform: capitalize;
}

    .img-filter select {
        margin: 0 5px;
    }

    .img-filter input {
        background: #f0a619;
        border: 1px solid #ffffff;
        text-transform: capitalize;
        padding: 0 7px;
        color: #ffffff;
    }

        .img-filter input:hover {
            cursor: pointer;
        }

/*---------- End of Cities Filter ----------*/


/*---------- Images Gallery ----------*/

.img-glry {
    margin: 15px 0 0;
    overflow: auto;
}

    .img-glry a {
        float: left;
        display: inline-block;
        width: 203px;
        height: 182px;
        margin: 0 29px 29px 0;
    }

        .img-glry a.lst {
            margin-right: 0;
        }

        .img-glry a img {
            border: 1px solid #a2a2a2;
        }

        .img-glry a label {
            display: block;
            line-height: 20px;
            background: #000000;
            color: #ffffff;
            text-align: center;
            text-transform: capitalize;
            font-size: 0.8em;
        }

        .img-glry a:hover img {
            border-color: #ffffff;
        }

        .img-glry a:hover label {
            background: #ffffff;
            color: #000000;
        }

/*---------- End of Images Gallery ----------*/


/*---------- Projects Columns ----------*/

.prj {
    width: 95%;
    overflow: auto;
    line-height: 1.5em;
}

.prj-lft, .prj-rgh {
    float: left;
    width: 45%;
    overflow: auto;
    line-height: 1.45em;
    font-size: 0.85em;
}

.prj-rgh {
    float: right;
}

    .prj-lft div, .prj-rgh div, .prj div {
        background: #808080;
        color: #ffffff;
        border: 3px solid #efe8d1;
        padding: 10px 8px;
    }

    .prj-lft h3, .prj-rgh h3, .prj h3 {
        margin-top: 0;
        color: #ffffff;
        border-color: #ffffff;
    }

    .prj-lft img, .prj-rgh img, .prj img {
        float: right;
        margin: 0 0 0 8px;
    }

    .prj-lft span, .prj-rgh span, .prj span {
        display: block;
        margin-top: 5px;
    }

    .prj-lft .more-details, .prj-rgh .more-details, .prj .more-details {
        background-position: left top;
    }

/*---------- End of Projects Columns ----------*/


/*---------- Zone Container ----------*/

.zone-cont {
    text-align: center;
    display: inline-block;
    width: 210px;
    height: 212px;
    background: url(images/zone-bg.png) left top no-repeat;
    margin-left: 13px;
    margin-bottom: 13px;
    padding: 0 7px;
    line-height: 1em;
    font-size: 0.85em;
}

.last {
    margin: 0;
}

.zone-cont div {
    width: 198px;
    height: 110px;
    overflow: hidden;
}

.zone-cont a {
    display: inline-block;
    background: #363636;
    color: #ffffff;
    padding: 0 10px;
    line-height: 23px;
    font-size: 0.8em;
}

/*.zone-container
{
    font: 0.75em/1.6em 'JF-Flat-regular';
}*/

/*---------- End of Zone Container ----------*/


/*---------- Contact Info ----------*/

.cnt-inf {
    /*float: right;     margin-right: 20px;     background: #979797;     color: #ffffff;*/
    width: 500px;
    padding: 10px;
    font-size: 1em;
    line-height: 1.7em;
    margin: 0 auto;
}

    .cnt-inf h3 {
        color: #d5d5d5;
        border-color: #d5d5d5;
        margin-top: 0;
    }

    .cnt-inf label {
        /*color: #e4e4e4;*/
        font-weight: bold;
    }

    .cnt-inf table td {
        padding: 2px 10px;
    }

/*---------- End of Contact Info ----------*/


/*---------- Contact Form ----------*/

.cnt-frm {
    float: left;
    overflow: auto;
    width: 610px;
    line-height: 1.75em;
}

    .cnt-frm label {
        display: block;
        margin-bottom: 4px;
    }

    .cnt-frm input, .cnt-frm textarea {
        width: 265px;
        border: 1px solid #d2d2d2;
        line-height: 15px;
        height: 27px;
        margin-bottom: 20px;
    }

    .cnt-frm textarea {
        height: 105px;
        line-height: 15px;
    }

    .cnt-frm span {
        float: right;
        width: 46%;
    }

        .cnt-frm span + span {
            float: left;
        }

    .cnt-frm div, .reserve-frm div {
        clear: both;
        text-align: left;
    }

        .cnt-frm div input, .reserve-frm div input {
            width: auto;
            padding: 3px 15px;
            margin-left: 10px;
            color: #ffffff;
            background: #000000;
            border: 0;
            height: 30px;
        }

            .cnt-frm div input:hover, .reserve-frm div input:hover {
                cursor: pointer;
            }

/*---------- End of Contact Form ----------*/


/*---------- Reservation Form ----------*/

.reserve-frm {
    margin-bottom: 20px;
    overflow: auto;
    width: 425px;
}

    .reserve-frm label, .reserve-frm select {
        float: right;
        display: inline-block;
        margin-bottom: 10px;
        height: 22px;
        width: 140px;
        margin-right: 5px;
    }

    .reserve-frm select {
        width: 285px;
        margin-bottom: 15px;
    }

/*---------- End of Reservation Form ----------*/


/*---------- Reserved Area ----------*/

.reserved-area {
    margin-bottom: 20px;
    background: #ffffff;
    overflow: auto; /*font: 0.80em/1.2em Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
}

    .reserved-area div {
        background: #5f5f5f url(images/reserved-area-bg.jpg) repeat-x;
        color: #ffffff;
        line-height: 33px;
        padding: 0 10px;
    }

    .reserved-area span {
        float: left;
        overflow: auto;
    }

    .reserved-area a {
        color: #c7c5c2;
        float: left;
    }

        .reserved-area a#del {
            display: inline-block;
            width: 18px;
            height: 18px;
            font-size: 0;
            line-height: 0;
            background: url(images/delete-icon.png) left bottom no-repeat;
            margin: 7px 0 0 15px;
        }

            .reserved-area a#del:hover {
                background-position: left top;
            }

    .reserved-area table {
        width: 98%;
        margin: 0 1% 1%;
        text-align: center;
        font-size: 1.8em;
        font-weight: bold;
        line-height: 33px;
    }

        .reserved-area table th {
            font-weight: normal;
            font-size: 0.5em;
        }

        .reserved-area table td {
            width: 16%;
        }

        .reserved-area table span {
            background: #cbcbcb;
            display: block;
            float: none;
        }

.delLink {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 0;
    line-height: 0;
    background: url(images/delete-icon.png) left bottom no-repeat;
    margin: 7px 0 0 15px;
}

    .delLink:hover {
        background-position: left top;
    }

/*---------- End of Reserved Area ----------*/


/*---------- Content Container ----------*/

.cnt-container {
    background: url(images/rapper_BG.png);
    border: 1px solid #dcd4b2;
    padding: 5px 10px;
    margin: -10px 0 0 0;
    font-size: 1.2em;
    line-height: 2em;
    overflow: auto;
}

    .cnt-container h1 {
        font-size: 1.5em;
    }

    .cnt-container > h4 {
        margin-top: 0;
    }

    .cnt-container div#ImageGallery {
        text-align: center;
    }

#ImageGallery img {
    border: 1px solid #dcd4b2;
    padding: 2px;
    width: 150px;
    height: 120px;
    margin: 3px;
}

#ImageGallery a:hover img {
    border: 5px solid #fff;
    border-width: 10px 5px 2px;
    color: #fff;
}



/*---------- End of Content Container ----------*/


/*---------- Registration Table ----------*/

.rgst-tble span {
    font-weight: bold;
}

.rgst-tble td {
    width: 17%;
}

    .rgst-tble td + td {
        width: 82%;
    }

    .rgst-tble td img {
        border: 1px solid #cfcfcf;
        float: right;
    }

    .rgst-tble td div {
        margin: 0px 0;
    }

.rgst-tble input, .rgst-tble label {
    margin-bottom: 5px;
    min-width: 200px;
    float: right;
    margin-right: 0;
}

.rgst-tble .BigTextBox {
    margin-bottom: 10px;
    width: 100%;
    float: right;
    margin-right: 0;
}

.rgst-tble input[type=radio], .rgst-tble input[type=image], .rgst-tble input[type=checkbox], .rgst-tble label {
    min-width: 5px;
}

.rgst-tble input[type=image] {
    margin-right: 5px;
    width: 16px;
    min-width: 16px;
    height: 16px;
}

.rgst-tble label {
    margin: 0 3px 0 15px;
}

.rgst-tble label {
    line-height: 1.2em;
}

/*---------- End of Registration Table ----------*/


.failureNotification {
    color: #990000;
    font: 1.0em/1.1em;
    margin: 15px 0px 10px 0px;
    background: #d41f24;
    color: #ffffff;
    font-size: 1.2em;
    display: block;
}

    .failureNotification ul {
        padding: 10px 30px;
        line-height: 1.5em;
    }



/*---------- About Project Home Box ----------*/

.abt-prg, .prg-trm {
    /*width: 274px;*/
    background: #e36d11 url(images/orange-box-bg.jpg) left top repeat-x;
    color: #ffffff;
    /*margin-left: 10px;*/
}

    .abt-prg h2 {
        background-image: url(images/orange-box-hdr.png);
        color: #fef0dc;
    }

    .abt-prg li, .prg-trm li {
        font-size: 1.3em;
        line-height: 1.3em;
        font-weight: bold;
    }

    .abt-prg p, .prg-trm p {
        margin: 8px 0;
        font-size: 1.1em;
        line-height: 1.5em;
        text-align: justify;
    }


/*---------- End of About Project Home Box ----------*/


/*---------- Project Terms Home Box ----------*/

.prg-trm {
    background: #58630e url(images/green-box-bg.jpg) left top repeat-x;
}

    .prg-trm h2 {
        background-image: url(images/green-box-hdr.png);
        color: #cedc6e;
    }

/*---------- End of Project Terms Home Box ----------*/


.divConfirm {
    color: #ffffff;
    font: 1.4em/1.2em;
    background: #7c9625;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

.RequiredField {
    color: #990000;
    font: 1.2em/1.1em;
    color: #d41f24;
}

.Note {
    font-weight: bold;
    color: #CC0000;
    font-size: 1.7em;
    padding-bottom: 10px;
}


.HomePageAnnouncement {
    font-weight: bold;
    color: #CC0000;
    font-size: 1.7em;
    padding-bottom: 10px;
}

.CheckStyle {
    float: left;
    position: absolute;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

Input {
    font: 1em/1.4em 'JF-Flat-regular' !important;
}

.more_news_btn {
    padding:10px;
 
    margin:auto;
}