﻿
.test {

}
/* arabic */
@font-face {
  font-family: 'beIN';
  font-style: normal;
  font-weight: 400;
  src: local('beIN'), local('beIN Normal'), url('font/beINNormal.ttf') format('truetype');
}
/* arabic */
@font-face {
  font-family: 'beIN';
  font-style: normal;
  font-weight: 700;
  src: local('beIN'), local('beIN Black'), url('font/beINBlack.ttf') format('truetype');
}


body
{
    font-family: 'beIN', sans-serif;
    color:#333;
    margin:0;
    direction:rtl;
    
    
}


TD
{
    font-size: 16px;
    font-family: 'beIN', sans-serif;
}


Body.PopBody
{
    background-color: white;
    margin: 0;
    padding: 5px;
    background-image: none;
}
A
{
    COLOR: #444;
    TEXT-DECORATION: none;
    
}
A:hover
{
    COLOR: black;
    TEXT-DECORATION: underline;
}
#MainTable
{
    height: 100%;
    
}
#Header
{
    height: 171px;
    background:White;
    position:relative;
}
#Top
{
    /*background:url(../topmenubg.jpg) repeat-x 0 0;*/
    background-color: #ffffff;
}
#TopDiv
{
  
    overflow:hidden;
    position:relative;
    
}
#TopDiv #Logo
{
    margin-top:0;
    
    background-size: contain !important;
    display:block;
    outline:0;
    
    float:right;
}
#TopDiv #Logo img
{
    border:0;
}
.ClockCell
{
    margin:0;
    color:#333;
    font-family: 'beIN', sans-serif;
    font-size:16px;
    height:45px;
    line-height:30px;
    
    text-align:right;
}
.ClockCell .Links {
    float: right;
}
.ClockCell .Clock
{
    float:right;
    margin:0 10px 0 10px;
    text-align:right;
    background:url(../clock.png) no-repeat right center;
    padding-right:33px;
    
}
.ClockCell .Adv
{
    float:right;
    margin:0 10px 0 10px;
    text-align:right;
    background:url(../flag.jpg) no-repeat right center;
    padding-right:33px;
    width:70px;
    overflow:hidden;
}
.ClockCell .About
{
    display: inline-block;
    margin:0 10px 0 10px;
    text-align:right;
    overflow:hidden;
    color: #006d96;
}
.ClockCell span {
    line-height:30px;
    display: inline-block;
    vertical-align: top;
}
.ClockCell .Contact
{
    display: inline-block;
    margin:0 10px 0 10px;
    overflow:hidden;
}
#Top .LeaderBoard
{
    margin-top:20px;
    
    float:right;
}
#Top .LeaderBoard .Leader
{
    width:100px;
    display:block;
    float:right;
    color:#283848;
    border-right:1px solid #283848;
    font-family: 'beIN', sans-serif;
    font-size:16px;
    height:70px;
    overflow:hidden;
    text-align:center;
    margin-right:20px;
    padding-right:10px;
    
}
.LeaderBoard .MiddleBanner
{
    width:468px;
    height:60px;
    overflow:hidden;
    float:left;
    
}
.SocialBlock
{
    float:left;
    color:black;
    height:32px;
    width:190px;
    margin:10px 5px 0 5px; 
}
.SocialBlock a
{
    display: block;
    float: right;
    margin-left: 3px;
    margin-right: 3px;
    width:32px;
    height:32px;
}
.TopHomeSubject
{
    float:right;
    width:735px;
    padding-top:5px;
}
.FullWidHht
{
    width: 100%;
    height: 100%;
}
.FooterSearch .SearchBox
{
    width:200px;
    overflow:hidden;
    position:relative;
    border:1px solid white;
}
.SearchBox form
{
    text-align:center;
    margin:0;
}
.SearchBox .Keyword
{
    float:right;
    /*background-color:#f9f9f9;
    border:none !important;
    width:200px;
    height:31px;*/
}
.SearchBox .Button
{
    position:absolute;
    top:3px;
    left:0px;
    

}
.SearchBox .Button input
{
    background:url(../search.png) no-repeat center center;
    width:35px;
    height:35px;
    cursor: pointer;
    border:0;
}
#NewsSearchPage .SearchBox
{
    float:none;
    display:block;
    margin-top:10px;
    margin-bottom:10px;
    height:40px;
}
#NewsSearchPage  .paging
{
    clear:both;
}
.SearchBox #SearchDiv
{
    text-align:center;
}
.Search .SearchBox .SRInput
{
    border:0 !important;
    color:Black;
    height:25px;
    line-height:25px;
    width:190px;
    font-size:14px;
    margin-right:10px;
    background-color:#f9f9f9;
    padding-bottom:0 !important;
    padding-top:6px !important;
}
.Search .SearchBox .SearchButton
{
    border:0;
    /*border:1px solid #d1d1d1;*/
    background:url(../search.jpg) no-repeat 0 0;
    height:31px;
    line-height:31px;
    width:31px;
    cursor:pointer;
    font-size:15px;
    font-family:Arial;
    font-weight:bolder;
    display:block;
}
.FooterSearch .SearchBox .SearchButton
{
    border:0;
    /*border:1px solid #d1d1d1;*/
    background:url(../search_footer.jpg) no-repeat 0 0;
    height:31px;
    line-height:31px;
    width:31px;
    cursor:pointer;
    font-size:15px;
    font-family:Arial;
    font-weight:bolder;
    display:block;
}
.FooterSearch .SearchBox .SRInput
{
    background-color:#1f1f1f;
    border:0 !important;
    color:white;
    height:25px;
    line-height:25px;
    width:190px;
    font-size:14px;
    margin-right:10px;
    padding-bottom:0 !important;
    padding-top:6px !important;
}
.FooterSearch .SearchBox .Keyword
{
    float:right;
    background-color:#1f1f1f;
    border:none !important;
    width:200px;
    height:31px;
}
/***************************************/
.FBTLlike
{
    display:inline-block;
    float:right;
    height:29px;
}
#FBLike
{
    width:90px;
    overflow:hidden;
    direction:ltr;
    float:right;
    padding-top:4px;
}
#FBLike2
{
    width:80px;
    overflow:hidden;
    direction:ltr;
    float:left;
    padding-top:8px;
}
#TwitterFollow
{
    width:228px;
    overflow:hidden;
    direction:ltr;
    float:left;
    padding-top:4px;
}
#TwitterFollow2
{
    width:138px;
    overflow:hidden;
    direction:ltr;
    float:left;
    padding-top:8px;
}

#GooglePlus
{
    width:80px;
    overflow:hidden;
    float:left;
    padding-top:4px;
    direction:ltr;
}
#NewsGooglePlus
{
    width:80px;
    overflow:hidden;
    float:left;
    padding-top:2px;
    direction:ltr;
}
#GoogleFollow
{
    overflow:hidden;
    float:left;
    margin-top:-1px;
    direction:ltr;
    margin-right:2px;
    height:29px;
    width:130px;
}

#GoogleFollow div,#GoogleFollow2 div
{
    margin-left:-33px !important;
    margin-top:-41px !important;
    float:right;
}
#GoogleFollow2
{
    overflow:hidden;
    float:left;
    margin-top:3px;
    direction:ltr;
    margin-right:1px;
    height:29px;
    width:125px;
}
/****** ADS **********/
 
.TopHomeAd
{
    margin-top:40px;
    float:left;
    margin-left:10px;
    width:728px;
    height:90px;
}
.SourceSideAd
{
    width:300px;
    height:250px;
    overflow:hidden;
}

/******************************/
#NewsMainTable
{
    width: 1002px;
    height: 100%;
    background:white;
}
#NewsHeader
{
    height: 75px;
    position:relative;
}
#NewsHeader .HeaderDiv
{
    width:1000px;
    height:75px;
    position:relative;
}
#NewsHeader #InHeader
{
    width:1000px;
    height: 132px;
    position:relative;
}

#NewsHeader #Logo
{
    width:150px;
    height:70px;
    display:block;
    outline:0;
}
#NewsHeader #Logo img
{
    border:0;
}
.TopFanBox
{
    border:1px solid #c1ced5;
    background:#fcfeff;
    height:58px;
    margin-top:5px;
    float:left;
    direction:ltr;
    width:185px;
}
.PrivateAd
{
    height:43px;
    margin-top:5px;
    float:left;
    width:374px;
    overflow:hidden;
}
.TopNewsAd
{
    float:left;
    width:475px;
    padding-top:5px;
}
.TopNewsAd .TopNewsBanner
{
    height:60px;
    text-align:left;
    /*padding-left:5px;*/
}

.NewsSocialBox
{
    width: 85px;
    margin-right:0;
    margin-top:2px;
    float:left;
    height:20px;
}
.NewsSocialBox a
{
    display: block;
    float: right;
    margin-right: 2px;
}
.NewsSocialBox a img
{
    width:19px;
}
#NewsTitleRow
{
    padding:0;
}
#NewsTitleRow #TitleRowDiv
{
    background:#2d5c8c;
    height:26px;
    padding:0px 0 0 0;
}
#NewsTitleRow #HeadCell {
    font-family:tahoma;
    font-size:13px;
    color:white;
    width:580px;
    float:right;
    margin-bottom:10px;
    line-height:18px;
    padding:10px;
    overflow:hidden;
    
}
#NewsTitleRow #HeadCell a
{
    color:White;
    font-size:13px;
}
.SocialDiv .FlyShareBox
{
    float:left;
    padding-top:2px;
    padding-left: 2px;
}
.NewsBodyPage {
    position:relative;
}
.NewsBodyPage div{
}
#NewsFramePage
{
    width:100%;
    overflow:auto;
}
#NewsFramePage iframe
{
    float:none;
    text-align:right;
}
.NewsBodyPage #FlayerDiv
{
    text-align:center;
    position:absolute;
    top:5px;
    left:5px;
    height:459px;
    padding:0px;
    overflow:hidden;
    /*border-bottom:2px solid #8C0008;*/

}
#FlayerDiv .FlayerContainer
{
    width:200px;
    
}
#FlayerDiv .MinBanner
{
    height:30px;
    color:White;
    background-color:#fff;
    border:#103852 1px solid;
    font-family:Arial;
    font-weight:bolder;
    font-size:16px;
    line-height:30px;
    text-align:center;
    margin-bottom:3px;
    float:left;
    width:167px;
    overflow:hidden;
}
#FlayerDiv #TitleAd{
    height:30px;
    color:White;
    font-family:Arial;
    font-weight:bolder;
    font-size:16px;
    line-height:30px;
    text-align:center;
    margin-bottom:3px;
}
#FlayerDiv .FlyShareBox {
    width:120px;
    height:20px;
    float:left;
    padding-top:2px;
}
.FlyShareBox .Facebook, #ShareBox .Facebook, .ShareBox .Facebook
{
    background:url(../social/share.png) no-repeat 0 0;
    width:60px;
    height:20px;
    display:inline-block;
    border:0;
    margin-left:0px;
    margin-right:1px;
}
.FlyShareBox .Twitter, #ShareBox .Twitter, .ShareBox .Twitter
{
    background:url(../social/share.png) no-repeat -60px 0;
    width:55px;
    height:20px;
    display:inline-block;
    border:0;
    margin-left:0px;
    margin-right:1px;
}
#FlayerDiv .TinyAd
{
    height:200px;
}
.LatestNews
{
    width:200px;
    height:194px;
    margin-bottom:4px;
    
}

.HomePage
{
    width:120px;
    float:right;
    text-align:center;
    background-color:#8c0008;
    height:26px;
    overflow:hidden;
}
.HomePage A
{
    font-size:14px;
    font-family:tahoma;
    TEXT-DECORATION: none;
    color:white;
    display:block;
    height:26px;
    line-height:24px;
    
}
.HomePage A:hover
{
    text-decoration: none;
    color:#fff9ca;
    background-color:#9c0009;
}
/***********************************/
/*********************** Main Menu *******************/
/*****News Cat Menu*****/ 
.HomeLink
{
    background:#ef3636 url(../home.png) no-repeat center 17px;
    width:55px;
    height:57px;
    display:block;
    
}
.HomeLink:hover
{
    background-position:center -35px;
    width:55px;
    height:57px;
}
.CategoryMenu
{
    background-color: #006d96;
    height:45px;
    overflow:hidden;
    border-bottom:2px solid black;
}
.megamenu
{
    padding:0;
    margin:0 10px 0 10px !important;
    
    
}

.megamenu li
{
    padding:0;
    float:right;
    list-style: none;
    
}
.pull-left {
    float: left !important;
}

.megamenu .Arrow
{
    padding-left:30px;
    background:url(../arrow.png) no-repeat 0 center;
}
.megamenu .Home
{
    background:url(../home.jpg) no-repeat right center;
}
.megamenu li span{
    color: white;
    
    display: block;
}
.megamenu li a
{
   
    
    display:block;
    color:white;
    font-family: 'beIN', sans-serif;
    
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
}
.megamenu li a:hover
{
    text-decoration:none;
    color:#efefef;
}
.MenuNewsDiv
{
    overflow:hidden;
    width:670px;
    height:220px;
}
.MenuNewsDiv .SmallImage
{
    width:160px;
    height:180px;
    overflow:hidden;
    margin-top:20px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom:20px;
    float:right;
}
.MenuNewsDiv .SmallImage img
{
    width:160px;
    height:120px;
}
.MenuNewsDiv .SmallImage a .Title
{
    width:160px;
    height:60px;
    display:block;
    color:white;
    font-family: 'beIN', sans-serif;
    font-weight:bolder;
    font-size:15px;
    line-height:29px;
    overflow:hidden;
    text-align:center;
}
.MenuNewsDiv .SmallImage a:hover
{
    text-decoration:none;
}
.MoreLinksDiv
{
    width:150px;
    
    overflow:hidden;
    background-color:#2d2d2d;
}
.MoreLinksDiv a
{
    display:block;
    height:35px !important;
    line-height:35px !important;
    
    color:Silver;
    padding:0 5px 0 5px !important;
}
.MoreLinksDiv a:hover
{
    display:block;
    color:white;
}

/**************************************************/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/**************************************************/
.MenuArea 
{
    width:600px;
    overflow:hidden;
    float:right;
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
    height:22px;
}
.MainMenu
{
    padding:0 4px 0 4px;
    text-align:center;
}
.MainMenu A
{
    font-size:12px;
    font-family:tahoma;
    text-decoration: none;
    color:#838383;
    height:22px;
    line-height:22px;
}
.MainMenu A:hover
{
    text-decoration: none;
    color:#333333;
}

