body, html
{
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #F9F9F9;
}
 .appdiv1
        {
            width: 33%;
            text-align: center;
            padding-bottom: 10px;
            padding-top: 10px;
            font-family: iran;
            font-size: 14px;
            float:left;
        }
        .imagell1
        {
            height: 70px;
            width: 260px;
        }
       .divbdata1
       {
           font-family:iran;
           font-size:14px;
           padding:10px;
           text-align:center;
       }
@media screen and (max-width: 800px)
{
    .appdiv1
        {
            width: 100%;
            text-align: center;
            padding-bottom: 3px;
            padding-top: 3px;
            font-family: iran;
            font-size: 14px;
            float:left;
        }
         .imagell1
        {
            height: auto;
            width: 60%;
        }
}
.paghole_base
{
   float:right;
   text-align:center;
   width:100%;
}
.pagholeh_r
{
    float:right;
    width:75%;
    text-align:right;
}
.pagoleh_l
{
    float: right;
    width: 25%;
    text-align: right;
    font-size: 13px;
}
.default_paghole_continu
{
    border: 1px solid #EFEFEF;
    background-color: #99CCFF;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    font-family: iran;
    font-size: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}
.default_sayer_pagholeh
{
    background-color: #F5F5F5;
}
.event_content_header_pagholleh
{
    font-family: iran;
    font-size: 14px;
    text-decoration: none;
 
}
@media screen and (max-width: 800px)
{
    .default_paghole_continu
{
    background-color: #99CCFF;
   padding-top:6px;
   padding-bottom:6px;
    text-align: center;
    font-family: iran;
    font-size: 18px;
       -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display:none;
}
    .default_sayer_pagholeh
{
    background-color: #F5F5F5;
    display:none;
}
    .paghole_base
{
   float:right;
   text-align:center;
   width:100%;
}
.pagholeh_r
{
    float:right;
    width:100%;
    text-align:right;
}
.pagoleh_l
{
    float:right;
    width:100%;
    text-align:right;
}
}
.tbl_dynamic_header
{
    height:35px;
 text-align:center;
 vertical-align:middle;
 font-family:iran;
 font-size:12px;
 direction:rtl;
 color:#F0F0F0;
 background-color:rgba(0,102,204,0.9);
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
 }
