@font-face {
    font-family: "yekan";
    src: url(font/YekanWeb-Regular.eot);
    src: url(font/YekanWeb-Regular.eot?#iefix) format("embedded-opentype"), url(font/YekanWeb-Regular.woff) format("woff"), url(font/YekanWeb-Regular.ttf) format("truetype"), url(font/YekanWeb-Regular.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}

body, ul, li, h1, h2, h3, h4, h5, h6, p, a {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

body {
    font-family: 'tahoma';
}

.page {
    margin: 0 auto;
    width: 100%;
}

.head-nd {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 134px;
    background-color: #004A80;
}

.t-head {
    position: relative;
    z-index: 9;
    margin: 0 auto;
    width: 1150px;
    height: 120px;
}


.top-nd {
    background-color: #d7d7d7;
    height: 45px;
    margin-top: 10px;
    width: 100%;
}

.clr {
    clear: both;
}

.main-nd {
    width: 970px;
    margin: 0 auto;
}

.menu-nd {
    width: 970px;
    margin: 5px auto;
    background-color: #004a80;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    behavior: url(PIE.htc);
    text-align: center;
}

.logo-nd-img {
    height: 50px;
}

.bx-vd p {
    direction: rtl;
}

.logo-nd {
    width: 60px;
    float: left;
    margin-left: 120px;
    margin-top: 10px;
}

.bx-vd p span {
    float: right;
    display: block;
    padding-top: 15px;
    padding-right: 15px;
    font-weight: bold;
    color: #004A80;
    font-size: 12px;
}

.menu-nd ul {
    list-style: none;
    margin: 0 auto;
    direction: rtl;
}

    .menu-nd ul li {
        display: inline-block;
    }

        .menu-nd ul li a {
            display: block;
            float: right;
            text-decoration: none;
            font-size: 13px;
            padding: 10px 10px;
            color: #FFFFFF;
            font-family: yekan;
        }


.top-main {
    width: 970px;
    background-image: url('images/back-btm.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #f1f0dc;
    position: relative;
    min-height: 252px;
    padding-bottom: 30px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    height: auto;
    overflow: auto;
    padding-top: 10px;
}

.bg-tp {
    height: 100px;
    width: 970px;
    background-image: url('images/back-tp-nd.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #f1f0dc;
    position: relative;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.img-back {
    position: absolute;
    top: 217px;
    left: 0px;
}

.img-back-lg {
    position: absolute;
    top: 1px;
    left: -13px;
}

.btm-min {
    height: 89px;
    width: 970px;
    background-image: url('images/back-btm.png');
    background-repeat: no-repeat;
    background-position: right;
    background-color: #f1f0dc;
    position: relative;
}

.img-foot {
    position: absolute;
    left: 20px;
}

#img-bc {
    position: absolute;
    top: 0;
    right: 0;
}

.panel-nd {
    width: 970px;
    margin: 10px auto 10px auto;
}

.item-nd {
    width: 155px;
    height: 240px;
    float: right;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004774+0,004774+0,004774+50,004571+50,004470+52,004470+100 */
    background: rgb(0,71,116); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA0Nzc0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA0Nzc0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA0NTcxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjMDA0NDcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDQ3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0,71,116,1) 0%, rgba(0,71,116,1) 0%, rgba(0,71,116,1) 50%, rgba(0,69,113,1) 50%, rgba(0,68,112,1) 52%, rgba(0,68,112,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,71,116,1)), color-stop(0%,rgba(0,71,116,1)), color-stop(50%,rgba(0,71,116,1)), color-stop(50%,rgba(0,69,113,1)), color-stop(52%,rgba(0,68,112,1)), color-stop(100%,rgba(0,68,112,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,71,116,1) 0%,rgba(0,71,116,1) 0%,rgba(0,71,116,1) 50%,rgba(0,69,113,1) 50%,rgba(0,68,112,1) 52%,rgba(0,68,112,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,71,116,1) 0%,rgba(0,71,116,1) 0%,rgba(0,71,116,1) 50%,rgba(0,69,113,1) 50%,rgba(0,68,112,1) 52%,rgba(0,68,112,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,71,116,1) 0%,rgba(0,71,116,1) 0%,rgba(0,71,116,1) 50%,rgba(0,69,113,1) 50%,rgba(0,68,112,1) 52%,rgba(0,68,112,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,71,116,1) 0%,rgba(0,71,116,1) 0%,rgba(0,71,116,1) 50%,rgba(0,69,113,1) 50%,rgba(0,68,112,1) 52%,rgba(0,68,112,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004774', endColorstr='#004470',GradientType=0 ); /* IE6-8 */
    margin: 0 3px;
    border-top-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    behavior: url(PIE.htc);
}

.bx-center-head {
    float: right;
    min-width: 1349px;
}

.around_right {
    float: right;
    height: 137px;
    background-image: url('images/right-top.png');
    background-repeat: repeat-x;
    background-position: left;
    background-size: 100% 100%;
    width: 50px;
}




















.bx-vd {
    height: 35px;
    width: 721px;
    margin-top: 16px;
    margin-right: 53px;
    float: right;
    position: relative;
}

.bx-min-vd {
    height: 43px;
    width: 88px;
    float: left;
    position: relative;
    margin-left: 45px;
}

.vs-bx-nd {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcb635+0,f7941e+100 */
    background: rgb(252,182,53); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYjYzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzk0MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(252,182,53,1) 0%, rgba(247,148,30,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,182,53,1)), color-stop(100%,rgba(247,148,30,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,182,53,1) 0%,rgba(247,148,30,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,182,53,1) 0%,rgba(247,148,30,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,182,53,1) 0%,rgba(247,148,30,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,182,53,1) 0%,rgba(247,148,30,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb635', endColorstr='#f7941e',GradientType=0 ); /* IE6-8 */
    margin-top: 9px;
    margin-right: 15px;
    height: 33px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    behavior: url(PIE.htc);
    float: right;
}

.top-nav {
    height: 35px;
    margin-right: 70px;
}

    .top-nav ul {
        list-style: none;
    }

        .top-nav ul li {
            display: inline;
        }

            .top-nav ul li a {
                display: block;
                color: #FFFFFF;
                float: right;
                padding: 12px 10px;
                font-size: 11px;
                font-family: yekan;
            }

.link-min-tp {
    color: #000000;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 2px 21px;
}

.img-icon-min {
    width: 28px;
    height: 39px;
    position: absolute;
    top: -6px;
    right: -16px;
}

.img-icon-min2 {
    width: 29px;
    height: 38px;
    position: absolute;
    top: -8px;
    right: -16px;
}

.btn-em {
    width: 165px;
    background-color: #F6F2F2;
    height: 27px;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    behavior: url(PIE.htc);
    margin-top: 10px;
    margin-right: 15px;
    border: none;
    padding: 2px 5px;
    float: right;
}

.mg-right {
    margin-right: 160px;
}

.ce-bx-top {
    background: url('images/head-end.png')no-repeat;
    width: 1000px;
    background-image: url('images/head-end.png');
    background-repeat: no-repeat;
    direction: rtl;
    float: right;
    background-size: 100% 100%;
    height: 135px;
}

.clear {
    clear: both;
}

.box_gallery {
    margin-top: 104px;
}


.item-nd a {
    color: #fdc547;
    padding: 34px 24px 0 24px;
    font-size: 13px;
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
    outline-style: none;
    font-family: yekan;
}

    .item-nd a span {
        direction: rtl;
        display: block;
    }

.img-link {
    margin: 40px auto 0 auto;
    display: block;
    border: 1px #004470 solid;
}

.img-br-no {
    border: 1px #FFFFFF solid;
}

.item-nd a:hover .img-link {
    -moz-transform: scale(1.04) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -webkit-transform: scale(1.04) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -o-transform: scale(1.04) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -ms-transform: scale(1.04) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    transform: scale(1.04) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -webkit-transition: all.4s ease;
    -moz-transition: all.4s ease;
    -o-transition: all.4s ease;
}

.panel-nd ul {
    list-style: none;
}

    .panel-nd ul li {
        display: inline;
    }

        .panel-nd ul li a {
            display: block;
            float: left;
            margin: 0 10px;
        }

.footer-nd {
    width: 100%;
    background-color: #004a80;
}









.box_outer_gallery1 {
    width: 100%;
    float: right;
}

.box_ft_right {
    background: url('images/llrrrr.jpg');
    float: right;
    height: 135px;
    background-size: 100% 100%;
}

.box_ft_left {
    background: url('images/lllfff.jpg');
    float: right;
    height: 133px;
    background-size: 100% 100%;
}




.box_ft_center {
    background: url('images/ft-back-s.png')no-repeat;
    width: 1100px;
    background-image: url('images/ft-back-s.png');
    background-repeat: no-repeat;
    direction: rtl;
    float: right;
    background-size: 100% 100%;
    height: 139px;
}

.clear {
    clear: both;
}

.box_gallery1 {
    margin-top: 104px;
}

.zeus_around_left1 {
    float: right;
    height: 136.65px;
    background-image: url('images/right-top.png');
    background-repeat: repeat-x;
    background-position: left;
    background-size: 100% 100%;
    width: 50px;
}














.footer-center {
    width: 1100px;
    position: relative;
    margin: 0 auto;
}

.ft-img {
    position: absolute;
    top: -73px;
    left: 0;
    width: 100%;
    display: block;
}

.center-nd-ft {
    max-width: 780px;
    margin: 12px auto 0 auto;
    padding-right: 80px;
    height: 128px;
}

.col-ft {
    min-width: 143px;
    height: 85px;
    margin: 0 5px;
    float: right;
}

    .col-ft ul {
        list-style: none;
    }

        .col-ft ul li a {
            text-decoration: none;
            font-size: 10px;
            color: #dcdcdd;
            padding-right: 4px;
        }

.br-lf {
    border-left: 1px #FFFFFF dotted;
}

.power_by {
    width: 200px;
    margin: 10px auto 0;
}

    .power_by a {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 9px;
    }

.bx-center-head {
    float: right;
    min-width: 2000px;
}

.logo-nd {
    width: 60px;
    float: left;
    margin-left: 222px;
    margin-top: 10px;
}




.around_left {
    float: right;
    height: 134px;
    background-image: url('images/left-top.png');
    background-repeat: repeat-x;
    background-position: left;
    background-size: 100% 100%;
    width: 50px;
}

.ce-bx-top {
    background: url('images/head-end.png')no-repeat;
    width: 1100px;
    background-image: url('images/head-end.png');
    background-repeat: no-repeat;
    direction: rtl;
    float: right;
    background-size: 100% 100%;
    height: 135px;
}

.loading1 {
    width: 600px;
    height: 40px;
    background: #F0F0F0;
    border: 1px solid #E6E6E6;
    font: 8pt tahoma;
    text-align: center;
    color: gray;
    border-top: 0px;
    direction: rtl;
    display: none;
    padding-top: 10px;
}

#pmsg {
    margin: 0px;
    width: 600px;
    height: 40px;
}

.psuccess, .perror {
    width: 600px;
    height: auto;
    background: #b8fac6;
    border: 1px solid #4ae56b;
    font: 8pt tahoma;
    text-align: center;
    color: #0D0C0C;
    border-top: 0px;
    direction: rtl;
    padding: 1px 0;
}

.psuccess {
    padding: 10px 0;
}

.formEmail {
    width: 100%;
    height: 35px;
    background: #FFDCD9;
    padding-top: 10px;
    margin-top: 10px;
}

.perror {
    background: #ffb9b4;
    border: 1px solid #f6736a;
    color: #880B0B;
    font-weight: bold;
}

#txtUrl {
    width: 580px;
}

.txtPublic {
    font: 8pt tahoma;
    padding: 6px;
    margin: 0px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.btnPublic {
    -moz-box-shadow: inset 0px 1px 0px 0px #f9eca0;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f9eca0;
    box-shadow: inset 0px 1px 0px 0px #f9eca0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
    background-color: #f0c911;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e65f44;
    display: inline-block;
    cursor: pointer;
    color: #c92200;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ded17c;
    font-family: yekan;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    height: 32px;
}

    .btnPublic:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911));
        background: -moz-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
        background: -webkit-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
        background: -o-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
        background: -ms-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
        background: linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911',GradientType=0);
        background-color: #f2ab1e;
    }

    .btnPublic:active {
        position: relative;
        top: 1px;
    }




.btnSearch {
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
    background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
    background-color: #3d94f6;
    border: 1px solid #337fed;
    cursor: pointer;
    color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 0px 6px 6px 0px;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 7px;
    text-decoration: none;
    font: 8pt Tahoma;
    border-left: 0;
    font-family: yekan;
}

    .btnSearch:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
        background: -moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background: -o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
        background-color: #1e62d0;
    }

    .btnSearch:active {
        position: relative;
        top: 1px;
    }

.txtH, .txtH2 {
    display: block;
    margin: 0;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
    padding: 10px;
    border: solid 1px gainsboro;
    -webkit-transition: box-shadow 0.3s, border 0.3s;
    -moz-transition: box-shadow 0.3s, border 0.3s;
    -o-transition: box-shadow 0.3s, border 0.3s;
    transition: box-shadow 0.3s, border 0.3s;
    font: 8pt tahoma;
    border: 2px inset #BECEDC;
    border-right: 0;
}

    .txtH.focus {
        border: solid 1px #707070;
        -webkit-box-shadow: 0 0 5px 1px #969696;
        -moz-box-shadow: 0 0 5px 1px #969696;
        box-shadow: 0 0 5px 1px #969696;
    }

.txtH2 {
    float: left;
}

#mselect {
    width: 250px;
    float: left;
}

.boxContainer, .bxContainer2 {
    width: 700px;
    height: 35px;
    margin: 0px auto;
}

.bxContainer2 {
    width: 690px;
}

.searchbox, .loading1 {
    float: left;
    height: 36px;
}

.bxmainContainer {
    width: 700px;
    height: 35px;
    margin: 0px auto;
}

.ulplo {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 23px;
}

    .ulplo li {
        float: right;
        margin: 0px 4px;
        font: 13px yekan;
        margin-top: 0px;
        font-family: yekan;
        line-height: 18px;
    }

        .ulplo li div {
            width: 100%;
            clear: both;
            text-align: right;
        }

            .ulplo li div span {
                float: right;
                padding: 2px 6px;
            }

        .ulplo li img {
            max-height: 60px;
            margin-top: -7px;
        }

        .ulplo li span {
            margin-top: 6px;
            float: right;
        }

.txtPublic {
    font: 9pt tahoma;
    border: 1px solid gray;
    background: #f5f1f1;
}

.ltrText {
    text-align: left;
    direction: ltr;
}



.btnPbl {
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    padding: 6px 11px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
    font: 8pt tahoma;
}

    .btnPbl:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
        background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
        background-color: #ffab23;
    }

    .btnPbl:active {
        position: relative;
        top: 1px;
    }

.errorNet {
    font-weight: bold;
    color: red;
}

.lnkExit {
    float: left;
    margin-left: 30px;
    margin-top: 8px;
    font: bold 9pt tahoma;
    color: black;
}

    .lnkExit a span {
        float: left;
        margin-top: 1px;
        margin-right: 3px;
        color: #560404;
        font-family: yekan;
    }

    .lnkExit a i {
        font-size: 28px;
        color: #560404;
    }

.etebar {
    float: left;
    color: #560404;
    position: absolute;
    left: 120px;
    font: bold 13px yekan;
    top: 9px;
}

    .etebar i {
        float: left;
        margin: 1px 6px 0 0;
        font-size: 23px;
    }

    .etebar a {
        color: #560404;
    }

.bgchart {
    width: 900px;
    margin: 0px auto;
    padding: 10px;
}

.ulReport {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    height: 40px;
    clear: both;
    display: block;
    direction: rtl;
    font: 8pt tahoma;
}


    .ulReport li {
        float: right;
        margin: 0px 5px;
        padding: 5px;
    }

        .ulReport li span {
            margin: 7px 0px;
            display: inline-block;
        }

.piechart {
    width: 500px;
}

.innerMain {
    font: 13px tahoma;
}

.error {
    font: bold 8pt tahoma;
    color: red;
    clear: both;
    display: block;
}

