@import url('Font/droidarabickufi.css');

body {
    font-family: "Droid Arabic Kufi", serif;
    background-color: #eceff1;
    direction: rtl;
}

a {
    color: #0d47a1;
    font-size: 14px;
}

    a:hover {
        color: #e53935;
        text-decoration: none;
    }

.wrapper {
    width: 990px;
    margin: 0 auto;
    position: relative;
}

header {
    background-color:#fff;
}

    header .top {
        min-height: 40px;
        box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
        z-index: 9999;
        position: relative;
        background-color:#fff;
    }

        header .top .socialIcons {
            float: left;
        }

            header .top .socialIcons ul li {
                float: left;
                margin-right: 5px;
                margin-top: 6px;
            }

                header .top .socialIcons ul li a {
                    width: 28px;
                    height: 28px;
                    display: block;
                }

                    header .top .socialIcons ul li a.fb {
                        background-image: url('../images/fb-ico.jpg');
                    }

                        header .top .socialIcons ul li a.fb:hover {
                            background-image: url('../images/fb-ico_o.jpg');
                        }

                    header .top .socialIcons ul li a.tw {
                        background-image: url('../images/tw-ico.jpg');
                    }

                        header .top .socialIcons ul li a.tw:hover {
                            background-image: url('../images/tw-ico_o.jpg');
                        }

                    header .top .socialIcons ul li a.yt {
                        background-image: url('../images/yt-ico.jpg');
                    }

                        header .top .socialIcons ul li a.yt:hover {
                            background-image: url('../images/yt-ico_o.jpg');
                        }

                    /*header .top .socialIcons ul li a.gp {
                        background-image: url('../images/gp-ico.jpg');
                    }

                        header .top .socialIcons ul li a.gp:hover {
                            background-image: url('../images/gp-ico_o.jpg');
                        }*/
                    header .top .socialIcons ul li a.android {
                        background-image: url('../images/android-ico.png');
                    }

                        header .top .socialIcons ul li a.android:hover {
                            background-image: url('../images/android-ico_o.png');
                        }
                    header .top .socialIcons ul li a.ios {
                        background-image: url('../images/ios-ico.png');
                    }

                        header .top .socialIcons ul li a.ios:hover {
                            background-image: url('../images/ios-ico_o.png');
                        }



        header .top .dateArea {
            margin-top: 11px;
            float: right;
        }

            header .top .dateArea span {
                display: block;
                float: right;
                margin-left: 26px;
                font-size: 12px;
                color: #546e7a;
                font-family: tahoma;
                line-height: 20px;
            }

                header .top .dateArea span i {
                    float: right;
                    margin-left: 5px;
                }

    header .middleHeader .logo {
        float: right;
        width: 230px;
        height: 106px;
    }

        header .middleHeader .logo img {
            width: 230px;
            height: 106px;
        }

    header .middleHeader .ad {
        float: left;
        width: 728px;
        height: 90px;
        margin-top: 16px;
    }

        header .middleHeader .ad img {
            width: 728px;
            height: 90px;
        }

    header .top .servSelect {
        width: 144px;
        height: 28px;
        float: left;
        margin-left: 24px;
        margin-top: 6px;
        z-index: 9999;
    }

        header .top .servSelect button {
            width: 144px;
            height: 28px;
            background-color: #90caf9;
            border: none;
            text-align: right;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            color: #fff;
            font-size: 12px;
        }

            header .top .servSelect button:hover {
                background-color: #ef5350;
            }

            header .top .servSelect button:focus {
                background-color: #ef5350;
            }

            header .top .servSelect button .caret {
                float: left;
                margin-top: 6px;
                color: #fff;
            }

        header .top .servSelect ul.dropdown-menu {
            background-color: #ef5350;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            text-align: right;
            min-width: 144px;
        }

            header .top .servSelect ul.dropdown-menu li a {
                font-size: 12px;
                display: block;
                padding: 5px;
                margin-right: 5px;
                margin-left: 5px;
                color: #fff;
            }

                header .top .servSelect ul.dropdown-menu li a:hover {
                    background-color: #d32f2f;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;
                }



.dropdown-menu li.subSections {
    float: right;
    width: 205px;
    height: 217px;
    background-color: #d32f2f;
    padding: 10px;
    margin-left: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;

}

    .dropdown-menu li.subSections ul li.subSectionsItem {
        width: 100%;
        margin-left: 0px;
        border-bottom: 1px solid #bf2828;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .dropdown-menu li.subSections ul li.subSectionsItem a {
            display: block;
            width: 100%;
            font-size: 12px;
            color: #fff;
            text-align: right;
            background-image: url("../images/sub-nav-ico.jpg");
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 20px;
        }

            .dropdown-menu li.subSections ul li.subSectionsItem a:hover {
                color: #000;
            }

.dropdown-menu {
    border: none;
}

    .dropdown-menu .thumbs {
        float:none;
        margin-left:0px;
    }

   

    .dropdown-menu .thumbs .subTop  {
        text-align:center;
        padding-top:20px;
        height: 156px;
    }
    .dropdown-menu .thumbs .subTop a {
        position: relative;
        width: 219px;
        height: 156px;
        margin-left:10px;
        margin-right:10px;
    }
    .dropdown-menu .thumbs .subTop a span {
        width: 219px;
        z-index: 9999;
        position: absolute;
        bottom: -61px;
        right: 0;
        color: #fff;
        height: 52px;
        font-size: 14px;
        padding: 10px;
        overflow: hidden;
        text-align: right;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, 0.82)), color-stop(99%, rgba(0, 0, 0, 0.82)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
        /* IE6-9 */
        
         -webkit-transition: height 0.2s; /* For Safari 3.1 to 6.0 */
                 transition: height 0.2s;
    }
    .dropdown-menu .thumbs .subTop a span:hover {

                height:74px;

    }

    .dropdown-menu .thumbs .subTop a img {
        width: 219px;
        height: 156px;
    }

        




        .dropdown-menu .thumbs .subBottom {
            margin-top: 30px;
        }

            .dropdown-menu .thumbs .subBottom strong {
                display: block;
                float: right;
                font-size: 12px;
                font-weight: bold;
                margin-left: 10px;
                margin-right:30px;
            }

            .dropdown-menu .thumbs .subBottom ul li {
                float: right;
                margin-left: 10px;
                padding-left: 12px;
                background-image: url("../images/red-bullet.png");
                background-position: left;
                background-repeat: no-repeat;
            }

                .dropdown-menu .thumbs .subBottom ul li a {
                    font-size: 12px;
                }

                .dropdown-menu .thumbs .subBottom ul li:last-child {
                    background: none;
                }

header .navArea {
    height: 42px;
    margin-top: 23px;
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    z-index: 9998;
    position: relative;
}


    header .navArea nav {
        height: 28px;
    }

.dropdown:hover .dropdown-menu {
    display: block;
}

header .navArea nav {
    position: relative;
}

    header .navArea nav ul.navFirstul {
        width: 990px;
        margin: 0 auto;
    }

    header .navArea nav ul ul.dropdown-menu {
        padding: 0px;
        padding-top: 30px;
        position: absolute;
        top: 10px;
        right: 0;
        box-shadow: none;
        background: transparent;
    }

        header .navArea nav ul ul.dropdown-menu hr {
            margin: 0;
            border: 1px solid #d32f2f;
        }

    header .navArea nav ul li {
        float: right;
        margin-left: 22px;
    }

        header .navArea nav ul li a {
            position: relative;
            z-index: 9999;
            font-size: 16px;
        }

            header .navArea nav ul li a:hover {
                color: #e53935;
            }

            header .navArea nav ul li a.navMore {
            }

                header .navArea nav ul li a.navMore:hover {
                    background-color: #e53935;
                }

.dropdown {
    position: inherit;
}

