﻿/*Reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0; 
    padding: 0; 
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: right;
    font-family: Al-Jazeera-Arabic-Regular, "arabic typesetting", serif;
    font-weight: normal;
}

input, select {
    vertical-align: middle;
}

select {
    width: 100%;
}

    select::-ms-expand {
        display: none !important;
    }

figure, a {
    vertical-align: bottom;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 5px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}


iframe {
    margin-top: 0em;
}

input::-ms-clear {
    display: none;
}
/*End Reset */
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 999999;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0; /* support: IE7 */
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }
/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em;
    }
/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Al-Jazeera-Arabic-Regular,"arabic typesetting",serif;
    font-size: 0.8em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Al-Jazeera-Arabic-Regular,"arabic typesetting",serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #f6f6f6;
    color: #333;
}

    .ui-widget-content a {
        color: #333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #dddddd url("/Views/Shared/shared/media/css/images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;
    color: #333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333;
    }
    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #dddddd;
        background: #f6f6f6 url("/Views/Shared/shared/media/css/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #0073ea;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #0073ea;
            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 #e0e0e0;
        background: #fff;
        color: #333;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited {
            color: #ffffff;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #dddddd;
        background: #ffffff url("/Views/Shared/shared/media/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #ff0084;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #ff0084;
            text-decoration: none;
        }
    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #cccccc;
        background: #ffffff url("/Views/Shared/shared/media/css/images/ui-bg_flat_55_ffffff_40x100.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 #ff0084;
        background: #ffffff url("/Views/Shared/shared/media/css/images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
        color: #222222;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #222222;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #222222;
    }

    .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); /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35); /* support: IE8 */
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
        }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/Views/Shared/shared/media/css/images/ui-icons_ff0084_256x240.png");
}

.u-widget-header .ui-icon {
    background-image: url("/Views/Shared/shared/media/css/images/ui-icons_0073ea_256x240.png");
}