.Separator
{
    width:5px;
    height:29px;
    background:url(../sp.png) no-repeat center center;
}
/******************* Footer Area ***************************/
#FooterCell .Contactus
{
    text-align:right; 
    overflow:hidden;
    color:Silver;
}
#FooterCell .Contactus a
{
    color:Silver;
    font-size:18px;
}
#FooterCell .Contactus a:hover
{
    color:white;
}
#FooterCell
{
    text-align: center;
     background-color:#292929;
}
#FooterCell img
{
    margin-left:3px;
    border:0;
    float:right;
}
#FooterCell A
{
    text-decoration: none;
}
#FooterCell A:hover
{
}
.LastLine
{
    height:50px;
}
.FooterCopyRight
{
    text-align:center;
    color:Gray;
    font-family: 'beIN', sans-serif;
    float:right;
    width:320px;
    margin-top:5px;
}
.FooterSocial
{
    width:200px;
    height:32px;
    margin-top:0px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    float:left;
}
.FooterSocial .SocialBlock
{
    margin:0 !important;
    
}
.FooterMenu
{
    width:280px;
    height:45px;
    overflow:hidden;
    float:right;
    
}
.FooterMenu .SubMenu
{
    margin-top:0 !important;
}
.FooterMenu .SubMenu li
{
    width:80px;
}

.FooterLogo
{
    margin:0px;
}
.FooterLogo .Editor
{
    width:100px;
    display:block;
    float:right;
    color:white;
    border-right:1px solid #5b5b5b;
    font-family: 'beIN', sans-serif;
    font-size:16px;
    height:70px;
    overflow:hidden;
    text-align:center;
    margin-right:20px;
    margin-top:40px;
    padding-right:10px;
}
.FooterSearch
{
    float:right;
    width:200px;
    overflow:hidden;
}
/***************** Body Area ****************************/
#BodyArea
{
    height: 100%;
    width: 100%;
    padding:5px 10px 5px 10px;
}
.BodyContainer
{
    padding:10px;
    margin-top:10px;
    overflow:hidden;
    box-shadow: 0 0 5px #cacaca;
    min-height:300px;
}
#SideCell
{
    width:180px;
    padding-top:0;
    padding-bottom:5px;
}
.UserBodyCell {
    width:100%;
    height:100%;
    
}
.NewsBodyCell{
    padding:0;
    width:100%;
    height:100%;
}

.BodyCell
{
    padding:5px;
    background-color:white;
    background-image:none;
    direction:rtl;
    font-size:15px;
    font-weight:bolder;
    font-family:arial;
}
.SideDiv
{
    margin-bottom: 4px;
}

#HeadCell
{
    color:black;
    margin:0px !important;
    float:right;
    padding-left:5px;
    padding-right:5px;
    
    font-family: 'beIN', sans-serif;
    line-height:30px;
    font-size: 22px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    
}
.HeadCell2
{
    color: #8C0008;
    font-family:arial;
    font-weight:bolder;
    font-size: 16px;
    margin-bottom:3px;
    text-align:center;
    
}
.HeadCell2 A
{
    color: #8c0008;
    font-family:tahoma;
    font-size: 15px;
    font-weight: bolder;
}
.HeadCell A
{
    font-family:tahoma;
    font-size: 18px;
    color: #103852;
}
.HeadCell A:hover
{
    color: black;
    text-decoration: none;
}
.formfield,.FormField
{
    padding:1px;
    border:#de3a14 1px solid ;
    FONT-SIZE: 16px;
    font-family: 'beIN', sans-serif;
    color:#626c76;
    background-color:#f9f9f9;
    margin:2px;
}
.FormButton, .formbutton
{
    box-shadow: 0px 5px 10px -1px #b5b5b5;
    /*border:#ddd 1px solid;*/
    border-radius:4px;
    FONT-SIZE: 15px;
    font-family: 'beIN', sans-serif;
    background:#de3a14;
    color:White ;
    padding:0 15px 0 15px;
    cursor:pointer;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    border-style:none;
}
a.FormButton:hover
{
    color:white;
    border:1px solid #ddd;
    background:#fa4343;
    text-decoration:none;
}
.formfield100
{
    border: #e5eaed 1px solid;
    font-size: 12px;
    font-family: tahoma;
    width:288px;
    height:20px;
}
.FormNote{
    color:gray;
    font-size:11px;
}

.Checkboxes Label.error {
    float:left;
}
Label.error {
    color:red;
    padding-right:2px;
}
Label.sucess {
    color:#339900;
    padding-right:2px;
}
Label.block {
    display:block;
    padding:4px;
    background:#FFFFCC;
}

A.LinkButton , A.LinkButton:hover
{
    color: white !important;
    text-decoration:none;
    border: #e5eaed 1px solid;
    font-size: 14px;
    font-weight: bold;
    font-family: times New Roman;
    background:#103852;
}
.HLine
{
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-bottom:1px solid #cccccc;
    margin:3px 10px 3px 10px
}

.RevAlignDiv
{
    text-align:left;
}
.AlignNewsPic
{
    float:right;
    border:1px solid #d5d5d5;
}
/*************** Frames *****************/
.BodyFrameHLine
{
    color:White;
    width:100%;
    height:37px;
    font-size:22px;
    font-family: 'beIN', sans-serif;
    background:url(../bfhbg.jpg) repeat-x 0 bottom;
    
}
.PlusTD
{
    font-size:22px;
    color:White;
    background:url(../plus.jpg) no-repeat 0 bottom;
    width:157px;
    height:37px;
}
.BodyFrameTable
{
    
}
.LeftBorder
{
    background:url(../border.png)no-repeat left bottom;
    width:1px;
}
.BodyFrame
{
    width:100%;
    height:100%;
    box-shadow: 0 3px 3px 0 #b5b5b5;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    padding:10px;
    background-color:White;
}
.BodyFrameHeader
{
    
    height:37px;
    text-align:center;
    font-family: 'beIN', sans-serif;
    white-space:nowrap;
    font-size:22px;
    color:White;
    background:url(../bfhbg.jpg) repeat-x 0 bottom;
}
.BodyFrameHeader div
{
    padding:0 10px 0 20px;
    color:white;
    font-size:22px;
    font-family: 'beIN', sans-serif;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    background-color:#006d96;
}
.BodyFrameHeader A
{
    color:white;
    font-size:20px;
    text-decoration:none;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
}
.BodyFrameHeader A:hover
{
    color:white;
    text-decoration:none;
    
}

.SideFrameTable
{
    
}
.SideFrame
{
    padding:5px;
    width:100%;
    height:100%;
    background:#b3b3b3;
}

.SideFrameHeader
{
    background:#fc7001;
    height:25px;
    line-height:25px;
    color:white;
    font-size:15px;
    font-family:arial;
    font-weight:bolder;
    text-align:center;
    padding:0 10px 0 10px;
}
.SideFrameHeader A
{
    color:white;
    font-size:15px;
    text-decoration:none;
}
.SideFrameHeader A:hover
{
    color:white;
    font-size:15px;
    text-decoration:none;
}
/*************************************/
.Head1
{
    background:url(../headbg.jpg) no-repeat 0 0;
    width:7px;
    height:23px;
}
.Head3
{
    background:url(../headbg.jpg) no-repeat 0 -46px;
    width:7px;
    height:23px;
}
.NewsHead
{
    background:url(../headbg.jpg) repeat-x 0 -23px;
    height:23px;
    line-height:23px;
    color:#103852; /****** Title color *********/
    font-size:15px;
    font-family:arial;
    font-weight:bolder;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    
}
.NewsHead a
{
    color:#103852; /****** Title color *********/
    font-size:15px;
    font-family:arial;
    font-weight:bolder;
    text-decoration:none;
}
.NewsHead a:hover
{
    color:Black;
    text-decoration:none;
}
.BodyHeader
{
    /*background:white url(../bfheader.jpg) repeat-x 0 bottom;*/
    height:33px;
    line-height:33px;
    color:#fd8a31;
    font-size:18px;
    font-family:tahoma;
    font-weight:bolder;
    text-align:right;
    margin-right:8px;
    margin-left:8px;
    margin-bottom:5px;
}
.BodyHeader A,.BodyHeader A:hover
{
    color:#fd8a31;
    font-size:18px;
    font-family:tahoma;
    font-weight:bolder;
    text-decoration:none;
}
.BodyHeader A:hover
{
    color:#fd8a31;
    text-decoration:none;
}
.BodyHeader2
{
    /*background:white url(../bfheader.jpg) repeat-x 0 bottom;*/
    height:33px;
    line-height:33px;
    background-color:#fd8a31;
    color:White;
    font-size:18px;
    font-family:tahoma;
    font-weight:bolder;
    text-align:right;
    margin-right:8px;
    margin-left:8px;
    margin-bottom:5px;
}
.BodyHeader2 A,.BodyHeader2 A:hover
{
    color:White;
    font-size:18px;
    font-family:tahoma;
    font-weight:bolder;
    text-decoration:none;
}
.BodyHeader2 A:hover
{
    color:White;
    text-decoration:none;
}

.TopHeader
{
    width:50%;
    background-color:#0f3952;
    height:33px;
    line-height:33px;
    color:white;
    font-size:16px;
    font-family:arial;
    font-weight:bolder;
    text-align:center;
    margin-bottom:5px;
    margin-left:5px;
}
.TopHeader A
{
    color:white;
    font-size:16px;
    text-decoration:none;
}
.TopHeader A:hover
{
    color:white;
    font-size:16px;
    text-decoration:none;
}
/**********************************************/
/**************.Net Fixed********************/
#LikeBox
{
    width:90px;
    float:left;
}

.ShareBox{
    width:300px;
    float:left;
}
.ShareBox iframe{
    border:none;
    margin:0 2px;
    float:left;
}
.ShareBox .Facebook
{
    background:url(../social/share.png) no-repeat 0 0;
    width:60px;
    height:20px;
    display:inline-block;
    border:0;
    margin-left:0px;
    margin-right:1px;
    float:left;
}
.ShareBox .Twitter
{
    background:url(../social/share.png) no-repeat -60px 0;
    width:55px;
    height:20px;
    display:inline-block;
    border:0;
    margin-left:0px;
    margin-right:1px;
    float:left;
}
div.FanBox {
    height: 61px;
    width: 180px;
    overflow: hidden;
}
div#HomeFanBox iframe{
    width:200px;
    height:70px;
    overflow:hidden;
    margin:-8px 0 0 -7px;
}

#InHeader
{
    width:1000px;
    height: 171px;
    position:relative;
    overflow:hidden;
}
div.LoginBlock
{
    overflow:hidden;
    width:230px;
    margin-left:3px;
    margin-right:3px;
    margin-top:50px;
}
div.LoginBox
{
    overflow:hidden;
    width:110px;
    float:left;
}
.SocialBox
{
    overflow:hidden;
    width:990px;
    height: 28px;
    position:absolute;
    top:5px;
    right:10px;
}
.RightSocialIcons a, .LeftSocialIcons a
{
    display: block;
    float: right;
    margin-right: 2px;
    margin-top:2px;
}
.SocialBox a img
{
    height:24px;
    width:24px;
}
.RightSocialIcons
{
    width:450px;
    overflow:hidden;
    float:right;
}
.LeftSocialIcons
{
    width:135px;
    overflow:hidden;
    float:left;
}
/***************** Captcha ******************/
.captcha-div
{
    margin:2px;
    float:right;
}
.captcha-div label{
 line-height: 22px;
 display:block;
 float:left;
 margin:1px;
}
.captcha-div img{
 margin:1px;
 display:block;
 border:gray 1px solid;
 float:left;
}
.captcha-div input{
 margin:1px;
 line-height: 20px;
 border:gray 1px solid;
 height:20px;
 display:block;
 float:left;
 width:60px !important;
}
.captcha-div span{
display:block;
clear:both;
}

/***************** Member ******************/
div.MemberLink{
    float:right;
    margin-right:15px;
}
/************** Static Member Frame DO NOT REMOVE ***********************/
.MemberFrameTable
{
    display: inline-block;
    float:right;
}
.MF11
{
    background:url(../members/memberframe.png) no-repeat -11px 0;
    width:11px;
    height:43px;
}
.MF12
{
    background:url(../members/memberframe12.jpg) repeat-x 0 0;
    width:100%;
    height:43px;
    padding-right:15px;
    text-align:right;
}
.MF13
{
    background:url(../members/memberframe.png) no-repeat 0 0;
    width:11px;
    height:43px;
}

.MF21
{
    border-right:1px solid #e1e0e0;
    background:#e1e0e0 url(../members/memberframebg.jpg) repeat-x 0 0;
    height:100%;
    font-size:1px;
}
.MF23
{
    border-left:1px solid #e1e0e0;
    background:#e1e0e0 url(../members/memberframebg.jpg) repeat-x 0 0;
    height:100%;
    font-size:1px;
}
.MF31
{
    background:url(../members/memberframe.png) no-repeat -11px -43px;
    width:11px;
    height:11px;
}
.MF32
{
    background-color:#e1e0e0;
    width:100%;
    height:11px;
}
.MF33
{
    background:url(../members/memberframe.png) no-repeat 0 -43px;
    width:11px;
    height:11px;
}
.MemberFrame
{
    background:#e1e0e0 url(../members/memberframebg.jpg) repeat-x 0 0;
    padding:5px;
    width:100%;
    height:100%;
}
.MemberFrame A,.MemberFrame A:hover
{
    color:#282828;
}
.MFHeader
{
    background:white url(../members/memberframeheader.jpg) repeat-x 0 0;
    float:right;
    width:7px;
    height:43px;
}
.MemberFrameHeader
{
    background:white url(../members/memberframeheaderbg.jpg) repeat-x 0 bottom;
    float:right;
    height:43px;
    line-height:43px;
    color:#8c0008;
    text-align:center;
    padding:0 10px 0 10px;
    font-size:18px;
}
.MF12 .HeadDiv
{
    height:43px;
    overflow:hidden;
}
.MemberFrameHeader A, .MemberFrameHeader A:hover
{
    color:#8c0008;
    font-size:18px;
    text-decoration:none;
}
.MemberFrameHeader2
{
    color:#103852;
    padding:0 10px 0 2px;
    font-size:12px;
    font-weight:bolder;
    height:43px;
    line-height:62px;
    vertical-align:bottom;
    float: right;
}
.MemberAreaCls
{
    width:auto;
}
.ShareAreaCls
{
    width:0;
}
.SPDiv
{
    float:right;
    width:20px;
    height:100px;
}
/**********/
/*********** Container Box ******************/
#Header div.LoginBoxBlock {
    float:left;
    width:390px;
    height:28px;
    margin-left:5px;
}
/*********** Page *****************/
div.MemberLoginPage{
    width:400px;
    margin:0 auto;
}
div.MemberLoginPage div {
    padding:4px;
}
div.MemberLoginPage .Facebook .button{
    
}
/**************** Both ************************/ 
div.MemberWelcomeBox
{
    overflow: hidden;
    position: relative;
    background-color:#637bad;
    height: 29px;
    width:172px;
    float:left;
}
div.MemberWelcomeBox a.Avatar {
    display: block;
    float:right;
    height: 29px;
    width: 29px;
    overflow:hidden;
}
div.MemberWelcomeBox a.Avatar img {
    border:none;
    width:29px;
    height:29px;
}

div.MemberWelcomeBox .Hello {
    padding-left: 3px;
    padding-right: 3px;
    background-color: #637bad;
    margin-top: 0px;
    margin-right:31px;
    margin-bottom:0px;
    margin-left:15px;
    overflow: hidden;
    width:120px;
    color: white;
    line-height: 29px;
    height: 29px;
    font-size:11px;
}
div.MemberWelcomeBox .Area {
    
    overflow: hidden;
    width:12px;
    color: #637bad;
    height: 10px;
    font-size:1px;
    position:absolute;
    top:10px;
    left:3px;
    outline:0;
}
div.MemberWelcomeBox .Area A
{
    display:block;
    background:url(../Edit.png) no-repeat center center;
    width:10px;
    height:10px;
    outline:0;
    color: #637bad;
    text-decoration:none;
}
div.MemberWelcomeBox .Area A:hover
{
    color: #637bad;
    text-decoration:none;
}
DIV.MemberWelcomeBox A{
    color: #c1dff3;
}
DIV.MemberWelcomeBox A:hover{
    color: white;
    text-decoration: none;
}

div.MemberWelcomeBox .Area A img
{
    display:none;
}
div.MemberWelcomeBox .Logout
{
    width:80%;
    float:right;
    text-align:right;
    line-height:21px;
    height:21px;
    font-size:11px;
}
div.MemberWelcomeBox .Link a img, div.MemberWelcomeBox .Logout a img
{
    width:20px;
    float:right;
}

.LoginLink
{
    display:inline-block;
    width:110px;
    float:right;
}
.LoginLink a.RegularLogin , input.RegularLogin {
    display:inline-block;
    border:#736546 1px solid;
    height:24px;
    line-height:24px;
    color:white;
    font-weight:bold;
    text-decoration:none;
    outline:0;
    white-space:nowrap;
    background:#91815e url('../members/UserIcon.png') no-repeat left center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 110px;
    text-align: right;
    margin-left:auto;
    margin-right:auto;
    font-family:arial;
    font-size:12px;
    cursor:pointer;
    text-indent:2px;
}


/**************************** FBLoginButton **/
A.FBLoginButton
{
    border: #637bad 1px solid;
    display: block;
    font-weight: bold;
    background: #637bad url(../members/fbicon.png) no-repeat left center;
    filter: alpha(opacity=95);
    color: white; /*text-indent: -28px;*/
    line-height: 24px;
    height: 24px;
    text-decoration: none;
    outline: 0;
    opacity: 0.95;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:110px;
    font-family: Arial;
    font-size:10px;
    text-align:right;
    text-indent:2px;
}
A.FBLoginButton:hover
{
    border: #6c83b4 1px solid;
    filter: alpha(opacity=100);
    color: white;
    text-decoration: none;
    opacity: 1;
}
/************** New Membership Module Login page ************* 26 - 10 -2013 *******/

.AdminEmail {
    color: #626262;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    padding-right: 2px;
}
div.Forgot
{
    text-align:left;
    font-size:90%;
}
.RegisterCell
{
    width:40%;
    border-left:2px solid gray;
}
.LoginCell
{
    width:40%;
    border-right:2px solid gray;
}
.SPCell
{
    width:8%;
    border-left:2px solid gray;
    border-right:2px solid gray;
}

div.LoginImage 
{
    Color:Red;
    font-size:130%;
    font-family:tahoma;
    height:36px;
    width:200px;
    border-bottom:2px solid gray;
    margin-bottom:0px;
}
div.RegisterImage 
{
    Color:Red;
    font-size:130%;
    font-family:tahoma;
    height:36px;
    width:200px;
    border-bottom:2px solid gray;
    margin-bottom:25px;
}
div.RegisterInfo
{
    line-height:28px;
}
.RegisterCell div.LoginBox
{
    float:right !important;
    margin-bottom:4px;
}
.RegisterCell div.LoginLink
{
    float:right !important;
    margin-bottom:4px;
}
.MemberRowLine
{
    border-top:2px solid gray;
} 
.LoginCell .FBLoginButton , .RegisterCell .FBLoginButton
{
    font-family:arial;
    font-size:15px;
    text-align:center;
}
.LoginCell .LoginLink a.RegularLogin, .LoginCell  input.RegularLogin , .RegisterCell .LoginLink a.RegularLogin, .RegisterCell  input.RegularLogin
{
    width:175px;
    text-align:center;
}
div.MemberLoginBox label {
    width:100px;
    display:block;
    float:right;
    font-size:15px;
}
/***** End of New Membership Module update 26-10-2013 *********/ 


.HomeCategoryBlock
{
    width: 685px;
    overflow:hidden;
}
.HomeCategoryBlock .SmallNews
{
    display:block;
    height:220px;
    overflow:hidden;
    margin-bottom:4px;
    margin-left:8px;
    margin-right:8px;
    float:right;
    width:205px;
    background-color:#dddddd;
    color:#0f3067;
}
.HomeCategoryBlock a.SmallNews:hover
{
    text-decoration:none;
    color:black;
}
.HomeCategoryBlock .SmallNews img
{
    width:205px;
    height:152px;
    margin-bottom:3px;
    border:0;
}
.HomeCategoryBlock .SmallNews span
{
    border-right:4px solid silver;
    height:63px;
    line-height:20px;
    overflow:hidden;
    color:#e15e03;
    font-size:15px;
    display:block;
    font-family:arial;
    font-weight:bolder;
    padding-right:3px;
    padding-left:2px;
    
}
/**************Home css******************/
div.RowLine
{
    clear:both;
    height:10px;
    font-size:1px;
    line-height:10px;
}
div.TinyRowLine
{
    clear:both;
    height:2px;
    font-size:1px;
    line-height:2px;
}

#RightSide
{
    width:660px;
    overflow:hidden;
    float:right;
    position:relative;
}
#Leftside
{
    width:322px;
    margin-right:18px;
    overflow:hidden;
    float:left;
}
#Line1
{
    overflow:hidden;
    
    margin-bottom:15px;
}
#Line2, #Line22
{
    overflow:hidden;
    
}
#Line3
{
    overflow:hidden;
}
/********** Home Start 2014 ********************/
.MoreDiv
{
    border: 1px solid #dedede;
    font-family: 'beIN', sans-serif;
    font-size:20px;
    color:#444;
    text-align:center;
    margin:7px 0 5px 0 ;
    display:block;
    background-color:White;
    text-decoration:none;
}
.MoreDiv a:hover
{
    color:#006d96;
}
.AdRectangle
{
    overflow:hidden;
    margin-bottom:10px;
    margin-top:10px;
    float:left;
}
.AdRectangleResponsive
{
    display:block; 
}

.Ad300X250
{
    width:300px;
    height:250px;
    overflow:hidden;
    margin-bottom:10px;
    margin-top:10px;
    float:left;
}
.MostViewLeftBlock
{
    width:336px;
    height:630px;
    overflow:hidden;
    float:left;
}
.FacebookBlock
{
    width:336px;
    overflow:hidden;
    float:left;
}
.FacebookHeader
{
    background:url(../facebookheader.jpg) no-repeat 0 0;
    width:336px;
    height:42px;
    overflow:hidden;
}
/************ New Rotator Area **************/
/*************/
#TopNewsArea
{
    overflow:hidden;
    background-color:#1f1f1f;
    float:right;
}
#NewsTabsArea
{
    overflow:hidden;
    
}
/*******************Personalized Tabs Css *********************/
#TopNewsArea #TabUL
{
    list-style-type:none;
    margin-left:0;
}
#TopNewsArea #TabUL li
{
    list-style-type:none;
    padding:0;
    height:226px;
    white-space:normal;
    overflow:hidden;
    width:390px;
    text-align:right;
    margin-bottom:0;
    background-color:Black;
    position:relative;
}
#TopNewsArea #TabUL A
{
    display:block;
    height:226px;
    text-decoration:none;
    line-height:25px;
}
#TopNewsArea #TabUL li.first
{
    border-right:none !important;
}
#TopNewsArea #TabUL A:hover
{
    /*background-color:silver;
    color: white;*/
    text-decoration:none;
}
#TopNewsArea .ui-tabs-nav .ui-tabs-selected a, #TopNewsArea .ui-tabs-nav a:hover, #TopNewsArea .ui-tabs-nav a:focus, #TopNewsArea .ui-tabs-nav a:active {
    /*background-position: 100% -150px;*/
}
#TopNewsArea .ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    
    /*font-weight: bolder;*/
    line-height: 20px;
    text-align: right;
    text-decoration: none;
    white-space: normal; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    /*font-family:tahoma;*/
    /*font-size:13px;*/
    color:black;
}
#TopNewsArea .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    padding: 0;
    /*font-weight: bolder;*/
    text-align: right;
    text-decoration: none;
    white-space: normal; /* required in IE 6 */
    /*font-family:Tahoma;*/
    /*font-size:13px;*/
    color: white;
    /*background-color:#da332d !important;*/
    
}
#TopNewsArea .ui-tabs-nav .ui-tabs-selected a img
{
    /*border:1px solid red !important;*/
}
#TopNewsArea #TabUL A img
{
    width:390px;
    height:226px;
}

#TopNewsArea a span.Rollout
{
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    
    /*font-family: 'beIN', sans-serif;
    font-size:14px;
    color:White !important;
    
    border:1px solid transparent;
    line-height:24px !important;
    background-color:Black;
    position:absolute;
    margin-top:-76px;
    height:0 !important;
    
    display:block;
    overflow:hidden !important;*/
    
    font-family: 'beIN', sans-serif;
    font-size:20px;
    color:White !important;
    filter: alpha(opacity=60);
    opacity: 0.60;
    display:block;
    overflow:hidden !important;
    position:absolute;
    background-color:Black;
    position:absolute;
    bottom:0;
    height:45px;
    line-height:35px !important;
    text-align:center;
    border-top:1px solid white;
    width:390px;
}
#TopNewsArea a:hover span.Rollout
{
    filter: alpha(opacity=70);
    opacity: 0.70;
    /*height:75px !important;*/
}
/************ New Rotator Area **************/
#NewsTopImage
{
    overflow:hidden;
    position:relative;
    
}
#NewsTopImage a 
{
    display:block;
    text-decoration:none;
}
#NewsTopImage a img
{
    border:0;
}
#NewsTopTitles
{
    width:0px;
    height:0px;
    overflow:hidden;
    float:right;
}
#NewsTopImage a div.ei-title
{
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    
    /*font-family: 'beIN', sans-serif;
    font-size:14px;
    color:White !important;
    
    border:1px solid transparent;
    line-height:24px !important;
    background-color:Black;
    position:absolute;
    margin-top:-76px;
    height:0 !important;
    
    display:block;
    overflow:hidden !important;*/
    
    font-family: 'beIN', sans-serif;
    
    color:White !important;
    filter: alpha(opacity=60);
    opacity: 0.60;
    display:block;
    overflow:hidden !important;
    position:absolute;
    background-color:Black;
    position:absolute;
    bottom:0;
    
    
    text-align:center;
    border-top:1px solid white;
    
    
}
#NewsTopImage a div.ei-title h2 
{

    font-family: 'beIN', sans-serif;
    
    color:White !important;
    margin:0;
    padding:0;
    font-weight:lighter;
}
#NewsTopImage a:hover .Title
{
    color:White;
    opacity:1;
}
/**************************/
.More
{
    color:#444;
    font-weight:bolder;
}
.NewsCatBlock
{
    height:485px;
    width:660px;
    overflow:hidden;
    
    margin-bottom:10px;
}
.NewsCatBlock .MediumNews
{
    margin-right:2px;
    width:328px;
    height:440px;
    float:right;
}
.NewsCatBlock .SmallNews
{
    float:right;
    height:440px;
    width:308px;
}
.SilverBG
{
    background:#f7f7f7;
}

/********** home General Classes **************/

.MediumNewsDate
{
    color:#aaa;
    font-size:12px;
    font-family:Tahoma;
    padding:10px 0 5px 0;
    display:block;
    margin-right:5px;
}

a.MediumNewsBlock
{
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    color:#444;
    display:block;
    
    overflow:hidden;
}
a.MediumNewsBlock:hover
{
    color:#006d96;
    text-decoration:none;
}

a.MediumNewsBlock img
{
    border:1px solid #cacaca;
    
}
a.MediumNewsBlock .Title
{
    overflow:hidden;
    display:block;
    
    font-family: 'beIN', sans-serif;
    
    text-align:right;
    
}


a.SmallNewsBlock
{
    
    
    overflow:hidden;
    display:block;
    
    color:#1f1f1f;
    
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    font-family: 'beIN', sans-serif;
}

a.SmallNewsBlock:hover
{
    text-decoration:none;
    color:#006d96
}
a.SmallNewsBlock img
{
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    border:1px solid gray;
    float:right;
}
a.SmallNewsBlock:hover img
{
    border:1px solid #006d96;
    float:right;
}
a.SmallNewsBlock span.Title
{
    
    margin-top:0 !important;
    
    overflow:hidden;
    display:block;
    margin-right:5px;
    float: right;
    color:#1f1f1f;
}
a.SmallNewsBlock:hover span.Title
{
    text-decoration:none;
    color:#006d96
}

a.SmallNewsBlock span.Date
{
    color:#aaa;
    font-size:12px;
    font-family:Tahoma;
    margin:5px 5px 0 0;
    display:block;
    font-weight:normal !important;
    float: right;
    width:194px !important;
    
}
/*****************/
.TopLargeCatBlock
{
    
    overflow:hidden;
    float:right;
}

a.TopWideNewsBlock:hover
{
    text-decoration:none;
    color:#006d96
}

a.TopWideNewsBlock
{
    
    color:#1f1f1f;
    font-size:22px;
    display:block;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    float:right;
}
a.TopWideNewsBlock:hover
{
    text-decoration:none;
    color:#006d96
}

a.TopWideNewsBlock img
{
    border:1px solid gray;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}