.dropDown-innerWithli {
    width: 990px;
    margin: 0 auto;
    float: inherit !important;
    width: 100%;
    margin-left: 0px !important;
}

    .dropDown-innerWithli ul.dropDown-innerWithColor {
        background-color: #fff;
        width: 990px;
        margin: 0 auto;
        height: 217px;
        -webkit-box-shadow: 0px 8px 19px -2px #2b2b2b;
        -moz-box-shadow: 0px 8px 19px -2px #2b2b2b;
        box-shadow: 0px 8px 19px -2px #2b2b2b;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

header .navArea nav ul.navFirstul li.search {
    float: left;
    width: 215px;
    height: 28px;
    margin-left: 0px;
    position: relative;
}

    header .navArea nav ul.navFirstul li.search .searchBox {
        width: 215px;
        height: 28px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        border: 1px solid #b0bec5;
        padding-right: 10px;
        font-family: tahoma;
        font-size: 12px;
        color: #90a4ae;
    }

    header .navArea nav ul.navFirstul li.search .searchBtn {
        position: absolute;
        left: 10px;
        top: 8px;
        z-index: 999;
        padding: 0px;
        width: 16px;
        height: 16px;
        color: #455a64;
        border: none;
        background-image: url("../images/search-btn.png");
    }

header .tickerArea {
    height: 41px;
    position: relative;
    z-index: 8888;
    background-color:#b0bec5;
}

    header .tickerArea .pdf {
        float: left;
        font-size: 11px;
        font-weight: bold;
        color: #424242;
        height: 41px;
        line-height: 41px;
        background-image: url("../images/pdf-ico.png");
        background-position: left 0px;
        background-repeat: no-repeat;
        padding-left: 50px;
        display: block;
    }

        header .tickerArea .pdf:hover {
            background-position: left -41px;
            color: black;
        }

    header .tickerArea .tickerMain {
        float: right;
        background-image: url("../images/ticker-ico.png");
        background-repeat: no-repeat;
        background-position: right bottom;
        height: 41px;
        width: 590px;
        position: relative;
    }

        header .tickerArea .tickerMain .ticker {
            margin-right: 70px;
            float: right;
            width: 590px;
            height: 41px;
        }

    header .tickerArea .latestNewsBtn {
        float: left;
        width: 109px;
        height: 27px;
        margin-left: 48px;
    }

        header .tickerArea .latestNewsBtn a {
            width: 109px;
            height: 27px;
            line-height: 27px;
            color: #fff;
            display: block;
            font-size: 12px;
            padding-right: 10px;
            margin-top: 8px;
            background-color: #546e7a;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-image: url("../images/lightGreyArrow.png");
            background-position: 10px 5px;
            background-repeat: no-repeat;
        }

            header .tickerArea .latestNewsBtn a:hover {
                background-color: #e53935;
            }

    header .tickerArea .tickerMain .ticker .item {
        height: 41px;
    }

        header .tickerArea .tickerMain .ticker .item span {
            margin-left: 10px;
            padding-left: 10px;
            display: block;
            float: right;
            height: 20px;
            line-height: 20px;
            font-family: tahoma;
            font-size: 11px;
            color: #fff;
            border-left: 1px solid #748b96;
            margin-top: 11px;
        }

        header .tickerArea .tickerMain .ticker .item strong {
            float: right;
            display: block;
            max-width: 500px;
            height: 41px;
            overflow: hidden;
            line-height: 41px;
        }

            header .tickerArea .tickerMain .ticker .item strong a {
                font-size: 12px;
            }

    header .tickerArea .tickerMain .ticker .carousel-control {
        position: absolute;
        right: 500px;
        width: 10px;
        height: 16px;
        background: none;
        top: 10px;
    }

    header .tickerArea .tickerMain .ticker .right {
        right: 620px;
    }

    header .tickerArea .tickerMain .ticker .left {
        right: 640px;
    }

.container {
    width: 990px;
    height: 100%;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url("../images/content-bg.jpg");
    background-repeat: repeat-y;
}

.wrapper .shorouknews_TakeOver_left {
    position: absolute;
    left: -170px;
}

.wrapper .shorouknews_TakeOver_right {
    position: absolute;
    right: -170px;
}

@media only screen and (max-width:1024px){
    .shorouknews_TakeOver_left, .shorouknews_TakeOver_right {
        display:none

    }

}


.container .leftArea {
    float: left;
    width: 330px;
    padding-bottom: 50px;
}

    .container .leftArea .leftSep {
        height: 15px;
    }

    .container .leftArea .adMain {
        margin-bottom: 15px;
        direction: ltr;
    }

        .container .leftArea .adMain .ad {
            width: 300px;
            margin-left: 15px;
        }

            .container .leftArea .adMain .ad img {
                width: 300px;
                height: 250px;
            }

        .container .leftArea .adMain .highlightedAd {
            margin-bottom: 10px;
            width: 300px;
            margin-left: 15px;
        }

            .container .leftArea .adMain .highlightedAd img {
                width: 300px;
                min-height: 100px;
            }

    .container .leftArea blockquote {
        margin-bottom: 15px;
        box-shadow-bottom: 0px 3px 4px -3px grey;
        -moz-box-shadow: 0px 3px 4px -3px grey;
        -webkit-box-shadow: 0px 3px 4px -3px grey;
        margin-right: 15px;
        margin-left: 15px;
    }

        .container .leftArea blockquote .title {
            height: 40px;
            background-color: #607d8b;
            line-height: 40px;
            position:relative;
        }

            .container .leftArea blockquote .title h1 {
                font-weight: bold;
                font-size: 16px;
                color: #fff;
                text-align: right;
                padding-right: 15px;
            }
            .container .leftArea blockquote .title .more {
              position: absolute;
              width: 28px;
              height: 28px;
              left: 15px;
              bottom: 5px;
              line-height: 28px;
            }
            .container .leftArea blockquote .title .more a {
                  width: 28px;
                  height: 28px;
                  background-color: #cfd8dc;
                  display: block;
                  text-align: center;
                  color: #082e68;
                  font-weight: bold;
                  -moz-border-radius: 50px;
                  -webkit-border-radius: 50px;
                  border-radius: 50px;
                }


        .container .leftArea blockquote .content {
            padding: 15px;
            background-color: #fff;
        }

.container .rightArea {
    width: 660px;
    float: right;
    padding-top: 15px;
    height: 100%;
    min-height: 100%;
    padding-bottom: 50px;
}

.container .leftArea blockquote .content .blockMore {
    float: left;
}

    .container .leftArea blockquote .content .blockMore a {
        display: block;
        padding: 2px;
        padding-left: 7px;
        padding-right: 7px;
        background-color: #e53935;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
    }

        .container .leftArea blockquote .content .blockMore a:hover {
            color: #000;
        }

.rightArea .ads {
    margin-bottom: 15px;
    height: 100px;
    margin-left: 15px;
    margin-right: 15px;
}

    .rightArea .ads img {
        width: 305px;
        height: 100px;
    }

    .rightArea .ads .left {
        float: left;
    }

    .rightArea .ads .right {
        float: right;
    }
    .rightArea .adWide {
        text-align:center;
        margin-bottom:15px;
    }

.rightArea blockquote {
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 20px;
}

    .rightArea blockquote .title {
        height: 33px;
        border-top: 1px solid #082e68;
        margin-bottom: 15px;
    }

        .rightArea blockquote .title h1 {
            float: right;
            line-height: 33px;
            color: #082e68;
            font-weight: bold;
            font-size: 16px;
        }

        .rightArea blockquote .title .more {
            float: left;
            height: 33px;
            background-color: #cfd8dc;
            width: 28px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            font-weight: bold;
            font-family: tahoma;
            color: #082e68;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            margin-top: 5px;
            display: block;
        }

            .rightArea blockquote .title .more:hover {
                background-color: #e53935;
                color: #fff;
                text-decoration: none !important;
            }

    .rightArea blockquote .content {
        margin-top: 15px;
    }

    ul.twoColList.twoColListHome li .text h3 {
        height:85px;
    }

    ul.twoColList.twoColListHome li .text h3 a {
        line-height:21px;
    }

ul.twoColList li {
    float: right;
    margin-bottom: 15px;
    width: 305px;
    height: 85px;
    overflow: hidden;
}

    ul.twoColList li .image {
        float: right;
        width: 120px;
        height: 85px;
    }

        ul.twoColList li .image img {
            width: 120px;
            height: 85px;
        }

    ul.twoColList li .text {
        width: 170px;
        float: right;
        margin-right: 10px;
        line-height: 28px;
    }

        ul.twoColList li .text h3 {
            height: 60px;
            overflow: hidden;
        }

        ul.twoColList li .text span {
            font-size: 11px;
            color: #78909c;
            font-family: tahoma;
        }

    ul.twoColList li.leftItem {
        float: left;
    }

blockquote .content .blockMainNews {
    margin-bottom: 15px;
}

    blockquote .content .blockMainNews .main {
        width: 219px;
        height: 156px;
        float: right;
    }

    blockquote .content .blockMainNews .thumbs {
        float: left;
        width: 78px;
        height: 156px;
        position: relative;
    }

        blockquote .content .blockMainNews .thumbs ul li {
            width: 78px;
            height: 73px;
            margin-bottom: 10px;
        }

            blockquote .content .blockMainNews .thumbs ul li img {
                width: 307px;
                height: 156px;
            }

            blockquote .content .blockMainNews .thumbs ul li:last-child {
                margin-bottom: 0px;
            }

.itemNewsBox {
    width: 78px;
    height: 73px;
    overflow: hidden;
    position: absolute;
}

#grow-up-right {
    bottom: 0;
    left: 0;
}

#grow-down-right {
    top: 0;
    left: 0;
}

#grow-up-left {
    top: 0;
    right: 0;
}

#grow-down-left {
    bottom: 0;
    right: 0;
}

.profile-pic {
    position: absolute;
    top: 0px;
    left: 0px;
}

.itemNewsBox span {
    visibility: hidden;
}

.itemNewsBox.enlarged {
    position: absolute;
    z-index: 8888;
}

    .itemNewsBox.enlarged span {
        visibility: visible;
        display: block;
        z-index: 9999;
        position: absolute;
        bottom: 0;
        right: 0;
        color: #fff;
        height: 60px;
        font-size: 14px;
        padding: 10px;
        overflow: hidden;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, 0.82)), color-stop(99%, rgba(0, 0, 0, 0.82)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
        /* IE6-9 */
    }