.ui-state-default .ui-icon {
    background-image: url("/Views/Shared/shared/media/css/images/ui-icons_666666_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("/Views/Shared/shared/media/css/images/ui-icons_ffffff_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("/Views/Shared/shared/media/css/images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("/Views/Shared/shared/media/css/images/ui-icons_0073ea_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/Views/Shared/shared/media/css/images/ui-icons_ff0084_256x240.png");
}
/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.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 {
    border-top-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 2px;
}

/* Overlays */
.ui-widget-overlay {
    background: #eeeeee url("/Views/Shared/shared/media/css/images/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;
    opacity: .8;
    filter: Alpha(Opacity=80); /* support: IE8 */
}

.ui-widget-shadow {
    margin: -4px 0 0 -4px;
    padding: 4px;
    background: #aaaaaa url("/Views/Shared/shared/media/css/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .6;
    filter: Alpha(Opacity=60); /* support: IE8 */
    border-radius: 0px;
}
/** continue with site style */
/* Tags style */
/*General Typography*/

@font-face {
    font-family: Greta;
    src: url('/Views/Shared/shared/fonts/Greta_Arabic_Regular.eot');
    src: url('/Views/Shared/shared/fonts/Greta_Arabic_Regular.eot?#iefix') format('embedded-opentype'), url('/Views/Shared/shared/fonts/Greta_Arabic_Regular.woff') format('woff'), url('/Views/Shared/shared/fonts/Greta_Arabic_Regular.otf') format("opentype");
}

@font-face {
    font-family: Al-Jazeera-Arabic-Bold;
    src: url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Bold.eot');
    src: url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Bold.eot?#iefix') format('embedded-opentype'), url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Bold.woff') format('woff'), url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Al-Jazeera-Arabic-Light;
    src: url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Light.eot');
    src: url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Light.eot?#iefix') format('embedded-opentype'), url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Light.woff') format('woff'), url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Al-Jazeera-Arabic-Regular;
    src: url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Regular.eot');
    src: url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Regular.eot?#iefix') format('embedded-opentype'), url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Regular.woff') format('woff'), url('/Views/Shared/shared/fonts/Al-Jazeera-Arabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    font-family: Greta, "arabic typesetting", serif;
    color: #333333;
}

body {
    background-color: #F6F6F6;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #777;
    direction: rtl;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
    font-weight: 400;
}

h4 {
    font-weight: 400;
}

blockquote {
    margin: 1em 0 0;
    color: #333;
    font-family: Al-Jazeera-Arabic-Light, "arabic typesetting", serif;
    font-size: 1.2em;
}

cite {
    display: block;
    font-size: 0.8em;
    font-style: normal;
}

a {
    color: #2575bc;
    text-decoration: none;
}

    a:hover {
        color: #004593;
    }

ul, ol {
    list-style: none;
}

ol {
    list-style: decimal outside;
    margin-left: 1.5em;
}
/*End General Typography*/

/*Images*/
img {
    max-width: 100%;
    width: 100%;
    /*vertical-align: bottom;*/
}

figure {
    margin: 0;
}

figcaption {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 0.25em;
    color: #999999;
}

ul > li {
    font-family: Al-Jazeera-Arabic-Regular;
}
/*End Images*/

/*site header and structer css*/
.site_container {
    width: 100%;
    position: relative;
    /*to be removed
    max-width: 1350px;*/
    margin: 0 auto;
    /**/
}

.wrapper {
    margin: 0 auto;
    /*to be removed
    margin-right: 56px;
    */
    width: 90.371%;
    max-width: 1300px;
}

.header_container {
    background-color: #fff;
    padding-top: 11px;
}

    .header_container > .wrapper {
        padding-bottom: 32px;
    }

.logo {
    display: inline-block;
    vertical-align: top;
    padding-right: 2px;
}

    .logo > a {
        background-image: url(/Views/Shared/siteportal/images/jazeera_logo.png);
        background-repeat: no-repeat;
        width: 79px;
        height: 100px;
        display: block;
        background-size: contain;
    }

.main_menu_container {
    display: inline-block;
    margin-right: 2%;
    vertical-align: top;
    padding-top: 29px;
    width: 89.284%;
}

.D_menu > li > a {
    font-size: 17px;
    display: inline-block;
    color: #333333;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 11px;
    padding-bottom: 12px;
    position: relative;
    margin-bottom: -3px;
}

ul.D_menu > li {
    display: inline-block;
    vertical-align: top;
}

.D_menu > li > a:before {
    content: "";
    position: absolute;
    bottom: 2px;
    right: 0;
    height: 6px;
    width: 0;
    background: #e6be61;
    margin-left: 0;
    border: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.3s;
    transition: all 0.4s;
}

.D_menu > li > a.activeMenu:after {
    content: "";
    height: 0;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #E6BE61;
    display: inline-block;
    vertical-align: text-top;
    position: absolute;
    right: 40%;
    bottom: -8px;
    z-index: 999;
}

.D_menu > li:first-child > a.activeMenu:after {
    border: none;
}

.D_menu > li > a.activeMenu:before {
    width: 100%;
}

.D_menu > li > a:hover:before {
    content: "";
    position: absolute;
    bottom: 2px;
    right: 0;
    margin-left: 0;
    height: 6px;
    width: 100%;
    background: #e6be61;
    border: none;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.3s;
    text-align: left;
}

.main_menu_container > div:first-child {
    /*border-bottom: solid 1px #E6BE61;*/
    border-bottom: solid 1px #DBDBDB;
    position: relative;
}

.drop:after {
    content: "";
    height: 0;
    width: 0;
    border: .2em solid transparent;
    border-top-color: #333;
    display: inline-block;
    vertical-align: text-top;
    position: absolute;
    right: 0px;
    bottom: 50%;
}

.contribute .comments-arrange .drop:after {
    border: none;
}
/*.D_menu>li:hover>div.more*/
/*.D_menu>li:hover>a.drop+div.more{
    display:block;
}*/
.D_menu, .social_search_container {
    display: inline-block;
    vertical-align: top;
}


.social_search_container {
    float: left;
    position: relative;
    top: -4px;
}

.subjects-mobile-wrapper {
    display: none;
    width: 90%;
    margin: auto auto;
}

    .subjects-mobile-wrapper div.subjects.subjects-mobile {
        position: relative;
        top: 6px;
        padding-top: 9px;
        display: inline-block;
        width: 46.6%;
        text-align: right;
    }

        .subjects-mobile-wrapper div.subjects.subjects-mobile select.subjects-select {
            width: 95%;
            height: 30px;
            background-color: #f2f2f2;
            font-family: Greta, "arabic typesetting", serif;
            border: 1.5px solid #dbdbdb;
            color: #666666;
        }

ul.subjects {
}

    ul.subjects > li {
        display: inline-block;
        font-size: 13.5px;
        color: #eba820;
    }

    ul.subjects > li {
        height: 26px;
        position: relative;
        top: -4px;
        border-bottom: 3px solid #f7f7f7;
        line-height: 28px;
        transition: all,ease-in-out, .3s;
    }

        ul.subjects > li:not(:first-child) {
            margin-right: -6px;
        }

        ul.subjects > li.menu-item-active {
            border-bottom: 3px solid #e9a10d;
        }

            ul.subjects > li.menu-item-active a {
                color: #00317d;
            }

        ul.subjects > li:not(:first-child) a {
            margin: 0px;
            padding: 0px 7px;
            border-left: 1px solid #c6c6c6;
        }

        ul.subjects > li:last-child a {
            border-left: none;
        }

        ul.subjects > li:not(:first-child):hover {
            border-bottom: 3px solid #e9a10d;
        }

        ul.subjects > li:first-child {
            width: 98px;
            height: 33px;
            line-height: 36px;
            text-align: right;
            background: url('/Views/Shared/siteheader/images/menu-lead-bg.png');
            background-repeat: no-repeat;
            background-position: left 4px;
            background-size: auto 100%;
            border-bottom: 0px !important;
            padding-right: 6px;
            font-size: 14px;
            font-weight: 900;
            border-right: 1px solid #f2f2f2;
        }

        ul.subjects > li > a {
            color: #545454;
            /*font-weight: bold;*/
        }

            ul.subjects > li > a:hover {
                border-bottom: 0px !important;
            }


ul.subjects {
    position: relative;
    /* top: 6px; */
    display: inline-block;
    margin-top: 7px;
    background-color: #f7f7f7;
    border: 1.5px solid #dbdbdb;
    color: #666666;
    height: 30px;
}

    ul.subjects.right-subjects {
        /*width: 58%;
        float: right;*/
        max-width: 100%;
        float: right;
        margin-right: 22px;
        margin-top: 3px;
    }

    ul.subjects.left-subjects {
        width: 43%;
        float: left;
    }

        ul.subjects.left-subjects li:first-child {
            text-align: center;
            padding-right: 0px;
        }

@media only screen and (max-width: 1024px) {
    .subjects-mobile-wrapper {
        position: relative;
        top: -14px;
        padding-top: 9px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

        .subjects-mobile-wrapper div.subjects.subjects-mobile.subjects-left {
            text-align: left;
        }

    ul.subjects {
        display: none;
    }

    .subjects-mobile-wrapper div.subjects.subjects-mobile {
        width: 49.6%;
    }

    section.header_container.stickeyMenu > div.wrapper > div.main_menu_container > div.subjects-mobile-wrapper {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .subjects-mobile-wrapper {
        position: relative;
        top: -14px;
        padding-top: 9px;
        display: block;
        width: 100%;
        text-align: right;
        margin: auto auto;
    }
}

@media only screen and (max-width: 500px) {
    .subjects-mobile-wrapper {
        display: block;
        width: 90%;
        margin: auto auto;
    }

        .subjects-mobile-wrapper div.subjects.subjects-mobile {
            width: 48.9%;
        }
}

ul.social_search_container > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    position: relative;
}

.social_ico {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-position: -79px 0;
    border-radius: 100%;
    color: transparent;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    background-repeat: no-repeat;
    position: relative;
    right: -7px;
    top: 1px;
}

    .social_ico:hover {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

.fb_social {
    background-position: -239px 0;
}

.twt_social {
    background-position: -207px 0;
}

.Gp_social {
    background-position: -175px 0;
}

.yt_social {
    background-position: -143px 0;
}

.ig_social {
    background-position: -111px 0;
}

.rss_social {
    background-position: -79px 0;
}

.member_ship {
    background-color: #e2e2e2;
    color: #565656;
    padding-top: 2px;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-right: 25px;
    position: relative;
    cursor: pointer;
}

    .member_ship:before {
        content: "";
        background-image: url(/Views/Shared/siteportal/images/portal_images.png);
        background-repeat: no-repeat;
        background-position: -279px 0;
        width: 18px;
        height: 24px;
        display: inline-block;
        position: absolute;
        right: 4px;
        top: 1px;
    }

.search_icon {
    width: 30px;
    height: 30px;
    background-color: #e2e2e2;
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: -307px 0;
    cursor: pointer;
}

.wht_srch {
    left: 15px !important;
}

    .wht_srch > .share_icn {
        background-position: 1px -241px;
    }

.media > a {
    transition: 0s;
}

.live_stream {
    font-size: 12px;
    background-color: red;
    color: #fff;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 9px;
    transition: 0s;
    border: solid 1px red;
}

    .live_stream:hover {
        background-color: red;
        color: #fff;
    }

section.header_container.stickeyMenu a.live_stream {
    background: #2D2F31;
    color: #E2E2E2;
    border: solid 1px #E2E2E2;
}

.more {
    position: absolute;
    width: 96.3%;
    right: 0;
    z-index: 9;
    background-color: #eeeeee;
    border: solid 1px #dddddd;
    border-top: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: none;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: -6px;
    margin-right: 0;
}

.stickeyMenu .more {
    width: 100%;
}

.more > ul > li > a {
    font-size: 17px;
    color: #333333;
}

    .more > ul > li > a:hover {
        color: #01317D;
        border-bottom: solid 1px #01317D;
        padding-bottom: 3px;
        transition: 0s;
    }

.more > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-left: 1%;
}

    .more > ul > li:after {
        content: "|";
        color: #E0E0E0;
        position: relative;
        right: 10px;
    }

    .more > ul > li:last-child:after {
        content: "";
    }

    .more > ul > li:last-child {
        margin-left: 0;
    }

.blue_strip {
    background-color: #2575bc;
    background-image: -moz-linear-gradient(top right -100deg,#00317d 40%,#00072e 100%);
    background-image: -webkit-linear-gradient(-100deg,#00317d 40%,#00072e 100%);
    background-image: linear-gradient(top right -100deg,#00317d 40%,#00072e 100%);
    padding-top: 10px;
    padding-bottom: 1px;
}

.blue_strip_item > a > img {
    max-width: 119px;
    width: 38%;
    border: solid 1px #5f7dad;
}

.blue_strip_item > a > div > h1 {
    font-size: 15px;
    color: #fff;
    max-height: 50px;
    overflow: hidden;
}

.blue_strip_item > a > div > time {
    font-size: 11px;
    color: #cbcbcb;
}

.blue_strip_item > a > div {
    display: inline-block;
    vertical-align: top;
    width: 57%;
    margin-right: 0.8%;
}

.blue_strip_item {
    display: inline-block;
    vertical-align: top;
    width: 26%;
    border-left: solid 1px #335a97;
    margin-left: 0.8%;
    direction: rtl;
}

    .blue_strip_item.weather_area {
        width: 17%;
        border-left: none;
        padding-top: 10px;
    }

.weather_area > img, .weather_area > div {
    vertical-align: middle;
}

.weather_area > div {
    margin-right: 3%;
}

.weather_area > img {
    border: none;
    max-width: 51px;
}

.blue_strip_item > a > div > p {
    color: #fff;
    font-weight: bold;
}

.city_Big_Min, .blue_strip_Weather {
    display: inline-block;
    vertical-align: top;
}

.blue_strip_Weather {
    max-width: 70px;
    width: 100%;
}

.city_Big_Min > h1, .city_Big_Min > h1 a {
    color: #fff;
}

a {
    transition: 0.3s;
}

.header_container + div#site-content {
    margin-top: 30px;
}

h1.header > a {
    color: #333333;
    transition: 0.3s;
}

    h1.header > a:hover {
        color: #8B8B8B;
    }

.image_a > img {
    //transform: scale(1.1);
    transition: 0.5s;
}

    .image_a > img:hover, .share:hover > .image_a > img {
        //transform: scale(1);
    }

time {
    font-size: 12px;
    font-family: Al-Jazeera-Arabic-regular, "arabic typesetting", serif;
}

.summary_p {
    font-size: 16px;
    line-height: 20px;
}

.image_a {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
/*site header and structer css*/

/*shared style*/
.main_h1 {
    padding-top: 27px;
}

.container_for_boarder > h1.header.main_h1 {
    padding-top: 5px;
}

.main_h1 > a {
    font-size: 24px;
}

.right_area_container, .left_area_container {
    display: inline-block;
    vertical-align: top;
}

.gray_border {
    border: solid 1px #dddddd;
}

.blue_top_border {
    border-top: solid #2575bc 4px;
}

.black_top_border {
    border-top: solid #2d2f31 4px;
}

.white_bg {
    background-color: #ffffff;
}

.left_area_container {
    width: 26.23%;
    margin-right: -4px;
}

.right_area_container {
    width: 73.771%;
}

section#main_body_container {
    margin-top: 30px;
    margin-bottom: 30px;
}

.pad_box {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 18px;
}

span.vertical_seperator {
    display: block;
    border-top: solid 1px #dddddd;
    margin-top: 12px;
    margin-bottom: 20px;
    display: none;
}

.main_area + span.vertical_seperator, .sub_area_one.SectionA + span.vertical_seperator {
    display: block;
}

.stantdard_summary_h1 > a {
    font-size: 18px;
}

.stantdard_summary_h1 {
    position: relative;
    z-index: 1;
    top: -8px;
    margin-bottom: -7px; /*
    background-color: #fff; activate on images animation*/
}

.meta {
    display: inline-block;
    color: #888;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.4em;
    font-family: Al-Jazeera-Arabic-Regular,"arabic typesetting",serif;
}

    .meta a {
        font-weight: 600;
        color: #2575bc;
    }

        .meta a:hover {
            color: #004593;
        }

ul.subjects > li > a:hover {
    color: #004593;
}

.half_half_area > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

    .half_half_area > div:last-child {
        margin-right: -4px;
    }

.black_area {
    background-color: #2d2f31;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.main_TBC > div {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 33.277%;
    margin-left: 0.133%;
    font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #5f5f5f;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .main_TBC > div:first-child {
        margin-right: 0;
    }

    .main_TBC > div:last-child {
        margin-left: 0;
    }

.main_TC {
    padding: 10px;
    padding-top: 10px;
}

.active_TBC, .main_TC, .latestN_barq_area {
    background-color: #404040 !important;
}

    .main_TC > div {
        height: 0;
        opacity: 0;
        overflow: hidden;
        display: block !important;
    }

.show_tab_active_tab {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
}

.play_icn {
    position: relative;
}

    .play_icn:after {
        content: "";
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(/Views/Shared/siteportal/images/portal_images.png);
        background-repeat: no-repeat;
        background-position: -158px -35px;
        bottom: 9px;
        right: 0;
        position: absolute;
        background-color: rgba(0,0,0,0.39);
        transition: 0.3s;
    }
/*.share.play_icn:hover:after {
    bottom: 39px;
}*/
/*End shared style*/

/*share styles*/
.share, .share_mod {
    position: relative;
    /*  display: inline-block;
    width: 100%;
    min-height: 38px;*/
}

.share_container {
    position: absolute;
    left: 0;
    top: 0;
}
    /*.share:hover >*/ .share_container:hover {
        /*width:100%;*/
        /*bottom: 8px;*/
    }
        /*.share:hover >*/ .share_container:hover > .main_share_ctrl {
            /*display:none;*/
        }

.main_share_ctrl, .social_share_container {
    /*font-size: 12px;
     font-weight: bold;*/
}

    .main_share_ctrl:before {
        /*content: "";
         display: inline-block;
         width: 12px;
         height: 14px;
         background-image: url(/Views/Shared/siteportal/images/portal_images.png);
         background-repeat: no-repeat;
         background-position: -118px -44px;
         position: relative;
         top: 4px;
         right: -6px;*/
    }

.Body_windows .social_share_container, .social_share_container {
    position: absolute;
    background: rgba(255,254,255,0.9);
    border: solid 2px #69a3d5;
    left: -11px;
    /*min-width: 83px;*/
    border-radius: 10px;
    direction: ltr;
    padding: 10px;
    top: 27px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    z-index: 999;
    height: 0;
    overflow: hidden;
}

article.new_news_article {
    border-bottom: solid 1px #616161;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 98%;
}

.share_container:hover > .social_share_container {
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: visible;
}
/*.share:hover > */ .share_container:hover > .social_share_container {
    //display:block;
}

.media {
    display: block;
    margin-bottom: 10px;
}

    .media:last-child {
        margin-bottom: 0;
    }

.media_icn, .media_counter {
    display: inline-block;
    vertical-align: top;
}
/*span.media_icn {
    font-size: 8px !important;
    line-height: 16px;
}*/
.media_google_plus {
    width: 32px;
    height: 17px;
    background-color: #d54837;
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: -222px -74px;
    border-radius: 100%;
}

.media_counter {
    position: relative;
    top: 3px;
    left: 2px;
    min-width: 48px;
    text-align: center;
}

    .media_counter:before {
        /*content: "";
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: -293px -82px;
    width: 4px;
    height: 6px;
    display: block;
    position: absolute;
    left: -4px;
    top: 5px;*/
    }

.media_icn {
    font-family: monospace;
    font-size: 10px;
}

.media_tweet {
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: -107px -230px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

    .media_tweet:before {
        /*content: "";
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: -174px -77px;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 4px;
    top: 3px;*/
    }

.media_face_book {
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: -62px -230px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.media_google_plus {
    width: 30px;
    height: 30px;
    background-image: url(/Views/Shared/shared/images/stickey_share_icons.png);
    background-repeat: no-repeat;
    background-size: 815%;
    background-position: -71px 0px !important;
}

.media_face_book:before {
    /*content: "";
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: -120px -77px;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 4px;
    top: 3px;*/
}

.share_mod .share_container {
    // background-color: rgb(246, 246, 246);
    // color: #000;
    // top: 0;
    // bottom: inherit;
}
/*End share styles*/
/*stickey styles*/
.stickeyMenu {
    position: fixed;
    top: 0;
    width: 100%;
    right: 0;
    background-color: #2d2f31;
    z-index: 9999999999;
    padding: 0;
    /*height: 47px;*/
    padding-top: 2px;
    border-bottom: solid 1px #E6BE61;
}

    .stickeyMenu .main_menu_container > div:first-child {
        border: none;
        position: static;
    }

    .stickeyMenu .wrapper {
        position: static;
    }

    .stickeyMenu .main_menu_container {
        display: inline-block;
        margin-right: -4px;
        padding-top: 10px;
        width: 88.65%;
    }

    .stickeyMenu .logo > a {
        background-image: none;
        background-repeat: no-repeat;
        width: auto;
        height: auto;
        display: block;
    }

    .stickeyMenu .logo {
        display: inline-block;
        vertical-align: top;
        padding-right: 0;
        margin-left: 3%;
        width: 5.388%;
    }

    .stickeyMenu .D_menu > li > a {
        color: #fff;
    }

    .stickeyMenu .drop:after {
        border-top-color: #FFF;
    }

.static_show_menu {
    background-color: #F6F6F6;
    border: solid 1px #F6F6F6;
    border-top: solid 1px #E6BE61;
    padding-bottom: 8px;
}

.more.static_show_menu > ul > li > a {
    color: #333;
    font-size: 13px;
}

    .more.static_show_menu > ul > li > a:hover {
        color: #01317D;
        border-bottom: solid 1px #01317D;
        padding-bottom: 3px;
        transition: 0s;
    }
/*End stickey styles*/
/*footer styles*/
.footer {
    background-color: #4d5154;
    padding-bottom: 20px;
}

    .footer > .wrapper > div:first-child {
        width: 175px;
        padding-top: 20px;
        padding-bottom: 15px;
        padding-right: 3px;
        margin: 0 auto;
        display: none;
    }

    .footer > .wrapper > div:nth-child(2) {
        border-top: solid 1px #5e6266;
        border-bottom: solid 1px #5e6266;
        padding-bottom: 20px;
    }

.ul_footer_container > div {
    display: inline-block;
    margin-right: -4px;
    margin-left: 3.28%;
    width: 13.97%;
    vertical-align: top;
    margin-top: 22px;
}

    .ul_footer_container > div:first-child {
        margin-right: 0;
    }

    .ul_footer_container > div:last-child {
        margin-left: 0;
    }

.footer_header > a, .footer_header {
    color: #fff;
    font-size: 18px;
}

.footer_ul > li > a {
    font-size: 15px;
    display: block;
    color: #bbc5cc;
    transition: 0.5s;
}

    .footer_ul > li > a:hover {
        color: #E6BE61;
    }

h1.footer_header {
    margin-bottom: 10px;
}

.ext_pad {
    padding-top: 20px;
}

.small_footer_ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    margin-left: 20px;
}

    .small_footer_ul > li:first-child {
        margin-right: 0;
    }

    .small_footer_ul > li:last-child {
        margin-left: 0;
    }

    .small_footer_ul > li > a {
        color: #bbc5cc;
        font-size: 13px;
        font-weight: normal;
    }

        .small_footer_ul > li > a:hover {
            color: #E6BE61;
        }

.search-footer-div {
    display: inline-block;
    float: left;
}

.mod_position_ftr {
    display: inline-block;
    vertical-align: top;
}

span.by-iho > a {
    position: relative;
    top: 8px;
}

.copyright {
    position: relative;
    top: 4px;
    color: #B1BBC2;
}
/*End footer styles*/

/*left_area css*/
.left_top_container {
    padding-right: 20px;
    margin-top: -20px;
}

.latestN_barq_area .active_TBC {
    color: #fff !important;
}

.latestN_barq_area .main_TBC > div {
    background-color: #404040;
}

.latestN_barq_area .main_TBC > div {
    font-family: Al-Jazeera-Arabic-regular, "arabic typesetting", serif;
    color: #a0a0a0;
    white-space: nowrap;
}

    .latestN_barq_area .main_TBC > div:first-child {
        position: relative;
    }

        .latestN_barq_area .main_TBC > div:first-child:after {
            content: "|";
            position: absolute;
            left: 6px;
            color: #A0A091;
        }

.Ergent {
    background-color: #e40000;
    color: #fff;
    font-family: Greta;
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    /*margin-left: 5px;*/
    width: 48px;
    display: inline-block;
    text-align: center;
}

.Telegrams_article h1.header.stantdard_summary_h1 > a {
    color: #eba820;
    margin-right: 1%;
    font-size: 15px;
}

.Telegrams_article a.send_frnd_telegrams {
    display: inline-block;
    width: 25px;
    height: 22px;
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: 0px -127px;
    position: relative;
}

    .Telegrams_article a.send_frnd_telegrams.telegrams_user {
        background-position: -110px -318px;
        background-color: #fff;
    }

    .Telegrams_article a.send_frnd_telegrams.telegrams_gp {
        background-position: 0px -318px;
        background-color: #fff;
    }

    .Telegrams_article a.send_frnd_telegrams.telegrams_fb {
        background-position: -35px -318px;
        background-color: #fff;
    }

    .Telegrams_article a.send_frnd_telegrams.telegrams_twt {
        background-position: -71px -318px;
        background-color: #fff;
    }

.photoGallery_telegrams {
    position: relative;
}

    .photoGallery_telegrams > a {
        position: absolute;
        width: 100%;
        height: 94%;
        display: block;
        background: rgba(0,0,0,.5) url('/Views/Shared/shared/images/tele-album.png') no-repeat center center;
        top: 0;
        right: 0;
    }

.no_curser a {
    cursor: context-menu;
}

.Telegrams_article h1.header.stantdard_summary_h1 > a:first-child {
    margin-left: 0;
}

article.Telegrams_article > .share, .opinion_articles_container .share, .vote_container .share {
    /*padding-bottom: 48px;*/
}

article.Telegrams_article time, article.Telegrams_article .meta {
    color: #fff;
}

article.Telegrams_article .summary_p {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 5px;
}

.Telegrams_article .related_topics_areas .meta > a {
    color: #ffbd1f;
}

article.Telegrams_article {
    border-bottom: solid 1px #616161;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 98%;
}

    article.Telegrams_article:last-child {
        border-bottom: none;
    }

    article.Telegrams_article:first-child {
        margin-top: 0;
    }

.latestN_barq_area {
    padding: 10px;
    padding-top: 5px;
    margin-top: 20px;
    position: relative;
}

    .latestN_barq_area .main_TC > div {
        padding: 0;
    }

.all_article_telegrams {
    padding-left: 10px;
    max-height: 860px;
    /*overflow-y: auto;*/
    padding-left: 17px;
}

    .all_article_telegrams:hover {
        padding-left: 0;
        overflow-y: scroll;
    }

.more_telegrams {
    display: block;
    color: #fff;
    text-align: center;
    background-color: #313131;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Al-Jazeera-Arabic-Regular,"arabic typesetting",serif;
    position: absolute;
    width: 100%;
    right: 0;
}

    .more_telegrams:hover {
        color: #ffbd1f;
    }

section.banner_L_area {
    margin: 0 auto;
    margin-bottom: -9px;
    margin-top: 20px;
    width: 100%;
}

section.opinion_articles_section {
    margin-top: 20px;
    border: solid 2px #e6e6e6;
    background-color: #fff;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    position: relative;
    z-index: 1;
}

.opinion_articles_section > h1 > a {
    color: #333333;
    font-family: Greta;
    font-weight: bold;
    font-size: 14px;
}

.opinion_img_holder, .opinion_other_holder {
    display: inline-block;
    vertical-align: top;
}

.opinion_img_holder {
    width: 16.832%;
}

.opinion_other_holder {
    margin-right: -4px;
    width: 83.3%;
}

.opinion_img_holder > img, .opinion_img_holder > figure > a > img {
    border: solid 2px #c9c9c9;
}

.opinion_other_holder > div {
    padding-right: 12px;
}

.opinion_articles_container .share_container {
    /*background-color: #e4e4e4;
    color:#333333;*/
    left: 15px;
}

a.writer_name {
    font-weight: bold;
    color: #333333;
    font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

.opinion_other_holder .stantdard_summary_h1 > a {
    color: #2274c6;
    font-size: 15px;
}

    .opinion_other_holder .stantdard_summary_h1 > a:hover {
        color: #333333;
    }

.opinion_articles_container {
    max-height: 430px;
    padding-left: 10px;
    overflow: hidden;
    padding-left: 17px;
}

    .opinion_articles_container:hover {
        overflow-y: auto;
        padding-left: 0;
    }

    .opinion_articles_container > article {
        border-bottom: solid 2px #F1F1F1;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .opinion_articles_container > article:last-child {
            border-bottom: none;
        }

.opinion_articles_section > h1 {
    padding-bottom: 10px;
}
/*End left_area css*/

/*left_area bottom css*/
section.vote_opinion_container, section.caricature_gallery_container, .most_container, .live_news {
    margin-top: 20px;
}

    .vote_opinion_container .main_TBC > div, .caricature_gallery_container .main_TBC > div, .most_container .main_TBC > div {
        background-color: #fff;
        color: #8b8b8b;
        font-size: 14px;
        /*border: solid 2px #fff;
    border-bottom: none;*/
        white-space: nowrap;
    }

    .vote_opinion_container > .big_tabs_container > .main_TBC > div.active_TBC, .live_news > .big_tabs_container > .main_TBC > div.active_TBC, .caricature_gallery_container > .big_tabs_container > .main_TBC > div.active_TBC, .most_container > .big_tabs_container > .main_TBC > div.active_TBC {
        background-color: #fff !important;
        color: #333333;
        border: solid 2px #e6e6e6;
        border-bottom: none;
        width: 30%;
        white-space: nowrap;
    }

    .live_news > .big_tabs_container > .main_TC, section.vote_opinion_container > .big_tabs_container > .main_TC, .caricature_gallery_container > .big_tabs_container > .main_TC, .most_container > .big_tabs_container > .main_TC {
        background-color: #fff !important;
        border: solid 2px #E6E6E6;
        margin-top: -2px;
    }

.vote_container > .share > h1 {
    /* color: #333333;*/
}

.radio_vot {
    color: #333333;
    font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
    font-size: 18px;
    margin-top: 15px;
}

.vote_controlles {
    text-align: center;
    margin-top: 20px;
}

    .vote_controlles > button {
        background-color: #2274c6;
        border: none;
        color: #fff;
        padding: 5px;
        font-family: Al-Jazeera-Arabic-regular, "arabic typesetting", serif;
        font-size: 12px;
        cursor: pointer;
        padding-left: 10px;
        padding-right: 10px;
    }

.caricature_container .share_container {
    /*bottom: 0;*/
}

.caricature_container > a {
    background-color: #2274c6;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Al-Jazeera-Arabic-Regular,"arabic typesetting",serif;
}

.left_news_container > article {
    margin-top: 20px;
}

section.left_news_header_container {
    border-bottom: solid 4px #2d2f31;
    padding-bottom: 10px;
}

.custom_numbers > li {
    color: #999;
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: .25em 0;
    clear: both;
    font-size: 14px;
    padding-right: 30px;
}

.custom_numbers {
    counter-reset: li;
}

    .custom_numbers > li:after {
        content: counter(li);
        counter-increment: li;
        color: #ccc;
        text-align: right;
        width: 1em;
        font-size: 20px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .custom_numbers > li > a {
        color: #2274c6;
        font-family: Al-Jazeera-Arabic-bold,"arabic typesetting",serif;
        font-size: 14px;
    }

        .custom_numbers > li > a:hover {
            color: #cccccc;
        }

.live_news .main_TBC > div {
    width: 120px !important;
    font-size: 13px !important;
}

    .live_news .main_TBC > div > img {
        width: 8px;
        margin-right: .2em;
    }

.live_news_container time {
    color: #333;
    display: inline;
    font-size: 15px;
    font-weight: 700;
    margin-left: 5px;
}

.live_news_container li {
    font-family: Al-Jazeera-Arabic-Bold,"arabic typesetting",serif;
    font-size: 13px;
}

.live_news_container {
    max-height: 430px;
    overflow-y: auto;
}
/*End left_area bottom css*/

/*mobile menu css*/
.mobile_menu {
    background-color: rgb(34, 34, 34);
    width: 60%;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    display: none;
    left: -60%;
    transition: 0.5s;
    z-index: 10;
}

.backArrow:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-top: 4%;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-color: rgba(255, 255, 255, 0.3);
    border-right: none;
    border-bottom: none;
    left: 22px;
}

.mobSocialMenuDiv {
    display: none;
    position: absolute;
    top: 70%;
    left: 0;
    z-index: 999;
    background-color: white;
    border: solid 1px #e2e2e2;
    padding: 5px;
    width: 100%;
    background-color: #e2e2e2;
}

.desk_top_site {
    position: relative;
    left: 0;
    transition: left 0.5s;
}

.c_30, .c_60 {
    display: inline-block;
    vertical-align: top;
}

.c_30 {
    width: 31.563%;
}

div#bluestripweather > a > .blue_strip_Weather, div#bluestripweathermobile > a > .blue_strip_Weather {
    display: inline-block;
    max-width: 40px;
    vertical-align: top;
}

div#bluestripweathermobile > a > .blue_strip_Weather {
    -webkit-filter: invert(50%);
}

div#bluestripweather > a > .city_Big_Min, div#bluestripweathermobile > a > .city_Big_Min {
    font-size: 10px;
    width: 65px;
}

    div#bluestripweather > a > .city_Big_Min > h1, div#bluestripweathermobile > a > .city_Big_Min > h1 {
        color: #2475B0;
    }

.c_60 {
    margin-right: -4px;
    width: 68.4%;
    text-align: left;
}

.mobile_header {
    background-color: #fff;
    padding-top: 10px;
    margin-bottom: -3px;
    display: none;
}


.mobile_live_open_menu > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    margin-left: 3%;
}

.logo_mobile_container img {
    width: 85px;
}

.mobile_live_open_menu > ul > li:first-child {
    margin-right: 0;
}

.mobile_live_open_menu > ul > li:last-child {
    margin-left: 0;
}

li.mobile_menu_icn > hr {
    border: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 4px;
    background-color: #fff;
    margin-right: 7px;
    margin-top: 2px;
}

    li.mobile_menu_icn > hr:first-child {
        margin-top: 7px;
    }

.mobile_menu_icn {
    background-color: #0f67a9;
    width: 30px;
    height: 30px;
}

.mobile_menu ul li a, .back_to_prev_menu {
    line-height: 25px;
    display: block;
    padding: 10px 20px 10px 10px;
    font-family: Al-Jazeera-Arabic-Regular,"arabic typesetting",serif;
    font-size: 20px;
    margin: 0;
    color: #fff;
}

.mobile_menu ul li {
    border-bottom: solid 1px black;
}

li.has_child {
    position: relative;
}

    li.has_child > ul {
        position: fixed;
        left: 160%;
        transition: 0.5s;
        top: 0;
        background-color: #222222;
        height: 100%;
        overflow-y: auto;
        width: 60%;
        z-index: 9;
    }

    li.has_child span {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 14px;
        left: 20px;
    }

        li.has_child span > hr {
            border: none;
            line-height: 0;
            margin: 0;
            padding: 0;
            width: 16px;
            height: 4px;
            background-color: #fff;
            margin-right: 7px;
            margin-top: 2px;
        }

.weather_mobile_container > a, .weather_mobile_container > span {
    display: inline-block;
    vertical-align: top;
}

.weather_mobile_container {
    width: 130px;
}

    .weather_mobile_container > span > a {
        font-size: 11px;
        color: #00317d;
        display: block;
    }

.lSSlideOuter .lSPager.lSpg {
    padding-bottom: 10px;
}

.social_mobile_btn {
    width: 30px;
    height: 30px;
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: 8px -158px;
    background-color: #E1E1E1;
}

.blue_strip_container .lSSlideWrapper.usingCss {
    background-color: #2575bc;
    background-image: -moz-linear-gradient(top right -100deg,#00317d 40%,#00072e 100%);
    background-image: -webkit-linear-gradient(-100deg,#00317d 40%,#00072e 100%);
    background-image: linear-gradient(top right -100deg,#00317d 40%,#00072e 100%);
    margin-top: 22px;
}

.blue_strip_container {
    margin-bottom: 20px;
    direction: ltr;
}

.initial_slider {
    height: 0;
    overflow: hidden;
}

li.mobile_menu_icn {
    position: relative;
    z-index: 9999999;
}
/*End mobile menu css*/

/*css for ocurdion  function*/
.occ_container {
    position: relative;
    border: solid 3px #e6e6e6;
    padding: 10px;
    margin-bottom: 20px;
}

    .occ_container:before {
        content: "";
        position: absolute;
        top: 22px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid black;
    }

    .occ_container.openArrow:before {
        content: "";
        position: absolute;
        top: 22px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid black;
        border-bottom: 0;
    }

.header_container + .occ_container {
    margin-right: 20px;
    margin-left: 20px;
    background-color: #404040;
    color: #fff;
    border: solid 3px #404040;
}

    .header_container + .occ_container:before {
        content: "";
        position: absolute;
        top: 22px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff;
    }

    .header_container + .occ_container.openArrow:before {
        content: "";
        position: absolute;
        top: 22px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        border-bottom: 0;
    }

.moving_occ > .opinion_articles_section > h1 {
    display: none;
}

.moving_occ > .opinion_articles_section {
    border: none;
    padding: 0;
}

.moving_occ > .gray_border.blue_top_border.white_bg.pad_box {
    border: none;
    padding: 0;
}

    .moving_occ > .gray_border.blue_top_border.white_bg.pad_box > h1, .moving_occ > .more_news_container > .RR_area > .container_for_boarder > .header main_h1 {
        display: none;
    }
/*End css for ocurdion  function*/


/*urgent news*/
.urgent_main_news {
    background-color: #C70304;
    color: #fff;
    margin-top: -11px;
}

.stickeyMenu .urgent_main_news {
    margin-top: -2px;
}

.padding_style_for_fixed_sub_menu {
    padding-bottom: 30px;
}

.stickeyMenu .padding_style_for_fixed_sub_menu {
    padding-bottom: 41px;
}

.urgent_contaner > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    margin-left: 1%;
    float: none;
}

    .urgent_contaner > div:first-child {
        margin-right: 0;
        font-size: 20px;
        width: 10%;
        text-align: center;
    }

    .urgent_contaner > div:nth-child(2) {
        width: 65%;
    }

    .urgent_contaner > div:last-child {
        margin-left: 0;
        width: 22.6%;
        text-align: left;
    }

.urgent_contaner {
    font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
}

    .urgent_contaner > div:last-child > a {
        display: inline-block;
        vertical-align: top;
        width: 23px;
        height: 18px;
        background-image: url(/Views/Shared/siteportal/images/portal_images.png);
        background-position: 0 0;
        background-repeat: no-repeat;
    }

.send_ugent_frnd {
    background-position: -291px -129px !important;
}

.fb_ugent_share {
    background-position: -331px -129px !important;
}

.twt_ugent_share {
    background-position: -365px -130px !important;
}
/*End urgent news*/
/*membership*/
.member_ship_ctrls, #login-error {
    position: absolute;
    top: 30px;
    background-color: rgba(255,255,255,0.95);
    width: 250px;
    left: 0;
    padding: 20px;
    z-index: 10;
    border: solid 2px #848484;
    border-radius: 3px;
    padding-top: 10px;
    display: none;
}

.img-thumb {
    width: auto;
    margin-left: 1px;
    vertical-align: middle;
}

.img-thumb {
    margin-top: 0;
    border-radius: 100%;
}

.label_input_membership {
    position: relative;
    text-align: right;
}

.member_ship_ctrls .error-div {
    position: initial;
    background-color: initial;
    color: initial;
    padding: initial;
    left: initial;
    width: initial;
    top: initial;
    text-align: initial;
}

.member_ship_ctrls .error-div {
    position: absolute;
    background: #C8231A;
    width: 97% !important;
    bottom: 0px;
    color: #fff;
    height: 28px !important;
    padding-right: 10px;
}

#login-error-image {
    width: 40px;
    height: 40px;
    float: right;
}

.nav-account {
    color: #999;
    font-weight: 400;
}

#account-logged .nav-account {
    padding: 3px;
    padding-right: 17px;
    font-weight: bold;
    background: url('/Views/Shared/shared/images/media/black-arrow.png') no-repeat 52px 13px;
}

.loggingHover {
    color: #999999 !important;
}

#login-error input[type='submit'], #login-error input[type='button'] {
    margin-right: 35px;
    clear: both;
    border: 0px solid #fff;
    color: #fff;
    padding: 5px 20px;
    float: right;
    background-color: #4285e1;
    font-family: Greta, "arabic typesetting", serif;
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 16px;
}