a.TopWideNewsBlock:hover img
{
    border:1px solid #006d96;
}
a.TopWideNewsBlock .Title
{
    
    overflow:hidden;
    display:block;
    font-family: 'beIN', sans-serif;
    text-align:right;
    color:#1f1f1f;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}
a.TopWideNewsBlock:hover .Title
{
    text-decoration:none;
    color:#006d96
}

a.TopWideNewsBlock span.Date
{
    color:#aaa;
    font-size:12px;
    font-family:Tahoma;
    margin:5px 10px 0 0;
    display:block;
    font-weight:normal;
    float: right;
    width:380px;
    float:right;
    
}
/**************************************/
.LargeCatBlock
{
    
    overflow:hidden;
    float:right;
}

a.WideNewsBlock:hover
{
    text-decoration:none;
    color:#006d96
}

a.WideNewsBlock
{
    
    color:#1f1f1f;
    font-size:22px;
    display:block;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}
a.WideNewsBlock:hover
{
    text-decoration:none;
    color:#006d96
}

a.WideNewsBlock img
{
   
    border:1px solid gray;
    
    
    float:right;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}
a.WideNewsBlock:hover img
{
   
    border:1px solid #006d96;
    float:right;
}
a.WideNewsBlock .Title
{
    
    overflow:hidden;
    display:block;
    
    font-family: 'beIN', sans-serif;
    
    
    text-align:right;
    
    float:right;
    color:#1f1f1f;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}
a.WideNewsBlock:hover .Title
{
    text-decoration:none;
    color:#006d96
}


a.WideNewsBlock .Brief
{
    
    overflow:hidden;
    color:black;
    display:block;
    margin-right:5px;
    text-align:justify;
    text-decoration:none;
    float:right;
    font-weight:300;
}

a.WideNewsBlock span.Date
{
    color:#aaa;
    font-size:12px;
    font-family:Tahoma;
    margin:5px 10px 0 0;
    display:block;
    font-weight:normal;
    float: right;
    width:380px;
    float:right;
    
}
.SmallNewsContainer
{
    width:598px;
    overflow:hidden;
    
}
.SmallNewsContainer .SmallNewsBlock
{
    float:right;
}
/********* Double Cat Per Row ***********/
.DoubleCatBlock
{
    margin-left:10px;
    float:right !important;
    
    overflow:hidden;
    
}
.DoubleCatBlock .MediumNews
{
    float:none !important;
    width:380px;
    float:none;
    height:200px;
    overflow:hidden;
}
.DoubleCatBlock .MediumNews img
{
    width:378px;
    height:198px;
    border:1px solid #d5d5d5; 
}
.DoubleCatBlock .MediumNews span.Title
{
    width:370px !important;
}
.DoubleCatBlock .MediumNews span.Brief
{
    height:100px !important;
    width:370px !important;
}

.DoubleCatBlock .SmallNews
{
    
    float:none !important;
    
    float:none;
    
    overflow:hidden;
    
    
}
.DoubleCatBlock .SmallNewsBlock
{
    margin-bottom:5px;
}
.VideoBlock
{
    width:980px;
    height:290px;
    overflow:hidden;
}
.VideoBlock .SmallVideo
{
    
}
.VideoBlock a.Vertical
{
    float:right;
    height:150px;
    line-height:20px;
    overflow:hidden;
    display:block;
    font-size:14px;
    color:#1f1f1f;
    width:149px;
    margin-top:10px;
    margin-left:10px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    font-family: 'beIN', sans-serif;
}

.VideoBlock a.Vertical:hover
{
    text-decoration:none;
    color:#006d96
}
.VideoBlock a.Vertical img
{
    height: 88px !important;
    width: 148px !important;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    border:1px solid gray;
}
.VideoBlock a.Vertical:hover img
{
    border:1px solid #006d96;
}
.VideoBlock a.Vertical span.Title
{
    width:150px !important;
    margin-top:5px !important;
    line-height:26px !important;
    height:80px;
    overflow:hidden;
    display:block;
    color:#1f1f1f;
}
.VideoBlock a.Vertical:hover span.Title
{
    text-decoration:none;
    color:#006d96
}
/*************************/
/******************************/
.FourBlock
{
    
    overflow:hidden;
    position:relative;
}
a.FourNews
{
    overflow:hidden;
    position:relative;
    
    float:right;
    display:block;
    
}
a.FourNews .Play
{
    width:362px;
    height:210px;
    position :absolute;
    top:0;
    left:0;
    z-index:9999;
    background:url(../play.png) no-repeat center 15px;
    filter: alpha(opacity=60);
    opacity: 0.60;
}
a.FourNews .Pic
{
    width:362px;
    height:210px;
    position :absolute;
    top:0;
    left:0;
    z-index:9999;
    background:url(../Pic.png) no-repeat center 15px;
    filter: alpha(opacity=60);
    opacity: 0.60;
}
.FourNews img
{
    border:1px solid #d5d5d5;
}

a.FourNews span.Rollout
{
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-in-out;
    
    position:absolute;
    bottom:0;
    
    font-family: 'beIN', sans-serif;
    
    color:White !important;
    
    
    background-color:Black;
    
    
    filter: alpha(opacity=60);
    opacity: 0.60;
    display:block;
    overflow:hidden !important;
    padding-right:5px;
    border-top:1px solid silver;
}
a.FourNews:hover span.Rollout
{
    filter: alpha(opacity=70);
    opacity: 0.70;
}
/*************************************************/
.SportBlock
{
    width:620px;
    height:630px;
    float:right;
    overflow:hidden;
}
.DoubleMediumBlock
{
    height:230px;
    overflow:hidden;
    width:640px;
    
}
.DoubleMediumBlock .MediumNewsBlock
{
    float:right;
    margin:0 0 10px 10px;
    width:305px;
    height:230px;
    overflow:hidden;
    
}
.VerticalNewsBlock
{
    height:160px;
    overflow:hidden;
    width:640px;
}
.SportBlock a.VerticalNews
{
    float:right;
    height:150px;
    line-height:20px;
    overflow:hidden;
    display:block;
    font-size:14px;
    color:#1f1f1f;
    width:150px;
    margin-top:10px;
    margin-left:10px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    font-family: 'beIN', sans-serif;
}

.SportBlock  a.VerticalNews:hover
{
    text-decoration:none;
    color:#006d96
}
.SportBlock  a.VerticalNews img
{
    height: 88px !important;
    width: 148px !important;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    border:1px solid gray;
}
.SportBlock  a.VerticalNews:hover img
{
    border:1px solid #006d96;
}
.SportBlock  a.VerticalNews span.Title
{
    width:150px !important;
    margin-top:5px !important;
    line-height:26px !important;
    height:80px;
    overflow:hidden;
    display:block;
    color:#1f1f1f;
}
.SportBlock  a.VerticalNews:hover span.Title
{
    text-decoration:none;
    color:#006d96
}
.PoliticsBlock
{
    width:620px;
    height:630px;
    overflow:hidden;
    float:right;
}

.HomeLatestNews
{
    overflow:hidden;
    
    float:left;
    
}
.HomeLatestNews .Large
{
    margin-right:2px;
    width:328px;
    height:355px;
    float:right;
}
.HomeLatestNews .Small
{
    float:right;
    height:355px;   
    width:308px;
}
.HomeLatestNews .Small a.SmallNewsBlock
{
    height:76px !important;
    
}
.HomeLatestNews .Small a.SmallNewsBlock img
{
    height:74px !important;
}
.HomeLatestNews .Small a.SmallNewsBlock span.Title
{
    height:74px !important;
}
.LatestNewsLine
{ 
    
    overflow:hidden;
    display:block;
    
    color:#1f1f1f;
    
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    font-family: 'beIN', sans-serif;
    
}
.LatestNewsLine:hover
{
    text-decoration:none;
    color:#006d96;
}
/**************************************************/
/****************** Left side Home page **********/
.ShadowAd300X250
{
    width:316px;
    height:268px;
    overflow:hidden;
    margin:2px;
}
.ShadowAd300X250 .SourceSideAd
{
    margin:8px;
}

.ShadowAd300X250 a, .ShadowAd300X190 a
{
    margin:8px;
    display:block;
    overflow:hidden;
}
.ShadowAd300X190
{
    width:316px;
    height:190px;
    overflow:hidden;
    margin:2px;
}
.ShadowAd300X400
{
    box-shadow: 0 0 2px #b5b5b5;
    width:316px;
    height:420px;
    overflow:hidden;
    margin:2px;
    border-bottom:4px solid #ef3636;
}
.ShadowAd300X400 div
{
    margin:8px;
    display:block;
    overflow:hidden;
}
.ShadowAd300X400 div iframe
{
    margin-top:-2px;
    margin-right:-1px;
}
.FacebookFrameDiv
{
    width:336px;
    height:318px;
    overflow:hidden;
    margin-right:-1px;
    margin-top:-1px;
    background-color:White;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.FacebookFrame
{
    margin:8px;
    margin-right:-1px;
    margin-top:-1px;
}
#LeftSide .BodyFrameHeader div, #LeftSide .BodyFrameHeader div a
{
    font-size:15px !important;
}
#LeftSide .BodyFrame
{
    padding:10px 0 10px 0 !important;
}


/********** home General Classes **************/

/***********************/
/******************************************/
/********************/
#HomeMostView 
{
    overflow:hidden;
    
    float:left;
}

.LeftCat
{
    overflow:hidden;
    float:left;
}
.LeftCat .SmallNewsBlock
{
    padding-right:6px;
    margin-top:3px
}
/***********************************/
.ArticleHead
{
    background-color:black;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    padding:0 10px 0 20px;
    color:white;
    font-size:22px;
    font-family: 'beIN', sans-serif;
}
.ArticleHead A
{
    color:white;
    font-size:20px;
    text-decoration:none;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
}
.ArticleHead A:hover
{
    color:white;
    text-decoration:none;
    
}
.ArticleBlock
{
    width:340px;
    height:207px;
    overflow:hidden;
    float:left;
}
.ArticleBlock .SmallNewsBlock
{
    padding-right:8px;
    margin-top:5px;
}
.ArticleBlock .ArticleDiv
{
    background-color:White;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
    width:336px;
    
}
/**********************************/
.SubjectContainer
{
    width:320px;
    overflow:hidden;
}
.SubjectContainer .Shadow
{
    box-shadow: 0 0 3px 0 #b5b5b5;
    width:316px;
    overflow:hidden;
    margin-left:2px;
    margin-right:2px;
    margin-top: 2px;
    margin-bottom:10px;
    border-bottom:4px solid #ef3636;
}
.SubjectContainer a
{
    width:300px;
    height:250px;
    display:block;
    overflow:hidden;
    margin:8px;
}
.SubjectContainer a img
{
    width:300px;
    height:250px;
    display:block;
    overflow:hidden;
}
.ShawshraHead
{
    height:38px;
    overflow:hidden;
    margin-bottom:1px;
    background-color:#006d96;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    font-size: 20px;
    font-family: 'beIN', sans-serif;
}
.ShawshraHead a
{
    height:30px;
    line-height:30px;
    overflow:hidden;
    display:block;
    color: white;
    font-size: 20px;
    font-family: 'beIN', sans-serif;
}
.ShawshraHead a:hover {
    text-decoration: none;
}
.ShawshraCls
{
    background-color:White;
    border-left:1px solid #dedede;
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
    
}
.ShawshraHead2
{
    height:30px;
    overflow:hidden;
    margin-bottom:5px;
    background-color:black;
    padding-left: 20px;
    padding-right: 10px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    font-size: 20px;
    font-family: 'beIN', sans-serif;
}
/**************************************************************/
/************** General News Block *****************/
/*********** All News Page Classes ****************/

a.GeneralBlock
{
    
    height:140px;
    line-height:26px;
    overflow:hidden;
    display:block;
    font-family: 'beIN', sans-serif;
    font-size: 16px;
    color:#444;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    
    cursor:pointer;
    width:300px;
}

a.GeneralBlock:hover
{
    text-decoration:none;
    color:Black;
}
a.GeneralBlock img
{
    margin-top:5px;
    margin-right:5px;
    height: 120px;
    width: 200px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    box-shadow: 0 0 2px #b5b5b5;
    
    border:0 !important;
    float:right;
}
a.GeneralBlock span.Title
{
    margin-top:0 !important;
    
    
    overflow:hidden;
    display:block;
    margin-right:3px;
    float: right;
}
a.GeneralBlock span.Date
{
    color:#aaa;
    font-size:10px;
    margin:0 3px 0 0;
    display:block;
    font-weight:normal !important;
    float: right;
    line-height:15px;
    
    
}
/*****  Gallery View Rotator  *********/ 
#FilmStripDiv
{
    width:320px;
    height:295px;
    overflow:hidden;
}
#FilmStripArea
{
    width:320px;
    overflow:hidden;
    display:block;
    height:230px;
}
#FilmStripArea a .Image
{
    border:1px solid gray;
    width:100px;
    height:75px;
}
#FilmStripArea a:hover .Image
{
    border:1px solid #86516f;
}
#FilmStripArea .gv-panel img , #FilmStripArea .gv-img_wrap img
{
    border:0 !important;
    
}
#FilmStripArea .gv-img_wrap
{
    border:1px solid white !important;
}
.gv-panel .gv-panel-overlay a
{
    font-family: 'beIN', sans-serif;
    height:50px !important;
    font-size:16px;
    line-height: 20px;
}
/**************************/
/************* Twitter Block HomePage **********************/
.SlimBanner
{
    margin-bottom:5px;
    text-align:center;
}
.SlimBanner a
{
    outline:0;
}
.Twittline
{
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-bottom:1px dotted #cccccc;
    margin:2px 10px 1px 10px
}
#TwitterBlockArea
{
    width:325px;
    overflow:hidden;
    float:right;
    margin-bottom:5px;
    height:361px;
    margin-right:5px;
}
/*
#TwitterBlockArea a, #TwitterBlock a:hover
{
    text-decoration:none;
    outline:0;
}
#TwitterBlockArea #TwitterIcon
{
    background:url(../twitterico.png) no-repeat 0 0;
    width:42px;
    height:29px;
    position:absolute;
    top:1px;
    left:5px;
}
.TwitterNews
{
    height:61px;
    overflow:hidden;
}
.TwitterNews .TwittBlock
{
    height:45px;
    overflow:hidden;
    margin-left:5px;
    margin-right:5px;
    display:block;
    font-size:12px;
    font-family:tahoma;
    line-height:14px;
}
.TwitterNews .TwittBlock img
{
    height:40px;
    width:53px;
    float:right;
    margin-left:3px;
    border:1px solid #999999;
}
.TwitterNews .TwittBlock span.Twitt
{
    width:255px;
    float:right;
    display:block;
    height:46px;
    text-align:right;
    color:#0c2033;
}
.TwitterNews .TwittBlock span.Name
{
    color:#333333 !important;
    float:right;
    padding-left:3px;
    font-weight:bolder;
}
.TwitterNews .TwittBlock span.Title
{
    text-align:left;
}
.TwitterNews .ShareLine
{
    height:15px;
    font-size:11px;
    line-height:15px;
    color:#00a6ff;
    margin-left:5px;
    margin-right:5px;
}
*/
/**************** End of home ********************/
/*--------------- Custom News Css ---------------*/
/*#NewsHomePage .NewsBlock
{
    float:right;
    width:325px;
    margin-left:5px;
}*/
div.TopNewsBox
{
    background:#fbfbfb;
    border:1px solid #dfdede;
    
}
div.TopNewsBox h3
{
    background:#8C0008;
    font-weight:bolder;
    text-align:center;
    font-family:Arial;
    font-size:16px;
    height:22px;
    margin:3px;
    color:White;
}
div.TopNewsBox a.NewsLine{
    text-decoration:none;
    display:block;
    font-size:113%;
    background:#fcfcfc;
    overflow:hidden;
    /*margin:1px 0 0 0;*/
    border-bottom:1px solid #dfdede;
    
    /*padding:3px;*/
    font-family:Arial;
    font-weight:bolder;
    line-height:20px;
    height:40px;
    overflow:hidden;
}
div.TopNewsBox a.NewsLine:hover{
    text-decoration:none;
    background:#fff;
}

/***** sub menu ****/
.FooterBlock
{
    margin-left:auto;
    margin-right:auto;
    
    overflow:hidden;
    
}
.SubMenu
{
    margin:0;
    padding:0;
    list-style-type:none;
    overflow:hidden;
}
.SubMenu li 
{
    white-space:normal;
    float:right;
}
.SubMenu li A
{
    text-decoration: none;
    color:#e0e0e0;
    white-space:normal;
    
    font-family: 'beIN', sans-serif;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    font-weight:normal;
    
    
    
}
.SubMenu li A:hover
{
    text-decoration: none;
    color:white;
}
/********* Home Bottom Area *************/
#HomeSideAd
{
    text-align:center;
    height:361px;
    width:325px;
    overflow:hidden;
    height: 361px;
    margin-bottom: 5px;
    float:right
}
.LikeButton
{
    width:85px;
    overflow:hidden;
    direction:ltr;
    float:left;
    padding-top:2px;
}
/****************** Top News Modified ***********************/
.TopNewsBlock
{
    height:61px;
    overflow:hidden;
    padding-right:3px;
}
.TopNewsBlock a.News
{
    display:block;
    /*height:35px;*/
    /*overflow:hidden;*/
    text-decoration:none;
    cursor:pointer;
    color:#262626; /****** Title color *********/
    font-weight:bolder;
    font-size:15px;
    font-family:Arial;
}
.TopNewsBlock a:hover
{
    color:black;
    text-decoration:none;
}
.TopNewsBlock a.News img
{
    border:1px solid #999999;
    float:right;
    width:70px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right:0;
    margin-top: 0;
    height:53px;
}
.TopNewsBlock a.News:hover img
{
    border:1px solid #a9a6a6;
}
.TopNewsBlock a.News span
{
    float:right;
    display:block;
    width:242px;
    height: 35px;
    line-height: 18px;
    overflow:hidden;
    /*font-size:13px;*/
}
.TopNewsBlock .SourceLine
{
    /*height:20px;*/
    padding-top:3px;
    font-size:11px;
    color:gray; /****** date color *********/
    padding-right:0px;
    overflow:hidden;
    width:250px;
    float:right;
}
.TopNewsBlock .SourceLine a.Source
{
    outline:0;
    display:block;
    width:100px;
    height:16px;
    float:right;
    margin-left:2px;
    overflow:hidden;
    color:#103852; /****** Title color *********/
    cursor:pointer;
}
.TopNewsBlock .SourceLine .Source img
{
    width:40px;
    height:16px;
    float:right !important;
    border:0;
    margin-left:1px;
}
.TopNewsBlock .SourceLine a.Source span
{
    width:59px;
    overflow:hidden;
    display:block;
    float:right;
    height:16px;
}
.TopNewsBlock .SourceLine .Date
{
    white-space: nowrap;
    width: 65px;
    overflow:hidden;
    display:block;
    float:right;
    height:16px;
}
/**************** Home Most View ******************/
#RightMostView
{
    width:330px;
    height:215px;
    overflow:hidden;
}
.MostViewedBlock
{
    height:37px;
    overflow:hidden;
    padding-right:3px;
}
.MostViewedBlock a.News
{
    text-decoration:none;
    cursor:pointer;
    color:#262626; /****** Title color *********/
    font-weight:bolder;
    font-size:15px;
    font-family:Arial;
    line-height: 18px;
    display:block;
    padding-right:5px;
    padding-left:5px;
}
.MostViewedBlock a:hover
{
    color:black;
    text-decoration:none;
}
.MostViewedBlock .SourceLine
{
    /*height:20px;*/
    font-size:11px;
    color:gray; /****** date color *********/
    padding-right:3px;
    overflow:hidden;
    width:145px;
    display:block;
    background-color:White;
    position:absolute;
    bottom:0;
    left:0;
    z-index:997;
}
.MostViewedBlock .SourceLine a.Source
{
    outline:0;
    display:block;
    width:100px;
    height:16px;
    float:right;
    margin-left:2px;
    overflow:hidden;
    color:#103852; /****** Title color *********/
    cursor:pointer;
}
.MostViewedBlock .SourceLine .Source img
{
    width:40px;
    height:16px;
    float:right !important;
    border:0;
    margin-left:1px;
}
.MostViewedBlock .SourceLine a.Source span
{
    width:59px;
    overflow:hidden;
    display:block;
    float:right;
    height:16px;
    white-space: nowrap;
}
/********** Twitter Page *************/
#TwittShareBox a.Facebook
{
    background:url(../social/tfacebook.png) no-repeat 0 0;
    width:32px;
    height:32px;
    display:block;
    border:0;
    /*opacity:0.9;
    filter:alpha(opacity=90)*/
}
#TwittShareBox a.Twitter
{
    background:url(../social/ttwitter.png) no-repeat 0 0;
    width:32px;
    height:32px;
    display:block;
    border:0;
    margin-top:10px;
    /*opacity:0.9;
    filter:alpha(opacity=90)*/
}
/***********************************************/

/*  ----------- LabelOnField */
.LabelOnField label {
    padding: 7px;
    font-size:11px;
    right:0;
}
.FormBrief
{
    margin:10px;
    color:#103852;
    font-size:14px;
}
/********************************************/


.FBComments
{
    direction:rtl;
    float:right;
    overflow:hidden;
    background-color:White;
}
/*****************/
.SocialDiv
{
    width:374px;
    height:22px;
    float: left;
    overflow:hidden;
}
/**********************************/
/**********************************/
/*******************************************************/
.MemberCatsButton
{
    width:660px;
    float:right;
    overflow:hidden;
}
.MemberCatsButton table td
{
    padding:3px
}
.MemberCatsButton table td .Button
{
    text-align:center;
    width:170px;
    height:26px;
    line-height:26px;
    background-color:#6378ad;
    color:#eaedf2;
    display:block;
    white-space:nowrap;
    font-weight:bolder;
    overflow:hidden;
}
.MemberCatsButton table td .Button:hover
{
    text-decoration:none;
    background-color:#7085b9;
    color:white;
}
/*************************************/
.DialogGraph
{
    margin:0;
    padding:0;
}
.FaceGraph
{
    margin:10px;
    text-align:center;
}
.TwitterGraph
{
    border:1px solid #AAAAAA;
    margin:10px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
}
#ui-dialog-title-dialog
{
    display:none;
}
#dialog
{
    height:390px !important;
}
/*================== Most View Top Block ==========================*/
#HoursDiv #Head
{
    font-weight:bolder;
    font-family:arial;
    font-size:16px;
    color:#103852;
    width:65px;
    overflow:hidden;
    float:right;
}
/************ New Rotator Area **************/
#LikeButton
{
    width:450px;
    float:left;
    overflow:hidden;
    
}
/**************************************************************/
/*------------------------------------------*/
.HomePageAd
{
    height:90px;
    margin-bottom:5px;
}
.HomePageAd .HomePagePrivateAd
{
    height:90px;
    width:255px;
    float:left;
}
/**************************************/
#NewsletterForm
{
    margin-bottom:0;
}
.Broadcast
{
    float:left;
    width:115px;
    margin-left: 10px;
    margin-top: 10px;
    line-height:40px;
}

/******************** li Scroll ************************************************/
#ScrollTicker
{
    margin-top:3px;
    height:37px;
    line-height:37px;
    overflow:hidden;
    background:white url(../bfhbg.jpg) repeat-x 0 bottom;
    
    float:right;
}
#TickerTitle
{
    height:37px;
    width:100px;
    line-height:37px;
    text-align:center;
    font-family: 'beIN', sans-serif;
    white-space:nowrap;
    font-size:22px;
    color:White;
    background:url(../bfhbg.jpg) repeat-x 0 bottom;
    float:right;
}
#TickerTitle div
{
    padding:0 10px 0 20px;
    color:white;
    font-size:22px;
    font-family: 'beIN', sans-serif;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    background-color:#006079;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
height: 35px; 
margin: 0; 
padding: 0;
overflow: hidden; 
margin-top:2px;

float:right;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0;

overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
/*******************************************/
.TRTitle TD, TD.TDTitle {
    FONT-WEIGHT: bolder;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #6699cc
}
.TRMarked A {
    COLOR: #000066
}
.TRPlain A {
    COLOR: #000066
}
.TRHead TD , TD.TDHead {
    FONT-WEIGHT: bolder;
    COLOR: #000066;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}

.TRPlain TD , TD.TDPlain {
    color: #000066;
    background-color: #d8eaf8
}

.TRMarked TD , TD.TDMarked{
    COLOR: #000066;
    BACKGROUND-COLOR: #f6f6f6
}

/***********/
.mainArticleCat {
    overflow: hidden;
    padding: 7px;
}
.mainArticleCat img {
    display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

}
.mainArticleCat .director {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.mainArticleCat .director .CatTitle {
    margin-right: auto;
    margin-left: auto;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
}
.mainArticleCat .director .CatBrief {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 18px;
    line-height: 25px;

}
.mainArticle a {
    display: block;
}
.mainArticle .title {
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 17px;
}
.mainArticle .brief {
    line-height: 20px;
    overflow: hidden;
}@charset "utf-8";

/** Pre Hidden class ***/
@media only screen and (min-width:996px)
{
    .PreClearFix { display:none; }
}
/********** larger than S3 (960 and more) **********/
@media only screen and (min-width:960px)
{
    .PreClearFixS12 { display:none; }
}


/********** Hide larger than S4 (480 and more) **********/
@media only screen and (min-width:768px)
{
    .PreClearFixS123 { display:none; }
}

/********** Hide larger than S4 (480 and more) **********/
@media only screen and (min-width:480px)
{
    .PreClearFixS1234 { display:none; }
}
/*******************************************************************/
/* Removed forever (if less than normal size)  */
@media only screen and (max-width:995px)
{
    .ClearFix { display:none; }
}
/* Removed forever (if less than 995 size)  */
@media only screen and (max-width:995px)
{
    .ClearFixS2 { display:none; }
}
/* Removed forever (if less than 959 size)  */
@media only screen and (max-width:959px)
{
    .ClearFixS3 { display:none !important; }
}
/* Removed forever (if less than 767 size)  */
@media only screen and (max-width:767px)
{
    .ClearFixS4 { display:none !important; }
}
/* Removed forever (if less than 479 size)  */
@media only screen and (max-width:479px)
{
    .ClearFixS5 { display:none; }
}
/************************************************/

@media only screen and (min-width:1220px)
{
    body {background-color:white; /*background: url(../bg.png) repeat center 0, url(../footerbg.jpg) repeat-x center bottom;*/ }
    #MainTable { width: 1200px;}
    #HeadCell {width:650px; }
    #TopDiv #Logo {width:178px;background: url(../logo.jpg) no-repeat center 0;height:144px; margin-left: 40px; margin-top: 10px; }
    #Top { height:160px; }
    #TopDiv { width:1200px;height:160px; }
    .ClockCell {  }
    #Top .LeaderBoard { width:743px; height:90px; }
    .BannerFlex { background:url(../ads/ewan728x90.jpg) no-repeat 0 0;width:728px;height:90px;display:block; }
    .SocialBlock750 { display:none;}
    
    
    .CategoryMenu { width: 1200px; }
    .megamenu { width:1180px; }
    .megamenu .Home { padding-right:30px; }
    .megamenu li { height:38px; }
    .megamenu li a { font-size:18px; padding:0 8px 0 7px; height:40px; line-height:40px;}
    .megamenu li span{ padding-right: 3px; padding-left: 3px; }
    
    .FBComments {width:840px; }
    .UserBodyCell { padding:20px; }
    #Line1 { width:1160px;height:370px; }
    #TopNewsArea , #NewsTabsArea, #NewsTopImage, #NewsTopImage a, #NewsTopImage a img { width:630px;height:370px; }
    #NewsTopImage a div.ei-title { width:630px;font-size:22px;line-height:35px !important;height:75px; }
    #NewsTopImage a div.ei-title h2 { font-size:22px; }
    .HomeLatestNews {height:370px;width:460px;margin-bottom:10px;margin-right:40px; }
    .LatestNewsLine { width:400px;margin-right:30px;font-size:16px;height:56px;line-height:25px; }
    
    #Line1 .TopHomeBanner {display:none !important; } /**** hide in home body in this size*****/
    
    #ScrollTicker{width:930px;}
    .tickercontainer { width: 830px; }
    .SearchBox { width:250px;float:left;margin-left:3px; margin-top:1px;position:relative; }
    .SearchBox .Keyword, .SearchBox .Keyword .FormField { width:250px; }
    .SearchBox .FormField{ padding:1px;border:1px solid #006d96; }
    #NewsSearchPage .NewsDiv { width: 373px; margin-left: 10px; float:right;overflow:hidden;height:103px;background-color:White;border:1px solid gray;line-height: 26px; }
    #NewsSearchPage .NewsSplit { display:none; }
    
    .tickercontainer .mask { width: 1100px;}
    #Line2, #Line22 { width:1160px;height:650px; }
    #Line3 { width:1160px; }
    .LargeCatBlock { width:800px;height:640px; }
    
    /********************** News Cat 1 ****************************/
    .TopLargeCatBlock { width:800px;height:640px; }
    a.TopWideNewsBlock { height:245px; width:242px; margin:5px; }
    a.TopWideNewsBlock img { width:240px; height:150px; }
    a.TopWideNewsBlock .Title{ width:242px;font-size:17px;height:83px;margin-top:10px;line-height:27px; }
    /***************************************************/
    
    #HomeMostView {width:336px;height:626px; }
    #HomeMostView .SmallNewsBlock {padding-right:5px !important;height: 68px !important; }
    #HomeMostView a.SmallNewsBlock img { height:58px !important;}
    
    
    .LeftCat {height:620px; }
    .LeftCat .SmallNewsBlock { height:69px;}
    .LeftCat, .ShawshraHead,.ShawshraHead a { width:340px; }
    .ShawshraCls  { width:338px; }
    a.WideNewsBlock { height:170px; width:750px; }
    a.WideNewsBlock img { width:240px; height:150px; }
    a.WideNewsBlock .Title{ width:490px;font-size:21px;height:55px;margin-top:10px;margin-right:10px;line-height:25px; }
    a.WideNewsBlock .Brief{ width:490px;height:80px; font-size:16px;margin-top:10px;line-height:20px;}
    
    .FourBlock {width:1160px;height:300px; }
    a.FourNews { width:362px; height:210px;margin:5px 6px 12px 10px; }
    .FourNews img { width:360px; height:208px; }
    a.FourNews span.Rollout {width:360px; font-size:20px;line-height:34px !important;height:75px !important; }
    
    a.SmallNewsBlock { width:330px;height:68px; }
    a.SmallNewsBlock span.Title { width:215px !important;font-size:13px;margin-top:5px;line-height:26px !important;height:54px; }
    
    .DoubleCatBlock { width:380px !important; height:680px !important;}
    a.MediumNewsBlock { width:355px; height:275px;}
    a.MediumNewsBlock img { width:353px; height:212px; }
    a.MediumNewsBlock .Title { width:355px; height:59px;font-size: 17px; line-height: 26px;}
    .DoubleCatBlock .SmallNews {width:355px;height:263px;margin:10px 2px 0 0 !important; }
    .DoubleCatBlock .SmallNewsBlock {height:92px !important;width: 335px; }
    
    
    a.SmallNewsBlock img {height: 63px !important; width: 90px !important; }
    
    
    .AdRectangle  { width:336px;height:280px; }
    .AdRectangleResponsive  {background:url(../ads/ewan336x280.jpg) no-repeat 0 0; width:336px;height:280px; }
    
    .NoMarginRow {margin-left:0 !important;}
    
    
    /****************************************/
    #FooterCell {height:230px;line-height:28px; }
    #FooterBlock {position:relative;height:230px;overflow:hidden; }
    .FooterLogo { width:450px; height:230px; background:url(../logof.png) no-repeat center center;float:right;}
    .FooterBlock {height:145px; margin-top:25px; }
    #FooterCell .Contactus {height:30px; line-height:30px; width:100px;background:url(../contactf.png) no-repeat right center;padding-right:22px;width:70px;margin-top:20px;}
    .SubMenu li {height:50px;margin-left:10px;margin-right:10px; }
    .SubMenu li A { line-height:50px;font-size:22px; }
    /****************************************/
    
    
    
    
    
    a.GeneralBlock span.Title {width:206px !important;line-height:27px !important;height:105px; }
    a.GeneralBlock span.Date { width:206px !important; }
    
    /********************* NEWS SYSTEM *******************/
    .NewsContent { font-size:20px !important; width:850px !important;}
    .NewsContent img { max-width:600px !important;}
    #BottomNewsBlock { width:850px !important; }
    
    #MostView a.GeneralBlock, #LatestNews  a.GeneralBlock { width: 288px !important;margin-left:0 !important;}
    #MostView a.GeneralBlock span.Title, #LatestNews a.GeneralBlock span.Title {width:190px !important;height: 51px !important; }
    #MostView a.GeneralBlock span.Date, #LatestNews a.GeneralBlock span.Date {width:190px !important; }
     
    #BottomRelatedNews a.GeneralBlock { width: 400px !important;height: 100px !important; margin:0 5px 10px 5px !important;}
    #BottomRelatedNews a.GeneralBlock img { width: 150px !important;height: 90px !important; }
    #BottomRelatedNews a.GeneralBlock span.title {width: 177px !important;height: 79px !important;}
    #BottomRelatedNews {height: 630px !important; }
    #CommentBlock , .CommentsHead{width:850px !important;overflow:hidden; }
    
    
    #NewsMemberPage #AuthorArea .NewsContainer { width:414px !important; }
    
}

@media only screen and (max-width:1219px) and (min-width:960px)
{   
    
    body {background-color:#f9f9f9; background: url(../bg.png) repeat center 0, url(../footerbg.jpg) repeat-x center bottom; }
    #MainTable {width:950px;}
    #HeadCell {width:550px; }
    #TopDiv #Logo {width:200px;background: url(../logo.jpg) no-repeat center 0;height:100px; }
    #Top { height:100px; }
    #TopDiv { width:950px;height:100px; }
    .ClockCell {}
    #Top .LeaderBoard { width:500px;height:70px; margin-top: 10px; }
     #Top .LeaderBoard img { width: 100%; }
    .BannerFlex { background:url(../ads/ewan660x82.jpg) no-repeat 0 0;width:660px;height:82px;display:block; }
    .SocialBlock750 { display:none;}
    
    .FBComments {width:590px; }
    .UserBodyCell { padding:20px; }
    .CategoryMenu { width: 950px; }
    .megamenu { width:930px; }
    .megamenu li { height:38px; }
    .megamenu li a { font-size:15px;padding:0 5px 0 5px; height:40px; line-height:40px; }
    .megamenu li span{ padding-right: 3px; padding-left: 3px; }

    #Line1 { width:910px;height:320px; }
    #TopNewsArea, #NewsTabsArea, #NewsTopImage,#NewsTopImage a, #NewsTopImage a img { width:550px;height:320px; }
    #NewsTopImage a div.ei-title { width:550px;font-size:21px;line-height:35px !important;height:75px; }
    #NewsTopImage a div.ei-title h2 { font-size:22px; }
    .HomeLatestNews {height:320px;width:318px;margin-bottom:0;margin-right:40px; }
    .LatestNewsLine { width:300px;margin-right:10px;font-size:18px;height:56px;line-height:25px; }
    
    #Line1 .TopHomeBanner {display:none !important; } /**** hide in home body in this size*****/
    
    #ScrollTicker{width:730px;}
    .tickercontainer { width: 630px; }
    .SearchBox { width:210px;float:left;margin-left:3px; margin-top:5px;position:relative; }
    .SearchBox .Keyword, .SearchBox .Keyword .FormField { width:210px; }
    .SearchBox .FormField{ padding:1px;border:1px solid #006d96; }
    #NewsSearchPage .NewsDiv { width: 443px; margin-left: 10px; float:right;overflow:hidden;height:103px;background-color:White;border:1px solid gray;line-height: 26px; }
    #NewsSearchPage .NewsSplit { display:none; }
    

    .tickercontainer .mask { width: 850px;}
    #Line2 { width:910px;height:580px; }
    
    #Line22 { width:910px;height:620px; }
    #Line3 { width:910px; }
    .LargeCatBlock { width:560px;height:620px; }
    
    /********************** News Cat 1 ****************************/
    .TopLargeCatBlock { width:560px;height:570px; }
    a.TopWideNewsBlock { height:220px; width:172px; margin:5px 3px 5px 3px; }
    a.TopWideNewsBlock img { width:170px; height:120px; }
    a.TopWideNewsBlock .Title{ width:172px;font-size:17px;height:90px;margin-top:5px;line-height:22px; }
    /***************************************************/
    
    #HomeMostView {width:336px;height:626px; }
    #HomeMostView .SmallNewsBlock {padding-right:5px !important;height: 68px !important; }
    #HomeMostView a.SmallNewsBlock img { height:58px !important;}
    
    .LeftCat {height:570px; }
    .LeftCat .SmallNewsBlock { height:63px;}
    .LeftCat, .ShawshraHead,.ShawshraHead a  { width:336px; }
    .ShawshraCls  { width:334px; }
    a.WideNewsBlock { height:170px; width:537px; }
    a.WideNewsBlock img { width:200px; height:125px; }
    a.WideNewsBlock .Title{ width:324px;font-size:18px;height:55px;margin-top:10px;margin-right:10px;line-height:25px; }
    a.WideNewsBlock .Brief{ width:324px;height:65px;font-size:16px;margin-top:10px;line-height:20px; }
    
    .FourBlock {width:910px;height:245px; }
    a.FourNews { width:280px; height:165px; margin:5px 6px 12px 10px; }
    .FourNews img { width:280px;height:162px; }
    a.FourNews span.Rollout { /*width:280px;*/ font-size:17px;line-height:34px !important;height:75px !important; }
    
    a.SmallNewsBlock { width: 308px;height:68px; }
    a.SmallNewsBlock span.Title { width:193px !important;font-size:13px;line-height:26px;margin-top:5px;height:54px; }
    .DoubleCatBlock { width:296px !important; height:602px !important;}
    
    a.MediumNewsBlock { width:272px; height:220px;}
    a.MediumNewsBlock img { width:270px; height:162px; }
    a.MediumNewsBlock .Title { width:272px; height:55px;font-size: 17px; line-height: 26px;}
    .DoubleCatBlock .SmallNews {width:272px;height:263px;margin:10px 2px 0 0 !important; }
    .DoubleCatBlock .SmallNewsBlock {height:92px !important; }
    
    a.SmallNewsBlock img {height: 58px !important; width: 80px !important; }
    
    .AdRectangle  { width:336px;height:280px; }
    .AdRectangleResponsive  {background:url(../ads/ewan336x280.jpg) no-repeat 0 0; width:336px;height:280px; }
    
    .NoMarginRow {margin-left:0 !important;}
    
    /****************************************/
    #FooterCell {height:230px;line-height:28px; }
    #FooterBlock {position:relative;height:230px;overflow:hidden; }
    .FooterLogo { width:450px; height:230px; background:url(../logof.png) no-repeat center center;float:right;}
    .FooterBlock {height:145px; margin-top:25px; }
    #FooterCell .Contactus {height:30px; line-height:30px; width:100px;background:url(../contactf.png) no-repeat right center;padding-right:22px;width:70px;margin-top:20px;}
    .SubMenu li {height:50px;margin-left:10px;margin-right:10px; }
    .SubMenu li A { line-height:50px;font-size:22px; }
    /****************************************/
    
    
    
    
    
    a.GeneralBlock span.Title {line-height:27px !important;height:75px !important;}
    a.GeneralBlock span.Date { width:157px !important; }
    /********************* NEWS SYSTEM *******************/
    /*.NewsSide {display:none !important; }*/
    .NewsContent { font-size:20px !important; width:590px !important;}
    .NewsContent img { max-width:450px !important;}
    #BottomNewsBlock { width:590px !important; }
    
    #MostView a.GeneralBlock, #LatestNews a.GeneralBlock { width: 288px !important;margin-left:0 !important;}
    #MostView a.GeneralBlock span.Title, #LatestNews a.GeneralBlock span.Title  {width:190px !important;height: 51px !important; }
    #MostView a.GeneralBlock span.Date, #LatestNews a.GeneralBlock span.Date  {width:190px !important; }
    
    #BottomRelatedNews a.GeneralBlock span.title {width: 177px !important;height: 79px !important;}
    #BottomRelatedNews {height: 530px !important; }
    #CommentBlock , .CommentsHead{width:450px !important;overflow:hidden; }
   
   #BottomRelatedNews a.GeneralBlock { width: 271px !important;height: 80px !important; margin:0 5px 10px 5px !important;}
   #BottomRelatedNews a.GeneralBlock img { width: 120px !important;height: 70px !important; }
   #BottomRelatedNews a.GeneralBlock span.title {width: 142px !important;height: 79px !important;}
    
   
    .Description { clear:both;height:3px; }
    
    #NewsSourcePage #NewsAreaBlock, #NewsCategoryPage #CategoriesArea,
     #NewsHomePage #NewsAreaBlock, #LiveNewsPage #LiveNewsArea,
      #NewsSubjectPage #NewsAreaBlock, #NewsMemberPage #AuthorArea,
       #TopNewsPage #TopNewsRightArea {width:590px !important; }
       
    #NewsMemberPage #AuthorArea .NewsContainer { width:292px !important; }
      
    #NewsSourcePage #NewsAreaBlock a.GeneralBlock,
     #NewsCategoryPage #CategoriesArea a.GeneralBlock,
      #NewsHomePage #NewsAreaBlock a.GeneralBlock,
       #LiveNewsPage #LiveNewsArea a.GeneralBlock,
        #NewsSubjectPage #NewsAreaBlock a.GeneralBlock,
         #NewsMemberPage #AuthorArea a.GeneralBlock,
          #TopNewsPage #TopNewsRightArea a.GeneralBlock { margin-left:3px;margin-right:3px; width:286px !important;height: 90px !important;margin-bottom:5px; background-color:White;border:1px solid #dedede;}
          
          a.GeneralBlock img { width:120px !important;height:80px !important; }
          
          #NewsSourcePage #NewsAreaBlock a.GeneralBlock .Title,
           #NewsCategoryPage #CategoriesArea a.GeneralBlock .Title,
            #NewsHomePage #NewsAreaBlock a.GeneralBlock .Title,
             #LiveNewsPage #LiveNewsArea a.GeneralBlock .Title,
              #NewsSubjectPage #NewsAreaBlock a.GeneralBlock .Title,
               #NewsMemberPage #AuthorArea a.GeneralBlock .Title,
                #TopNewsPage #TopNewsRightArea a.GeneralBlock .Title {  width:157px !important;}
                
                .mainArticleCat img { width: 100px; }
                .mainArticleCat .director { width: 193px; }
                .mainArticle .brief {height: 120px; }
}
	

@media only screen and (max-width:959px) and (min-width:768px)
{

    body {background-color:#f9f9f9; background: url(../bg.png) repeat center 0, url(../footerbg750.jpg) repeat-x center 40px; }
    #MainTable { width: 750px;}
    #HeadCell {width:650px; }
    #TopDiv #Logo {width:168px;background: url(../logo_750.jpg) no-repeat center 0;height:100px; }
    #Top { height:100px; }
    #TopDiv { width:750px;height:100px; }
    .ClockCell {}
    .SocialBlock {display:none; }
    #Top .LeaderBoard { width:490px;height:110px; margin-top: 10px;}
    #Top .LeaderBoard img { width: 100%; }
    .BannerFlex { background:url(../ads/ewan490x110.jpg) no-repeat 0 0;width:490px;height:110px;display:block; }
    .SocialBlock750 { display:block; height:32px; float: left;}
    .SocialBlock750 a { display: block;float: right; margin-left: 2px; margin-right:2px; width:32px; height:32px; }
    
    
    .CategoryMenu { width: 750px; }
    .megamenu { width:730px; }
    .megamenu li { height:30px; }
    .megamenu li a { font-size:18px;padding:0 6px 0 6px; height:30px; line-height:30px;}
    .megamenu li span{ padding-right: 3px; padding-left: 3px;}
    
    .FBComments {width:730px; }
    .UserBodyCell { padding:10px; }
    #Line1 { width:730px;height:260px; }
    #TopNewsArea, #NewsTabsArea, #NewsTopImage,#NewsTopImage a, #NewsTopImage a img { width:450px;height:260px; }
    #NewsTopImage a div.ei-title { width:450px;font-size:18px;line-height:35px !important;height:75px; }
    #NewsTopImage a div.ei-title h2 { font-size:18px; }
    .HomeLatestNews {height:260px;width:270px;margin-bottom:0;margin-right:10px; }
    .LatestNewsLine { width:260px;margin-right:5px;font-size:16px;height:45px;line-height:21px; }
    
    #Line1 .TopHomeBanner {display:none !important; } /**** hide in home body in this size*****/
    
    #ScrollTicker{width:590px;}
    .tickercontainer { width: 490px; }
    .SearchBox { width:150px;float:left;margin-left:3px; margin-top:5px;position:relative; }
    .SearchBox .Keyword, .SearchBox .Keyword .FormField { width:150px; }
    .SearchBox .FormField{ padding:1px;border:1px solid #006d96; }
    #NewsSearchPage .NewsDiv { width: 353px; margin-left: 10px; float:right;overflow:hidden;height:103px;background-color:White;border:1px solid gray;line-height: 26px; }
    #NewsSearchPage .NewsSplit { display:none; }
    
    .tickercontainer .mask { width: 650px;}
    #Line2, #Line22 { width:730px;height:520px; }
    #Line3 { width:730px; }
    .LargeCatBlock { width:470px;height:510px; }
    
    /********************** News Cat 1 ****************************/
    .TopLargeCatBlock { width:470px;height:510px; }
    a.TopWideNewsBlock { height:190px; width:202px; margin:5px 10px 5px 10px; }
    a.TopWideNewsBlock img { width:200px; height:120px; }
    a.TopWideNewsBlock .Title{ width:200px;font-size:16px;height:70px;margin-top:5px;line-height:22px; }
    .Hide750 {display:none !important; }
    /***************************************************/
    
    
    #HomeMostView {width:250px;height:485px; }
    #HomeMostView .SmallNewsBlock {padding-right:0 !important;height: 61px !important; }
    #HomeMostView a.SmallNewsBlock img { height:54px !important;}
    
    
    #HomeMostView .PlusTD {background-position:0 bottom;width:131px;}
    #HomeMostView a.SmallNewsBlock {width: 227px !important; }
    #HomeMostView a.SmallNewsBlock span.Title { width:150px !important; }
    
    .LeftCat .SmallNewsBlock { height:56px;}
    .LeftCat, .ShawshraHead,.ShawshraHead a{ width:250px; }
    .ShawshraCls { width:248px; }
    
    a.WideNewsBlock { height:129px; width:448px; }
    a.WideNewsBlock img { width:170px; height:105px; }
    a.WideNewsBlock .Title{ width:265px;font-size:17px;height:50px;margin-top:0px;margin-right:10px;line-height:24px; }
    a.WideNewsBlock .Brief{ width:265px;height:60px;font-size:15px;margin-top:5px;line-height:20px; }
    
    .FourBlock {width:730px;height:245px; }
    a.FourNews { width:226px; height:150px;margin:5px 3px 10px 7px; }
    .FourNews img { width:226px; height:148px; }
    a.FourNews span.Rollout {width:226px; font-size:16px;line-height:24px !important;height:52px !important; }
    
    a.SmallNewsBlock { width: 238px;height:58px;font-size:18px; }
    a.SmallNewsBlock img {height: 50px !important; width: 70px !important; }
    a.SmallNewsBlock span.Title { width:160px !important;font-size:13px;line-height:18px;margin-top:3px;height:55px; }
    
    /*******************************************************************/
    .DoubleCatBlock { width:360px !important; height:560px !important;}
    a.MediumNewsBlock { width:338px; height:242px;}
    a.MediumNewsBlock img { width:336px; height:190px; }
    a.MediumNewsBlock .Title { width:335px; height:50px; font-size: 16px; line-height: 25px; }
    .DoubleCatBlock .SmallNews {width:335px;height:191px;margin:5px 2px 0 0 !important; }
    .DoubleCatBlock .SmallNewsBlock {height:62px;width: 335px !important; }
    .DoubleCatBlock a.SmallNewsBlock img {height: 55px !important; width: 80px !important; }
    .DoubleCatBlock a.SmallNewsBlock span.Title { width:235px !important; }
    /**********************************************************************/
    
    .AdRectangle  { width:250px;height:200px; }
    .AdRectangleResponsive  {background:url(../ads/ewan250x200.jpg) no-repeat 0 0; width:250px;height:200px; }
    
    
    .NoMarginRow750 {margin-left:0 !important;}
    
    /****************************************/
    #FooterCell {height:190px;line-height:28px; }
    #FooterBlock {position:relative; width: 730px; height:190px;overflow:hidden; }
    .FooterLogo { width:300px; height:190px; background:url(../logof750.png) no-repeat center center;float:right;}
    .FooterBlock {height:120px;width:430px; margin-top:15px;float:left; }
    #FooterCell .Contactus {height:30px; line-height:30px; width:100px;background:url(../contactf.png) no-repeat right center;padding-right:22px;position:absolute;bottom:3px;right:300px;}
    .SubMenu li {height:40px;margin-left:5px;margin-right:5px; }
    .SubMenu li A { line-height:40px;font-size:20px; }
    /****************************************/
    
    
    
    
    
    /********************* NEWS SYSTEM *******************/
    .NewsSide {display:none !important; }
    .NewsContent { font-size:20px !important; width:730px !important;}
    .NewsContent img { max-width:450px !important;}
    #BottomNewsBlock { width:730px !important; }
    #MostView a.GeneralBlock, #LatestNews a.GeneralBlock { width: 275px !important;margin-left:0 !important;}
    #MostView a.GeneralBlock span.title, #LatestNews a.GeneralBlock span.title {width: 177px !important;height: 79px !important;}
    #BottomRelatedNews {height: 530px !important; }
    #CommentBlock , .CommentsHead{width:730px !important;overflow:hidden; }
    
    .Description { clear:both;height:3px; }
    
    #NewsSourcePage #NewsAreaBlock, #NewsCategoryPage #CategoriesArea,
     #NewsHomePage #NewsAreaBlock, #LiveNewsPage #LiveNewsArea,
      #NewsSubjectPage #NewsAreaBlock, #NewsMemberPage #AuthorArea,
       #TopNewsPage #TopNewsRightArea {width:410px !important; }
       
       
    #NewsMemberPage #AuthorArea .NewsContainer { width:202px !important; }
    
    #NewsSourcePage #NewsAreaBlock a.GeneralBlock,
     #NewsCategoryPage #CategoriesArea a.GeneralBlock,
      #NewsHomePage #NewsAreaBlock a.GeneralBlock,
       #LiveNewsPage #LiveNewsArea a.GeneralBlock,
        #NewsSubjectPage #NewsAreaBlock a.GeneralBlock,
         #NewsMemberPage #AuthorArea a.GeneralBlock,
          #TopNewsPage #TopNewsRightArea a.GeneralBlock { margin-left:3px;margin-right:3px; width:197px !important;height: 90px !important;margin-bottom:5px; background-color:White;border:1px solid #dedede;}
          
          a.GeneralBlock img { width:77px !important;height:55px !important; }
          
          #NewsSourcePage #NewsAreaBlock a.GeneralBlock .Title,
           #NewsCategoryPage #CategoriesArea a.GeneralBlock .Title,
            #NewsHomePage #NewsAreaBlock a.GeneralBlock .Title,
             #LiveNewsPage #LiveNewsArea a.GeneralBlock .Title,
              #NewsSubjectPage #NewsAreaBlock a.GeneralBlock .Title,
               #NewsMemberPage #AuthorArea a.GeneralBlock .Title,
                #TopNewsPage #TopNewsRightArea a.GeneralBlock .Title {  width:111px !important;font-size:13px !important;}
                
                #BottomRelatedNews a.GeneralBlock {width:341px !important;margin-right:5px !important;margin-left:5px !important; }
                #BottomRelatedNews a.GeneralBlock span.Title { width:210px !important; }
                #BottomRelatedNews a.GeneralBlock img { width: 120px !important;height: 70px !important; }
                
                a.GeneralBlock span.Title { width:111px !important;line-height:18px !important; height:75px !important; }
                a.GeneralBlock span.Date { width:111px !important;height:18px;overflow:hidden;  }
                
                .BodyFrameHeader A {font-size:17px !important; } 

                .mainArticleCat img { width: 80px; }
                .mainArticleCat .director { width: 150px; }
                .mainArticleCat .director .CatBrief {font-size: 16px; line-height: 21px;}
                .mainArticle .brief {height: 60px; }
}
	

@media only screen and (max-width:767px) and (min-width:480px)
{
    body {background-color:#f9f9f9; background: url(../bg.png) repeat center 0, url(../footerbg750.jpg) repeat-x center 40px; }
    #MainTable { width: 460px;}
    #HeadCell {width:360px; }
    #TopDiv #Logo {width:110px;background: url(../logo_460.jpg) no-repeat center 0;height:81px; }
    #Top { height:81px; }
    #TopDiv { width:460px;height:81px; }
    .ClockCell { width:270px;font-size:14px;line-height:35px !important; float: right;}
    .ClockCell .about { margin: 0 3px 0 3px; font-size: 12px; }
    #Top .LeaderBoard { width:250px;height:50px; margin-top: 10px;}
    #Top .LeaderBoard img { width: 100%; }
    .BannerFlex { background:url(../ads/ewan300x67.jpg) no-repeat 0 0;width:300px;height:67px;display:block; }
    .SocialBlock750 { display:none; position:absolute;bottom:2px;right:44px;height:32px;width:190px;}
    .SocialBlock750 a { display: none;float: right; margin-left: 2px; margin-right:2px; width:32px; height:32px; }
    .SocialBlock {margin:0 !important; width:68px !important;height:70px !important; position:absolute;left:2px;top:10px; }
    .SocialBlock a {width:25px !important; height:25px !important;float:left !important;margin-bottom:2px;  }
    .SocialBlock a img {width:25px !important; height:25px !important;  }
    
    .CategoryMenu { width: 460px;height: 60px !important; }
    .megamenu { width:440px;  }
    .megamenu li { height:25px; }
    .megamenu li a { font-size:16px;padding:0 4px 0 4px; height:25px; line-height:25px;}
    
    .FBComments {width:440px; }
    .UserBodyCell { padding:5px; }
    #Line1 { width:450px;height:255px; }
    #TopNewsArea, #NewsTabsArea, #NewsTopImage,#NewsTopImage a, #NewsTopImage a img { width:300px;height:170px; }
    #NewsTopImage a div.ei-title { width:300px;font-size:15px;line-height:22px !important;height:45px; }
    #NewsTopImage a div.ei-title h2 { font-size:16px; }
    
    .ShawshraHead2 {font-size:16px !important; }
    .HomeLatestNews {height:255px;width:140px;margin-bottom:0;margin-right:10px; }
    .LatestNewsLine { font-size: 13px;height: 56px;line-height: 17px;margin-right: 1px;width: 138px; }
    
    
    .SearchBox { display:none; }
    
    .TopHomeBanner { float:right;width:300px;height:68px; overflow:hidden;margin-top:10px; }
    .tickercontainer { width: 360px; }
    .tickercontainer .mask { width: 360px;}
    #Line2, #Line22 { width:450px;height:365px; }
    #Line3 { width:450px; }
    .LargeCatBlock { width:300px;height:355px; }
    
    /********************** News Cat 1 ****************************/
    .TopLargeCatBlock { width:300px;height:354px; }
    a.TopWideNewsBlock { height:135px; width:127px; margin:5px; }
    a.TopWideNewsBlock img { width:125px; height:70px; }
    a.TopWideNewsBlock .Title{ width:125px;font-size:11px;height:70px;margin-top:5px;line-height:22px; }
    .Hide750 {display:none !important; }
    /***************************************************/
    
    #HomeMostView {width:140px;height:336px;border-bottom:1px solid #dedede }
    /*#HomeMostView .SmallNewsBlock {padding-right:0 !important;height: 61px !important; }
    #HomeMostView a.SmallNewsBlock img { width:115px !important;}*/
    
    
    #HomeMostView .PlusTD {display:none;}
    #HomeMostView .BodyFrameHLine {border-left:1px solid #dedede; }
    #HomeMostView .BodyFrameHeader div {font-size:16px; }
    /*#HomeMostView a.SmallNewsBlock {width: 107px !important; }
    #HomeMostView a.SmallNewsBlock span.Title { width:70px !important; }*/
    
    /****###############################*/
    .LeftCat, .ShawshraHead,.ShawshraHead a{ width:140px;font-size:16px !important; }
    .LeftCat .SmallNewsBlock { height:100px;width:127px;margin-bottom:5px;}
    #HomeMostView a.SmallNewsBlock { height:95px;width:118px;margin-bottom:3px;}
    .LeftCat .SmallNewsBlock img { height: 60px !important; width: 125px !important; }
    #HomeMostView a.SmallNewsBlock img { height: 55px !important; width: 115px !important; }
    .LeftCat .SmallNewsBlock span.Title, #HomeMostView a.SmallNewsBlock span.Title {margin-right:0 !important; height: 50px !important; width: 125px !important; }
    
    .ShawshraCls { width:138px;height:314px; }
    
    a.WideNewsBlock { height:82px; width:278px; }
    a.WideNewsBlock img { width:110px; height:70px; }
    a.WideNewsBlock .Title{ width:160px;font-size:15px;height:70px;margin-top:0px;margin-right:5px;line-height:22px; }
    a.WideNewsBlock .Brief{ display:none !important; width:150px;height:60px;font-size:15px;margin-top:5px;line-height:20px; }
    
    .FourBlock {width:450px;height:200px; }
    a.FourNews { width:204px; height:120px;margin:5px 3px 10px 7px; }
    .FourNews img { width:204px; height:118px; }
    a.FourNews span.Rollout { width:204px; font-size:14px;line-height:24px !important;height:52px !important; }
    
    a.SmallNewsBlock { width: 238px;height:58px;font-size:18px; }
    a.SmallNewsBlock img {height: 50px ; width: 70px; }
    a.SmallNewsBlock span.Title { width:160px !important;font-size:12px;line-height:18px;margin-top:3px;height:55px; }
    
    /*******************************************************************/
    .DoubleCatBlock { width:220px !important; height:485px !important;}
    a.MediumNewsBlock { width:198px; height:176px; line-height: 25px;}
    a.MediumNewsBlock img { width:196px; height:100px; }
    a.MediumNewsBlock .Title { width:197px; height:75px;font-size: 16px; }
    .DoubleCatBlock .SmallNews {width:197px;height:191px;margin:5px 2px 0 0 !important; }
    .DoubleCatBlock .SmallNewsBlock {height:62px;width: 197px !important; }
    .DoubleCatBlock a.SmallNewsBlock img {height: 50px !important; width: 70px !important; }
    .DoubleCatBlock a.SmallNewsBlock span.Title { width:120px !important; }
    /**********************************************************************/
    
    .AdRectangle  { width:250px;height:200px;display:none; }
    .AdRectangleResponsive  {background:url(../ads/ewan250x200.jpg) no-repeat 0 0; width:250px;height:200px; }
    
    
    .NoMarginRow750 {margin-left:0 !important;}
    
    /****************************************/
    #FooterCell {height:190px;line-height:28px; }
    #FooterBlock {position:relative; width: 460px; height:190px;overflow:hidden; }
    .FooterLogo { width:150px; height:190px; background:url(../logof320.png) no-repeat center center;float:right;}
    .FooterBlock {height:130px;width:300px; margin-top:15px;float:left; }
    #FooterCell .Contactus {height:30px; line-height:30px; width:100px;background:url(../contactf.png) no-repeat right center;padding-right:22px;position:absolute;bottom:3px;right:160px;}
    .SubMenu li {height:26px;margin-left:5px;margin-right:5px; }
    .SubMenu li A { line-height:26px;font-size:17px; }
    /****************************************/
    .MoreDiv { font-size:17px !important; }
    
    #BottomRelatedNews a.GeneralBlock span.title { width:114px !important; height: 67px !important;line-height: 16px !important;font-size: 12px !important;}
    /********************* NEWS SYSTEM *******************/
    
    .NewsSide, #LeftColumnArea {display:none !important; }
    .NewsContent { font-size:16px !important; width:450px !important;}
    #NewsPage p {font-size:16px !important; }
    .NewsContent img { max-width:300px !important;}
    #BottomNewsBlock { width:450px !important; }
    #MostView a.GeneralBlock, #LatestNews a.GeneralBlock{ width: 275px !important;margin-left:0 !important;}
    #BottomRelatedNews a.GeneralBlock { width: 205px !important ;margin:0 3px 6px 3px !important;height:68px !important}
    #BottomRelatedNews  a.GeneralBlock img { margin:4px !important; height:58px !important;width:80px !important;}

    #MostView a.GeneralBlock span.title, #LatestNews a.GeneralBlock span.title {width: 177px !important;height: 79px !important;}
    #BottomRelatedNews {height: 450px !important; }
    #CommentBlock , .CommentsHead{width:450px !important;overflow:hidden; }
    .Description { clear:both;height:3px; }
    
    
    #NewsSourcePage #NewsAreaBlock, #NewsCategoryPage #CategoriesArea,
     #NewsHomePage #NewsAreaBlock, #LiveNewsPage #LiveNewsArea,
      #NewsSubjectPage #NewsAreaBlock, #NewsMemberPage #AuthorArea,
       #TopNewsPage #TopNewsRightArea {width:450px !important; }
       
       
    #NewsMemberPage #AuthorArea .NewsContainer { width:222px !important;overflow:hidden; }
       
    #NewsSourcePage #NewsAreaBlock a.GeneralBlock,
     #NewsCategoryPage #CategoriesArea a.GeneralBlock,
      #NewsHomePage #NewsAreaBlock a.GeneralBlock,
       #LiveNewsPage #LiveNewsArea a.GeneralBlock,
        #NewsSubjectPage #NewsAreaBlock a.GeneralBlock,
         #NewsMemberPage #AuthorArea a.GeneralBlock,
          #TopNewsPage #TopNewsRightArea a.GeneralBlock { width:220px !important;height: 80px !important;margin-bottom:5px; background-color:White;border:1px solid #dedede;margin-left:3px;}
          
          a.GeneralBlock img { width:87px !important;height:70px !important; }
          
          
          
          #NewsSourcePage #NewsAreaBlock a.GeneralBlock .Title,
           #NewsCategoryPage #CategoriesArea a.GeneralBlock .Title,
            #NewsHomePage #NewsAreaBlock a.GeneralBlock .Title,
             #LiveNewsPage #LiveNewsArea a.GeneralBlock .Title,
              #NewsSubjectPage #NewsAreaBlock a.GeneralBlock .Title,
               #NewsMemberPage #AuthorArea a.GeneralBlock .Title,
                #TopNewsPage #TopNewsRightArea a.GeneralBlock .Title {  width:125px !important;font-size:14px;line-height:22px !important;}
                
                a.GeneralBlock span.Title { width:125px !important;line-height:27px !important; height:65px !important; }
                a.GeneralBlock span.Date { width:112px !important;height:18px;overflow:hidden;font-size:70%  !important;  }
                
                .FormField { width:300px !important; }

                .mainArticleCat { padding-bottom:0 ; }
                .mainArticleCat img { width: 80px; margin-right: auto;margin-left: auto; display: block; }
                .mainArticleCat .director {  }
                .mainArticleCat .director .CatBrief {font-size: 16px; line-height: 20px;}
                .mainArticle .title { display: block; text-align: center; line-height: 20px;}
                .mainArticle .brief { display: none;}
                .mainArticlemore {display: none !important;}
}

@media only screen and (max-width:479px)
{
    /********** Working area *************/ 
    /*===============> working here ------------- */
    body {background-color:#f9f9f9; background: url(../bg.png) repeat center 0, url(../footerbg750.jpg) repeat-x center 40px; }
    #MainTable { width: 320px;}
    #HeadCell {width:200px; }
    #TopDiv #Logo {width:100px;background: url(../logo_320.jpg) no-repeat center 0;height:81px; }
    #Top { height:85px; }
    #TopDiv { width:320px;height:85px; }
    .ClockCell { width:180px;font-size:14px  !important; }
    .ClockCell .Links{ display:none;}
    .ClockCell .clock {position:absolute;left:0px;top:0; } 
    #Top .LeaderBoard { width:200px;height:40px; margin-top: 5px;}
    #Top .LeaderBoard img { width: 100%; }
    .BannerFlex { background:url(../ads/ewan300x67.jpg) no-repeat 0 0;width:300px;height:67px;display:block;margin-top:10px;}
    .SocialBlock750 { display:none; position:absolute;bottom:2px;right:44px;height:32px;width:190px;}
    .SocialBlock750 a { display: none;float: right; margin-left: 2px; margin-right:2px; width:32px; height:32px; }
    .SocialBlock {margin:0 !important; width:125px !important;height:30px !important; position:absolute;left:15px;top:5px; }
    .SocialBlock a {width:25px !important; height:25px !important;float:left !important;margin-bottom:2px;  }
    .SocialBlock a img {width:25px !important; height:25px !important;  }
    
    .CategoryMenu { width: 320px; height: 62px !important; }
    .megamenu { width:300px; }
    .megamenu li { height:25px; }
    .megamenu li a { font-size:16px;padding:0 4px 0 4px; height:25px; line-height:25px;}
    
    .FBComments {width:300px; }
    .UserBodyCell { padding:10px; }
    #Line1 { width:300px; }
    #TopNewsArea {float: none;}

    #TopNewsArea, #NewsTabsArea, #NewsTopImage,#NewsTopImage a, #NewsTopImage a img { width:300px;height:170px; }
    #NewsTopImage a div.ei-title { width:300px;font-size:15px;line-height:22px !important;height:45px; }
    #NewsTopImage a div.ei-title h2 { font-size:16px; }
    
    .ShawshraHead2 {font-size:16px !important; }
    .HomeLatestNews { background-color: white; margin-top: 10px; margin-bottom: 10px; }
    .LatestNewsLine { font-size: 13px;height: 56px;line-height: 17px;margin-right: 1px;width: 138px; }
    
    .SearchBox { display:none; }
    
    .TopHomeBanner { width:300px;height:78px; overflow:hidden;display: none; }
    .tickercontainer { width: 220px; }
    .tickercontainer .mask { width: 220px;}
    #Line2 { width:300px; height :695px;/*height:355px;*/ }
    #Line22 { width:300px; height :655px;/*height:355px;*/ }
    #Line3 { width:300px; }
    .LargeCatBlock { width:300px;height:360px; }
    .LargeCatBlock .PlusTD { width: 129px; }
    /********************** News Cat 1 ****************************/
    .TopLargeCatBlock { width:300px;height:390px; }
    a.TopWideNewsBlock { height:128px; width:127px; margin:5px; }
    a.TopWideNewsBlock img { width:125px; height:70px; }
    a.TopWideNewsBlock .Title{ width:125px;font-size:13px;height:55px;margin-top:5px;line-height:18px; }
    .Hide750 {display:none !important; }
    /***************************************************/
    
    #HomeMostView {width:300px;height:258px; }
    /*#HomeMostView .SmallNewsBlock {padding-right:0 !important;height: 61px !important; }
    #HomeMostView a.SmallNewsBlock img { width:115px !important;}*/
    
    
    #HomeMostView .PlusTD {display:none;}
    #HomeMostView .BodyFrameHLine {border-left:1px solid #dedede; }
    #HomeMostView .BodyFrameHeader div {font-size:16px; }
    /*#HomeMostView a.SmallNewsBlock {width: 107px !important; }
    #HomeMostView a.SmallNewsBlock span.Title { width:70px !important; }*/
    
    /****###############################*/
    .LeftCat{ width:300px;font-size:16px !important; }
    .LeftCat .ShawshraHead{font-size:16px !important; }
    .LeftCat .ShawshraHead a{ font-size:16px !important; }
    .LeftCat .ShawshraCls { width:298px;height:255px;overflow:hidden; }
    .LeftCat .SmallNewsBlock { height:120px;width:140px;margin-bottom:6px;float:right;padding-right: 8px;}
    
    #HomeMostView a.SmallNewsBlock { height:95px;width:128px;margin-bottom:3px;float:right;padding-right:10px;}
    .LeftCat .SmallNewsBlock img { height: 60px !important; width: 125px !important; }
    #HomeMostView a.SmallNewsBlock img { height: 55px !important; width: 115px !important; }
    .LeftCat .SmallNewsBlock span.Title, #HomeMostView a.SmallNewsBlock span.Title {margin-right:0 !important; height: 60px !important; width: 125px !important; }
    
    
    
    a.WideNewsBlock { height:82px; width:278px; }
    a.WideNewsBlock img { width:110px; height:70px; }
    a.WideNewsBlock .Title{ width:160px;font-size:15px;height:70px;margin-top:0px;margin-right:5px;line-height:22px; }
    a.WideNewsBlock .Brief{ display:none !important; width:150px;height:60px;font-size:15px;margin-top:5px;line-height:20px; }
    
    .FourBlock {width:300px;height:395px; }
    .FourBlock .PlusTD {width: 147px !important; }
    a.FourNews { width:270px; height:150px;margin:5px 3px 10px 3px; }
    .FourNews img { width:268px; height:148px; }
    a.FourNews span.Rollout { width:268px; font-size:16px;line-height:24px !important;height:52px !important; }
    
    a.SmallNewsBlock { width: 238px;height:58px;font-size:18px; }
    a.SmallNewsBlock img {height: 50px ; width: 70px; }
    a.SmallNewsBlock span.Title { width:160px !important;font-size:13px;line-height:18px;margin-top:3px;height:55px; }
    
    /*******************************************************************/
    .DoubleCatBlock { width:300px !important; height:530px !important;margin-left:0 !important;}
    a.MediumNewsBlock { width:278px; height:200px;}
    a.MediumNewsBlock img { width:276px; height:130px; }
    a.MediumNewsBlock .Title { width:276px; height:75px;font-size: 15px; line-height: 24px; }
    .DoubleCatBlock .SmallNews {width:276px;height:191px;margin:5px 2px 0 0 !important; }
    .DoubleCatBlock .SmallNewsBlock {height:62px;width: 276px !important; }
    .DoubleCatBlock a.SmallNewsBlock img {height: 50px !important; width: 70px !important; }
    .DoubleCatBlock a.SmallNewsBlock span.Title { width:198px !important; }
    /**********************************************************************/
    
    .AdRectangle  { width:250px;height:200px;display:none; }
    .AdRectangleResponsive  {background:url(../ads/ewan250x200.jpg) no-repeat 0 0; width:250px;height:200px; }
    
    
    .NoMarginRow750 {margin-left:0 !important;}
    
    /****************************************/
    #FooterCell {height:190px;line-height:28px; }
    #FooterBlock {position:relative; width: 320px; height:190px;overflow:hidden; }
    .FooterLogo { width:150px; height:190px; background:url(../logof320.png) no-repeat center center;float:right;}
    .FooterBlock {height:190px;width:170px; margin-top:15px;float:left; }
    #FooterCell .Contactus {height:30px; line-height:30px; width:100px;background:url(../contactf.png) no-repeat right center;padding-right:22px;position:absolute;bottom:3px;right:10px;}
    .SubMenu li {height:28px;margin-left:4px;margin-right:4px; }
    .SubMenu li A { line-height:28px;font-size:15px; }
    /****************************************/
    .MoreDiv { font-size:17px !important; }

    
    /********************* NEWS SYSTEM *******************/
    
    .NewsSide, #LeftColumnArea {display:none !important; }
    #NewsPage .ShareBox {margin:0 !important;  }
    #NewsPage p {font-size:16px !important; }
    
    .NewsContent { font-size:15px !important; width:300px !important;}
    
    .NewHead { font-size:17px !important; }
    
    .NewsContent img { max-width:280px !important;}
    #BottomNewsBlock { width:300px !important; }
    #MostView a.GeneralBlock, #LatestNews a.GeneralBlock { width: 275px !important;margin-left:0 !important;}
    #MostView a.GeneralBlock span.title, #LatestNews a.GeneralBlock span.title {width: 177px !important;height: 79px !important;}
    #BottomRelatedNews {height: 850px !important; }
    #CommentBlock , .CommentsHead{width:300px !important;overflow:hidden; }
    .Description { clear:both;height:3px; }
    
    #BottomRelatedNews a.GeneralBlock { width: 275px !important;margin-left:0 !important;height:66px !important;}
    #BottomRelatedNews a.GeneralBlock span.title {width: 177px !important;height: 60px !important;}
    #BottomRelatedNews a.GeneralBlock img { width:85px !important;height:54px !important;}
    
    #NewsSourcePage #NewsAreaBlock, #NewsCategoryPage #CategoriesArea,
     #NewsHomePage #NewsAreaBlock, #LiveNewsPage #LiveNewsArea,
      #NewsSubjectPage #NewsAreaBlock, #NewsMemberPage #AuthorArea,
       #TopNewsPage #TopNewsRightArea {width:300px !important; }
       
    #NewsSourcePage #NewsAreaBlock a.GeneralBlock,
     #NewsCategoryPage #CategoriesArea a.GeneralBlock,
      #NewsHomePage #NewsAreaBlock a.GeneralBlock,
       #LiveNewsPage #LiveNewsArea a.GeneralBlock,
        #NewsSubjectPage #NewsAreaBlock a.GeneralBlock,
         #NewsMemberPage #AuthorArea a.GeneralBlock,
          #TopNewsPage #TopNewsRightArea a.GeneralBlock { width:298px !important;height: 90px !important;margin-bottom:5px; background-color:White;border:1px solid #dedede;}
          
          a.GeneralBlock img { width:120px !important;height:80px !important; }
          
          #NewsSourcePage #NewsAreaBlock a.GeneralBlock .Title,
           #NewsCategoryPage #CategoriesArea a.GeneralBlock .Title,
            #NewsHomePage #NewsAreaBlock a.GeneralBlock .Title,
             #LiveNewsPage #LiveNewsArea a.GeneralBlock .Title,
              #NewsSubjectPage #NewsAreaBlock a.GeneralBlock .Title,
               #NewsMemberPage #AuthorArea a.GeneralBlock .Title,
                #TopNewsPage #TopNewsRightArea a.GeneralBlock .Title {  width:170px !important;}
                
                a.GeneralBlock span.Title { width:170px !important;line-height:26px !important; height:75px !important; }
                a.GeneralBlock span.Date { width:170px !important;height:18px;overflow:hidden;  }
                
                .FormField { width:150px !important; }

                .HomeLatestNews { display: block; float: none; clear: both; margin-top: 10px;}
                .mainArticleCat img { width: 100px; }
                .mainArticleCat .director { width: 170px; }

                .mainArticleCat { padding-bottom:0 ; }

                .mainArticleCat .director .CatBrief {font-size: 16px; line-height: 20px;}
                .mainArticle .title { display: block; text-align: center;}
                .mainArticle .brief { display: none;}   
                .mainArticlemore { float: left; margin: 10px; } 
}
	