.acteNews {
    padding: 15px;
    background: rgba(173,188,194,1);
    background: -moz-linear-gradient(top, rgba(173,188,194,1) 0%, rgba(207,216,220,1) 6%, rgba(207,216,220,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(173,188,194,1)), color-stop(6%, rgba(207,216,220,1)), color-stop(100%, rgba(207,216,220,1)));
    background: -webkit-linear-gradient(top, rgba(173,188,194,1) 0%, rgba(207,216,220,1) 6%, rgba(207,216,220,1) 100%);
    background: -o-linear-gradient(top, rgba(173,188,194,1) 0%, rgba(207,216,220,1) 6%, rgba(207,216,220,1) 100%);
    background: -ms-linear-gradient(top, rgba(173,188,194,1) 0%, rgba(207,216,220,1) 6%, rgba(207,216,220,1) 100%);
    background: linear-gradient(to bottom, rgba(173,188,194,1) 0%, rgba(207,216,220,1) 6%, rgba(207,216,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adbcc2', endColorstr='#cfd8dc', GradientType=0 );
}

    .acteNews h1 {
        color: #082e68;
        font-weight: bold;
        font-size: 16px;
        border-bottom: 1px solid #082e68;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .acteNews ul li {
        margin-left: 15px;
        float: right;
    }

        .acteNews ul li a {
            background-color: #eceff1;
            padding: 10px;
            display: block;
        }

            .acteNews ul li a:hover {
                background-color: #e53935;
                color: #fff;
            }

        .acteNews ul li .image {
            width: 160px;
            height: 114px;
            margin-bottom: 5px;
        }

            .acteNews ul li .image img {
                width: 160px;
                height: 114px;
            }

        .acteNews ul li .text {
            height: 60px;
            width: 160px;
            overflow: hidden;
            line-height: 28px;
        }

            .acteNews ul li .text a:hover {
                color: white;
            }

        .acteNews ul li:last-child {
            margin-left: 0px;
        }

ul.leftAreaList li {
    height: 85px;
    overflow: hidden;
    margin-bottom: 15px;
}

    ul.leftAreaList li .image {
        float: right;
        width: 120px;
        height: 85px;
    }

        ul.leftAreaList li .image img {
            width: 120px;
            height: 85px;
        }

    ul.leftAreaList li .text {
        float: right;
        margin-right: 10px;
        line-height: 28px;
        width: 140px;
    }
    ul.leftAreaList li .text.lineHeight {
        line-height:21px;
    }
       ul.leftAreaList li .text.lineHeight a {
        font-size:13px;
       }

    ul.leftAreaList li:last-child {
        margin-bottom: 0px;
    }

.leftArea blockquote.bbc .bbcTitle {
    height: 45px;
    background-image: url("../images/bbcsmtitle.jpg");
    position: relative;
}

    .leftArea blockquote.bbc .bbcTitle .more {
        position: absolute;
        width: 28px;
        height: 28px;
        left: 15px;
        bottom: -12px;
        line-height: 28px;
    }

        .leftArea blockquote.bbc .bbcTitle .more a {
            width: 28px;
            height: 28px;
            background-color: #770100;
            display: block;
            text-align: center;
            color: #fff;
            font-weight: bold;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

.leftArea blockquote.bbc .bbcFooter {
    height: 16px;
    background-image: url("../images/bbcsmfooter.jpg");
}

ul.textList li {
    margin-bottom: 10px;
    padding-right: 10px;
    background-image: url("../images/red-bullet.png");
    background-position: right 12px;
    background-repeat: no-repeat;
    line-height: 24px;
}

    ul.textList li:last-child {
        margin-bottom: 0px;
    }

ul.textList.bbcList li a {
    color: black;
    font-size: 14px;
}

    ul.textList.bbcList li a:hover {
        color: #e53935;
    }

ul.textList.blocksList li {
    height: 50px;
    overflow: hidden;
    margin-bottom: 10px !important;
}

    ul.textList.blocksList li a {
        font-size: 14px;
    }

ul.textList.blocksListNoHeight li {
    height: auto;
}

.voteContent strong {
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
}

.voteContent table {
    font-size: 12px;
    font-family: tahoma;
}

    .voteContent table tr td {
        padding-bottom: 10px;
    }

.voteContent .voteActions {
    float: left;
}

    .voteContent .voteActions a {
        display: block;
        float: left;
        color: #e53935;
        padding-top: 23px;
        background-position: top center;
        background-repeat: no-repeat;
        margin-right: 20px;
        font-size: 14px;
        min-width: 41px;
    }

        .voteContent .voteActions a.results {
            background-image: url("../images/results-ico.jpg");
        }

        .voteContent .voteActions a.vote {
            background-image: url("../images/vote-ico.jpg");
        }

.voteContent table tr td label {
    margin-right: 10px;
}

.resultBackBg a {
    text-align: left;
    background-color: #e53935;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    padding-left: 10px;
    display: block;
}

.leftArea blockquote.WidgBlock .widgTitle {
    height: 40px;
    background-position: left;
    background-repeat: no-repeat;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-align: right;
    padding-right: 15px;
}

.leftArea blockquote.WidgBlock .twTitle {
    background-color: #55adef;
    background-image: url("../images/tw-widg-bg.jpg");
}

.leftArea blockquote.WidgBlock .fbTitle {
    background-color: #3b5998;
    background-image: url("../images/fb-widg-bg.jpg");
}

.WidgBlock .facebookGadget .content {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.rightArea ul.slimBlocks {
    margin-right: 15px;
    margin-left: 15px;
}

    .rightArea ul.slimBlocks li {
        width: 307px;
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
    }

        .rightArea ul.slimBlocks li:nth-child(2), .rightArea ul.slimBlocks li:nth-child(4), .rightArea ul.slimBlocks li:nth-child(6), .rightArea ul.slimBlocks li:nth-child(8), .rightArea ul.slimBlocks li:nth-child(10) {
            margin-left: 0px;
        }

    .rightArea ul.slimBlocks blockquote {
        margin-right: 0px;
        margin-left: 0px;
    }

.strtchBlock {
    margin-bottom: 20px;
}

.videoBlock .right {
    float: right;
}

    .videoBlock .right .title {
        height: 40px;
        background-color: #b71c1c;
    }

        .videoBlock .right .title h1 {
            font-weight: bold;
            font-size: 16px;
            color: #fff;
            text-align: right;
            padding-right: 15px;
            line-height: 40px;
        }

    .videoBlock .right .mainVideo {
        background-color: #e53935;
        width: 500px;
        padding: 15px;
        box-sizing: border-box;
    }

        .videoBlock .right .mainVideo .player {
            width: 470px;
            height: 292px;
        }

            .videoBlock .right .mainVideo .player img {
                width: 470px;
                height: 292px;
            }

.videoBlock .left {
    width: 160px;
    float: left;
    background-color: #c62828;
}

    .videoBlock .left .title {
        height: 39px;
        border-bottom: 1px solid #b71c1c;
    }

        .videoBlock .left .title h1 {
              font-weight: bold;
              font-size: 12px;
              color: #fff;
              text-align: right;
              line-height: 40px;
              text-indent: 17px;
              float:right;
        }
        .videoBlock .left .title a {
           float: left;
            background-color: #7b0d0d;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            font-weight: bold;
            font-family: tahoma;
            color: #fff;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            margin-top: 11px;
            display: block;
            margin-left:17px;
        }
        .videoBlock .left .title a:hover {
            background-color: #fff;
            color: #7b0d0d;
        }


.relatedVids ul {
    margin: 15px;
}

    .relatedVids ul li {
        margin-bottom: 11px;
    }

        .relatedVids ul li a {
            display: block;
        }

        .relatedVids ul li span.image {
            display: block;
            width: 130px;
            height: 91px;
        }

            .relatedVids ul li span.image img {
                width: 130px;
                height: 91px;
            }

        .relatedVids ul li strong {
            display: block;
            color: #fff;
            font-size: 12px;
            height: 50px;
            overflow: hidden;
        }

            .relatedVids ul li strong:hover {
                text-decoration: none !important;
                color: #000;
            }

        .relatedVids ul li:last-child {
            margin-bottom: 0px;
        }

.galleryBlock .right {
    float: right;
}

    .galleryBlock .right .title {
        height: 40px;
        background-color: #5f6a73;
    }

        .galleryBlock .right .title h1 {
            font-weight: bold;
            font-size: 16px;
            color: #fff;
            text-align: right;
            padding-right: 15px;
            line-height: 40px;
        }

    .galleryBlock .right .mainGallery {
        background-color: #828e98;
        width: 500px;
        padding: 15px;
        box-sizing: border-box;
    }

        .galleryBlock .right .mainGallery .player {
            width: 470px;
            height: 360px;
        }

            .galleryBlock .right .mainGallery .player img {
                width: 470px;
                height: 360px;
            }

.galleryBlock .left {
    width: 160px;
    float: left;
    background-color: #6c7883;
}

    .galleryBlock .left .title {
        height: 39px;
        border-bottom: 1px solid #5f6a73;
    }

        .galleryBlock .left .title h1 {
            font-weight: bold;
            font-size: 14px;
            color: #fff;
            text-align: center;
            line-height: 40px;
        }

        
        .galleryBlock .left .title h1 {
              font-weight: bold;
              font-size: 12px;
              color: #fff;
              text-align: right;
              line-height: 40px;
              text-indent: 17px;
              float:right;
        }
        .galleryBlock .left .title a {
            float: left;
            background-color: #37474f;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            font-weight: bold;
            font-family: tahoma;
            color: #fff;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            margin-top: 11px;
            display: block;
            margin-left:17px;
        }
        .galleryBlock .left .title a:hover {
            background-color: #fff;
            color: #37474f;
        }


.relatedGallery ul {
    margin: 15px;
}

    .relatedGallery ul li {
        margin-bottom: 15px;
        width: 130px;
        height: 110px;
    }

        .relatedGallery ul li a {
            display: block;
            width: 130px;
            height: 110px;
        }

        .relatedGallery ul li img {
            width: 130px;
            height: 110px;
        }

        .relatedGallery ul li:last-child {
            margin-bottom: 0px;
        }

footer .top {
    background-color: #b0bec5;
    padding-top: 15px;
    padding-bottom: 15px;
}

    footer .top .ad {
        width: 728px;
        margin: 0 auto;
    }

footer .bottom {
    background-color: #082e69;
    padding-top: 15px;
    padding-bottom: 15px;
}

footer .crArea {
    background-color: #0d47a1;
    padding-top: 15px;
    padding-bottom: 15px;
}

footer .bottom ul {
    width: 130px;
    margin-left: 35px;
    float: right;
}

    footer .bottom ul li {
        margin-bottom: 0px;
        line-height: 24px;
    }

        footer .bottom ul li a {
            font-size: 10px;
            color: #fff;
        }

        footer .bottom ul li.first {
            border-bottom: 1px solid #0d47a1;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }

            footer .bottom ul li.first a {
                color: #e53935;
                font-size: 12px;
                font-weight: bold;
            }

        footer .bottom ul li:nth-child(6) {
            margin-left: 0px;
        }

footer .crArea .right {
    float: right;
}

    footer .crArea .right ul {
        float: right;
        margin-bottom: 10px;
    }

        footer .crArea .right ul li {
            float: right;
            padding-left: 15px;
            margin-left: 10px;
            background-image: url("../images/red-bullet.png");
            background-position: left;
            background-repeat: no-repeat;
        }

            footer .crArea .right ul li a {
                color: #fff;
                font-size: 11px;
                font-family: tahoma;
            }

            footer .crArea .right ul li:last-child {
                background-image: none;
            }

    footer .crArea .right span {
        font-size: 11px;
        font-family: tahoma;
        color: #032456;
        display: block;
    }

footer .crArea .left {
    float: left;
}

    footer .crArea .left strong {
        display: block;
        height: 25px;
        line-height: 20px;
        text-align: left;
    }

        footer .crArea .left strong i {
            float: left;
            margin-right: 20px;
        }

        footer .crArea .left strong a {
            font-size: 12px;
            font-family: tahoma;
            color: #fff;
        }

.mainSlider {
    width: 660px;
    height: 380px;
    margin-bottom: 15px;
    z-index: 999;
}

    .mainSlider .sliderPhoto {
        width: 660px;
    }

        .mainSlider .sliderPhoto .carousel-control.left, .mainSlider .sliderPhoto .carousel-control.right {
            top: 310px;
            width: 10px;
            height: 16px;
            background-image: none;
            color: red;
        }

        .mainSlider .sliderPhoto .carousel-control.left {
            left: 10px;
        }

        .mainSlider .sliderPhoto .carousel-control.right {
            right: 10px;
        }

        .mainSlider .sliderPhoto .sliderPhotoInner {
            box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
            z-index: 9999;
            position: relative;
            z-index: 9998;
        }

            .mainSlider .sliderPhoto .sliderPhotoInner .item {
                width: 660px;
                height: 275px;
            }

                .mainSlider .sliderPhoto .sliderPhotoInner .item .right {
                    width: 383px;
                    height: 275px;
                    float: right;
                }

                    .mainSlider .sliderPhoto .sliderPhotoInner .item .right img {
                        width: 383px;
                        height: 275px;
                    }

                .mainSlider .sliderPhoto .sliderPhotoInner .item .left {
                    float: left;
                    width: 277px;
                    height: 275px;
                    background-color: #0d47a1;
                }

.mainSlider {
    position: relative;
    height: 380px;
}

    .mainSlider .mainSliderCarousel {
        height: 380px;
    }

    .mainSlider .mainStoryThumbs {
        width: 660px;
        background-color: #cfdaec;
        bottom: 0;
        left: 0;
        position: absolute;
        height: 105px;
    }

        .mainSlider .mainStoryThumbs ol {
            width: 590px;
            height: 97px;
            position: inherit;
            left: 40px;
            margin-left: 0;
            bottom: 9px;
        }

            .mainSlider .mainStoryThumbs ol li {
                width: 137px;
                height: 97px;
                border: none;
                border-radius: 0px;
                float: right;
                text-indent: 0;
                margin-left: 13px;
            }

                .mainSlider .mainStoryThumbs ol li a {
                    width: 135px;
                    height: 95px;
                    display: block;
                }

                    .mainSlider .mainStoryThumbs ol li a img {
                        width: 135px;
                        height: 95px;
                        opacity: 1;
                    }

                .mainSlider .mainStoryThumbs ol li.active {
                    border: 1px solid #e53935;
                }

                .mainSlider .mainStoryThumbs ol li:last-child {
                    margin-left: 0px;
                }

    .mainSlider .sliderPhoto .sliderPhotoInner .item .left {
        padding: 10px;
    }

        .mainSlider .sliderPhoto .sliderPhotoInner .item .left h3 {
            margin-bottom: 10px;
        }

            .mainSlider .sliderPhoto .sliderPhotoInner .item .left h3 a {
                color: #fff;
                font-weight: bold;
                height: 60px;
                overflow: hidden;
                display: block;
            }

        .mainSlider .sliderPhoto .sliderPhotoInner .item .left span {
            color: #000000;
            font-size: 11px;
            display: block;
            margin-bottom: 10px;

        }

        .mainSlider .sliderPhoto .sliderPhotoInner .item .left p {
            font-size: 12px;
            color: #fff;
            line-height: 18px;
            font-family: tahoma;
        }

        .mainSlider .sliderPhoto .sliderPhotoInner .item .left .sharing {
            text-align: center;
            margin-top: 20px;
        }

            .mainSlider .sliderPhoto .sliderPhotoInner .item .left .sharing a {
                width: 100px;
                height: 30px;
                margin-left: 5px;
                margin-right: 5px;
            }

.mainSliderCarousel .carousel-control {
    width: 10px;
    height: 16px;
    display: block;
    top: 315px;
    position: absolute;
}

.mainSliderCarousel .leftArrow {
    left: 10px;
    background-image: url("../images/greyArrow-l-ico.png");
}

.mainSliderCarousel .rightArrow {
    right: 10px;
    background-image: url("../images/greyArrow-r-ico.png");
}

.columnsBlock {
    position: relative;
}

    .columnsBlock .controls {
        position: absolute;
        background: none;
        top: -40px;
        background-color: #445a64;
        height: 40px;
        width: 80px;
        left: 0;
    }

        .columnsBlock .controls .carousel-control {
            background: none;
            width: 10px;
            height: 16px;
            float: left;
            display: block;
            margin-top: 10px;
        }

        .columnsBlock .controls .right {
            float: right;
            margin-right: 20px;
        }

        .columnsBlock .controls .left {
            float: left;
            margin-left: 20px;
        }

.columnsCarousel .item ul li {
    margin-bottom: 10px;
}

    .columnsCarousel .item ul li .image {
        float: right;
        width: 80px;
        height: 80px;
    }

        .columnsCarousel .item ul li .image img {
            width: 80px;
            height: 80px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
        }

    .columnsCarousel .item ul li .text {
        width: 180px;
        float: right;
        margin-right: 10px;
    }

        .columnsCarousel .item ul li .text strong, .columnsCarousel .item ul li .text span {
            display: block;
        }

            .columnsCarousel .item ul li .text span a {
                font-family: tahoma;
                font-size: 12px;
                color: #e53935;
            }

.comicBlock {
    background-color: #9e9e9e;
    padding: 15px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    height: 334px;
}

    .comicBlock h1 {
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        text-align: right;
        margin-bottom: 10px;
    }

    .comicBlock .image {
        max-width: 270px;
        max-height: 300px;
        margin-bottom: 20px;
    }

        .comicBlock .image img {
            max-width: 270px;
            max-height: 300px;
        }

    .comicBlock .text {
        text-align: center;
    }

        .comicBlock .text strong {
            color: #fff;
            font-size: 12px;
        }

        .comicBlock .text span {
            margin-right: 5px;
        }

            .comicBlock .text span a {
                background-color: #fff;
                text-align: center;
                padding: 0px;
                padding-right: 10px;
                padding-left: 10px;
                color: #000;
                font-size: 12px;
                font-weight: bold;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

                .comicBlock .text span a:hover {
                    background-color: #e53935;
                    color: #fff;
                }

    .comicBlock.innerComicBlock {
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 30px;
    }

.blockMainNews .main .blockMainNews-view .mask {
    padding: 10px;
}

    .blockMainNews .main .blockMainNews-view .mask p {
        font-size: 12px;
        font-family: tahoma;
        height: 70px;
        overflow: hidden;
        text-align: right;
        color: #fff;
    }

    .blockMainNews .main .blockMainNews-view .mask a.more {
        font-size: 12px;
        display: block;
        text-align: center;
        background-color: #e53935;
        color: #fff;
        font-weight: bold;
        padding: 5px;
        margin-top: 5px;
    }

    .blockMainNews .main .blockMainNews-view .mask .shares {
        margin-right: 15px;
        margin-left: 15px;
        margin-top: 10px;
    }

        .blockMainNews .main .blockMainNews-view .mask .shares a {
            width: 80px;
            height: 24px;
            display: block;
        }

            .blockMainNews .main .blockMainNews-view .mask .shares a.fb {
                background-image: url("../images/fb-share-2.png");
                float: right;
            }

            .blockMainNews .main .blockMainNews-view .mask .shares a.tw {
                background-image: url("../images/tw-share-2.png");
                float: left;
            }

.blockMainNews-view {
    width: 219px;
    height: 156px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
}

    .blockMainNews-view img {
        width: 219px;
        height: 156px;
    }

.view .mask, .view .content {
    width: 219px;
    height: 156px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    cursor: default;
}

.blockMainNews-view img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blockMainNews-view .mask {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #0d47a1;
}

.blockMainNews-view:hover .mask {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.blockMainNews-view:hover img {
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}

.blockMainNews .blockMainNews-view span {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    width: 219px;
    /*height: 60px;*/
    font-size: 14px;
    padding: 10px;
    overflow: hidden;
    text-align: right;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, 0.82)), color-stop(99%, rgba(0, 0, 0, 0.82)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
    /* IE6-9 */
}

.blockMainNews .blockMainNews-view:hover span {
    visibility: hidden;
}

ul.sportContent {
    margin-bottom: 20px;
    height: 221px;
}

    ul.sportContent li {
        float: right;
    }

        ul.sportContent li.first {
            width: 312px;
            height: 221px;
        }

            ul.sportContent li.first img {
                width: 312px;
                height: 221px;
            }

        ul.sportContent li.second {
            width: 308px;
            height: 221px;
            margin-right: 10px;
        }



            ul.sportContent li.second ul li.item {
                width: 149px;
                height: 106px;
                margin-bottom: 10px;
                margin-left: 10px !important;
                float: right;
            }
            ul.sportContent li.second ul li.item h3 {
                width: 149px;
                max-height:100px;
                overflow:hidden;
                margin-top:10px;
            }

                ul.sportContent li.second ul li.item:nth-child(2), ul.sportContent li.second ul li.item:nth-child(4), ul.sportContent li.second ul li.item:nth-child(6) {
                    margin-left: 0px !important;
                }

            ul.sportContent li.second .item img {
                width: 149px;
                height: 106px;
            }



ul.textList.sportList {
    margin-left: 10px;
    float: right;
}


    ul.textList.sportList li {
        height: 50px;
        width: 300px;
        overflow: hidden;
        float: right;
        margin-left: 20px;
    }

        ul.textList.sportList li:nth-child(2), ul.textList.sportList li:nth-child(4), ul.textList.sportList li:nth-child(6), ul.textList.sportList li:nth-child(8) {
            margin-left: 0px !important;
        }



        ul.textList.sportList li a {
        }



.leftArea .akhbarak {
    margin-bottom: 15px;
    width: 300px;
    margin-left: 15px;
    margin-right: 15px;
}

    .leftArea .akhbarak .akhbarakWidget {
        height: 462px;
        border: none;
    }

.breadCrumb {
    border-bottom: 2px solid #eceff1;
    padding-bottom: 10px;
    padding-right: 15px;
}

    .breadCrumb ul li {
        float: right;
        margin-left: 20px;
        font-size: 11px;
        font-weight: bold;
    }

        .breadCrumb ul li a {
            font-size: 11px;
            display: block;
            color: #78909c;
        }

            .breadCrumb ul li a:hover {
                color: #e57373;
            }

        .breadCrumb ul li.selected, .breadCrumb ul li.selected a {
            color: #e57373;
        }

        .breadCrumb ul li.rssFeed {
            float:left;
            margin-left:15px;
        }
        .breadCrumb ul li.rssFeed a {
            font-size:0px;
            width:16px;
            height:16px;
            background-image: url("../images/rssFollow-ico.png");

        }

.breadCrumbOut {
    background-color: #fff;
    padding-top: 15px;
}

.sectionName {
    border-right: 2px solid #ef5350;
    padding-right: 13px;
    padding-top: 10px;
    margin-bottom: 20px;
    position: relative;
}

    .sectionName h1 {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 10px;
        max-width: 600px;
    }

    .sectionName .subs {
        padding-bottom: 15px;
    }

        .sectionName .subs strong {
            font-weight: bold;
            color: #37474f;
            font-size: 13px;
            display: block;
            float: right;
            margin-left: 10px;
        }

        .sectionName .subs ul {
            float: right;
        }

            .sectionName .subs ul li {
                float: right;
                margin-left: 10px;
                padding-left: 12px;
                background-image: url("../images/red-bullet.png");
                background-repeat: no-repeat;
                background-position: left;
            }

                .sectionName .subs ul li a {
                    font-size: 12px;
                    color: #37474f;
                }

                    .sectionName .subs ul li a:hover {
                        color: #e53935;
                    }

                .sectionName .subs ul li:last-child {
                    background-image: none;
                }

    .sectionName .socialSections {
        left: 10px;
        position: absolute;
        top: 10px;
    }
    .lisingSelect {
        margin-bottom:15px;
        margin-right:15px;
    }

    .lisingSelect strong {
        float:right;
        display:block;
        line-height:30px;
    }
    .lisingSelect .selector {
        float:right;
        margin-right:15px;
    }
    .lisingSelect .selector select {
        min-width:140px;
        font-size:13px;
    }

        .sectionName .socialSections .fbShare, .sectionName .socialSections .twShare {
            float: left;
            height: 30px;
            margin-right: 10px;
            width: 100px;
        }

            .sectionName .socialSections .fbShare a {
                background-image: url("../images/fb-share.png");
                display: block;
                height: 30px;
                width: 100px;
            }

            .sectionName .socialSections .twShare a {
                background-image: url("../images/tw-share.png");
                display: block;
                height: 30px;
                width: 100px;
            }

        .sectionName .socialSections .count {
            float: left;
            font-family: tahoma;
        }

            .sectionName .socialSections .count strong {
                font-size: 20px;
                font-weight: bold;
            }

            .sectionName .socialSections .count span {
                font-size: 18px;
            }

.rightArea hr {
    border: 1px solid #eceff1;
}

.listingList {
    border-top: 2px solid #eceff1;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
}

ul.listing.listingListColumnist li {
    padding-bottom:15px;
}
ul.listing.listingListColumnist li .text {
    width:100%;
    height:auto;
}
ul.listing.listingListColumnist li .text strong, ul.listing.listingListColumnist li .text span {
    display:block;
    margin-bottom:10px;
}
ul.listing.listingListColumnist li .text strong a {
    height:auto;
}





    .listingList h2 {
        font-size: 20px;
        font-weight: bold;
        color: #c62828;
        margin-bottom: 20px;
    }
    .listingList h2.pullRight {
        float:right;
    }
    .listingList .mostButtons {
        float:left;
    }
    .listingList .mostButtons a {
        margin-right: 10px;
        background-color: #fff;
        border: 1px solid #082e68;
        color: #082e68;
        width: 120px;
        display: block;
        float: left;
        height: 35px;
        line-height: 35px;
        text-align: center;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .listingList .mostButtons a.current, .listingList .mostButtons a:hover {
        background-color:#082e68;
        color:#fff;
    }

ul.listing li {
    margin-bottom: 15px;
    border-bottom: 1px solid #eceff1;
}

    ul.listing li .image {
        float: right;
        width: 120px;
        height: 85px;
    }

        ul.listing li .image img {
            width: 120px;
            height: 85px;
        }

    ul.listing li .text {
        float: right;
        margin-right: 10px;
        width: 500px;
        height: 85px;
        overflow: hidden;
    }

        ul.listing li .text a {
            display: block;
            height: 50px;
        }

        ul.listing li .text span {
            color: #78909c;
            font-size: 11px;
            font-family: tahoma;
        }

.rightArea .pager {
    margin-top: 50px;
    margin-bottom: 50px;
}

.acteNews.innerRelatedNews ul li .image {
    width: 123px;
    height: 88px;
    margin-bottom: 5px;
    padding: 0px;
}

    .acteNews.innerRelatedNews ul li .image img {
        width: 120px;
        height: 85px;
    }

.acteNews.innerRelatedNews ul li .text {
    height: 60px;
    width: 125px;
    overflow: hidden;
    line-height: 21px;
}

.topHotNews {
    background-color: #fff;
    padding: 15px;
    padding-bottom: 40px;
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
}

.innerNews .topDetails, .innerNews .image, .innerNews .eventContent {
    margin-bottom: 20px;
    padding: 15px;
}

.innerNews .eventContent blockquote {

}

    .innerNews .eventContent blockquote p {
        background-color: #fff;
        border: 1px solid #ef5350;
        border-radius: 10px 10px 0;
        float: left;
        font-family: "Droid Arabic Kufi",serif;
        font-size: 14px;
        line-height: 22px;
        margin: 15px;
        padding: 20px 10px;
        position: relative;
        width: 150px;
    }

        .innerNews .eventContent blockquote p:before {
            background-image: url("../images/quote-l-ico.png");
            content: " ";
            height: 20px;
            position: absolute;
            right: 0;
            top: -4px;
            width: 21px;
        }

        .innerNews .eventContent blockquote p:after {
            background-image: url("../images/quote-r-ico.png");
            bottom: -4px;
            content: " ";
            height: 20px;
            left: 0;
            position: absolute;
            width: 21px;
        }

 

.topDetails h1 {
    font-size: 26px;
    margin-bottom: 10px;
}

.topDetails h2 {
    color: #000;
    margin-bottom: 5px;
}

.topDetails .date {
    font-size: 12px;
    font-family: tahoma;
    margin-bottom: 10px;
    color: #757575;
}

.topDetails .sharing {
    margin-top: 20px;
    text-align: left;
}
.topDetails .sharing .printIcon {
      float: left;
      background-image: url('../Images/print-ico.gif');
      background-position: left;
      background-repeat: no-repeat;
      padding-left: 20px;
      margin-right: 10px;
      font-weight: bold;
      color: #ef5350;
      margin-top: 6px;
}

    .topDetails .sharing .fbShare, .topDetails .sharing .twShare {
        width: 100px;
        height: 30px;
        margin-right: 10px;
        float: left;
    }

        .topDetails .sharing .fbShare a {
            background-image: url("../images/fb-share.png");
            display: block;
            width: 100px;
            height: 30px;
        }

        .topDetails .sharing .twShare a {
            background-image: url("../images/tw-share.png");
            display: block;
            width: 100px;
            height: 30px;
        }

.innerNews .topDetails .sharing .count {
    float: left;
    font-family: tahoma;
}

.topDetails .sharing .count strong {
    font-weight: bold;
    font-size: 20px;
}

.topDetails .sharing .count span {
    font-size: 18px;
}

.innerNews .image {
    text-align: center;
}

    .innerNews .image img {
        margin-bottom: 10px;
    }

    .innerNews .image span {
        font-size: 12px;
        color: #90a4ae;
    }

.innerNews .eventContent p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 28px;
}
.innerNews .eventContent p object {
    margin-right:-10px !important;
}


.relatedWords {
    margin-bottom: 30px;
    height: 30px;
}

    .relatedWords ul li {
        float: right;
        font-size: 12px;
        font-family: tahoma;
        margin-left: 10px;
        line-height: 28px;
        color: #cdcdcd;
    }

        .relatedWords ul li a {
            font-family: "Droid Arabic Kufi", serif;
            font-size: 12px;
            line-height: 28px;
            font-weight: bold;
        }

        .relatedWords ul li.first {
            margin-left: 20px;
        }

            .relatedWords ul li.first a {
            }

                .relatedWords ul li.first a strong, .relatedWords ul li.first strong {
                    background-image: url("../images/tag-ico.png");
                    background-repeat: no-repeat;
                    background-position: 93px 8px;
                    padding: 5px;
                    padding-right: 30px;
                    font-family: "Droid Arabic Kufi", serif;
                    padding-left: 10px;
                    background-color: #0d47a1;
                    color: #fff;
                    display: block;
                    font-size: 12px;
                    line-height: 20px;
                }

.innerNews .smsShorouk {
    margin-bottom: 30px;
    margin-top: 30px;
    padding-right: 15px;
}

    .innerNews .smsShorouk a {
        display: block;
        background-image: url("../images/sms-ico.jpg");
        background-repeat: no-repeat;
        background-position: right;
        line-height: 27px;
        padding-right: 35px;
        font-size: 13px;
        color: #e53935;
        font-weight:bold;
    }

        .innerNews .smsShorouk a:hover {
            color: #000;
        }

.secRelated .title {
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding-right: 15px;
    margin-bottom: 10px;
    line-height: 40px;
}

    .secRelated .title.red {
        background-color: #e53935;
    }

ul.imgList {
    padding: 15px;
}

    ul.imgList li {
        margin-bottom: 15px;
        margin-left: 15px;
        float: right;
        height: 85px;
    }

        ul.imgList li .image {
            float: right;
            width: 120px;
            height: 85px;
            padding: 0px;
        }

            ul.imgList li .image img {
                width: 120px;
                height: 85px;
            }

        ul.imgList li .text {
            float: right;
            width: 177px;
            margin-right: 10px;
            overflow: hidden;
            height: 85px;
            line-height: 21px;
        }

        ul.imgList li:nth-child(2), ul.imgList li:nth-child(4), ul.imgList li:nth-child(6), ul.imgList li:nth-child(8), ul.imgList li:nth-child(10), ul.imgList li:nth-child(12), ul.imgList li:nth-child(14), ul.imgList li:nth-child(16) {
            margin-left: 0px;
        }

.innerNews .topDetails.columnTopDetails {
    position: relative;
}

    .innerNews .topDetails.columnTopDetails h1, .innerNews .topDetails.columnTopDetails .date {
        max-width: 570px;
    }

    .innerNews .topDetails.columnTopDetails .authorName {
        margin-bottom: 10px;
    }

        .innerNews .topDetails.columnTopDetails .authorName a {
            font-family: tahoma;
            color: #e53935;
            font-size: 14px;
        }

    .innerNews .topDetails.columnTopDetails .authorImg {
        position: absolute;
        left: 15px;
        top: 15px;
        width: 60px;
        height: 60px;
    }

        .innerNews .topDetails.columnTopDetails .authorImg img {
            width: 60px;
            height: 60px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

.innerNews .authorBreif {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

    .innerNews .authorBreif .img {
        float: right;
        width: 80px;
        height: 80px;
    }

        .innerNews .authorBreif .img img {
            width: 80px;
            height: 80px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

    .innerNews .authorBreif .txt {
        float: right;
        margin-right: 15px;
        width: 535px;
        font-size: 13px;
        line-height: 20px;
        font-family: tahoma;
        color: #455a64;
    }

        .innerNews .authorBreif .txt strong a {
            color: #e53935;
            font-weight: bold;
            font-size: 12px;
        }

ul.relatedAuthorList {
    padding: 0px;
}

    ul.relatedAuthorList li {
        margin-bottom: 15px;
        margin-left: 15px;
        float: right;
    }

        ul.relatedAuthorList li .image {
            float: right;
            width: 80px !important;
            height: 80px !important;
            padding: 0px;
            margin-bottom: 0px !important;
        }

            ul.relatedAuthorList li .image img {
                width: 80px !important;
                height: 80px !important;
                margin-bottom: 0px !important;
            }

        ul.relatedAuthorList li .text {
            float: right;
            height: 80px !important;
            width: 197px !important;
            margin-right: 10px;
            overflow: hidden;
        }

            ul.relatedAuthorList li .text span {
                font-family: tahoma;
                font-size: 12px;
                color: #e53935;
            }

        ul.relatedAuthorList li a {
            height: 100px;
        }

            ul.relatedAuthorList li a:hover span {
                color: #fff;
            }

        ul.relatedAuthorList li:nth-child(2), ul.relatedAuthorList li:nth-child(4), ul.relatedAuthorList li:nth-child(6) {
            margin-left: 0px !important;
        }


ul.relatedAuthorListHor {
    padding: 0px;
}

    ul.relatedAuthorListHor li {
        margin-bottom: 15px;
        margin-left: 15px;
        float: right;
        background: #eceff1;
        padding: 10px;
    }

        ul.relatedAuthorListHor li a {
            height: auto;
            padding: 0px;
            background-color: none !important;
        }

        ul.relatedAuthorListHor li:hover {
            background-color: #e53935;
        }


        ul.relatedAuthorListHor li .image {
            float: right;
            width: 80px !important;
            height: 80px !important;
            padding: 0px;
            margin-bottom: 0px !important;
            background-color: none !important;
        }

            ul.relatedAuthorListHor li .image img {
                width: 80px !important;
                height: 80px !important;
                margin-bottom: 0px !important;
            }

        ul.relatedAuthorListHor li .text {
            float: right;
            height: 80px !important;
            width: 197px !important;
            margin-right: 10px;
            overflow: hidden;
        }

            ul.relatedAuthorListHor li .text span strong {
                display: block;
            }

            ul.relatedAuthorListHor li .text span a {
                color: #e53935;
            }

        ul.relatedAuthorListHor li:hover strong a, ul.relatedAuthorListHor li:hover span a {
            background-color: #e53935;
            color: #fff;
        }

        ul.relatedAuthorListHor li .text span {
            font-family: tahoma;
            font-size: 12px;
            color: #e53935;
        }

        ul.relatedAuthorListHor li:nth-child(2), ul.relatedAuthorListHor li:nth-child(4), ul.relatedAuthorListHor li:nth-child(6) {
            margin-left: 0px !important;
        }


.columnsHContent {
    padding-right: 15px;
    padding-left: 15px;
}

    .columnsHContent .right, .columnsHContent .left {
        width: 300px;
    }

    .columnsHContent .right {
        float: right;
    }

    .columnsHContent .left {
        float: left;
    }

    .columnsHContent .title {
        height: 33px;
        border-top: 1px solid #082e68;
        margin-bottom: 15px;
        padding-right: 0px;
    }

        .columnsHContent .title h1 {
            float: right;
            line-height: 33px;
            color: #082e68;
            font-weight: bold;
            font-size: 16px;
        }

    .columnsHContent ul li {
        margin-bottom: 10px;
        border-bottom: 1px solid #cfd8dc;
    }

        .columnsHContent ul li .img {
            width: 80px;
            height: 80px;
            float: right;
            margin-left: 10px;
        }

        .columnsHContent ul li .txt {
            margin-right: 10px;
            height: 80px;
        }

            .columnsHContent ul li .txt strong {
                display: block;
            }

            .columnsHContent ul li .txt span {
                font-family: tahoma;
                font-size: 12px;
                display: block;
            }

                .columnsHContent ul li .txt span a {
                    color: #e53935;
                    font-size: 12px;
                }

                    .columnsHContent ul li .txt span a:hover {
                        color: black;
                    }

        .columnsHContent ul li:hover {
            border-bottom: 1px solid #e53935;
        }

.menbar {
    padding-top: 10px;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #e0e0e0;
}

    .menbar h2 {
        font-size: 20px;
        font-weight: bold;
        color: #c62828;
        margin-bottom: 10px;
    }

    .menbar ul.relatedAuthorList li a {
        background-color: #eceff1;
        padding: 10px;
        display: block;
    }

        .menbar ul.relatedAuthorList li a .text {
            width: 182px !important;
        }

        .menbar ul.relatedAuthorList li a:hover {
            background-color: #e53935;
            color: #fff;
        }

    .menbar ul.relatedAuthorList .image {
        width: 80px;
        height: 80px;
    }

        .menbar ul.relatedAuthorList .image img {
            width: 80px;
            height: 80px;
        }

#sticky.affix-top .date {
    display:none;
}

#sticky.affix {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
}
.innerNews .date {
    margin-right:15px;
}
.innerNews .date strong {
color:#e53935;
}
#sticky.affix .date {
    margin-right:0px;
}


#sticky.affix-top .stickyLogo  {
}
#sticky.affix .stickyLogo {
}



.innerNews .date span {
    font-family:Tahoma;
    display:block;
    margin-top:5px;
    font-size:13px;
}


#sticky.affix {
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
}

    #sticky.affix h1, #sticky.affix h2 {
        font-size: 18px;
        width: 60%;
        float: right;
        color: #0d47a1;
    }

    #sticky.affix .date {
        font-size: 11px;
        width: 60%;
        float: right;
    }

    #sticky.affix .sharing {
        position: absolute;
        left: 10px;
        top: 0px;
    }