#login-error-text {
    float: right;
    width: 195px;
    font-size: 15px;
    margin-right: 15px;
    text-align: justify;
}

#account-menu {
    display: none;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    position: absolute;
    left: 0px;
    width: 56px;
    top: 40px;
    margin: 0px;
    padding: 0px;
    z-index: 9;
}

    #account-menu li {
        margin: 7px 0px !important;
        text-align: center;
        font-weight: bold;
        width: 100%;
        float: none !important;
        clear: both !important;
    }

    #account-menu a {
        color: #646464;
    }

        #account-menu a:hover {
            background-color: #eaeaea;
            width: 100%;
        }

.cls_member_ship_ctrls {
    text-align: left;
    cursor: pointer;
    color: #2274C6;
}

.label_input_membership > input {
    width: 95%;
    padding: 5px;
    color: #777;
}

a.forget_password {
    font-size: 11px;
    display: block;
    text-align: center;
    margin-top: 5px;
    float: none !important;
}

.log_in_membership {
    width: 100%;
    margin-top: 10px;
    font-family: Al-Jazeera-Arabic-Regular;
    background-color: #4285e1;
    border: none;
    color: #fff;
}

.membership_ctrls > a {
    font-size: 12px;
    display: inline-block;
    margin-right: -4px;
    margin-left: 0;
    margin-left: 3%;
    width: 31.3%;
    text-align: center;
}

    .membership_ctrls > a:first-child {
        margin-right: 0;
        text-align: right;
    }

    .membership_ctrls > a:last-child {
        margin-left: 0;
        text-align: left;
    }
/*End membership*/

/*search css*/
.search_container {
    position: absolute;
    top: 30px;
    background-color: rgba(255,255,255,0.95);
    width: 250px;
    left: 0;
    padding: 20px;
    z-index: 10;
    border: solid 2px #848484;
    border-radius: 3px;
    padding-top: 10px;
    display: none;
}

    .search_container > input {
        width: 95%;
        padding: 5px;
        color: #777;
    }

    .search_container > button {
        width: 100%;
        margin-top: 10px;
        font-family: Al-Jazeera-Arabic-Regular;
        background-color: #4285e1;
        border: none;
        color: #fff;
    }
/*End search css*/
/*latest news left area*/
.new_news_container {
    padding-left: 10px;
    max-height: 860px;
    overflow-y: auto;
}

.new_news_article > article {
    border-top: solid 1px #616161;
}

.new_news_article > h1.header.stantdard_summary_h1 > a {
    color: #eba820;
    font-size: 16px;
}

.new_news_article > time {
    color: #fff;
}

.new_news_article .prog_name > a {
    color: #404040;
    pointer-events: none;
}

.left_right_area_container {
    margin-bottom: 20px;
}


/*end latest news left area*/
div#left-banner iframe {
    width: 100%;
}

div#stwrapper {
    display: none;
}

.mobile_menu_s {
    display: none;
}

.photoGallery-tele_Portal {
    background: rgba(0,0,0,0.5) url('/Views/Shared/shared/images/tele-album.png') no-repeat center center;
}

.black_area .main_TC .loading_gold {
    //min-height: 300px;
}

.loading_gold {
    background-image: url('/Views/Shared/siteportal/images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

div#main-banner {
    margin: 0 auto;
    /*width: 59.673%;*/
    padding-bottom: 0;
}


.linkTimeHolder ul.list.list-mod {
    width: 100%;
}

    .linkTimeHolder ul.list.list-mod > li > a {
        font-size: 12px;
        font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
    }





/*vote*/
.btns-vote {
    display: inline-block;
    background-color: #4285E1;
    color: #fff;
    border: none;
    outline: none;
    padding: 7px;
}

h2.new-vote-update-more {
    text-align: left;
    font-size: 13px;
}

.table-cell .btns-vote {
    font-size: 13px;
    padding: 4px;
}


.pollsection > article {
    position: relative;
    display: inline-block;
    border-bottom: solid 1px #E2E2E2;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}
/*End vote*/

#encyc_slider {
    overflow: hidden;
}

#login-box {
    margin-top: 0 !important;
}

.share.shareLiveStream {
    /*display: block;*/
}

.fixed {
    padding-top: 30px;
}

.filternav .drop:after {
    border: none !important;
}

.containing-block {
    width: 100%;
}

.outer-container {
    position: relative;
}

.blurb.t4.t-floatright.d4.d-floatright .pollsection > article {
    width: 100% !important;
    padding-bottom: 55px !important;
    margin: 0 !important;
}


div#small-photo-gallery {
    overflow: hidden !important;
}

.opinion_articles_container .share { /*width: 100%;*/
}
/*.blurb.t4.t-floatright.d4.d-floatright .pollsection>article .share_container {display: none;}  */
.blurb.t4.t-floatright.d4.d-floatright .pollsection > article .share_container .media { /*line-height: 17px;position: relative;top: 6px;*/
}

.latestN_barq_area .main_TBC > div:first-child:after {
    content: "|";
    position: absolute;
    left: 6px;
    color: #A0A091;
    border-left: solid 1px #616161;
    color: transparent !important;
    height: 15px;
    margin-top: 7px;
    overflow: hidden;
}

.stickey_icn_mobile {
    position: fixed !important;
    left: 20px;
    z-index: 999999999 !important;
    transition: 0.5s;
}
/* Context Menu *************************/
.custom-menu {
    text-align: center;
    z-index: 9999999;
    position: fixed;
    background-color: #ececec;
    border: 1px solid #666666;
    left: 0px;
    top: 12px;
    min-width: 99px;
    height: 29;
    display: none;
    border-radius: 5px;
}

    .custom-menu.extra-width {
        width: 201px;
        height: 144px;
    }

.mobile-context-menu.extra-width {
    margin-left: -100px !important;
    margin-top: -72px !important;
}

.custom-menu li {
    margin: 5px 0px;
    padding: 3px 7px;
    font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
    font-size: 14px;
    cursor: pointer;
    color: #616161;
    display: inline-block;
    font-size: 12px !important;
}

    .custom-menu li:first-child {
        background-image: none;
    }

    .custom-menu li:nth-child(2), .custom-menu li:nth-child(3) {
        padding-right: 8px;
        border-right: 1px dotted #666;
    }

    .custom-menu li:last-child {
        background-image: none;
        padding: 0px;
        clear: both;
        float: none;
        padding-top: 0px;
        margin: 0px;
        display: none;
    }

.custom-menu a {
    color: #000;
    width: 100%;
}

.extra-width li:last-child {
    width: 100%;
    display: inline-block;
}

.extra-width #defineText {
    display: none;
    width: 96%;
    margin: 0 auto;
}

#defineText {
    display: none;
}

    #defineText textarea {
        border: 1px solid #000;
        color: #000;
        padding: 5px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        background-color: #fff;
        height: 100px;
    }

#menu-back {
    display: none;
    position: fixed;
    width: 100%;
    height: 100% !important;
    z-index: 999999;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0);
}
/**/
.padding_top_tele_mod {
    padding-top: 10px;
}

.latestN_barq_area .active_TBC {
    position: relative;
}

    .latestN_barq_area .active_TBC:before {
        content: "";
        position: absolute;
        bottom: -10px;
        right: 10px;
        margin-left: 0;
        height: 3px;
        width: 85%;
        background: #616161;
        border: none;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
        text-align: left;
    }

.main_TBC > div:last-child.active_TBC:before {
    right: -6px;
    width: 100%;
}

.latestN_barq_area .main_TBC > div {
    padding-bottom: 0;
}

.all_article_telegrams, .new_news_container {
    border-top: solid 1px #616161;
    overflow-y: hidden;
}

.share_icn {
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: 1px -264px;
    width: 20px;
    height: 20px;
    transition: 0.15s;
}

.share_container:hover > .share_icn {
    background-position: -25px -264px;
}

.share_container.wht_srch:hover > .share_icn {
    background-position: -25px -241px;
}

.share_container_element {
    position: relative;
}

.Body_windows .social_share_container:before, .social_share_container:before {
    content: "";
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-repeat: no-repeat;
    background-position: -1px -294px;
    width: 19px;
    height: 9px;
    display: block;
    position: absolute;
    top: -9px;
    left: 9px;
    transform: rotate(0deg);
}

.media:last-child {
    margin-bottom: 0;
}

.relative_position {
    position: relative;
}

.no_curser {
    padding-top: 10px;
}

.new_news_container {
    padding-left: 17px;
}

    .new_news_container:hover {
        overflow-y: scroll;
        padding-left: 0;
    }

.new_news_article .share_container_element time {
    color: #fff;
}

.new_news_article .share_container_element {
    padding-bottom: 10px;
    margin-top: 10px;
}

.share_add .share_container {
    top: 85%;
}
/*slider_mod*/
/*.caricature_container .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}
.caricature_container .owl-item {
    display: none !important;
}
.caricature_container .owl-carousel .owl-stage {
    transform: translate3d(0px, 0px, 0px) !important;
}
.caricature_container .owl-item.active {
    display: block !important;
}*/
/*End slider_mod*/


li#login-box {
    margin: 0;
}

.linkTimeHolder > time {
    display: inline-block;
    width: 95%;
}

.pollsection.tab-area.d-all.d-padinfull.vote-area.show .share_container:hover > .social_share_container, .caricature_container .share_container:hover > .social_share_container {
    top: -113px;
    left: 27px;
}

    .pollsection.tab-area.d-all.d-padinfull.vote-area.show .share_container:hover > .social_share_container:before, .caricature_container .social_share_container:before {
        left: -14px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 115px;
    }

.c_30_60:nth-child(2) {
    border-bottom: solid 1px #E6E6E6;
    margin-bottom: 10px;
}

.c_30_60 {
    width: 90%;
    margin: 0 auto;
}

a.live_stream:before {
    content: "";
    background-image: url(/Views/Shared/siteportal/images/portal_images.png);
    background-position: -137px -200px;
    width: 15px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: -3px;
    top: -2px;
}

.stickeyMenu a.live_stream:before {
    background-position: -164px -200px;
}

.read_more_queen_death > .share_container_element {
    margin: 20px;
}


.blue_ul_li > li > a {
    font-family: Al-Jazeera-Arabic-Bold, "arabic typesetting", serif;
    font-size: 14px;
}

h1.question {
    color: #333333 !important;
    padding-bottom: 10px !important;
    font-size: 1.8rem;
}

.div-radio-vote {
    color: #333333 !important;
    padding-bottom: 5px !important;
}

div#votes > ul > li {
    padding-bottom: 10px;
}

#chooseWeek {
    z-index: 9;
}

.occ_container.mobile_first_occ {
    background-color: #4b4b4b;
    color: #fff;
    margin-left: 20px;
    margin-right: 20px;
}

.occ_container {
    position: relative;
    border: solid 3px #e6e6e6;
    padding: 10px;
    margin-bottom: 20px;
}

    .occ_container.mobile_first_occ:before {
        border-bottom: 5px solid #fff;
    }

    .occ_container.mobile_first_occ.openArrow:before {
        border-top: 5px solid #fff;
        border-bottom: none;
    }

.cls_srch_membership {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

.member_ship_ctrls, .search_container {
    z-index: 9999999999;
}

.caricature_slider_new .item > a {
    color: #323232;
    font-family: Al-Jazeera-Arabic-Bold,"arabic typesetting",serif;
    font-weight: 400;
    padding-bottom: 10px;
    display: block;
}

.vote_opinion_container .caricature_container .item > a {
    background-color: #000;
    color: #fff;
    right: 0;
    padding: 5px;
    font-family: Al-Jazeera-Arabic-Bold,"arabic typesetting",serif;
    font-size: 13px;
    display: block;
}

ul#ui-id-1 {
    z-index: 9999999999;
}

.alight_center_banners {
    margin: 0 auto;
    max-width: 970px;
    /*max-height: 90px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}


.header_container.stickeyMenu > .wrapper {
    padding-bottom: 0;
}

.first-title {
    display: block;
    padding-bottom: 20px;
}

.fill_up_gray_slider > .carousel-row {
    overflow: hidden !important;
}

.fullScreen {
    top: 55px !important;
}

figure.lead.da-all.new-tab-image.main_figure img {
    width: 100%;
    vertical-align: bottom;
}


div#div-gpt-ad-1395743456679-0 {
    background-color: #DDDDDD;
    padding-top: 8px;
    padding-bottom: 8px;
}

.initial_banner_hide {
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.stickeyMenu .date-for-websitePublishOn {
    display: none !important;
}
/**/

/*wrong ftr css*/
.ul_footer_container > div:nth-child(5) > h1:nth-child(3), .ul_footer_container > div:nth-child(5) > .footer_ul:nth-child(4) {
    position: relative;
    top: 57px;
}
/*End wrong ftr css*/

.date-for-websitePublishOn {
    font-size: 12px;
    -moz-box-sizing: border-box;
    font-family: Al-Jazeera-Arabic-regular, "arabic typesetting", serif;
    font-weight: normal;
    display: none;
    padding-top: 2px;
}

.mobileDate {
    font-size: 12px;
    width: 90%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: Al-Jazeera-Arabic-regular, "arabic typesetting", serif;
    font-weight: normal;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: 10px;
}

#left-banner {
    padding-top: 0;
    overflow: hidden;
}
/*loading*/
.spinner {
    margin: 0 auto;
    width: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

    .spinner > div {
        width: 6px;
        height: 6px;
        background-color: #69A3D5;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        margin-left: 3px;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/*End loading*/

/*whatsapp*/
.social_share_container .media .whatsApp {
    background-size: 800%;
    background-image: url(/Views/Shared/shared/images/stickey_share_icons.png) !important;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0 !important;
    display: block;
    color: transparent !important;
}
/*End whatsapp*/
.tabs_2 > div {
    width: 49.93%;
}

.blurb.t4.t-floatright.d4.d-floatright .share_container {
    left: 11px;
}

article.blurb.t4.t-floatright.d4.d-floatright {
    overflow: visible !important;
}

.stickey_share > div > a {
    height: 33px !important;
}

.main_menu_container {
    float: left !important;
}


/*media qrs*/
@media only screen and (min-width: 1280px) {
    .city_Big_Min > h1 {
        padding-right: 10px;
    }

    .blue_strip_item > a > div {
        margin-right: 2.8%;
    }

    .wrapper, .wide_banner {
        width: 95% !important;
    }

    .more > ul > li {
        margin-left: 0.7%;
    }

        .more > ul > li:after {
            right: 5px;
        }
}

@media only screen and (max-width: 1366px) {
    .main_menu_container {
        margin-right: 3%;
    }
}

@media only screen and (max-width: 1349px) {
    ul.social_search_container > li {
        margin-right: 2px;
    }
}

@media only screen and (max-width: 1238px) {
    ul.social_search_container > li {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1216px) {
    .D_menu > li > a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1209px) {
    .main_menu_container {
        margin-right: 2%;
    }
}

@media only screen and (max-width: 1153px) {
    .D_menu > li > a {
        font-size: 14px;
        padding-right: 5px;
        padding-left: 6px;
        padding-bottom: 10px;
    }

    ul.subjects > li {
        font-size: 12px;
        margin-left: 10px;
    }
}

@media only screen and (max-width: 1071px) {
    .main_menu_container {
        margin-right: 1%;
    }

    .D_menu > li > a {
        font-size: 13px;
        padding-right: 3px;
        padding-left: 4px;
        padding-bottom: 9px;
    }
}





@media only screen and (max-width: 1024px) {
    .date-for-websitePublishOn {
        margin-top: 10px;
    }

    .city_Big_Min {
        width: 50%;
        font-size: 13px;
        padding-top: 10px;
    }

    .linkTimeHolder {
        padding-right: 10px;
    }

    .D_menu > li > a {
        font-size: 11px !important;
    }

    .stickeyMenu .D_menu > li > a:before {
        bottom: -2px;
    }

    .stickeyMenu .logo {
        position: relative;
        top: 8px;
    }

    .stantdard_summary_h1 > a {
        font-size: 16px;
    }

    .D_menu > li > a:before {
        display: none;
    }

    .D_menu > li > a.activeMenu:before {
        display: block;
    }
    /*#left-banner, #main-banner {display:none;}*/
    .opinion_articles_container {
        padding-left: 0 !important;
        overflow-y: auto !important;
    }

    time {
        font-size: 9px;
    }


    div#div-gpt-ad-1395743456679-0 {
        display: block;
        overflow: hidden;
    }

    #div-gpt-ad-1395743456679-4 {
        border: none !important;
    }

    .most_container > .big_tabs_container > .main_TBC > div {
        font-size: 10px !important;
        width: 30% !important;
    }
}

@media only screen and (width: 768px) {
    .main_menu_container {
        width: 87% !important;
    }

    .social_search_container {
        width: 34% !important;
        text-align: left;
        position: relative;
        top: -6px;
    }

    .blue_strip_item {
        width: 25%;
    }

    .blue_strip_Weather {
        width: 40%;
    }

    .city_Big_Min {
        width: 55%;
        font-size: 11px;
        padding-top: 10px;
    }

    .blue_strip_item > a > img {
        width: 30%;
    }

    .blue_strip_item > a > div > h1 {
        font-size: 9px;
    }

    .blue_strip_item > a > div > time {
        font-size: 8px;
    }

    .vote_opinion_container > .big_tabs_container > .main_TBC > div.active_TBC, .live_news > .big_tabs_container > .main_TBC > div.active_TBC, .caricature_gallery_container > .big_tabs_container > .main_TBC > div.active_TBC, .most_container > .big_tabs_container > .main_TBC > div.active_TBC {
        width: 48%;
    }

    .main_TBC > div {
        width: 49%;
    }

    .black_area .main_TBC > div {
        width: 33.277% !important;
    }

    .social_ico {
        display: none;
    }

    .headersSection h1, .headersSection > div, .headersSection select {
        font-size: 10px;
    }

    .wrapper, .wide_banner {
        width: 97% !important;
    }

    .live_stream {
        font-size: 10px;
    }

    .right_area_container {
        width: 60%;
    }

    .left_area_container {
        width: 39%;
    }

    .all_article_telegrams, .new_news_container {
        overflow-y: scroll;
        padding-left: 0;
    }

    .main_area > .image_area {
        width: 100% !important;
    }

    .summary_area {
        width: 100% !important;
    }

    a.live_stream:before {
        display: none !important;
    }

    .sub_area_two_left_container > article > div:first-child:first-child {
        width: 100% !important;
    }

    .ifo_sub_area_two {
        width: 100% !important;
    }

    .half_half_area > div {
        width: 100% !important;
    }

    article.sub_area_two_main_article {
        padding-left: 0 !important;
    }

    .sub_area_two_left_container {
        padding-right: 0 !important;
    }

    .RR_article_container > article > div:first-child, .RR_article_container > article > div:last-child {
        width: 90% !important;
    }
}

@media only screen and (max-width: 768px) {
    .urgent_contaner {
        margin-bottom: 10px;
    }

        .urgent_contaner > div {
            font-family: Greta, "arabic typesetting", serif;
            font-size: 12px;
        }

            .urgent_contaner > div:first-child {
                font-size: 14px;
            }

            .urgent_contaner > div:nth-child(2) {
                padding-top: 10px;
                padding-bottom: 5px;
            }
}

@media screen and (min-width:0\0) {
    /*.wide_banner {display:none;}*/
    .left_right_area_container.bg_mod {
        margin-top: 20px;
    }
}

@-moz-document url-prefix() {
    .main_TBC > div {
        width: 33.25%;
    }
}

@media only screen and (max-width: 767px) {
    a.live_stream:before {
        top: 2px;
    }

    .live_stream {
        padding-top: 5px;
        padding-bottom: 4px;
    }

    div#account-login-form {
        z-index: 9999999999;
    }

    .sub_area_two_left_container > article > div:first-child:first-child {
        width: 100% !important;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .social-share {
        position: relative;
        left: 10px;
    }
    /*div#main-banner, .page-section-full-banner {display: none;}*/
    .latestN_barq_area .main_TBC > div:first-child:after {
        content: "";
        border-left: none;
    }

    .latestN_barq_area .active_TBC:before {
        right: 0;
        width: 100%;
    }

    .all_article_telegrams, .new_news_container {
        overflow-y: scroll !important;
        padding-left: 0 !important;
    }

    .main_area > h1 > a {
        font-size: 25px !important;
    }

    .container_for_boarder > h1.header.main_h1, .left_news_header_container > h1.header.main_h1 {
        display: none;
    }

    .wrapper > .wide_banner + .occ_container {
        margin-top: 20px;
    }

    .search-footer-div {
        float: none;
        width: 100%;
    }

    p.copyright.search-footer-copyright.m-all.tb-all.db-all.db-clear {
        font-size: 11px;
    }

    .opinion_articles_container {
        padding-left: 0 !important;
        overflow-y: scroll !important;
    }

    #mobSocialMenu ul.social_search_container > li {
        transform: scale(1.3);
        margin-left: 6%;
        position: relative !important;
        right: 14% !important;
        top: -2px;
    }

    ul.social_search_container {
        width: 100% !important;
    }

    .blue_strip_item {
        width: 100% !important;
        border-left: none !important;
    }

    .black_area {
        padding: 10px;
    }

    .wide_banner {
        /*width: 88%;*/
        margin: 0 auto;
        overflow: hidden;
    }

    #div-gpt-ad-1395743456679-4 {
        border: none !important;
    }

    section.banner_L_area {
        width: 100%;
    }

    .small_banner_area {
        display: none;
    }

    div#left-banner iframe {
        width: auto;
    }

    div#div-gpt-ad-1395743456679-0 {
        border: none !important;
        padding: 0;
        background-color: #fff;
    }

    .caricature_container .share_container:hover > .social_share_container {
        top: -151px !important;
        z-index: 9999;
    }

    .caricature_container .social_share_container:before {
        top: 152px;
    }
}

@media only screen and (max-width:600px) {
    #wordDef {
        display: none;
    }
}
/*End media qrs*/


/*hide_counter for share detaild pages*/
.share-count {
    display: none !important;
}
/*End hide_counter for share detaild pages*/

/*Ads Styling*/
div#google_image_div a img {
    width: auto !important;
    display: block;
    margin: auto auto;
}

#telegrams-service .all_article_telegrams{
    max-height:400px;
}
#telegrams-service .all_article_telegrams, #telegrams-service .new_news_container{
    overflow-y:auto;
    padding-left:0px;
}
#telegrams-service .Telegrams_article h1.header.stantdard_summary_h1 > a{
    color:#333333;
}
#telegrams-service .share_icn{
    background-position: 1px -264px;
}
#telegrams-service .share_container:hover > .share_icn{
    background-position: -25px -264px;
}
#telegrams-service .all_article_telegrams,#telegrams-service article.Telegrams_article{
    border:none;
}
#telegrams-service article.Telegrams_article time, article.Telegrams_article .meta,#telegrams-service article.Telegrams_article .summary_p{
    color:#777;
}
#telegrams-service .Telegrams_article .related_topics_areas .meta > a{
    color:#2575bc;
}

/*survey*/
body {
    direction:rtl;
}
.survey_container {
    position: fixed;
    background-color: rgba(255,255,255,0.93);
    z-index: 9999999999999;
    bottom: -240px;
    right: 50px;
    padding: 10px;
    border: solid 2px #2575BC;
    border-radius: 5px;
    min-height: 80px;
    width: 235px;
    transition: 1s;
    opacity:0;
    border-top-right-radius: 0;
}
.survey_container>h1 {
    font-size: 18px;
    margin-bottom: 15px;
    padding-right: 45px;
    border-bottom: solid 2px #E6BE61;
    padding-bottom: 10px;
}
.survey_container>p {
    margin-bottom: 20px;
}
.btns_survey_container>span {
    display: inline-block;
    width: 45%;
    text-align: center;
    background-color: #2575BC;
    border-radius: 5px;
    color: #fff;
    line-height: 30px;
    cursor:pointer;
    transition: 0.5s;
}
.btns_survey_container>span:hover {
    background-color: #E6BE61;
}
.btns_survey_container>span:first-child {
    margin-left: 20px;
}
.show_survey {
        bottom: 20px;
        opacity:1;
}
.logoEstbian {
    position: absolute;
    right: 0;
    color: #fff;
    background-image: url(/Views/Shared/siteportal/images/jazeera_logo.png);
    background-repeat: no-repeat;
    display: block;
    background-size: 80%;
    width: 45px;
    top: 0;
    height: 70px;
    background-position: center center;
}
.survey_container>.btns_survey_container>span:last-child {
    background: #B21C1C;
}
.all_questions_Container_for_survey {
    position: fixed;
    top: -110%;
    right: 0;
    background-color: rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    transition: 1s;
}
.all_questions_Container_for_survey_show {
    top:0;
}

.Single_question_container>h1 {
    font-size: 20px;
    color: #333;
}
.lbl_rdio_cntr {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    margin-left: 2%;
}
.lbl_rdio_cntr:first-child {
    margin-right:0;
}
.lbl_rdio_cntr:last-child {
    margin-left:0;
}
.lbl_rdio_cntr>label {
    color: #333;
    font-size: 18px;
}
.Single_question_container {
    border-bottom: solid 4px #333;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.Single_question_container:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.textInputType .answer_part_container .lbl_rdio_cntr input[type="text"] {
    width: 100%;
    height: 20px;
    border: none;
    border-bottom: dashed 1pX #333;
    outline: none;
    font-size: 18px;
}
.textInputType .answer_part_container .lbl_rdio_cntr {
    width:99%;
}




.unorderAnswers, .orderAnswers {
    display: inline-block;
    background-color: #fff;
    min-width: 30%;
    vertical-align: top;
    border: solid 2px #2575BC;
    border-radius: 5px;
    max-width: 49%;
    min-height: 24px;
    position: relative;
    border-top-right-radius: 0;
}
.unorderAnswers>li, .orderAnswers>li {
    text-align: center;
    border-bottom: solid 1px #ABABAB;
    color: #333333;
    cursor: pointer;
    background-color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.orderType>p {
    color: #B11818;
    margin-top: 10px;
    margin-bottom: 35px;
    font-size: 15px;
}
.unorderAnswers:before {
    content: "اجابات غير مرتبة";
    position: absolute;
    top: -33px;
    background-color: #2575BC;
    color: #fff;
    padding: 5px;
    right: 0;
    font-size: 14px;
    right: -2px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.orderAnswers:before {
    content: "اجابات مرتبة";
    position: absolute;
    top: -33px;
    background-color: #2575BC;
    color: #fff;
    padding: 5px;
    right: 0;
    font-size: 14px;
    right: -2px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.unorderAnswers>li:hover, .orderAnswers>li:hover {
    color: #e6be61;
}
table.singleGroup {
    width: 100%;
    border: solid 3px #2575BC;
    border-radius: 5px;
}
table.singleGroup th {
    border: solid 1px #2575BC;
    text-align: center;
    background-color: #2575BC;
    color: #fff;
    font-weight: bold;
}
table.singleGroup td {
    border: solid 1px #2575BC;
    text-align: center;
}
table.singleGroup tr:nth-child(even) td {
    background-color: #B0B0B0;
    color: #fff;
}
.btnsSrvyContainer {
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    border: solid 3px #2575BC;
    border-radius: 5px;
    overflow: auto;
    margin-top: 10px;
    padding: 20px;
    display: block;
}
iframe.btnsSrvyContainer {height: 77%;transition: 0.5s;}
.srvyBtns {
    font-size: 20px;
    color: #fff;
    background-color: #2575BC;
    border: solid 2px #2575BC;
    border-radius: 5px;
    cursor: pointer;
    outline:none;
}
.srvyBtns:active {
    color: #444;
    background-color: #fff;
}
.srvyBtns.clsSrvy {
    background-color: #B21C1C;
    border-color: #B21C1C;
    float: left;
}
.orderAnswers {
    counter-reset: li ;
}

.orderAnswers>li:before {
    content: counter(li);
    counter-increment: li;
    display: inline-block;
    margin-left: 10px;
    float: right;
    width: 20px;
    height: 20px;
    background-color: #B21C1C;
    color: #fff;
    font-size: 10px;
    text-align: center;
    border-radius: 100%;
    line-height: 19px;
    position: relative;
    right: 5px;
    top: 3px;
}
.draggingSurvey {
    position:relative !important;
}
.qesmSection {
    border: dotted 2px #333333;
    padding: 10px;
    position: relative;
    padding-top: 35px;
    margin-bottom: 30px;
}
span.qestName {
    position: absolute;
    top: 0;
    background-color: #2575BC;
    right: 0;
    color: #fff;
    padding: 5px;
    width: 30%;
    text-align: center;
}
.qesmSection:last-child {
    margin-bottom: 0;
}
.makeShareRight .social_share_container {
    left: 26px !important;
    top: -16px !important;
    min-width: 130px !important;
}

 .makeShareRight .social_share_container:before {
        top: 18px !important;
        left:-14px !important;
        transform:rotate(-90deg) !important;
    }

 .makeShareRight .social_share_container .media {
        float: left;
        margin-right: 18px !important;
        margin-bottom: 0px !important;
    }

 .makeShareRight .social_share_container .media:last-child {
            margin-right: 0px !important;
        }

.makeShareUp .social_share_container {
    left: 27px;
    top: -110px;
}

.makeShareUp .social_share_container:before {
        left: -14px;
        top: 113px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
@media only screen and (max-width:1024px)
{

}
@media only screen and (max-width:767px) {
    .Single_question_container > h1 {font-size: 15px;}
    .unorderAnswers, .orderAnswers {width: 100%;max-width: 100%;}
    span.qestName {width: 97%;position: relative;display:block;}
    .orderAnswers {margin-top: 40px;}
    .capcha_container {width: 94%;position: relative;top: -13px;}
    .lbl_rdio_cntr > .srvyBtns {width: 100%;}
    .lbl_rdio_cntr > input[type="text"] {width: 100%;padding-left: 0;padding-right: 0;width: 90%;}
    .btnsSrvyContainer {overflow: scroll;}
    .lbl_rdio_cntr {margin-right: 0;}
    .lbl_rdio_cntr {width:100%;}
    div.btnsSrvyContainer>.srvyBtns {width: 100%;float: none;}
    .qesmSection {padding-top: 0;}
     .makeShareUp .social_share_container{top: -151px !important;}
    .makeShareUp .social_share_container:before{top: 151px !important;}
    .makeShareRight .social_share_container {left: 26px !important;top: -16px !important;min-width: 175px !important;}
    .makeShareRight .social_share_container:before {top: 18px !important;}
}

/*End survey*/

.embedTableContainer {width:100%;}
span.sepEmbedPost {display: block;width: 100%;opacity: 0;height:1px}
table.embedTableContainer * {width: 100% !important;}
	@media only screen and (max-width:767px) {		
    .ta3-ta5.ta-overlap.da3-da5.clearfix.article-body {		
        width: 100% !important;		
    }		
}

.setTodefCss {
    background: transparent !important;
    border: none !important;
}