.divList {
    width: 900px;
    /* height: 300px; */
    margin: 0px auto;
    /* padding: 10px; */
    font: 13px tahoma;
    padding-bottom: 50px;
}

.ulGrid, .ulPaging {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    clear: both;
    display: block;
    height: auto;
    direction: ltr;
}

    .ulGrid li, .ulPaging li {
        float: left;
        margin: 0px;
        height: 20px;
        border: 1px solid #4D5A43;
        padding: 5px;
        color: black;
    }

.col1h, .col2h, .col3h {
    background: #667559;
    color: white !important;
    font-weight: bold;
    text-align: center !important;
    font-weight: normal;
}



.ulGrid .col1 {
    width: 50px;
    text-align: center;
}

.ulGrid .col2 {
    width: 500px;
    text-align: left;
}

.ulGrid .col3 {
    width: 150px;
    text-align: center;
}

.col2 a {
    color: black;
    text-decoration: none;
}

.ulPaging li {
    border: none;
    margin-top: 10px;
    padding: 4px;
}

    .ulPaging li a {
        width: 25px;
        height: 20px;
        text-align: center;
        display: block;
        border: 1px solid #627B4E;
        margin: 1px;
        padding-top: 5px;
        color: black;
        background-color: #E6FFD2;
        font: 8pt tahoma;
    }

        .ulPaging li a:hover {
            background: #98CF6B;
        }

.slpe {
    background-color: #55852E !important;
    border: 1px solid #2D401E !important;
    color: #F4F6F7 !important;
    font-weight: bold;
}

.searchDiv {
    background-color: #fff4e5;
    border: 1px solid #ff9912;
    width: 800px;
    height: 40px;
    padding: 3px;
    margin: 0px auto;
    color: #212121;
    border-bottom: 0px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.info {
    width: 800px;
    height: 60px;
    padding: 3px;
    margin: 0px auto;
    background-color: #fbf9e9;
    border: 1px solid #e3cf57;
    color: #212121;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top: 0px;
    margin-bottom: 10px;
}

.searchResultbox {
    width: 548px;
    min-height: 191px;
    height: auto;
    background: #F3F3F3;
    padding: 10px;
    clear: both;
    margin: 2px;
    border: 1px solid #E5E1E1;
    position: relative;
    overflow: auto;
}

    .searchResultbox .dlarea {
        position: relative;
        width: 400px;
        float: right;
        top: 22px;
    }

    .searchResultbox:hover {
        background: #DEEFF4;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
    }

.dlarea {
    width: 530px;
    position: absolute;
    bottom: 0px;
    right: 5px;
    height: 30px;
    text-align: right;
}

.dlLink {
    -moz-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
    box-shadow: inset 0px 1px 0px 0px #7a8eb9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
    background: -moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background: -webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background: -o-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background: -ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
    background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
    background-color: #637aad;
    border: 1px solid #314179;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    font: 8pt tahoma;
    padding: 3px 7px;
    float: right;
    margin: 0px 5px;
}

    .dlLink:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
        background: -moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background: -webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background: -o-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background: -ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background: linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
        background-color: #5972a7;
    }

    .dlLink:active {
        position: relative;
        top: 1px;
    }

.onlinedl {
    color: #C6FFC6;
}

.offlinedl {
    color: #FF7E7E;
}

.scb {
}

.src {
    width: 570px;
    height: auto;
    /* height: 680px; */
    background: #EFEFEB;
    border: 1px solid #E3E1BC;
    font-size: 8pt;
    padding: 15px;
    display: none;
    padding-bottom: 10px;
    position: relative;
    z-index: 10;
}

.divdate {
    position: absolute;
    left: -120px;
    top: 10px;
    width: 0px;
    height: auto;
    background: #E5E5E0;
    border: 1px solid #D0CCCC;
    border-width: 1px 0 1px 1px;
    display: none;
    z-index: 1;
}

.divdate2 {
    top: 300px;
}

.titleLoading {
    width: 260px;
    height: 70px;
    padding: 10px;
    text-align: center;
    background: #EFEFEF;
    margin: 0px auto;
    border: 1px solid #CCCCCC;
    padding-top: 30px;
    line-height: 47px;
    direction: rtl;
    -webkit-box-shadow: 1px 1px 1px 1px #4A4A4A;
    box-shadow: 1px 1px 1px 1px #4A4A4A;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0;
}

.pcur {
    width: 25px;
    height: 20px;
    background: #f2f1f1;
    display: block;
    border: 1px solid #d5d1d1;
    color: #3C3939;
    float: left;
    margin: 1px;
    text-align: center;
    padding-top: 5px;
}

.btnnext {
    height: 20px;
    background: rgb(192, 223, 243);
    display: block;
    border: 1px solid rgb(134, 193, 231);
    color: #3C3939;
    float: left;
    margin: 1px;
    text-align: center;
    padding-top: 5px;
    width: auto;
    min-width: 25px;
}

    .btnnext:hover {
        background: #349CE0;
        border: 1px solid #0C3957;
        color: white;
        font-weight: bold;
    }

.ulDates {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .ulDates li {
        margin: 3px;
    }

        .ulDates li a {
            font: 8pt tahoma;
            color: black;
            margin: 5px;
            display: block;
            direction: rtl;
        }

        .ulDates li span {
            float: left;
        }

        .ulDates li dd {
            float: left;
            margin: 4px;
        }

.abolded {
    font-weight: bold !important;
}

#reDownload {
    float: right;
    width: 430px;
    height: 20px;
    margin-right: 10px;
    direction: rtl;
    margin-top: 18px;
}