#sticky2.affix {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
}

#sticky2.affix {
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
}

    #sticky2.affix .authorImg {
        right: 15px;
        top: 10px;
    }

    #sticky2.affix h1 {
        width: 40%;
        font-size: 18px;
        margin-right: 100px;
        margin-bottom: 0px;
    }

    #sticky2.affix .authorName {
        margin-right: 100px;
        margin-bottom: 0px;
    }

        #sticky2.affix .authorName a {
            font-size: 11px;
        }

    #sticky2.affix .date {
        margin-right: 100px;
    }

    #sticky2.affix .sharing {
        top: 10px;
        left: 15px;
        position: absolute;
    }

    #sticky.affix .newsAuthor {
        display:none;
    }


.container .whiteSpace {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 50px;
}

.pdfCalendar {
    width: 705px;
    margin: 0 auto;
    margin-top: 50px;
}

    .pdfCalendar .picker {
        padding: 5px;
        width: 260px;
        float: left;
        font-size: 11px;
        background-color: #cfd8dc;
        position: relative;
        margin-right: 10px;
    }

        .pdfCalendar .picker:after {
            content: " ";
            left: 100%;
            top: 50%;
            border: solid transparent;
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(206, 215, 219, 0);
            border-left-color: #ced7db;
            border-width: 20px;
            margin-top: -20px;
        }

    .pdfCalendar .pdfDownload {
        width: 415px;
        float: right;
    }

        .pdfCalendar .pdfDownload .date {
            background-color: #607d8b;
            height: 47px;
            line-height: 47px;
        }

            .pdfCalendar .pdfDownload .date span {
                color: #fff;
                font-size: 20px;
                line-height: 47px;
                height: 47px;
                display: block;
                font-weight: bold;
                text-align: center;
                width: 287px;
            }

            .pdfCalendar .pdfDownload .date span {
            }

        .pdfCalendar .pdfDownload .pdfDownloadContent {
            height: 152px;
            background-color: #445a64;
            position: relative;
        }

            .pdfCalendar .pdfDownload .pdfDownloadContent #Size {
                bottom: 5px;
                color: #fff;
                font-size: 11px;
                position: absolute;
                right: 110px;
                text-align: center;
            }

            .pdfCalendar .pdfDownload .pdfDownloadContent .icons {
                position: absolute;
                width: 128px;
                height: 127px;
                left: 0;
                top: -26px;
                background-image: url('../images/pdfContent-ico.png');
            }

            .pdfCalendar .pdfDownload .pdfDownloadContent strong {
                display: block;
                font-size: 12px;
                color: #fff;
                width: 287px;
                text-align: center;
                font-family: tahoma;
                line-height: 22px;
                position: absolute;
                top: 20px;
            }

            .pdfCalendar .pdfDownload .pdfDownloadContent a.pdf-btn {
                width: 160px;
                height: 42px;
                background-color: #e53935;
                line-height: 42px;
                background-image: url('../images/pdfDownload-ico.png');
                background-repeat: no-repeat;
                background-position: 15px 14px;
                display: block;
                padding-right: 20px;
                font-size: 18px;
                font-weight: bold;
                color: #fff;
                position: absolute;
                top: 83px;
                right: 57px;
            }

            .pdfCalendar .pdfDownload .pdfDownloadContent a.pdf-none {
                height: 42px;
                background-color: #cfd8dc;
                line-height: 42px;
                background-repeat: no-repeat;
                background-position: 15px 14px;
                display: block;
                padding-right: 20px;
                padding-left: 20px;
                font-size: 18px;
                font-weight: bold;
                color: #fff;
                position: absolute;
                top: 83px;
                right: 57px;
            }


ul.galleryM {
    margin-right: 35px;
    margin-left: 0px;
    margin-top: 20px;
}

    ul.galleryM li {
        float: right;
        width: 209px;
        height: 227px;
        background-image: url('../images/galleryM-bg.jpg');
        margin-left: 25px;
        margin-bottom: 25px;
    }

        ul.galleryM li a {
            display: block;
            background-color: #eceff1;
            border: 2px solid #fff;
            width: 201px;
            height: 220px;
            margin-left: 5px;
            margin-top: 3px;
            float: left;
        }

            ul.galleryM li a:hover {
                background-color: #e53935;
            }

            ul.galleryM li a strong {
                display: block;
                margin-left: 10px;
                margin-top: 10px;
                float: left;
                margin-bottom: 10px;
            }

            ul.galleryM li a img {
                width: 180px;
                height: 134px;
            }

            ul.galleryM li a span {
                display: block;
                padding-left: 5px;
                padding-right: 5px;
            }

            ul.galleryM li a:hover span {
                color: #fff;
            }




.topHotNews ul.carouThumbs {
    width: 916px;
    margin: 0 auto;
}

    .topHotNews ul.carouThumbs li {
        width: 219px;
        height: 156px;
        float: right;
        margin-left: 5px;
        margin-right: 5px;
        z-index: 8888;
        position: relative;
    }

        .topHotNews ul.carouThumbs li a {
            position: relative;
            height: 156px;
            display: block;
        }

            .topHotNews ul.carouThumbs li a img {
                width: 219px;
                height: 156px;
            }

            .topHotNews ul.carouThumbs li a span {
                z-index: 9999;
                position: absolute;
                bottom: 0;
                right: 0;
                color: #fff;
                height: 51px;
                font-size: 14px;
                padding: 10px;
                overflow: hidden;
                text-align: right;
                background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, 0.82)), color-stop(99%, rgba(0, 0, 0, 0.82)));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* IE10+ */
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
                /* IE6-9 */

                -webkit-transition: height 0.2s; /* For Safari 3.1 to 6.0 */
                 transition: height 0.2s;
            }
                

            .topHotNews ul.carouThumbs li a span:hover {
                height:74px;
            }



.topHotNews .carousel-control {
    width: 10px;
    height: 16px;
    background: none;
    top: 70px;
}

.topHotNews .carousel-indicators {
    bottom: -35px;
}

    .topHotNews .carousel-indicators li {
        border: 1px solid #b0bec5;
    }

        .topHotNews .carousel-indicators li.active {
            background-color: #b0bec5;
            border: 1px solid #b0bec5;
        }


.downloadPdfFile {
    text-align: center;
    margin-top: 20px;
}

    .downloadPdfFile input {
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #e53935;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        border: none;
    }

        .downloadPdfFile input:hover {
            color: #000;
        }
/*
.boxCalendar {
    margin-bottom: 15px;
    margin-left:15px;
}
.boxCalendar h1 {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding-right:30px;
   height: 40px;
    background-color: #607d8b;
    line-height: 40px;
    
}
.boxCalendar .hasDatepicker {
        background-color:#fff;
        padding:15px;
}
*/
.sectionName .boxPickerButton {
    position: absolute;
    left: 15px;
    top: 15px;
}

    .sectionName .boxPickerButton a {
    }



.boxNone {
    text-align: center;
    padding: 20px;
    background-color: #cfd8dc;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 50px;
    font-weight: bold;
}

#divRead {
    padding: 7px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #e53935;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border: none;
    text-align: center;
    cursor: pointer;
}

.sectionName .boxPickerButton a button {
    padding: 7px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #e53935;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border: none;
}


.sectionName .boxPickerButton input {
    visibility: hidden;
    width: 0px;
}

.hideAd {
    display: none;
}

.showAd {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2147483647;
    width: 780px;
    height: 400px;
}

.commenter {
    position: relative;
}

    .commenter .commenterContent {
        text-align: center;
    }

    .commenter .title {
        background-color: #37474f;
        height: 40px;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        padding-right: 15px;
        margin-bottom: 10px;
        line-height: 40px;
    }

    .commenter ul.nav-tabs {
        position: absolute;
        top: 5px;
        left: 0;
        padding-left: 10px;
        border-bottom: 0px;
        margin-left: 10px;
        margin-right: 10px;
        box-sizing: border-box;
    }

        .commenter ul.nav-tabs li {
        }

            .commenter ul.nav-tabs li a.spekolTab {
                background-image: url('../Images/speakol.png');
                min-width: 90px;
                background-repeat: no-repeat;
                background-position: center;
            }

            .commenter ul.nav-tabs li a {
                padding: 0px;
                height: 35px;
                padding-left: 20px;
                padding-right: 20px;
                background-color: #cfd8dc;
                font-weight: bold;
                font-size: 16px;
                text-align: center;
                line-height: 30px;
            }

            .commenter ul.nav-tabs li.active a {
                color: #e53935;
                background-color: #fff;
            }

    .commenter .tab-content {
        text-align: center;
    }


.topHotNews ul.carouThumbs.carouThumbsColumns {
}

    .topHotNews ul.carouThumbs.carouThumbsColumns li {
        width: 219px;
        height: 85px;
        margin-top: 10px;
    }

        .topHotNews ul.carouThumbs.carouThumbsColumns li .img {
            width: 60px;
            height: 60px;
            float: right;
        }

            .topHotNews ul.carouThumbs.carouThumbsColumns li .img img {
                width: 60px;
                height: 60px;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
            }

        .topHotNews ul.carouThumbs.carouThumbsColumns li .txt {
            float: right;
            width: 149px;
            margin-right: 10px;
        }

            .topHotNews ul.carouThumbs.carouThumbsColumns li .txt strong {
                height: 70px;
                overflow: hidden;
                display: block;
            }

            .topHotNews ul.carouThumbs.carouThumbsColumns li .txt span {
                display: block;
                height: 20px !important;
                margin-bottom: 5px;
                overflow: hidden;
            }

                .topHotNews ul.carouThumbs.carouThumbsColumns li .txt span a {
                    color: #e53935;
                    font-family: Tahoma;
                    font-size: 12px;
                }

.topHotNews.topHotColumns .carousel-control {
    top: 35px;
}

.staticPage {
    padding: 15px;
}

    .staticPage p {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 30px;
    }

        .staticPage p .teamSig {
            float: left;
            font-weight: bold;
            font-size: 18px;
            margin-left: 30px;
        }

.columistBio {
    background: none repeat scroll 0 0 #fff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px 15px 15px;
    text-align: justify;
    min-height: 130px;
}

    .columistBio .right {
        background-color: #fff;
        border: 1px solid #dfdfdf;
        margin-bottom: 10px;
        margin-top: 5px;
        padding: 0px;
        position: relative;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .columistBio .right strong {
            font-weight: bold;
            font-size: 15px;
            color: #c62828;
            width: 155px;
            float: left;
            height: 65px;
            line-height: 65px;
            text-align:center;
        }

        .columistBio .right .img {
            position: absolute;
            top: -10px;
            margin: 0 auto;
            right: 10px;
            width: 80px;
            height: 80px;
        }

            .columistBio .right .img img {
                width: 80px;
                height: 80px;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
            }

        .columistBio .columinstIconsMain {
            background-color:#dfdfdf;
            height:40px;
        }
        .columistBio .columinstIconsMain span {
            float:right;
            margin-right:5px;
            line-height:40px;
            font-size:13px;
        }
        .columistBio .columinstIconsMain ul {
            float:left;
            margin-left:5px;
            margin-top:8px;
        }
        .columistBio .columinstIconsMain ul li {
            float:left;
            width:26px;
            height:26px;
            margin-right:5px;
        }


.alphabets {
    margin: 0 auto;
    width: 252px;
}

    .alphabets a {
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        color: #37474f;
        background-color: #cfd8dc;
        font-weight: bold;
        float: right;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin-right: 3px;
        margin-left: 3px;
        margin-bottom: 6px;
    }

.alphabetsNamesWrap {
    margin-top: 20px;
    background-color: #37474f;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    position: relative;
}

    .alphabetsNamesWrap:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 11px solid #37474f;
        position: absolute;
        top: -10px;
        left: 0;
        margin: 0 auto;
        right: 0;
    }

    .alphabetsNamesWrap .ulAlphabetsNames {
        height: 490px;
        overflow-y: scroll;
        overflow-x: visible;
    }

        .alphabetsNamesWrap .ulAlphabetsNames li {
            text-align: right;
        }

            .alphabetsNamesWrap .ulAlphabetsNames li a {
                border-bottom: 1px solid #fff;
                color: #fff;
                display: block;
                padding-bottom: 5px;
                padding-top: 5px;
            }

                .alphabetsNamesWrap .ulAlphabetsNames li a:hover {
                    color: #e53935;
                }



.galleryPage {
    background-color: #828e98;
}

    .galleryPage .caricatureControlsMain {
        background-color: #5f6a73;
        padding: 10px;
        position: relative;
        height: 50px;
    }

        .galleryPage .caricatureControlsMain select {
            width: 500px;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
        }

    .galleryPage .galleryView {
        float: right;
        padding: 10px;
        width: 567px;
    }

        .galleryPage .galleryView .mainImage {
            width: 567px;
            text-align: center;
        }

        .galleryPage .galleryView .sharing {
            text-align: center;
            margin-bottom: 10px;
            margin-top: 20px;
        }

    .galleryPage .caricaturistName {
        float: right;
        margin-left: 10px;
        font-weight: bold;
        font-size: 22px;
    }

    .galleryPage .caricatureDate {
        float: right;
        font-size: 15px;
        font-family: Tahoma;
        color: #fff;
    }

    .galleryPage .galleryThumbs {
        float: left;
        width: 373px;
        background: #6c7883;
    }

        .galleryPage .galleryThumbs .thumbs {
            overflow: hidden;
            padding-left: 10px;
        }

            .galleryPage .galleryThumbs .thumbs ul {
                height: 431px;
                overflow-y: scroll;
            }

                .galleryPage .galleryThumbs .thumbs ul li {
                    margin-bottom: 10px;
                    text-align: center;
                    float: right;
                    border: 1px #e0e0e0 solid;
                    padding: 1px;
                    width: 102px;
                    height: 72px;
                    margin-right: 10px;
                }

                    .galleryPage .galleryThumbs .thumbs ul li a.thumb img {
                        width: 100px;
                        height: 70px;
                    }

        .galleryPage .galleryThumbs .galleryMore a {
            background-color: #e53935;
            text-align: center;
            font-weight: bold;
            color: #fff;
            font-size: 18px;
            padding: 10px;
            display: block;
        }



.archiveContent {
}

    .archiveContent ul#menu, .archiveContent ul#menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0 auto;
        font-size: 11px;
        border: none;
    }

        .archiveContent ul#menu a {
            display: block;
            text-decoration: none;
        }

        .archiveContent ul#menu li {
            list-style: none;
            margin-right: 0px;
            margin-top: 0px;
            border-bottom: none;
            padding: 1px;
        }

            .archiveContent ul#menu li a {
                font-family: Tahoma;
                font-weight: bold;
                font-size: 14px;
                background: #cfd8dc;
                color: #37474f;
                cursor: pointer;
                padding: 5px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .archiveContent ul#menu li a:hover {
                    background: #ef5350;
                    color: #fff;
                }

            .archiveContent ul#menu li ul li.False a, .archiveContent ul#menu li ul li.True a {
                background: #e5edf1;
                color: #000;
                padding-left: 20px;
                margin-bottom: 0px;
                font-weight: normal;
            }

            .archiveContent ul#menu li ul li a:hover {
                background: #fff;
                padding-left: 15px;
                color: #ef5350;
                font-weight: bold;
            }


.jobsContainerEn {
    font-family: tahoma;
    text-align: left;
    direction: ltr;
}

.jobName {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}


.pager {
    padding: 5px;
    text-align: center;
    color: white;
    font-weight: bold;
    margin-top: 30px;
    direction: ltr;
    font-family: Tahoma;
    margin-top: 50px;
}

.pager a {
    background-color: #cfd8dc;
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: normal;
    margin-right: 5px !important;
    color: #37474f;
}

    .pager span, .pager a:hover {
        background-color: #e53935;
        padding: 5px;
        padding-left: 7px;
        padding-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #fff !important;
        font-size: 11px;
        margin-right: 5px !important;
    }


.showAd .close {
    background: url("../images/x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline;
    height: 29px;
    position: absolute;
    right: -16px;
    top: -15px;
    width: 25px;
    z-index: 3200;
    opacity: 1;
}

.comicInnerImg {
    text-align: center;
    margin-bottom: 50px;
}

.hasDatepicker {
}

.boxPicker {
    border: 1px solid #e53935;
}

.ui-datepicker {
    background: #fff;
    padding: 5px;
}

    .ui-datepicker .ui-datepicker-header {
        height: 25px;
        position: relative;
        background: #445a64;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 0;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    }

    .ui-datepicker .ui-datepicker-prev {
    }

    .ui-datepicker .ui-datepicker-next {
    }

    .ui-datepicker .ui-datepicker-prev-hover {
    }

    .ui-datepicker .ui-datepicker-next-hover {
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        left: 50%;
        margin-left: -8px;
        margin-top: -8px;
        position: absolute;
        top: 50%;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    }

    .ui-datepicker .ui-datepicker-title {
        height: 25px;
        text-align: center;
        font-size: 13px !important;
        font-family: Tahoma;
        color: #fff;
        font-weight: bold;
        line-height: 25px;
    }

        .ui-datepicker .ui-datepicker-title select {
            float: left;
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
        float: right;
    }

    .ui-datepicker table {
        border-collapse: collapse;
        margin: 0 0 0.4em;
        width: 100%;
    }

        .ui-datepicker table thead {
            color: #445a64;
            font-weight: bold;
        }

    .ui-datepicker th {
        border: 0 none;
        font-weight: bold;
        padding: 0.7em 0.3em;
        text-align: center;
    }

    .ui-datepicker td {
        border: 0 none;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            text-align: center;
            background-color: #cfd8dc;
            border-radius: 50px;
            color: #37474f;
            float: right;
            font-weight: bold;
            height: 25px;
            line-height: 25px;
            margin-bottom: 4px;
            margin-left: 2px;
            margin-right: 2px;
            text-align: center;
            width: 25px;
            font-size: 12px;
            font-family: Tahoma;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        border-bottom: 0 none;
        border-left: 0 none;
        border-right: 0 none;
        margin: 0.7em 0 0;
        padding: 0 0.2em;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            cursor: pointer;
            float: right;
            margin: 0.5em 0.2em 0.4em;
            overflow: visible;
            padding: 0.2em 0.6em 0.3em;
            width: auto;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        margin: 0 auto 0.4em;
        width: 95%;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev span, .ui-datepicker-rtl .ui-datepicker-next span {
        font-size: 0px;
        width: 25px;
        height: 25px;
    }

    .ui-datepicker-rtl .ui-datepicker-prev, .ui-datepicker-rtl .ui-datepicker-next {
        background-color: #ef5350;
        color: #fff;
        width: 25px;
        height: 25px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
    }

    .ui-datepicker-rtl .ui-datepicker-prev {
        left: auto;
        right: 0px;
        background-image: url("../images/greyArrow-r-ico.png");
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 0;
        right: auto;
        background-image: url("../images/greyArrow-l-ico.png");
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-left-width: 1px;
        border-right-width: 0;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 1px;
        border-right-width: 0;
    }

.ui-datepicker-cover {
    display: block;
    height: 200px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 200px;
    z-index: -1;
}



.pdfCalendar .picker p {
    background: #445a64;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
}

.searchPage {
    padding: 15px;
}

    .searchPage .googleSearch {
        text-align: center;
        background-color: #e0e0e0;
        padding: 10px;
        margin-bottom: 10px;
    }

        .searchPage .googleSearch .textButtonGoogle {
            width: 300px;
            height: 30px;
            border: none;
            padding-right: 10px;
            border: 1px solid #b0bec5;
        }

        .searchPage .googleSearch .ButtonGoogle {
            width: 60px;
            height: 30px;
            border: none;
            background-color: #e53935;
            color: #fff;
        }

    .searchPage iframe {
        border: none;
        width: 100%;
        height: 1070px;
    }

.rssPage {
}

    .rssPage .description {
        margin-bottom: 30px;
    }

        .rssPage .description h4 {
            font-weight: bold;
            margin-bottom: 5px;
        }

        .rssPage .description ul li {
            margin-bottom: 5px;
        }

    .rssPage .rssList blockquote {
        margin-bottom: 20px;
    }

        .rssPage .rssList blockquote h5 {
            color: #fff;
            background-color: #ef5350;
            padding: 5px;
            margin-bottom: 10px;
        }

            .rssPage .rssList blockquote h5 a {
                color: #fff;
                font-size: 15px;
                font-weight: bold;
            }

        .rssPage .rssList blockquote ul {
            margin-right: 10px;
        }

            .rssPage .rssList blockquote ul li {
                margin-bottom: 10px;
            }

                .rssPage .rssList blockquote ul li a {
                    font-weight: bold;
                    background-image: url('../Images/rss-ico.png');
                    background-position: right;
                    background-repeat: no-repeat;
                    padding-right: 30px;
                    min-height: 24px;
                }

.staticPage .commentContent ul.commentList {
    margin-right: 15px;
}

    .staticPage .commentContent ul.commentList li {
        font-size: 10px;
        list-style: outside none disc;
        padding-right: 10px;
    }

.staticPage .commentContent .commentLast {
    background-color: #ef5350;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-weight: bold;
}

    .staticPage .commentContent .commentLast a {
        color: #fff;
        font-family: Tahoma;
    }

.errorPage {
    padding-top: 30px;
}

    .errorPage strong.errorMsg {
        background-image: url("../Images/error-ico.jpg");
        background-position: right center;
        background-repeat: no-repeat;
        display: block;
        font-size: 18px;
        font-weight: bold;
        margin: 0 auto;
        padding-right: 70px;
        text-align: right;
        width: 335px;
        min-height: 60px;
        margin-bottom: 20px;
    }

        .errorPage strong.errorMsg em {
            display: block;
            font-weight: normal;
        }

    .errorPage span.errorMsg2 {
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        display: block;
    }

    .errorPage ul.errorList li {
        text-align: center;
        margin-bottom: 10px;
    }


.mainInnerVideo {
    margin-bottom: 30px;
}

    .mainInnerVideo .right {
        float: right;
        width: 529px;
        height: 321px;
    }

    .mainInnerVideo .left {
        height: 321px;
        background-color: #cfd8dc;
        float: right;
        width: 131px;
        box-sizing: border-box;
        padding: 10px;
    }

        .mainInnerVideo .left .itemDiv {
            margin-bottom: 10px;
            text-align: center;
            font-weight: bold;
            color: #fff;
            background-color: rgba(173,188,194,1);
            padding-bottom: 5px;
            font-family: Tahoma;
            font-size: 13px;
        }

            .mainInnerVideo .left .itemDiv em {
                display: block;
                background: #445a64;
                color: #fff;
                text-align: center;
                padding: 5px;
                margin-bottom: 5px;
                font-family: 'Droid Arabic Kufi';
            }

        .mainInnerVideo .left .mainNewsSocial {
            text-align: center;
            margin-bottom: 20px;
        }

            .mainInnerVideo .left .mainNewsSocial .fbShare {
                margin-bottom: 10px;
            }



.videoListings .header {
    background-color: #e53935;
    margin-bottom: 10px;
}

    .videoListings .header .rightTitle {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        padding-right: 15px;
        float: right;
    }

    .videoListings .header .leftFilter {
        float: left;
        margin-left: 4px;
    }

        .videoListings .header .leftFilter a {
            background-color: #fa8c8c;
            float: left;
            margin-right: 2px;
            display: block;
            color: #fff;
            height: 32px;
            line-height: 32px;
            padding-left: 10px;
            padding-right: 10px;
            margin-top: 4px;
            margin-bottom: 4px;
            font-weight: bold;
        }

            .videoListings .header .leftFilter a.current, .videoListings .header .leftFilter a:hover {
                background: #b71c1c;
                color: #fff;
            }

.videoListings .videoListingContent {
    padding: 6px;
}

    .videoListings .videoListingContent blockquote {
        background-color: #eceff1;
        float: right;
        height: 181px;
        margin-bottom: 10px;
        margin-left: 4px;
        margin-right: 4px;
        padding: 10px;
        width: 316px;
    }

        .videoListings .videoListingContent blockquote h1 {
            margin-bottom: 5px;
        }

            .videoListings .videoListingContent blockquote h1 a {
            }

        .videoListings .videoListingContent blockquote span {
            display: block;
            font-size: 11px;
            color: #979797;
            margin-bottom: 10px;
        }

        .videoListings .videoListingContent blockquote .rightImage {
            float: right;
            width: 120px;
            height: 90px;
        }

        .videoListings .videoListingContent blockquote .leftContent {
            float: right;
            margin-right: 10px;
            width: 164px;
        }

            .videoListings .videoListingContent blockquote .leftContent span.text {
                background-color: #fff;
                padding: 5px;
                margin-bottom: 5px;
            }

.videoListings .loadMoreVideos {
}

    .videoListings .loadMoreVideos a {
        display: block;
        background-color: #ef5350;
        text-align: center;
        color: #fff;
        padding: 5px;
        cursor: pointer;
    }


.relatedSlider {
}

    .relatedSlider .carouselrelatedSlider {
        float: right;
        width: 630px;
        margin-top: 0px;
    }

        .relatedSlider .carouselrelatedSlider .item {
            width: 630px;
            height: 266px;
            background-color: #e5edf1;
        }

            .relatedSlider .carouselrelatedSlider .item span {
                width: 100%;
                z-index: 9999;
                position: absolute;
                bottom: 0;
                right: 0;
                color: #fff;
                height: 51px;
                font-size: 14px;
                padding: 10px;
                overflow: hidden;
                text-align: right;
                background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, 0.82)), color-stop(99%, rgba(0, 0, 0, 0.82)));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* IE10+ */
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
                /* IE6-9 */

                -webkit-transition: height 0.2s; /* For Safari 3.1 to 6.0 */
                 transition: height 0.2s;
            }
                

            .relatedSlider .carouselrelatedSlider .item span:hover {
                height:74px;
            }

            .relatedSlider .carouselrelatedSlider .item img {
                width: 630px;
                height: 300px;
            }

    .relatedSlider .carouselrelatedThumbs {
        float: right;
        width: 630px;
        height: 115px;
        margin-top: 0px;
        background-color: #78909c;
        padding: 0px;
        box-sizing: border-box;
        position: relative;
    }

        .relatedSlider .carouselrelatedThumbs .item {
            margin-top: 0px;
            padding-right: 5px;
            padding-left: 5px;
            overflow-y:hidden;
            overflow-x:scroll;
            height:115px;
        }

            .relatedSlider .carouselrelatedThumbs .item .thumb {
                width: 125px;
                height: 85px;
                margin-top:4px;
                margin-bottom: 4px;
                margin-right: 4px;
                margin-left: 4px;
                float: right;
                cursor: pointer;
            }
            .relatedSlider .carouselrelatedThumbs .item ul {
                /*width:5000px;*/
            }

                .relatedSlider .carouselrelatedThumbs .item .thumb img {
                    width: 125px;
                    height: 85px;
                }


        .relatedSlider .carouselrelatedThumbs .contols {
            height: 16px;
            position: absolute;
            bottom: 15px;
            width: 35px;
            left: 132px;
            display:none;
        }

            .relatedSlider .carouselrelatedThumbs .contols .left, .relatedSlider .carouselrelatedThumbs .contols .right {
                background-image: none;
            }

            .relatedSlider .carouselrelatedThumbs .contols .left {
                float: left;
            }

            .relatedSlider .carouselrelatedThumbs .contols .right {
                float: right;
            }

.mobileServicesMain .wordingBold {
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
}

    .mobileServicesMain .wordingBold em.colorText {
        color: #e53935;
    }

.mobileServicesMain .smsCos {
    width: 531px;
    height: 183px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .mobileServicesMain .smsCos .etisalat {
        width: 160px;
        height: 183px;
        float: left;
        margin-right: 25px;
        background-image: url("../images/smsServices-etisalat.jpg");
    }

    .mobileServicesMain .smsCos .mobinil {
        width: 160px;
        height: 183px;
        float: left;
        margin-right: 25px;
        background-image: url("../images/smsServices-mobinil.jpg");
    }

    .mobileServicesMain .smsCos .vodafone {
        width: 160px;
        height: 183px;
        float: left;
        background-image: url("../images/smsServices-vodafone.jpg");
    }

.mobileServicesMain .smsTerms .black {
    display: block;
    font-weight: normal !important;
    color: black !important;
}



.prayer {
    padding-bottom: 80px;
}

    .prayer .navigation {
        height: 50px;
        background-color: #78909c;
        line-height: 50px;
        padding-right: 10px;
        position: relative;
    }

        .prayer .navigation .left {
            float: right;
            margin-right: 130px;
        }

        .prayer .navigation .boxPickerButton {
            position: absolute;
            right: 0;
        }

        .prayer .navigation .left .dropDown {
            float: right;
            margin-left: 10px;
        }

            .prayer .navigation .left .dropDown strong {
                font-weight: bold;
                color: #fff;
            }

.prayPicker {
    width: 116px;
    height: 50px;
    line-height: 35px;
}

.prayer .currentDate {
    font-size: 15px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
}

.prayer .prayTime table {
    font-weight: bold;
}

    .prayer .prayTime table tr th {
        color: white;
        font-size: 15px;
        font-weight: bold;
        height: 25px;
        text-align: center;
        vertical-align: middle;
        background-color: #ef5350;
    }

    .prayer .prayTime table tr td {
        color: #000;
        font-size: 15px;
        font-family: Tahoma;
        height: 50px;
        text-align: center;
        vertical-align: middle;
    }


.mobileAppsMain
{
 
    margin: 0 auto;
    padding-top: 10px;
    width: 936px;
    margin-bottom:30px;
}

.mobileAppsMain .mobileAlerts 
{
	float:left;
}
.mobileAppsMain .mobileAlerts a.mobileAlerts-img
{
	width:295px;
	height:433px;
	display:block;
	background:url("../images/mobileAlerts-img.jpg");
}
.mobileAppsMain .shorouknewsMobile
{
	float:left;
	margin-left: 24px;
}
.mobileAppsMain .shorouknewsMobile a.shorouknewsMobile-img
{

	width:295px;
	height:433px;
	display:block;
	background:url("../images/shorouknewsMobile-img.jpg");
}

.mobileAppsMain .shorouknewsApps
{
	float:right;
}
.mobileAppsMain .shorouknewsApps a.shorouknewsApps-img
{
	width:295px;
	height:433px;
	display:block;
	background:url("../images/shorouknewsApps-img.jpg");
}


.description.galleryDesc .caption .caricaturistName, .description.galleryDesc .caption .image-desc  {
    font-size:12px;
    margin-top:10px;
    color:#fff;
    text-align:center;
}

 .container .leftArea blockquote .title h1 a {
	color:#fff;
}

.blockMainNews .main .blockMainNews-view .mask a.more:hover {
    color: #e53935;
    background-color: #fff;
}



.tooltip-inner {
    background-color: #ef5350;
    font-size:13px;
    font-family:'Droid Arabic Kufi';
    max-width:300px;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #ef5350;
}



ul.sportContent li.first .mainNews {
    position:relative;
}

ul.sportContent li.first .mainNews span {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    color: #fff;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 312px;
    z-index: 1;
}






/*** ESSENTIAL STYLES ***/
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	right: 100%;
    padding-top:10px !important;
}


/*** DEMO SKIN ***/
.sf-menu {
	
}
.sf-menu ul {
}
	
.sf-menu a {
	
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #13a;
}
.sf-menu li {
	
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
}
.sf-menu ul ul li {
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}






.moreNavItem {
    float: left !important;
    width: 117px;
    text-align: center;
    margin-left: 38px;
}

.moreNavItem ul li.moreDropDown a.moreDropDownBtn {
    width: 117px;
    height: 28px;
    display: block;
    background-color: #e5eef2;
    color: #0d47a1;
    font-size: 14px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    line-height: 28px;
    border:1px solid #0d47a1;
}
.moreNavItem ul li.moreDropDown ul {
    margin-top: -10px;
    width: 160px;
    margin-left: -20px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    padding-top:35px;
    padding-bottom:5px;
    border-top:none;
}
.moreNavItem ul li.moreDropDown ul li {
    margin-left:0px;
    width:100%;
    margin-bottom:6px;
}
.moreNavItem ul li.moreDropDown ul li a {
  border-bottom: 1px solid #e0e0e0;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom:6px;
  font-size:14px;
}
.moreNavItem ul li.moreDropDown ul li:last-child a {
    border-bottom:none;
}

.moreNavItem ul li.moreDropDown ul li a.sf-with-ul {
    background-image: url("../images/blueArrow-l-ico.png");
    background-position:left;
    background-repeat:no-repeat;
}
.moreNavItem ul li.moreDropDown ul li a.sf-with-ul:hover {
    background-image: url("../images/blueArrow-l-ico-o.png");
}





.ewaseet-logo {
    width: 144px;
    height: 28px;
    float: left;
    margin-left: 24px;
    margin-top: 6px;
    z-index: 9999;
    text-align:center;
    background-color:#dbdbdb;
    border:1px solid #dea7af;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.ewaseet-logo a {
    display:block;
     width: 144px;
    height: 28px;
    background-image:url('../Images/ewaseet-logo.png');
    background-position:center;
    background-repeat:no-repeat;
}
.ewaseet-logo:hover {
    background-color:#dea7af;
    border:1px solid #dea7af;
}

.modal {
    z-index:9999;
}


/* eid 
.eid {
    position: absolute;
      width: 100%;
      background-image: url('../Images/eid-bg.jpg');
      height: 252px;
      background-position: top center;
}
header .navArea {
    width: 990px;
    margin: 0 auto;
    margin-top: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
header .tickerArea {

    background-color:transparent;
}
.blank {
      height: 23px;
      width: 990px;
      margin: 0 auto;
      z-index: 9999;
      position: relative;
}
 eid */


.modal-dialog {

}

#divShareFb {
    width:100%;
}
.fbShareModal {
    padding:30px;
}
.fbShareModalMain button.close {
    margin-right: 10px;
    margin-top: 10px;
    opacity:1;
    position:relative;
    z-index:9999;
    background-color:rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color:#37474f;
    width:20px;
    height:20px;
}

.fbShareModal .right {
    float:right;
}
.fbShareModal strong {
    text-align:right;
    font-weight:bold;
    font-size:22px;
    display:block;
    margin-bottom:10px;
    color:#082e68;
}
.fbShareModal span {
    text-align:right;
    font-weight:bold;
    font-size:18px;
    display:block;
    color:#0d47a1;
}
.fbShareModal .fb-like {
    float:left;
}
.fbShareModal .link {
    border-top: 1px solid rgba(173,188,194,1);
    text-align: right;
    margin-top: 25px;
    padding-top: 10px;
}
.fbShareModal .link a {
    color:#e53935;
}




/** Stage container **/

.relatedCarousel {
    direction:ltr;
}
.relatedCarousel .stage {
    position: relative;
}

.relatedCarousel .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.relatedCarousel .photo-credits a {
    color: #fff;
}

/** Navigation container **/

.relatedCarousel .navigation {
    position: relative;
    height: 115px;
    background-color: #78909c;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
    width: 630px;
    padding-left: 25px;
    padding-right: 30px;
    margin-top: 10px;
    padding-top: 15px;
}

/** Shared carousel styles **/

.relatedCarousel .carousel {
    overflow: hidden;
    position: relative;
}

.relatedCarousel .carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.relatedCarousel .carousel li {
    float: left;
    width:630px;
    text-align:center;
    margin-left:0px;
}
.relatedCarousel .carousel li a {
    padding:0px;
    background-color:transparent;
    position:relative;
}
.relatedCarousel .carousel li a:hover {
    background-color: transparent;
}
.relatedCarousel .carousel li a span {
    position:absolute;
    width:21px;
    height:21px;
    display:block;
    background-image:url('../Images/expand-ico.png');
    right:0px;
    top:0px;
}
.relatedCarousel .carousel li a strong {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 46%, rgba(0, 0, 0, 0.82) 99%) repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    height: 51px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    transition: height 0.2s ease 0s;
    width:100%;
}

.relatedCarousel .carousel li a strong:hover {
    height: 74px;
}

/** Stage carousel specific styles **/

.relatedCarousel .carousel-stage {
    height: 400px;
}

/** Navigation carousel specific styles **/

.relatedCarousel .carousel-navigation {
   
}

.relatedCarousel .carousel-navigation li {
    cursor: pointer;
    margin-left:5px;
    margin-right:5px;
    width:125px;
    height:85px;
}

.relatedCarousel .carousel-navigation li img {
    display: block;
    width:125px;
    height:85px;
}

.relatedCarousel .carousel-navigation li.active img {
    border-color: #ccc;
}

/** Stage carousel controls **/

.relatedCarousel .prev-stage,
.relatedCarousel .next-stage {
    display: block;
    position: absolute;
    top: 0;
    width: 305px;
    height: 410px;
    color: #fff;
}

.relatedCarousel .prev-stage {
    left: 0;
}

.relatedCarousel .next-stage {
    right: 0;
}

.relatedCarousel .prev-stage.inactive,
.relatedCarousel .next-stage.inactive {
    display: none;
}

.relatedCarousel .prev-stage,
.relatedCarousel .next-stage {
    display: none;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
   background-image:url('../Images/greyArrow_right.png');
}

.relatedCarousel .prev-stage:hover span,
.relatedCarousel .next-stage:hover span {
    display: block;
}

/** Navigation carousel controls **/

.relatedCarousel .prev-navigation {
    width:40px;
    height:40px;
    background-color:#78909c;
    position: absolute;
    background-image:url('../Images/greyArrow_left.png');
    background-position:center;
    background-repeat:no-repeat;
}
.relatedCarousel .next-navigation {
    width:40px;
    height:40px;
    background-color:#78909c;
    position: absolute;
    background-image:url('../Images/greyArrow_right.png');
    background-position:center;
    background-repeat:no-repeat;
}

.relatedCarousel .prev-navigation {
    left: -15px;
    top: 35px;
    text-indent: 6px;
}

.relatedCarousel .next-navigation {
    right: -15px;
    top: 35px;
    text-indent: 20px;
}

    .relatedCarousel .prev-navigation.inactive,
    .relatedCarousel .next-navigation.inactive {
        opacity: .5;
        cursor: default;
    }
    
    


    /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../Images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../Images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../Images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../Images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../Images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../Images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

















.bodyText {
    position:relative;
}

a.bodyTextMore {
    text-align:center;
    position:relative;
}
a.bodyTextMore span {
    position:absolute;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color:#d1d1d1;
    background-image:url('../Images/arrow-bottom-ico.png');
    background-position:center;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    left: 0;
    bottom:0px;
    margin: 0 auto;
    right: 0;
}
a.bodyTextLess {
    text-align:center;
    color:#072e69;
}

.bodyTextMore::before {
    content: "";
    position: absolute;
    bottom: 0;
    right:0;
    width: 100%;
    display: block;
    height: 100px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}