.peak_report_div
{
    margin: 15px 10px 15px 10px;
    font-family: iran;
    font-size: 16px;
    color: #333333;
    text-align: justify;
    direction: rtl;
}
.appinstaldiv
{
    text-align: center;
    padding-bottom: 8px;
    padding-top: 10px;
    position: fixed;
    bottom: 3px;
    right: 3px;
    background-color: #0066CC;
    color: #F8F8F8;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.appinsdiva
{
    text-decoration: none;
    color: #FBFBFB;
    font-family:iran;
}
@media screen and (max-width: 800px)
{
    .peak_report_div
    {
        margin: 15px 10px 12px 10px;
        font-family: iran;
        font-size: 0.8em;
        color: #333333;
        text-align: justify;
        direction: rtl;
    }
}
.report_grid_rows1
{
    border-width: 1px;
    border-color: #F0F0F0;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    font-family: nazi;
    font-size: 19px;
    color: #333333;
    direction: ltr;
    border-bottom-style: solid;
}
.report_grid_rows1:hover
{
    height: 50px;
    text-align: center;
    vertical-align: middle;
    font-family: nazi;
    font-size: 19px;
    color: #333333;
    direction: ltr;
    background-color: #E6E6E6;
}
.report_grid_header
{
    height: 42px;
    text-align: center;
    vertical-align: middle;
    font-family: iran;
    font-size: 14px;
    background-color: #073170;
    color: #F8F8F8;
}
.crossdiv
{
    visibility: hidden;
    position: absolute;
    right: 0px;
    top: 655px;
    height: 750px;
    z-index: 1300;
    background-color: rgba(255,255,255,0.6);
    width: 30px;
}
.headercontent
{
    font-family: iran;
    font-size: 30px;
    color: #FFFFFF;
    position: absolute;
    right: 60px;
    top: 80px;
    z-index: 900;
    text-shadow: 0 0 3px #6666FF;
    text-align: right;
}
.header_label_default1
{
    position: absolute;
    top: 600px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-family: iran;
    font-size: 25px;
    color: #000000;
    background-color: rgba(255,255,255,0.6);
    padding-bottom: 6px;
    z-index: 500;
    text-align: center;
    direction: rtl;
}
@media screen and (max-width: 800px)
{
    .headercontent
    {
        text-align: center;
        font-family: iran;
        font-size: 20px;
        color: #FFFFFF;
        position: absolute;
        top: 80px;
        right:0px;
        left:0px;
        width:100%;
        z-index: 900;
        text-shadow: 0 0 3px #6666FF;
    }
    .header_label_default1
    {
        position: absolute;
        top: 585px;
        left: 0px;
        right: 0px;
        width: 100%;
        font-family: iran;
        font-size: 0.9em;
        color: #000000;
        background-color: rgba(255,255,255,0.6);
        z-index: 500;
        direction:rtl;
        text-align: center;
        padding-bottom: 12px;
        padding-top: 12px;
    }
}
.search_result
{
    background-color: rgba(255,255,255,0.4);
    width: 100%;
    position: absolute;
    top: 370px;
    right: 30%;
    left: 30%;
    width: 45%;
    z-index: 100;
}
.content_content_master
{
    font-family: iran;
    font-size: 15px;
    color: #242424;
    padding-right: 1%;
    padding-left: 1%;
    top: 10px;
    bottom: 10px;
}
.content_content_master22
{
    font-family: iran;
    font-size: 13px;
    color: #242424;
    top: 10px;
    bottom: 10px;
    
}
@media screen and (max-width:800px)
{
    .content_content_master
    {
        font-family: iran;
        font-size: 1em;
        color: #242424;
        padding-right: 1%;
        padding-left: 2%;
        top: 10px;
        bottom: 10px;
    }
     .content_content_master22
    {
        font-family: iran;
        font-size: 0.8em;
        color: #242424;
        top: 10px;
        bottom: 10px;
    }
    .crossdiv
    {
        position: absolute;
        right: 0px;
        top: 655px;
        height: 600px;
        z-index: 1300;
        background-color: rgba(255,255,255,0.6);
        width: 45px;
        visibility: visible;
    }
    .dropdownlist_height
    {
        position: absolute;
        top: 665px;
        right: 20px;
        z-index: 1500;
        font-family: nazi;
        font-size: 18px;
        text-align: center;
        direction: rtl;
        height: auto;
        min-height: 30px;
        width: 150px;
        border-style: solid;
        border-color: #E6E6E6;
        border-width: 1px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
.dropdownlist_height
{
    position: absolute;
    top: 680px;
    right: 20px;
    z-index: 1500;
    font-family: nazi;
    font-size: 18px;
    text-align: center;
    direction: rtl;
    height: auto;
    min-height: 30px;
    width: 150px;
    border-style: solid;
    border-color: #E6E6E6;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.boutton_search
{
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 40px;
    height: auto;
    width: 95%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
@media screen and (max-width: 800px)
{
    .boutton_search
    {
        padding-top: 9px;
        padding-bottom: 9px;
        min-height: 30px;
        height: auto;
        width: 80%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .peak_height_changer
    {
        position: absolute;
        top: 700px;
        right: 30px;
        z-index: 1500;
        width: 50%;
        max-width: 200px;
        background-color: rgba(255,255,255,0.8);
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }
}
.tblmenu
{
    position: absolute;
    top: 310px;
    right: 30%;
    left: 30%;
    width: 45%;
    z-index: 1500;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(255,255,255,0.4);
}
.txtsearch_panel
{
    width: 95%;
    height: auto;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #D1D1D1;
    direction: rtl;
    font-family: iran;
    font-size: 20px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(255,255,255,0.9);
}
@media screen and (max-width: 800px)
{
    .lbl_search_resoult
    {
    }
    .search_result
    {
        background-color: rgba(255,255,255,0.4);
        width: 100%;
        position: absolute;
        top: 270px;
        right: 3%;
        left: 2%;
        width: 95%;
        z-index: 100;
    }
    .tblmenu
    {
        position: absolute;
        top: 220px;
        right: 3%;
        left: 2%;
        width: 95%;
        z-index: 1500;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(255,255,255,0.4);
    }
    .txtsearch_panel
    {
        width: 98%;
        height: auto;
        border: 1px solid #D1D1D1;
        direction: rtl;
        font-family: iran;
        font-size: 1.4em;
        height: 1.3em;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: rgba(255,255,255,0.9);
    }
}
.topnav
{
    overflow: hidden;
    background-color: #073476;
}
.topnav a
{
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-size: 13px;
    font-family: iran;
}
.active
{
    background-color: #4CAF50;
    color: white;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.topnav .icon
{
    display: none;
}
.dropdown
{
    float: left;
    overflow: hidden;
}
.dropdown .dropbtn
{
    font-size: 17px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a
{
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn
{
    background-color: #009933;
    color: white;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.dropdown-content a:hover
{
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content
{
    display: block;
}
@media screen and (max-width: 800px)
{
    .topnav a:not(:first-child), .dropdown .dropbtn
    {
        display: none;
    }
    .topnav a.icon
    {
        float: left;
        display: block;
    }
}
.topnav.responsive a
{
    border: 1px solid #062D66;
    float: none;
    display: block;
    text-align: center;
    font-size: 1em;
    padding-left: 1%;
}
.topnav.responsive .dropdown
{
    float: none;
}
.topnav.responsive .dropdown-content
{
    position: relative;
}
.topnav.responsive .dropdown .dropbtn
{
    display: block;
    width: 100%;
    text-align: right;
}
@media screen and (max-width: 800px)
{
    .topnav.responsive
    {
        position: absolute;
        width: 60%;
        left:0px;
        top:0px;
    }
    .topnav.responsive a.icon
    {
        position: absolute;
        left: 0;
        top: 0;
    }

}
.lblerror
{
    font-family: iran;
    font-size: 17px;
    color: red;
}
.errorclass
{
    float: right;
    height: 20px;
    width: 100%;
    text-align: center;
}
.regtdtxt
{
    float: right;
    text-align: right;
    direction: rtl;
    width: 70%;
}
.regtdname
{
    float: right;
    width: 20%;
    text-align: right;
    direction: rtl;
    padding-right:10px;
}
@media screen and (max-width: 800px)
{
    .regtdtxt
    {
        width: 100%;
        text-align: right;
        direction: rtl;
        padding: 2px;
        float: right;
         padding-right:10px;
    }
    .regtdname
    {
        width: 100%;
        text-align: right;
        direction: rtl;
        padding: 2px;
        float: right;
    }
    .errorclass
    {
        float: right;
        height: 20px;
        width: 100%;
        text-align: center;
    }
}
.register-txt
{
    border: 1px solid #DDDDDD;
    text-align: center;
    vertical-align: middle;
    font-family: iran;
    font-size: 1.5em;
    direction: rtl;
    padding: 2px;
    width: 90%;
    max-width: 320px;
    height: auto;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.img_slider
{
    height: 600px;
    width: 100%;
    display:block;
    
}
.img_slider_mobile
{
    height: 600px;
    width: 100%;
    display:none;
    
}
@media screen and (max-width:800px)
{
    .register-txt
    {
        border: 1px solid #DDDDDD;
        text-align: center;
        vertical-align: middle;
        font-family: iran;
        font-size: 1.5em;
        direction: rtl;
        padding: 2px;
        width: 90%;
        height: auto;
        margin-bottom: 5px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    .img_slider
    {
    height: 600px;
    width:100%;
    overflow-x: hidden;
    text-indent: -50%;
    display:none;
    
    }
    .img_slider_mobile
    {
    height: 600px;
    width:100%;
    overflow-x: hidden;
    text-indent: -50%;
    display:block;
    }
}
@font-face
{
    font-family: 'iran';
    src: url('../css/font1/iran.eot?#') , url('../css/font1/iran.woff') , url('../css/font1/iran.ttf');
}
.icons_list
{
    width: 32px;
    height: 32px;
    padding-right: 6px;
}
.icon_image
{
    height: 32px;
    width: 32px;
}
.slideshow-container
{
    max-width: 100%;
    position: relative;
    margin: auto;
    top: 0px;
    left: 0px;
}
.mySlides
{
    display: none;
}
.next
{
    right: 0;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
.prev
{
    left: 0;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
.prev:hover, .next:hover
{
    background-color: rgba(0,0,0,0.8);
}
.text
{
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}
.numbertext
{
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}
.dot
{
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .dot:hover
{
    background-color: #717171;
}
.fade
{
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
.emty_div
{
    height: 47px;
}

.content_content_aboutus
{
    font-family: iran;
    font-size: 1.2em;
    color: #F0F0F0;
    padding: 10px;
    text-align: justify;
}
.logo
{
    height: 52px;
    width: 52px;
}
@media screen and (max-width: 800px)
{
    .content_content_aboutus
    {
        font-family: iran;
        font-size: 1.1em;
        color: #F0F0F0;
        padding: 10px;
        text-align: justify;
    }
    .logodiv
    {
        float: right;
        height: 52px;
        padding-left: 1%;
        min-width: 60px;
        max-width: 60px;
        width: 10%;
        text-align: center;
    }
}
.lblerror
{
    font-family: iran;
    font-size: 16px;
    color: Black;
    color: blue;
}
.regbottom
{
    height: 45px;
    width: 90%;
    text-align: center;
    vertical-align: middle;
    font-family: iran;
    font-size: 17px;
    background-color: #3366CC;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 300px;
    margin-top: 8px;
}
.regbottom:hover
{
    height: 45px;
    width: 90%;
    text-align: center;
    vertical-align: middle;
    font-family: iran;
    font-size: 15px;
    background-color: #537DD5;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 300px;
}
.txtsearch
{
    border: 1px solid #D1D1D1;
    height: 40px;
    width: 95%;
    max-width: 400px;
    direction: rtl;
    font-family: nazi;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
}
.contentcss
{
    text-align: right;
    direction: rtl;
    font-family: iran;
    font-size: 15px;
    line-height: 0.9cm;
    vertical-align: top;
    width: 100%;
}
.menus_hyperlink
{
    color: #E4E4E4;
    font-family: iran;
    font-size: 16px;
    text-decoration: none;
}
.menus_hyperlink:hover
{
    color: #757575;
    font-family: iran;
    font-size: 16px;
    text-decoration: none;
}
.menus_div
{
    position: fixed;
    height: 62px;
    background-color: #073476;
    top: 0px;
    width: 98%;
    z-index: 1600;
    text-align: right;
    vertical-align: middle;
    direction: rtl;
    padding-right: 1%;
    padding-left: 1%;
    padding-top: 5px;
}
.header
{
    height: 140px;
    text-align: center;
    vertical-align: middle;
    background-color: Orange;
    font-family: iran;
    font-size: 65px;
}
.right_td
{
    width: 20%;
    text-align: center;
    vertical-align: top;
    background-color: #3366FF;
}
.close2
{
    width: 20px;
    height: 20px;
    opacity: 0.3;
}
.close2:hover
{
    opacity: 1;
}
.close2:before, .close2:after
{
    border: 1px solid #666666;
    position: absolute;
    left: 10px;
    content: ' ';
    height: 14px;
    width: 4px;
    top: 3px;
    background-color: #FBFCFD;
}
.close2:before
{
    transform: rotate(45deg);
}
.close2:after
{
    transform: rotate(-45deg);
}
.loading_image
{
    position: absolute;
    left: 50%;
    right: 50%;
    top: 2560px;
    height: 80px;
    width: 80px;
    z-index: 1550;
}
.content_header_base_div_sub
{
    height: 34px;
    font-family: iran;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 1%;
    margin-left: 1%;
    background-color: #E1F0FF;
    color: #000000;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.content_header_base_div
{
    
    background-color: #99CCFF;
    height: auto;
}
.content_header
{
    text-align: center;
    vertical-align: middle;
    font-family: iran;
    font-size: 1.5vw;
    color: #000000;
    width: 30%;
}
@media screen and (max-width: 800px)
{
    .content_header
    {
        text-align: center;
        vertical-align: middle;
        font-family: iran;
        font-size: 5vw;
        color: #000000;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
.default_tbl_r1
{
    height: 500px;
}
.default_base_tbl
{
    width: 100%;
}
.mouseoverheader
{
    background-color: rgba(0,102,204,0.8);
    color: White;
    height: 30px;
    text-align: center;
    direction: rtl;
}
.tblmenu_dynamic_lbl
{
    position: absolute;
    top: 0;
    right: 0px;
    width: 300px;
    z-index: 1500;
}
.tbl_dynamic_peak_td
{
    text-align: right;
    vertical-align: top;
    padding: 5px;
    font-family: nazi;
    font-size: 14px;
    direction: rtl;
    line-height: 0.7cm;
    padding-right: 15px;
    background-color: White;
}
.tbl_links123
{
    text-decoration: none;
}
.tbl_dynamic_links
{
    border: 1px solid #B5B5B5;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-family: iran;
    font-size: 14px;
    direction: rtl;
    color: #333333;
    background-color: #99CCFF;
    border: 1px solid #EEEEEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tbl_dynamic_links:hover
{
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-family: iran;
    font-size: 12px;
    direction: rtl;
    color: #333333;
    border: 1px solid #EEEEEE;
    background-color: #F2F2F2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tblmenu_dynamic
{
    position: fixed;
    top: 70px;
    right: 7px;
    width: 15%;
    min-width: 200px;
    z-index: 1500;
}
.td_menus
{
    background-color: #3399FF;
    font-family: iran;
    font-size: 18px;
    color: #FFFFFF;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.td_menus:hover
{
    background-color: #6699FF;
    font-family: iran;
    font-size: 18px;
    color: #FFFFFF;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.legend-image1
{
    height: 18px;
    width: 18px;
}
.legend
{
    position: absolute;
    z-index: 1500;
    left: 0px;
    height: 140px;
    top: 1260px;
    background-color: #FCFCFC;
    width: 10%;
    max-width: 100px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: nazi;
    font-size: 12px;
    direction: rtl;
}
@media screen and (max-width: 800px)
{
    .legend
    {
        height:auto;
        position: absolute;
        z-index: 1500;
        left: 0px;
        top: 1120px;
        background-color:rgba(255,255,255,0.9);
        width: 18%;
        max-width: 190px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        font-family: nazi;
        font-size: 10px;
        direction: rtl;
    }
}

.td_header
{
    border-width: 2px;
    border-color: #3366FF;
    background-color: #FFCC00;
    font-family: iran;
    font-size: 25px;
    font-weight: bold;
    color: #0000CC;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    border-bottom-style: solid;
}
.onmousetbl
{
    background-color: White;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 10%;
    max-width: 160PX;
    min-width: 160PX;
    text-align: center;
    font-family: iran;
    font-size: 11px;
}
.tbl_mouse_data_td
{
    text-align: right;
    direction: rtl;
    padding: 3px;
}

.onmoseover
{
    position: fixed;
    top: 70px;
    left: 10px;
    z-index: 1700;
}
#mapid
{
    height: 780px;
    width: 100%;
}
.h1content
{
    font-size:35px;
}
@media screen and (max-width:800px)
{
    .h1content
    {
         font-size:30px;
        text-align:center;
    }
}
.login_register
{
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 1%;
    margin-left: 1%;
    background-color: #E1F0FF;
    color: #000000;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.sugesstion_in_div
{
    margin-right: 2%;
}
.defailt_login_div
{
    width: 50%;
    float: left;
    height: 450px;
}
.defailt_register_div
{
    width: 49%;
    float: left;
    height: 450px;
    padding-right: 1%;
}

@media screen and (max-width:800px)
{
    .defailt_login_div
    {
        width: 50%;
        float: left;
        min-height: 450px;
    }

    .defailt_register_div
    {
        width: 100%;
        float: left;
        min-height: 680px;
        padding-right: 1%;
    }
    .defailt_login_div
    {
        width: 100%;
    }

}
.event_base_div
{
    width: 100%;
}

.contentdiv
{
    text-align: justify;
    direction: rtl;
}
.contentdiv22
{
    text-align: justify;
    direction: rtl;
    line-height:0.7cm;
}
.hashtag
{
    text-decoration: none;
}
.event_hyperlink
{
    font-family: iran;
    font-size: 17px;
    font-weight: bold;
    direction: rtl;
    text-align: right;
    color: #000099;
    text-decoration: none;
}
.event_image
{
    height: auto;
    width: 98%;
    height: 190px;
    padding-top: 5px;
     padding-top: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.eventimage_td
{
    float: right;
    width: 17%;
    text-align: center;
}
.event_content_td
{
    text-align: justify;
    direction: rtl;
    font-family: iran;
    font-size: 17px;
    width: 81%;
    float: right;
    padding-bottom: 15px;
    padding-right: 15px;
}
.event_content_td:hover
{
    text-align: justify;
    direction: rtl;
    font-family: iran;
    font-size: 17px;
    background-color: #F3F3F3;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    width: 81%;
    float: right;
    padding-bottom: 15px;
    padding-right: 15px;
}

.event_content_header
{
    font-family: iran;
    font-size: 16px;
    text-decoration: none;
}
.event_content_content
{
    font-family: iran;
    font-size: 1em;
    line-height:0.9cm;
}
@media screen and (max-width: 800px)
{
    .event_content_header
    {
        font-family: iran;
        font-size: 2.1em;
        text-decoration: none;
    }
    .event_content_content
    {
        font-family: iran;
        font-size: 1.9em;
        line-height:0.9cm;
    }
    .event_image
    {
        height: auto;
        width: 100%;
        height: 250px;
        width: 300px;
        padding-top: 5px;
         padding-top: 5px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .eventimage_td
    {
        float: right;
        width: 100%;
        text-align: center;
    }
    .event_content_td
    {
        text-align: justify;
        direction: rtl;
        font-family: iran;
        font-size: 0.5em;
        width: 99%;
        float: right;
        padding-top:10px;
        padding-bottom: 15px;
        padding-right: 5px;
        padding-left: 10px;
    }
    .event_content_td:hover
    {
        text-align: justify;
        direction: rtl;
        font-family: iran;
        font-size: 0.5em;
        background-color: #F3F3F3;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        width: 99%;
        float: right;
        padding-bottom: 15px;
        padding-right: 5px;
        padding-left: 10px;
    }
}
.default_contactus_left_td
{
    float: left;
    direction: rtl;
    text-align: right;
    vertical-align: top;
    width: 29%;
    line-height: 0.9cm;
    color: #F0F0F0;
    font-family: iran;
    font-size: 12px;
    background-color: #073476;
     height: 350px;
     padding-right:1%;
}
.default_contactus_center1_td
{
    direction: rtl;
    text-align:center;
    vertical-align: top;
    width: 100%;
    line-height: 0.9cm;
    color: #F0F0F0;
    font-family: iran;
    font-size: 12px;
    background-color: #052350;
}
.networksaddress
{
    position:fixed;
    left:12px;
    bottom:0px;
    padding-top:2px;
    padding-bottom:2px;
    z-index:11200;
}
.default_contactus_right_td
{
    float: left;
    direction: rtl;
    text-align: right;
    vertical-align: top;
    width: 65%;
    line-height: 0.9cm;
    color: #F0F0F0;
    font-family: iran;
    font-size: 12px;
    background-color: #073476;
    height: 350px;
    padding-left: 5%;
}
@media screen and (max-width:800px)
{
    .default_contactus_left_td
    {
        float: right;
        direction: rtl;
        text-align: right;
        vertical-align: top;
        width: 95%;
        line-height: 0.9cm;
        color: #F0F0F0;
        font-family: iran;
        font-size: 13px;
        background-color: #073476;
         height: 450px;
         padding-right:5%;
         display:none;
    }
     .networksaddress
{
    position:fixed;
    left:12px;
    bottom:63px;
    padding-top:2px;
    padding-bottom:2px;
    z-index:11200;
}
    .default_contactus_right_td
    {
        float: right;
        direction: rtl;
        text-align:justify;
        vertical-align: top;
        width: 100%;
        line-height: 0.9cm;
        color: #F0F0F0;
        font-family: iran;
        font-size: 13px;
        background-color: #073476;
        height: 450px;
    }
}
.default_tr2
{
    background-color: #f9f9f9;
    text-align: right;
    direction: rtl;
    font-family: iran;
    line-height: 0.5cm;
    vertical-align: top;
    padding-right: 2%;
    padding-left: 2%;
}


/* lefleat */
/* required styles */
.div_map
{
    position: static;
    height: 100%;
    width: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer
{
    position: absolute;
    left: 0;
    top: 0;
}
.leaflet-container
{
    overflow: hidden;
}
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow
{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile
{
    image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container
{
    width: 1200px;
    height: 1200px;
    -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon, .leaflet-marker-shadow
{
    display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer
{
    max-width: none !important;
    max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom
{
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag
{
    -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */
    touch-action: none;
    touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom
{
    -ms-touch-action: none;
    touch-action: none;
}
.leaflet-container
{
    -webkit-tap-highlight-color: transparent;
}
.leaflet-container a
{
    -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile
{
    filter: inherit;
    visibility: hidden;
}
.leaflet-tile-loaded
{
    visibility: inherit;
}
.leaflet-zoom-box
{
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg
{
    -moz-user-select: none;
}

.leaflet-pane
{
    z-index: 400;
}

.leaflet-tile-pane
{
    z-index: 200;
}
.leaflet-overlay-pane
{
    z-index: 400;
}
.leaflet-shadow-pane
{
    z-index: 500;
}
.leaflet-marker-pane
{
    z-index: 600;
}
.leaflet-tooltip-pane
{
    z-index: 650;
}
.leaflet-popup-pane
{
    z-index: 700;
}

.leaflet-map-pane canvas
{
    z-index: 100;
}
.leaflet-map-pane svg
{
    z-index: 200;
}

.leaflet-vml-shape
{
    width: 1px;
    height: 1px;
}
.lvml
{
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}


/* control positioning */

.leaflet-control
{
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
    pointer-events: auto;
}
.leaflet-top, .leaflet-bottom
{
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}
.leaflet-top
{
    top: 0;
}
.leaflet-right
{
    right: 0;
}
.leaflet-bottom
{
    bottom: 0;
}
.leaflet-left
{
    left: 0;
}
.leaflet-control
{
    float: left;
    clear: both;
}
.leaflet-right .leaflet-control
{
    float: right;
}
.leaflet-top .leaflet-control
{
    margin-top: 10px;
}
.leaflet-bottom .leaflet-control
{
    margin-bottom: 10px;
}
.leaflet-left .leaflet-control
{
    margin-left: 10px;
}
.leaflet-right .leaflet-control
{
    margin-right: 10px;
}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile
{
    will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup
{
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup
{
    opacity: 1;
}
.leaflet-zoom-animated
{
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated
{
    will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated
{
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
    -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
    transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile
{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide
{
    visibility: hidden;
}


/* cursors */

.leaflet-interactive
{
    cursor: pointer;
}
.leaflet-grab
{
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive
{
    cursor: crosshair;
}
.leaflet-popup-pane, .leaflet-control
{
    cursor: auto;
}
.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable
{
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container
{
    pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive
{
    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
    pointer-events: auto;
}

/* visual tweaks */

.leaflet-container
{
    background: #ddd;
    outline: 0;
}
/*ranke tag haye a dar tamam safhe*/

.leaflet-container a.leaflet-active
{
    outline: 2px solid orange;
}
.leaflet-zoom-box
{
    border: 2px dotted #38f;
    background: rgba(255,255,255,0.5);
}


/* general typography */
.leaflet-container
{
    font: 12px/1.5 "Helvetica Neue" , Arial, Helvetica, sans-serif;
}


/* general toolbar styles */

.leaflet-bar
{
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 1px;
}
.leaflet-bar a, .leaflet-bar a:hover
{
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
}
.leaflet-bar a, .leaflet-control-layers-toggle
{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}
.leaflet-bar a:hover
{
    background-color: #f4f4f4;
}
.leaflet-bar a:first-child
{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.leaflet-bar a:last-child
{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}
.leaflet-bar a.leaflet-disabled
{
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
}

.leaflet-touch .leaflet-bar a
{
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child
{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child
{
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* zoom control */

.leaflet-control-zoom-in, .leaflet-control-zoom-out
{
    font: normal 12px 'Lucida Console' , Monaco, monospace;
    text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out
{
    font-size: 14px;
}


/* layers control */

.leaflet-control-layers
{
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 4px;
}
.leaflet-control-layers-toggle
{
    background-image: url(images/layers.png);
    width: 20px;
    height: 20px;
}
.leaflet-retina .leaflet-control-layers-toggle
{
    background-image: url(images/layers-2x.png);
    background-size: 20px 20px;
}
.leaflet-touch .leaflet-control-layers-toggle
{
    width: 44px;
    height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle
{
    display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list
{
    display: block;
    position: relative;
}
.leaflet-control-layers-expanded
{
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}
.leaflet-control-layers-scrollbar
{
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px;
}
.leaflet-control-layers-selector
{
    margin-top: 2px;
    position: relative;
    top: 1px;
}
.leaflet-control-layers label
{
    display: block;
}
.leaflet-control-layers-separator
{
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path
{
    background-image: url(images/marker-icon.png);
}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution
{
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin: 0;
}
.leaflet-control-attribution, .leaflet-control-scale-line
{
    padding: 0 5px;
    color: #333;
}
.leaflet-control-attribution a
{
    text-decoration: none;
}
.leaflet-control-attribution a:hover
{
    text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale
{
    font-size: 11px;
}
.leaflet-left .leaflet-control-scale
{
    margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale
{
    margin-bottom: 5px;
}
.leaflet-control-scale-line
{
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child)
{
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child)
{
    border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar
{
    box-shadow: none;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar
{
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
}


/* popup */

.leaflet-popup
{
    position: absolute;
    text-align: center;
    margin-bottom: 20px;
    width: 350px;
    font-family: iran;
    font-size: 12px;
    direction: rtl;
}
/*                   */
.leaflet-popup-content-wrapper
{
    padding: 1px;
    text-align: right;
    border-radius: 2px;
}
.leaflet-popup-content
{
    margin: 13px 19px;
    line-height: 1;
    background-color: rgba(255,255,255,0.4);
}
.leaflet-popup-content p
{
    margin: 18px 0;
}
/* feleshe paiiin popup*/
.leaflet-popup-tip-container
{
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none;
}
.leaflet-popup-tip
{
    width: 10px;
    height: 10px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip
{
    background: white;
    color: #333;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button
{
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 14px/12px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: normal;
    background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover
{
    color: #999;
}
.leaflet-popup-scrolled
{
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper
{
    zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip
{
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container
{
    margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip
{
    border: 1px solid #999;
}


/* div icon */

.leaflet-div-icon
{
    background: #fff;
    border: 1px solid #666;
}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip
{
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-clickable
{
    cursor: pointer;
    pointer-events: auto;
}
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before
{
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Directions */

.leaflet-tooltip-bottom
{
    margin-top: 6px;
}
.leaflet-tooltip-top
{
    margin-top: -6px;
}
.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before
{
    left: 50%;
    margin-left: -6px;
}
.leaflet-tooltip-top:before
{
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff;
}
.leaflet-tooltip-bottom:before
{
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff;
}
.leaflet-tooltip-left
{
    margin-left: -6px;
}
.leaflet-tooltip-right
{
    margin-left: 6px;
}
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before
{
    top: 50%;
    margin-top: -6px;
}
.leaflet-tooltip-left:before
{
    right: 0;
    margin-right: -12px;
    border-left-color: #fff;
}
.leaflet-tooltip-right:before
{
    left: 0;
    margin-left: -12px;
    border-right-color: #fff;
}
/* jquery ui */

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 10; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left:0; width: 90%; height: 400px; overflow:scroll; }

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; right: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	direction:rtl;
	font-family:nazi;
	font-size:12px;
}


.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 200px; overflow: scroll; height:350px; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 10px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: nazi; font-size: 17px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:nazi, Arial,sans-serif; font-size: 17px; }
.ui-widget-content { border: 1px solid #eeeeee; background-color:White; color: #333333; text-align:right;direction:rtl; }
.ui-widget-ze: 1em; }
.ui-widget-content { border: 1px solid #eeeeee; background-color:White; color: #333333; text-align:right;direction:rtl; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e3a1a1; background-color:White;  color: #ffffff; font-weight:normal; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #004276; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #111111; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #111111; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #eeeeee; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #cc0000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcd3a1; background: #fbf8ee url(images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_004276_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Overlays */
.ui-widget-overlay { background: #a6a6a6 url(images/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .4;filter:Alpha(Opacity=40); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .1;filter:Alpha(Opacity=10); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }