@font-face {
    font-family: RNAFont;
    src: url(/Content/CPanelCSS/RTL/Fonts/RNA-regular.eot);
    src: local("‚ò∫"),url(/Content/CPanelCSS/RTL/Fonts/RNA-regular.woff) format("woff"),url(/Content/CPanelCSS/RTL/Fonts/RNA-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: RNAFont;
    src: url(/Content/CPanelCSS/RTL/Fonts/RNA-bold.eot);
    src: local("‚ò∫"),url(/Content/CPanelCSS/RTL/Fonts/RNA-bold.woff) format("woff"),url(/Content/CPanelCSS/RTL/Fonts/RNA-bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

a, abbr, acronym, address, blockquote, body, caption, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, label, legend, li, object, ol, p, pre, q, span, table, tbody, td, tfoot, th, thead, tr, ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

input, select, textarea {
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1.5;
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: 0;
}

body {
    direction: rtl;
    text-align: right;
    margin: auto;
    padding: auto;
    font-family: RNAFont;
    font-size: 16px;
    color: #363636;
    text-shadow: 0 1px 0 #fff;
    background: url(/Content/CPanelImages/Global/bg_right.jpg) right repeat-y #f7f7f7;
}

    body.nobg {
        background: #f7f7f7;
    }

    body.login {
        margin: auto;
        padding: auto;
        background: url(/Content/CPanelImages/Global/blue/bg.png) 0 350px repeat-x #262B32;
        font-family: RNAFont;
        font-size: 14px;
        color: #363636;
        text-shadow: 0 1px 0 #ccc;
    }

h1 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
}

h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
}

h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
}

h4 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}

a {
    color: #1F92FF;
    text-decoration: none;
    text-shadow: 0 0 0 transparent;
}

    a:hover {
        color: #2F4E85;
        text-decoration: none;
        text-shadow: 0 0 0 transparent;
    }

    a:active {
        color: #000;
        text-decoration: none;
        text-shadow: 0 0 0 transparent;
    }

.clear {
    clear: both;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

table {
    text-align: left;
    margin: auto;
    padding: auto;
}

    table.data tbody.list tr:nth-child(even) {
        background: #f3f2f2;
        cursor: pointer;
    }

    table.data tbody.list tr:hover {
        background: #e4eaf3;
        cursor: pointer;
    }

    table.data tbody tr.deavtive {
        background: #ffdede !important;
    }

img {
    border: 0;
}

    img.mid_align {
        vertical-align: middle;
        margin-right: 5px;
        border: 0;
    }

ol.style, ul.style {
    padding-bottom: 15px;
    padding-left: 30px;
}

    ol.style li, ul.style li {
        margin-bottom: 5px;
        padding-left: 5px;
    }

label {
    font-weight: 700;
}

.quote {
    width: 80%;
    display: block;
    margin: auto;
    padding: 20px 15px;
    font-size: 14px;
    font-style: italic;
    color: #666;
}

.NoStar {
    width: 24px;
    height: 24px;
    background: url(/Content/CPanelImages/Global/star.png) bottom no-repeat;
}

.WithStar {
    width: 24px;
    height: 24px;
    background: url(/Content/CPanelImages/Global/star.png) top no-repeat;
}

input[type=password], input[type=text] {
    background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
    padding: 2px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 0;
    border: 1px solid silver;
}

select {
    background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
    padding: 5px;
    border: 1px solid silver;
}

    select optgroup {
        font-family: RNAFont;
        font-size: 16px;
        padding-right: 5px;
    }

    select option {
        font-family: RNAFont;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
    }

.select-style {
    float: right;
    width: 100%;
    cursor: pointer;
}

    .select-style .button {
        float: none;
        height: 25px;
        border: 1px solid silver;
        background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
    }

        .select-style .button:hover {
            background-color: #fff5d3;
            border: 1px solid #999;
        }

    .select-style .text {
        float: right;
        padding: 3px 5px 0;
    }

    .select-style .popup {
        float: right;
        max-height: 400px;
        min-width: 250px;
        padding: 10px 5px 5px 40px;
        margin: -1px 0 0;
        position: absolute;
        z-index: 999;
        border: 1px solid silver;
        background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
        overflow: auto;
    }

input.search {
    background: 0 0;
    border: 0;
    width: 180px;
}

textarea {
    background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
    padding: 3px 5px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 0;
    border: 1px solid silver;
}

    input[type=password]:hover, input[type=text]:hover, textarea:hover {
        background-color: #fff5d3;
        border: 1px solid #999;
    }

    input[type=password]:focus, input[type=text]:focus, textarea:focus {
        background-color: #fff5d3;
    }

    input[type=password].blur, input[type=text].blur, textarea.blur {
        color: #999;
        font-weight: 400;
        font-style: italic;
    }

input.search:focus, input.search:hover {
    background: 0 0;
    border: 0;
}

input[type=button], input[type=submit] {
    background: url(/Content/CPanelImages/Global/bt_g.png) repeat-x #ccc;
    margin: 0;
    border: 1px solid #999;
    font-weight: 700;
    padding: 5px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #444;
    -webkit-box-shadow: 0 1px 2px #444;
    box-shadow: 0 1px 2px #444;
    text-shadow: 1px 0 0 #ccc;
    color: #333;
    cursor: pointer;
}

    input[type=button].right_switch {
        -moz-border-radius: 0;
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        background: url(/Content/CPanelImages/Global/bg_switch.png) repeat-x #ccc;
        font-weight: 700;
        margin: 0;
        height: 30px;
        border: 1px solid #AAA9A9;
        -moz-box-shadow: 0 1px 1px #fff;
        -webkit-box-shadow: 0 1px 1px #fff;
        box-shadow: 0 1px 1px #fff;
        text-shadow: 1px 0 0 #fff;
        color: #333;
        font-size: 14px;
    }

    input[type=button].left_switch {
        -moz-border-radius: 0;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        background: url(/Content/CPanelImages/Global/bg_switch.png) repeat-x #ccc;
        font-weight: 700;
        margin: 0;
        height: 30px;
        border: 1px solid #AAA9A9;
        -moz-box-shadow: 0 1px 1px #fff;
        -webkit-box-shadow: 0 1px 1px #fff;
        box-shadow: 0 1px 1px #fff;
        text-shadow: 1px 0 0 #fff;
        color: #333;
        font-size: 14px;
    }

    input[type=button].middle_switch {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        background: url(/Content/CPanelImages/Global/bg_switch.png) repeat-x #ccc;
        font-weight: 700;
        margin: 0;
        height: 30px;
        border: 1px solid #AAA9A9;
        -moz-box-shadow: 0 1px 1px #fff;
        -webkit-box-shadow: 0 1px 1px #fff;
        box-shadow: 0 1px 1px #fff;
        text-shadow: 1px 0 0 #fff;
        color: #333;
        font-size: 14px;
    }

        input[type=button].left_switch:hover, input[type=button].middle_switch:hover, input[type=button].right_switch:hover, input[type=button]:hover, input[type=submit]:hover {
            border: 1px solid #666;
            background: url(/Content/CPanelImages/Global/bt_gh.png) repeat-x #999;
        }

        input[type=button].left_switch.active, input[type=button].left_switch:active, input[type=button].middle_switch.active, input[type=button].middle_switch:active, input[type=button].right_switch.active, input[type=button].right_switch:active, input[type=button]:active, input[type=submit]:active {
            color: #ccc;
            border: 1px solid #999;
            background: url(/Content/CPanelImages/Global/bt_ga.png) repeat-x #999;
            text-shadow: 0 0 0 #999;
        }

div.wysiwyg {
    background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
    width: 99% !important;
    font-family: RNAFont;
}

#login_wrapper {
    width: 100%;
    height: 400px;
    margin-top: 100px;
}

#login_top_window {
    margin: auto;
    padding: auto;
    width: 351px;
    height: 30px;
}

#login_body_window {
    margin: auto;
    padding: auto;
    width: 351px;
    height: 240px;
    background: url(/Content/CPanelImages/Global/blue/bg_login_window.png) top no-repeat;
}

.loginlogo {
    margin: 0 45px 0 0;
}

#login_body_window .inner {
    margin: auto;
    padding: 5px auto auto;
    width: 300px;
    height: 100px;
}

    #login_body_window .inner p {
        margin-top: 15px;
        direction: rtl;
        text-align: right;
    }

    #login_body_window .inner div {
        margin-top: 5px;
        direction: rtl;
        text-align: right;
    }

#login_footer_window {
    margin: auto;
    padding: auto;
    width: 351px;
    height: 30px;
}

#login_reflect {
    margin: 3px auto auto;
    padding: auto;
    width: 350px;
    height: 107px;
}

#header {
    width: 100%;
    min-width: 960px;
    height: 50px;
    background: url(/Content/CPanelImages/Global/blue/bg_header.png) repeat-x #353c42;
    text-shadow: 1px 0 0 #666;
    color: #ccc;
    text-align: right;
}

    #header a {
        font-weight: 700;
        color: #fff;
    }

        #header a:hover {
            color: #ebebeb;
        }

        #header a:active {
            color: #999;
        }

    #header #logo {
        width: 210px;
        float: right;
        margin: 5px 30px 0 0;
    }

    #header #search {
        width: 220px;
        height: 30px;
        margin: 9px 1px 0 10px;
        background: url(/Content/CPanelImages/Global/bg_search.png) no-repeat;
        padding: 3px 0 0 10px;
        text-align: left;
        float: left;
    }

    #header #lang {
        height: 30px;
        margin: 10px 0 0 10px;
        padding: 5px 0;
        float: left;
    }

    #header #account_info {
        width: 650px;
        float: right;
        text-align: right;
        margin: 16px 0 0 10px;
        direction: rtl;
    }

#account_info .Message {
    color: #ff9c00;
}

#left_menu {
    width: 213px;
    height: 100%;
    float: right;
}

#main_menu {
    margin: 0;
    padding: 0;
    float: right;
    width: 210px;
    list-style: none;
    display: block;
}

    #main_menu li {
        width: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ccc;
        display: block;
        direction: rtl;
    }

        #main_menu li.active {
            height: auto;
        }

        #main_menu li ul {
            margin: 0 0 10px;
            padding: 10px 0;
            float: right;
            width: 100%;
            background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #bfc6cf;
            border-top: 2px solid #999;
            border-bottom: 1px solid #fff;
            display: none;
            overflow: hidden;
        }

            #main_menu li ul li {
                border: 0;
            }

                #main_menu li ul li a {
                    text-shadow: 0 1px 0 #DBDBDB;
                }

                    #main_menu li ul li a:hover {
                        background: #b1b8c1 !important;
                        text-shadow: 0 1px 0 #DBDBDB !important;
                    }

        #main_menu li a img {
            vertical-align: middle;
            margin-left: 15px;
            border: 0;
        }

        #main_menu li a {
            display: block;
            padding: 10px 20px 12px 30px;
            color: #4b4f5d;
            font-weight: 700;
            text-shadow: 0 1px 0 #fff;
            background: 0 0 !important;
            border: 0 !important;
        }

            #main_menu li a:hover {
                background: #DADADA !important;
                border: 0 !important;
            }

        #main_menu li.end {
            border-top: 1px solid #fff;
            border-bottom: 0;
            height: 1px;
        }

a#hide_menu {
    display: block;
    margin-left: 3px;
    padding: 5px 30px 5px 10px;
    text-align: left;
    font-size: 16px;
    color: #4b4f5d;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    cursor: w-resize;
    direction: rtl;
}

    a#hide_menu:hover {
        background: #ccc;
    }

a#show_menu {
    display: none;
    padding: 5px 10px;
    border: 1px solid #ccc;
    position: relative;
    top: 10px;
    margin: 0 5px 0 0;
    background: #ebebeb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #4b4f5d;
    font-weight: 700;
    cursor: e-resize;
}

    a#show_menu:hover {
        background: #ccc;
    }

#shortcut {
    list-style: none;
    display: block;
    font-size: 14px;
}

    #shortcut li {
        display: block;
        float: right;
        margin: 0 10px 10px 0;
        text-align: center;
    }

        #shortcut li a {
            display: block;
            width: 70px;
            padding: 7px 15px;
            background: url(/Content/CPanelImages/Global/shortcut/bg_shortcut.png) center repeat-x #fff;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #cdcdcd;
            color: #4c535b;
            text-shadow: 0 1px 0 #fff;
            -moz-box-shadow: 0 2px 2px #fff;
            -webkit-box-shadow: 0 2px 2px #fff;
            box-shadow: 0 2px 2px #fff;
        }

            #shortcut li a:hover {
                background: url(/Content/CPanelImages/Global/shortcut/bg_shortcut_h.png) center repeat-x #eaeced;
            }

            #shortcut li a.active, #shortcut li a:active {
                background: url(/Content/CPanelImages/Global/shortcut/bg_shortcut_a.png) center repeat-x #C6CACB;
            }

            #shortcut li a img {
                margin-bottom: 5px;
            }

#shortcut_notifications {
    display: none;
    : !important;
}

.notification {
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 0 0 #333;
    background: url(/Content/CPanelImages/Global/bg_notification.png) center no-repeat;
    position: absolute;
    width: 37px;
    height: 37px;
    display: block;
    text-align: center;
    padding-top: 17px;
}

#content_wrapper {
    width: 100%;
    text-align: right;
    direction: rtl;
    float: right;
}

#content {
    margin-right: 230px;
    padding: 10px 0 0;
    min-width: 700px;
    direction: rtl;
}

    #content .inner {
        float: right;
        width: 98%;
        position: relative;
    }

.onecolumn {
    width: 100%;
    background: #fff;
    border: 1px solid #cdcdcd;
    margin: 10px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
}

    .onecolumn .header {
        margin: 0;
        padding: 0;
        float: left;
        background: url(/Content/CPanelImages/Global/bg_window_header.png) repeat-x #cdcdcd;
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #ccc;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
    }

        .onecolumn .header .button {
            margin: 0;
            float: left;
            padding: 9px 0 0 10px;
        }

        .onecolumn .header .title {
            display: block;
            font-size: 16px;
            font-weight: 700;
            padding: 9px 15px 0 0;
            float: right;
            width: auto;
            cursor: n-resize;
        }

        .onecolumn .header .switch {
            float: left;
            margin-left: 15px;
            padding: 5px 0 0;
            direction: ltr;
        }

        .onecolumn .header .switchright {
            float: right;
            margin-right: 15px;
            padding: 5px 0 0;
            direction: ltr;
        }

    .onecolumn .content {
        background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-top: 1px solid #bdbdbd;
        padding: 15px;
    }

table.data caption {
    display: none;
}

table.data tr td, table.data tr th {
    border-bottom: 1px solid #ccc;
}

.th {
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    background: #eee;
    padding: 12px;
    text-align: center;
    vertical-align: middle;
    float: right;
}

.td {
    border-bottom: 1px solid #ccc;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
    color: #666;
    float: right;
}

.field {
    float: right;
    padding: 0 0 10px;
}

table.data tr th {
    font-weight: 700;
    background: #eee;
}

table.data tr td, table.data tr th {
    padding: 7px;
    text-align: center;
    vertical-align: middle;
}

table.data tr td {
    color: #666;
    text-align: center;
    vertical-align: middle;
}

table#graph_data th {
    text-align: center;
}

table#graph_data td {
    cursor: pointer;
    text-align: center;
}

    table#graph_data td.hover {
        background: #fff5d3;
    }

.chart_wrapper {
    padding-left: 20px;
    position: relative;
    top: 5px;
}

.twocolumn {
    width: 100%;
    margin: 20px 0;
}

.column_left, .column_right {
    width: 48%;
    background: #fff;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    float: left;
    margin: 5px 5px 15px;
}

.column_right {
    float: right;
}

    .column_left .header, .column_right .header {
        margin: 0;
        padding: 0;
        float: left;
        background: url(/Content/CPanelImages/Global/bg_window_header.png) repeat-x #cdcdcd;
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #ccc;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
    }

        .column_left .header .title, .column_right .header .title {
            display: block;
            font-size: 16px;
            font-weight: 700;
            padding: 9px 15px 0 0;
            float: right;
            width: auto;
            cursor: n-resize;
        }

        .column_left .header .switch, .column_right .header .switch {
            float: right;
            margin-right: 15px;
            padding: 5px 0 0;
        }

    .column_left .content, .column_right .content {
        background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-top: 1px solid #bdbdbd;
        padding: 25px 15px 15px;
    }

.threecolumn {
    width: 100%;
    float: left;
}

.threecolumn_each {
    background: #fff;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    float: right;
    margin: 10px 1% 0;
}

    .threecolumn_each .header {
        margin: 0;
        padding: 0;
        float: right;
        background: url(/Content/CPanelImages/Global/bg_window_header.png) repeat-x #cdcdcd;
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #ccc;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
    }

    .threecolumn_each .button {
        margin: 0;
        float: left;
        padding: 9px 0 0 10px;
    }

    .threecolumn_each .checkbox {
        margin: 0;
        float: right;
        padding: 10px 10px 0 0;
    }

    .threecolumn_each .header span {
        display: block;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 15px 0 0;
        float: right;
        width: auto;
        cursor: n-resize;
    }

    .threecolumn_each .header .switch {
        float: right;
        margin-right: 15px;
        padding: 5px 0 0;
    }

    .threecolumn_each .content {
        background: url(/Content/CPanelImages/Global/bg_ip.png) repeat-x #fff;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-top: 1px solid #bdbdbd;
        padding: 15px 10px 10px;
        vertical-align: top;
        line-height: 25px;
    }

        .threecolumn_each .content image {
            border: 1px solid silver;
        }

#login_info {
    padding: 15px 0 0;
    background: #fcf2a5;
    border: 1px solid #edbf06;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    color: #333;
    font-weight: 700;
    cursor: pointer;
    margin: 10px 0;
    text-shadow: 0 0 0 transparent;
}

.Warning ul li {
    list-style: lower-roman inside;
    text-indent: 40px;
}

.alert_warning {
    padding: auto;
    background: #fcf2a5;
    border: 1px solid #edbf06;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    color: #333;
    font-weight: 700;
    cursor: pointer;
    margin: 10px 0;
    text-shadow: 0 0 0 transparent;
    position: fixed;
    bottom: 10px;
    right: 10px;
    min-width: 500px;
    z-index: 999;
}

.alert_info {
    margin: auto;
    padding: auto;
    background: #e6f5fd;
    border: 1px solid #b2c8ff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    color: #333;
    font-weight: 700;
    cursor: pointer;
    text-shadow: 0 0 0 transparent;
    position: fixed;
    bottom: 10px;
    right: 10px;
    min-width: 500px;
    z-index: 999;
}

.alert_success {
    padding: auto;
    background: #08A000;
    border: 1px solid #49816e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 0 1px #333;
    cursor: pointer;
    margin: 10px 0;
    position: fixed;
    bottom: 10px;
    right: 10px;
    min-width: 500px;
    z-index: 999;
}

.alert_error {
    padding: auto;
    background: #fb1800;
    border: 1px solid #ff8e8e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 0 1px #333;
    margin: 10px 0;
    position: fixed;
    bottom: 10px;
    right: 10px;
    min-width: 500px;
    z-index: 999;
}

    .alert_error p, .alert_info p, .alert_success p, .alert_warning p {
        margin: 15px;
    }

.noshadow {
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

.media_photos {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

    .media_photos li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .media_photos li a {
            text-align: center;
        }

        .media_photos li img {
            border: 1px solid #ccc;
        }

.img {
    border: 1px solid #ccc;
    padding: 2px;
}

.pagination {
    margin: 7px 0 0 5px;
    font-size: 16px;
    font-weight: 700;
    direction: rtl;
    float: left;
}

    .pagination .paging {
        margin: 0 3px;
        padding: 3px;
    }

    .pagination .info {
        float: right;
    }

    .pagination a {
        padding: 3px 7px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin: 0 0 0 3px;
        background: url(/Content/CPanelImages/Global/bg_switch.png) repeat-x #ccc;
        border: 1px solid #AAA9A9;
        color: #333;
        direction: rtl;
    }

        .pagination a:hover {
            -moz-box-shadow: 0 1px 3px #666;
            -webkit-box-shadow: 0 1px 3px #666;
            box-shadow: 0 1px 3px #666;
            border: 1px solid #666;
            background: url(/Content/CPanelImages/Global/bt_gh.png) repeat-x #999;
        }

        .pagination a.active, .pagination a:active {
            color: #666;
            border: 1px solid #999;
            background: url(/Content/CPanelImages/Global/bt_ga.png) repeat-x #999;
            text-shadow: 0 0 0 #999;
        }

.modal_header {
    background: url(/Content/CPanelImages/Global/blue/bg_header.png) repeat-x #353c42;
    padding: 5px 15px;
    color: #fff;
    text-shadow: 0 0 0 transparent;
    : !important;
}

    .modal_header span {
        font-size: 16px;
        color: #fff;
        font-weight: 700;
    }

.modal_content {
    background: url(/Content/CPanelImages/Global/blue/bg_modal_window.png) bottom repeat-x #fff;
    padding: 15px;
}

.float {
    float: right;
}

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

.dealign {
    text-align: left !important;
}

.center {
    text-align: center;
}

.direction {
    direction: rtl !important;
}

.indirection {
    direction: ltr !important;
}

#footer {
    margin: 40px 0 10px;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    font-size: 14px;
    color: #999;
    direction: rtl;
}

.calendar {
    padding: 2px 3px;
    background: url(/Content/CPanelImages/Global/icons/icon_calendar.png) 3px 4px no-repeat #fff !important;
}

.active {
    background: #d2ecd4 !important;
}

.align div.level {
    margin: 0 10px;
    width: 10px;
    height: 17px;
    background: url(/Content/CPanelImages/Global/blue/ui-icons.png) -162px 2px no-repeat;
    float: right;
}

div.level.L-1 {
    background-position: -82px -15px;
}

#MenuType {
    width: 100%;
    list-style-type: none;
}

    #MenuType .MenuTypeGroup li {
        width: 49%;
        list-style-type: none;
    }

        #MenuType .MenuTypeGroup li ul li {
            width: auto;
        }

#Parameters label {
    float: right;
    width: 60% !important;
}

#Parameters input, #Parameters select {
    width: 35% !important;
}

#Parameters textarea {
    width: 90%;
    clear: both;
}

#Parameters .clear {
    padding: 5px;
}

#Parameters .even {
    background: #EfEfEf;
}

.widget {
    border: 1px solid #cdcdcd;
    margin: 0;
    -moz-box-shadow: 0 1px 5px gray;
    -webkit-box-shadow: 0 1px 5px gray;
    box-shadow: 0 1px 5px gray;
}

    .widget.noborder {
        border: 0;
    }

    .widget .header.border {
        border: 1px solid #cdcdcd;
        border-bottom: 0;
    }

    .widget .header {
        height: 40px;
        border-bottom: 0;
        background: #fff;
        background: -moz-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(19%,#fff),color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -o-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -ms-linear-gradient(top,#fff 19%,#ededed 100%);
        background: linear-gradient(top,#fff 19%,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
        direction: rtl;
    }

        .widget .header span {
            display: block;
            font-size: 16px;
            font-weight: 700;
            padding: 9px 10px 0 0;
            float: right;
        }

            .widget .header span span {
                margin-left: 5px;
            }

    .widget .content {
        background: url(/Content/images/inner-shadow.png) repeat-x #fff;
        border-top: 1px solid #cecece;
        padding: 45px 10px 0;
        min-height: 50px;
    }

        .widget .content img {
            border: 1px solid #cdcdcd;
        }

.singleLeft {
    width: 270px;
    float: left;
    margin: 10px 0 0 20px;
}

    .singleLeft .txt {
        padding: 5px 5px 0 10px;
    }

    .archiveLeft .footer, .singleLeft .footer {
        text-align: right;
        padding: 0 5px;
        border-bottom: 0;
        background: #fff;
        background: -moz-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(19%,#fff),color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -o-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -ms-linear-gradient(top,#fff 19%,#ededed 100%);
        background: linear-gradient(top,#fff 19%,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
        direction: rtl;
    }

    .singleLeft .SortTxt {
        width: 50px;
        float: right;
        margin: 8px 0 0 5px;
    }

        .singleLeft .SortTxt input {
            text-align: center;
        }

.uibutton {
    font-size: 14px !important;
}

.archiveLeft {
    width: 170px;
    float: left;
    margin: 10px 0 0 10px;
}

    .archiveLeft .txt {
        padding: 5px 5px 0 12px;
    }

.albumArchive {
    width: 265px;
    float: right;
    margin: 10px 0 0 20px;
    cursor: pointer;
}

    .albumArchive .content.hover {
        background: #75c1f4;
    }

    .albumArchive .content.active {
        background: #75d44d;
    }

    .albumArchive .content {
        text-align: center;
        background: 0 0;
        border-top: 1px solid #CECECE;
        padding: 10px 8px 0;
    }

    .albumArchive .footer {
        text-align: right;
        min-height: 70px;
        padding: 0 5px 5px;
        border-bottom: 0;
        background: #fff;
        background: -moz-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(19%,#fff),color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -o-linear-gradient(top,#fff 19%,#ededed 100%);
        background: -ms-linear-gradient(top,#fff 19%,#ededed 100%);
        background: linear-gradient(top,#fff 19%,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
        direction: rtl;
    }

    .albumArchive input {
        color: #000 !important;
        font-style: normal !important;
    }

.CoverAlbum {
    background: #75d44d !important;
}

input.full, textarea.full {
    width: 99%;
    max-width: 99%;
}

.iconBox {
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 2px #f5f5f5;
    -webkit-box-shadow: 1px 1px 2px #f5f5f5;
    box-shadow: 1px 1px 2px #f5f5f5;
    padding: 7px 10px 0;
    margin: 5px 0;
    background-color: #f5f5f5;
    cursor: pointer;
    position: relative;
    display: inline-block;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

    .iconBox:hover {
        border: 1px solid #d0d0d0;
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #f2f2f2;
        -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #f2f2f2;
        box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #f2f2f2;
        background-color: #eee;
    }

    .iconBox strong {
        font-size: 10px;
        display: inline-block;
        margin-right: 5px;
        text-transform: uppercase;
        font-family: RNAFont;
    }

.Infography {
    width: 94%;
    float: right;
    padding: 5px;
}

    .Infography .box.yellow {
        float: right;
        padding: 7px;
        margin: 0 0 7px;
        background: #fcf2a5;
        border: 1px solid #edbf06;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 4px #ccc;
        -webkit-box-shadow: 0 1px 2px #ccc;
        box-shadow: 0 1px 2px #ccc;
        color: #333;
        font-weight: 700;
        cursor: pointer;
        text-shadow: 0 0 0 transparent;
    }

    .Infography .box.blue {
        float: right;
        padding: 7px;
        margin: 0 0 7px;
        background: #e6f5fd;
        border: 1px solid #b2c8ff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 4px #ccc;
        -webkit-box-shadow: 0 1px 2px #ccc;
        box-shadow: 0 1px 2px #ccc;
        color: #333;
        font-weight: 700;
        cursor: pointer;
        z-index: 999;
    }

    .Infography .box.red {
        float: right;
        padding: 7px;
        margin: 0 0 7px;
        background: #FB1800;
        border: 1px solid #FF8E8E;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 4px #ccc;
        text-shadow: 1px 0 1px #333;
        -webkit-box-shadow: 0 1px 2px #ccc;
        box-shadow: 0 1px 2px #ccc;
        color: #FFF;
        font-weight: 700;
        cursor: pointer;
        z-index: 999;
    }

.red {
    background: #fc6b6b;
    padding: 0 5px;
    color: #FFF;
    font-weight: 700;
}

.green {
    background: #6bfcac !important;
    padding: 0 5px;
    color: #000;
    font-weight: 700;
}

.white {
    background: #fff !important;
    padding: 0 5px;
    color: #000;
    font-weight: 700;
}

.gray {
    background: #bebebe !important;
    padding: 0 5px;
    color: #000;
    font-weight: 700;
}

.LogImages {
    margin: 0 25px 0 15px;
}

.LoadBlocker, .LoadBlockerCategory {
    background: #000;
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: .1;
    filter: alpha(opacity=10);
}

.subMenuType {
    width: 99%;
    height: 40px;
}

    .subMenuType option.hasBack {
        width: 99%;
        height: 130px;
        color: #000;
        background-position: 10px;
        background-repeat: no-repeat;
        border-top: solid 1px silver;
    }

.CountBox {
    background: #be0000;
    color: #fff;
    padding: 2px 10px;
    margin: 0 0 0 10px;
    border-radius: 7px;
}

.singleLeft .header {
    position: relative !important;
}

textarea.onType {
    color: #000 !important;
    position: absolute !important;
    right: 0;
    width: 92% !important;
    height: 210px;
    margin: 0 5px 0 0 !important;
}

.Unread {
    font-weight: 700;
    background: #e6ffd3 !important;
}

.Trashed {
    font-weight: 400;
    background: #ffd3d3 !important;
}

.CommentList li {
    clear: both;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: solid 1px #d2d0d0;
    float: right;
    width: 900px;
    list-style: none;
}

.CommentList.child li {
    border: none !important;
    padding: 0;
}

.CommentList li > ul li {
    border: none !important;
    width: 845px;
    margin: 25px 55px 0 0;
}

    .CommentList li > ul li > ul li {
        border: none !important;
        width: 790px;
        margin: 25px 55px 0 0;
    }

        .CommentList li > ul li > ul li > ul li {
            border: none !important;
            width: 790px;
            margin: 25px 0 0;
        }

.CommentList li div.Head .img {
    float: right;
    width: 40px;
    height: 42px;
    padding: 0;
    border: none;
    background: url(/Content/CPanelImages/Global/CommentIcons.jpg);
}

    .CommentList li div.Head .img.tasnim {
        background: url(/Content/CPanelImages/Global/CommentIcons.jpg) -1px -42px !important;
    }

.CommentList li div.Head img.info {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
}

.CommentList li div.Head select.status {
    float: left;
    margin: 0 0 0 5px;
}

.CommentList li div.Head .status option {
    background: #fff;
    color: #000;
}

.CommentList li div.Head .status_3 {
    background: #238234 !important;
    color: #fff !important;
}

.CommentList li div.Head .status_0 {
    background: #bd1313 !important;
    color: #fff !important;
}

.CommentList li div.Head .status_2 {
    background: #fae9af !important;
    color: #000 !important;
}

.CommentList.child li div.Head .answer {
    float: right;
    width: 18px;
    height: 18px;
    margin: -15px -20px 0 0;
    background: url(/Content/CPanelImages/Global/CommentIcons.jpg) -60px -21px;
}

.CommentList li div.Head .name, .CommentList li div.Head .time {
    float: right;
    color: #095CC0;
    text-align: right;
    font-size: 18px;
    width: 120px;
    height: 42px;
    line-height: 42px;
    margin: 0 10px 0 0;
}

.CommentList li div.Head .time {
    font-size: 14px;
    color: #bf0707;
    direction: rtl;
}

.CommentList li div.Head .reply {
    float: left;
    width: 35px;
    height: 35px;
    background: url(/Content/CPanelImages/Global/CommentIcons.jpg) -42px -47px;
    cursor: pointer;
}

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

    .CommentList li div.Body .text {
        font-size: 16px;
        float: right;
        margin: 10px 0 0;
        text-align: justify;
        direction: rtl;
        padding: 0 0 0 10px;
        line-height: 25px;
    }

.CommentList input {
    width: 99%;
}

.CommentList img {
    cursor: pointer;
}

textarea.Reply {
    width: 98%;
}

.CommentList .StatusLabel {
    float: left;
    width: 114px;
    height: 32px;
    margin: 2px 0 0 5px;
}

    .CommentList .StatusLabel.Label_0 {
        background: url(/Content/CPanelImages/Global/Statuses.png) 0 -62px;
    }

    .CommentList .StatusLabel.Label_1, .CommentList .StatusLabel.Label_2 {
        background: url(/Content/CPanelImages/Global/Statuses.png) 0 -32px;
    }

    .CommentList .StatusLabel.Label_3 {
        background: url(/Content/CPanelImages/Global/Statuses.png);
    }

    .CommentList .StatusLabel.Label_4 {
        background: url(/Content/CPanelImages/Global/Statuses.png) 0 -94px;
    }

.UsernameGroup div, .UsernameGroup div span, .UsernameGroup ul {
    float: right;
}

.UsernameGroup div {
    min-width: 200px;
    margin: 0 7px 0 0;
}

.UsernameGroup ul li, ul#ChoosenKeyword li {
    list-style-type: none;
    border: 1px solid silver;
    padding: 2px 10px 2px 2px;
    margin: 0 10px 0 0;
    border-radius: 5px;
    background: #f3f3f3;
    color: #000;
    float: right;
}

.UsernameGroup div input {
    background: 0 0;
    border-radius: 5px;
}

.UsernameGroup li img, ul#ChoosenKeyword li img {
    float: left;
    margin: 4px 10px 0 0;
    cursor: pointer;
}

.decorativeBox {
    position: relative;
    width: 110px;
}

    .decorativeBox .removeImage {
        position: absolute;
        bottom: 0;
        right: 23px;
        cursor: pointer;
    }

    .decorativeBox .addImage {
        position: absolute;
        top: -5px;
        right: 23px;
        cursor: pointer;
    }


.ReviewTable {
    float: right;
    border: 1px solid silver;
    width: 100%;
    text-align: right;
    margin: 10px 0;
    direction: rtl;
}

    .ReviewTable td, .ReviewTable th {
        border: 1px solid silver;
        text-align: right !important;
        padding: 7px;
    }

    .ReviewTable th {
        background: #ccc;
    }

    .ReviewTable .tdlogo {
        background: url(/Content/images/logo.png) center center no-repeat;
        height: 70px;
    }

    .ReviewTable div {
        float: right;
        min-width: 45%;
        font-size: 16px;
        line-height: 28px;
    }

    .ReviewTable .priceTable {
        width: 100%;
        text-align: center;
    }

.reciept-color {
    color: orangered;
}