.spanLoding {
    float: right;
    margin: 5px;
    margin-top: 1px;
}

.imgLoding {
    float: right;
    height: 17px;
}

.leftFloated {
    float: left !important;
    margin-top: 3px;
}

#reDownload .psuccess {
    width: 409px !important;
    padding: 1px !important;
    border-top: 1px solid #4AE56B !important;
    padding-top: 4px !important;
}

#reDownload .perror {
    width: 490px !important;
    height: auto !important;
    padding: 5px !important;
}

.txtfrom {
    font: 8pt tahoma;
    width: 30px;
}

.btncustomSearch {
    font: 8pt tahoma;
    width: 55px;
    margin-left: 31px;
    margin-top: 4px;
}

.btnConfirm {
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
    background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
    background-color: #77d42a;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #268a16;
    display: inline-block;
    cursor: pointer;
    color: #268a16;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 14px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #aade7c;
    font: 8pt tahoma;
}

    .btnConfirm:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
        background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
        background-color: #5cb811;
    }

    .btnConfirm:active {
        position: relative;
        top: 1px;
    }

.matn {
    padding: 10px;
    direction: rtl;
    text-align: justify;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;
    color: rgb(50, 50, 50);
    line-height: 26px;
    font-size: 14px;
    height: auto;
    overflow: auto;
    margin: 0 50px;
    font-family: yekan;
}

.textbox {
    width: 180px;
    height: 34px;
    padding: 3px 10px;
    font: normal 13px/1.4 Tahoma,Geneva,sans-serif;
    color: #404040;
    background-color: #f2f2f2;
    background-image: none;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font: 13px yekan;
}

.index-titlebar {
    min-height: 31px;
    margin-bottom: 10px;
    width: 480px;
    float: right;
}

    .index-titlebar .title {
        color: #404040;
        min-height: 39px;
        float: right;
        padding: 4px 0 0;
        margin: 7px;
        font-weight: normal;
        font-size: 19px;
        font-family: yekan;
        direction: rtl;
    }

    .index-titlebar:before {
        content: "\f0a3";
        display: block;
        font-family: FontAwesome;
        float: right;
        margin: 24px 5px 0px 3px;
        color: #83087C;
    }

    .index-titlebar:after {
        content: " ";
        clear: both;
        height: 2px;
        background: #d9d9d9;
        border-bottom: 1px solid white;
        clear: both;
        display: block;
        width: 100%;
        font-family: FontAwesome;
    }

.leftAligned {
    direction: ltr;
    text-align: left;
}

.bookpic {
    float: left;
    margin: 2px;
    border: 1px solid #ddd;
    max-height: 125px;
}

.ulProfile {
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    width: 930px;
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
}

    .ulProfile li {
        display: inline-block;
        margin: 5px;
        width: 170px;
        height: 180px;
        padding-top: 10px;
        text-align: center;
        -webkit-border-radius: 50px;
        border-radius: 110px;
        border: 1px solid #f1f0dc;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
        float: right;
    }

    .ulProfile > div {
        display: inline-block;
    }
        .ulProfile li:hover {
            background: white;
            border: #ddd;
            -webkit-box-shadow: 1px 1px 1px 1px #CCCCCC;
            box-shadow: 1px 1px 1px 1px #CCCCCC;
        }

        .ulProfile li a img {
            width: 120px;
            height: 120px;
        }

        .ulProfile li a span {
            width: 100%;
            text-align: center;
            font-family: yekan;
            display: block;
            color: #044604;
            font-size: 14px;
        }

.tblpasss {
    direction: rtl;
    margin: 0px auto;
    font: 13px yekan;
}

.tblPublic {
    width: 950px;
    direction: rtl;
    margin: 0px auto;
    font: 14px yekan;
}

    .tblPublic tr td {
        padding: 5px;
    }

.tblGrid {
    background: #A4D6FB;
    direction: rtl;
    width: 80%;
    margin: 0px auto;
    font: 8pt tahoma;
}

.tblGridHeader {
    background: #418EC7;
    color: white;
    font-weight: normal;
}

.tblGrid tr th {
    background: #418EC7;
    color: white;
    font-weight: normal;
    height: 30px;
}

.tblGrid tr td {
    direction: ltr;
    text-align: center;
}

.tblGrid tr:nth-child(even) {
    background: #EAF6FF;
}

.tblGrid tr:nth-child(odd) {
    background: #CBE4F6;
}

.linkdl {
    direction: ltr;
    color: black;
}

.infoBox, .successBox, .warningBox, .errorBox, .validationBox, .success {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    font-size: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    direction: rtl;
    padding: 15px 45px 15px 50px;
    background-position: right center;
    text-align: right;
    direction: rtl;
    padding: 20px;
    width: 92%;
    font-size: 13px;
    padding-right: 50px;
}

.infoBox {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/Information.png');
}

.successBox, .success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('images/Tick.png');
}

.warningBox {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}

.errorBox {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/Error.png');
}

.infoDiv {
}

    .infoDiv .label {
        font-weight: bold;
    }

.exInfo {
    margin-top: 6px;
    color: gray;
    font-size: 12px;
}

.adicn {
    width: 15px;
    float: right;
    margin: 3px 15px 0 5px;
    margin-top: 2px !important;
}

.chartUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .chartUL li {
        float: left;
        margin: 2px;
        width: 160px;
        height: 15px;
        padding: 4px;
        background: white;
        border: 1px solid gray;
        font: 8pt tahoma;
        direction: ltr;
        text-align: left;
    }

.nrcount {
    margin-top: 7px;
    border-top: 1px solid #D5D5D5;
    padding-top: 5px;
}

    .nrcount img {
        float: left;
        margin: 0px 7px 0px 4px;
        height: 25px;
    }

    .nrcount .cntDiv {
        float: left;
        margin-top: 5px;
        font-weight: bold;
        color: #0B659E;
    }

.inlink {
    color: green;
}

.txtH2 {
    width: 367px !important;
    float: left;
}

.txtH3 {
    width: 100px !important;
    float: left;
}

.helpbox {
    width: 620px;
    height: auto;
    overflow: auto;
    padding: 10px;
    min-height: 40px;
    border: 1px solid gray;
    margin-top: -30px;
    /* border-radius: 5px; */
    box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: default;
    background: #DCE5AE;
    border: 1px solid #A6B362;
    direction: rtl;
    font: 8pt tahoma;
    margin-bottom: 10px;
}

.RDFContiner {
    display: none;
}

#newsRegion {
    direction: rtl;
}

    #newsRegion h2 {
        font-size: 17px;
        font-weight: bold;
        padding: 4px 0 0;
        margin-bottom: 4px;
    }

    #newsRegion .date {
        color: #828282;
        font-size: 11px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        margin: 0px 10px 0 0;
        float: right;
    }

    #newsRegion .summary {
        padding: 10px;
        background-color: #f0f0f0;
        margin: 42px auto 20px;
        width: 96%;
        text-align: justify;
    }

    #newsRegion #newsDetail {
        font-size: 12px;
        text-align: justify;
    }

        #newsRegion #newsDetail div {
        }

        #newsRegion #newsDetail img {
            padding: 2px;
            border: 1px solid #ccc;
            margin-bottom: 10px;
            max-width: 500px;
        }

    #newsRegion .date span {
        bottom: 0;
        color: #3c2458;
        display: inline-block;
        font-size: 13px;
        margin: 0 3px;
        position: relative;
    }

    #newsRegion .meta {
        font-size: 12px;
        line-height: 24px;
        margin: 25px 0 0;
    }

        #newsRegion .meta .tagdetail {
            background: url("../Images/newstags.png") no-repeat 98% 17px;
            border: 1px solid #e4e4e4;
            margin-top: 12px;
            padding: 16px 44px 16px 0;
            border-radius: 3px;
        }

            #newsRegion .meta .tagdetail h6 {
                padding-bottom: 6px;
                font-size: 14px;
                font-weight: bold;
                padding-bottom: 7px;
            }

        #newsRegion .meta .spans {
            margin-bottom: 5px;
        }

            #newsRegion .meta .spans:after {
                clear: both;
            }

            #newsRegion .meta .spans:before, #newsRegion .meta .spans:after {
                content: "";
                display: table;
            }

            #newsRegion .meta .spans span {
                background: #0f91af;
                border-radius: 0 3px 3px 0;
                color: #fff;
            }

            #newsRegion .meta .spans span, #newsRegion .meta .spans a {
                border-left: 1px solid #fff;
                display: block;
                float: right;
                height: 23px;
                padding: 0 7px;
            }

                #newsRegion .meta .spans a:last-child {
                    border-left: 0 none;
                    border-radius: 3px 0 0 3px;
                }

            #newsRegion .meta .spans a {
                background: none repeat scroll 0 0 #e6e6e6;
                color: #404040;
                text-decoration: none;
                text-shadow: 0 1px 0 #fff;
            }

                #newsRegion .meta .spans span i, #newsRegion .meta .spans a i {
                    vertical-align: middle;
                }

            #newsRegion .meta .spans .iconwhite {
                background-image: url("../Images/glyphicons-halflings-white.png");
                background-repeat: no-repeat;
                display: inline-block;
                height: 14px;
                vertical-align: middle;
                width: 14px;
                margin-left: 3px;
            }

            #newsRegion .meta .spans .iconbook {
                background-position: -48px -49px;
            }

            #newsRegion .meta .spans .iconplus {
                background-position: 1px -48px;
            }

.newsRow {
    width: 840px;
    height: auto;
    overflow: auto;
    border-bottom: 1px solid rgb(244, 244, 244);
}

.newsImgRight {
    width: 122px;
    float: right;
}

.imgNews {
    float: right;
    margin: 5px;
    text-align: center;
}

.HNewsTitle {
    float: right;
    font-size: 16px;
    color: #414141;
    margin-top: 5px;
    width: 90%;
}

.hNewsDate {
    float: right;
    color: rgb(204, 192, 192);
    margin: 0px;
    font-size: 10px;
}

.hNewsShort {
    float: right;
    color: gray;
    width: 790px;
    margin: 0px;
    font-size: 12px;
}

.HNewsContinu {
    float: left;
    color: rgb(219, 86, 3);
    text-align: left;
    font-size: 12px;
}


.imgNews img {
    width: 110px;
    height: 110px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.newsRightC {
    width: 700px;
    float: right;
}

.adTop {
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    width: 970px;
}

    .adTop li {
    }

.adDown {
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    width: 970px;
    text-align: center;
}

    .adDown li {
        display: inline-block;
    }

.reqb {
    width: 602px;
    font: 8pt tahoma;
    margin: 5px auto 0px auto;
    text-align: center;
    height: 30px;
    background: #f0c911;
    margin-right: 233px;
    padding-top: 10px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.btnTable {
    float: right;
    margin: 0px 24px;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-weight: bold;
    padding: 4px 16px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}


.myButton {
}

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        background-color: #f6f6f6;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }






/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

    /* Use this next selector to style things like font-size and line-height: */
    .tooltipster-default .tooltipster-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden;
    }

    /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
    .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
        /* border-color: ... !important; */
    }


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

    .tooltipster-base .tooltipster-content {
        overflow: hidden;
    }


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

    .tooltipster-arrow span, .tooltipster-arrow-border {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
    }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -9px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-fall-show {
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

    .tooltipster-slide.tooltipster-slide-show {
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        left: 0px !important;
        opacity: 0;
    }


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.tooltipster-light {
    border-radius: 5px;
    border: 1px solid #97d0f9;
    background: #f5faff;
    color: #666666;
    text-align: right;
    direction: rtl;
}

    .tooltipster-light .tooltipster-content {
        font-size: 13px;
        line-height: 22px;
        padding: 8px 20px;
    }

.tableContent {
    height: 300px;
    overflow: auto;
    padding: 10px;
}

.cpTitle {
    direction: ltr;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    padding: 0px 4px 0px 4px;
    width: 500px;
}

.bookPaging {
    width: 100%;
    clear: both;
    margin-top: 40px;
}


.ulAuto {
    list-style:none;
    margin:0;
    padding:0;
}
 .ulAuto li {
        float:left;
        margin:4px;
    }

.btnSiteLogins {
    display: inline-block;
    cursor: pointer;
    color: #454545;
    font-family: Arial;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
    background: #d4d080;
    border: 0;
    border-bottom: 2px solid #908a19;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #dadedf;
    box-shadow: inset 0 -2px #fff86e;
    border-top: 1px solid #ccc64e;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    width: 234px;
}

    .btnSiteLogins:hover {
        background: #908a0a;
        color:white;
    }

    .btnSiteLogins:active {
        position: relative;
        top: 1px;
    }
.divSearch {
    width:90%;
    margin:10px;
    padding:10px;

}
.ddlH {
         padding: 9px;
    font: 8pt tahoma;
    border: 2px inset #BECEDC;
    width: 186px;
    margin: 0px;
    float: left;
}

.extraContainer {
    background: #f1f0dc;
    height: 45px;
    text-align: center;
    direction: rtl;
}
.btnExt {
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
    box-shadow: 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}