body{direction:ltr; margin:0; padding:0;text-align:left !important;  background:#fff}
#doc{width:985px; margin:0 auto}
a{ color:#114E9B; text-decoration:none; cursor:pointer}
a:hover{ color:#111;text-decoration:none}
ul,li,h2,h3{ margin:0; padding:0}
h2{font:bold 16px tahoma}
/*h3{font:bold 22px verdana}*/
select{color:#333;font:10px tahoma; padding:2px; direction:ltr}
img{ border:0}

.tableData tr td
        {
            border-bottom: 1px solid #E9E9E9;
            line-height: 20px;
            padding: 5px 0;
            direction: ltr;
        }

/*******header*********/
.topOne{ margin:17px 0 13px 0; margin-top:5px}
.Hedar{height:100px; background:url(../images/Head_bg.jpg) repeat-x;padding-top:6px}
.ledarboard{width:728px; height:90px; border:1px solid #ccc;float:right}
#showcase{ width:300px; height:250px}
.HedarCont{float:left;height:64px; width:840px; position:relative; clear:right}
.HedarMain{height:86px; width:986px; margin:0 auto; position:relative; float:left}
.Search{float:right; margin-top:19px; margin:11px 0 8px 0}
.SSOarea{float:right;width:30%;text-align:right; margin-top:5px}

.Custmize{height:18px; margin-top:19px; display:none}
.Custmize select{ color:#333;font:10px tahoma; padding:2px; direction:ltr; float:left}
.Custmize .Colors{width:27%;float:left; margin-top:3px}
.Custmize .ChangeFont{width:69px;float:left}
.Custmize .Colors a{display:inline-block; width:9px; height:8px; margin:0 5px; border:1px solid #c6c6c6}
.Custmize .Colors a.Purple{background:url(../images/purple.gif) no-repeat 0 0}
.Custmize .Colors a.Black{background:url(../images/black.gif) no-repeat 0 0}
.Custmize .Colors a.Orang{background:url(../images/orange.gif) no-repeat 0 0}
.ChangeFont a{border:1px solid #c6c6c6; margin:0 3px}

.ChangeFont .BigFont{background:url(../images/txtbig.jpg) no-repeat 0 0; width:15px; height:14px;display:inline-block }
.ChangeFont .SmallFont{background:url(../images/txtsmall.gif) no-repeat 0 0;width:15px; height:14px;display:inline-block}


.Btnsearch{background:url(../images/searchbtn.jpg) no-repeat; width:50px; height:28px; cursor:pointer; border:0;margin:3px 0 0 5px; float:left}
.Searchtxt{width:185px; height:16px; border:0; color:#858585; font:normal 11px tahoma; margin:2px; padding:2px 7px; text-align:right; direction:ltr; background:none; float:right}

.Search{background:url(../images/serachbg.jpg) no-repeat; width:260px; height:25px;margin:17px 140px 0 0; position:relative; /*overflow:hidden*/ float:right}
.AdvancedSearch{position:absolute; background:#eaeaea; padding:2px 5px; font:normal 11px tahoma; display:block; width:55px; bottom:-18px; left:0}
.gulftimesLogo{background:url("../images/logo.png") left 0 no-repeat;float:left;width:285px;display:block;height:61px;margin-top:30px}


.Nav{height:50px;background:url("../images/nav_bg.jpg") repeat-x}
.Nav a{float:left;padding:16px 15px 4px;font:bold 14px arial; color:#fff;border-right:1px solid #fff;display:block;height:30px;text-shadow:1px -1px 0 #6a0400}
.Nav a:hover,.Nav a.current{background:url("../images/nav_hover.jpg") right 0 no-repeat; color:#fff}


/*Ticker*/
.Ticker{border:1px solid #e2e2e2; width:100%; height:23px; margin:5px 0}

/*Footer*/
.Footer{background:url("../images/footerHolder_bg.jpg") repeat-x;height:164px;overflow:hidden}
.Footer .b1{ float:left; width:60%}
.Footer .b2{ float:right; width:25.9%}
.Footer a{ font:normal 13px tahoma}
.Footer .logo{ background:url(../images/elsharq_logo_gray.png) no-repeat 13px 0px; border-right:1px solid #ccc;padding-top:130px; text-align:center}
.Footer .logo a{ display:block; margin-bottom:-10px}
.Footer .SiteLinks{ overflow:hidden; margin-right:11px}
.Footer .SiteLinks a{ display:inline-block;padding:5px 9px;border-right:1px solid #ccc; float:right; width:129px; height:20px;/*-webkit-transition: padding-right 250ms ease-out;-moz-transition: padding-right 250ms ease-out*/ -webkit-transition-duration: 0.25s}
.Footer .BottomLinks{ background:#d7d7d7; padding:5px; margin:18px 0; direction:ltr}
.Footer .BottomLinks a{display:inline-block; text-align:right; margin:0 5px; border-left:1px solid #333; padding-left:14px}
.Footer .BottomLinks a.last{ border-left:0}
.Copyright{ direction:ltr; overflow:hidden; width:100%}
.Copyright .b1{ float:right; width:30%}
.Copyright .b2{ text-align:left; width:66%}
/*Top Hedar*/
.NewNav{ margin-top:29px}
.TopHD{background:url("images/topHeader_bg.jpg") repeat-x;height:38px;overflow:hidden}
.TopLinks{ float:right; width:65%; direction:ltr}
.TopLinks a{ color:#fff !important; padding:3px 11px; margin-left:5px;display:inline-block; font:bold 15px arial}
.TopLinks a:hover,.TopLinks a.active{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px; text-decoration:none; background:#fff !important ; padding:2px 11px 0 !important; color:#313131 !important}
.TopLinks .split{ width:1px;border-left:1px dashed #fff; display:inline-block; height:19px; vertical-align:middle; margin:0 3px}

/*Layout*/
.g2,.g2a,.g2d,.g2e{overflow:hidden;width:100%}
.g2c{ overflow:hidden}
.g2 .b1{float:left;width:69.9%}
.g2 .b2{float:right;width:300px}
.g2 .b3{float:left;width:50%}
.g2 .b4{float:left;width:50%}
.g2a .b1{width:80%;float:left}
.g2a .b2{width:19%;float:right}
.g2c .b1{width:60%;float:left; margin-right:20px}
.g2c .b2{width:37%;float:right}
.g2d .b1{width:30%;float:left}
.g2d .b2{width:65%;float:right}

.g2e .b5{float:left;width:50%}
.g2e .b6{float:right;width:50%}

.hide{ display:none}


/* Drag & drop & Collaps*/
/*.column{ clear:both; overflow:hidden}*/
/*.column .dragbox{background:#fff;position:relative}
.column .dragbox .head{cursor:move}
.dragbox-content{background:#fff}
.column  .placeholder{background:#f0f0f0;border:1px dashed green}*/
 .column .head:hover{ cursor:move}
 .column{width: 170px;float: left}
.portlet{ margin: 0 1em 1em 0}
.portlet-header{margin: 0.3em;padding-bottom: 4px;padding-left: 0.2em}
.portlet-header .ui-icon{float: right}
.portlet-content{padding: 0.4em}
.ui-sortable-placeholder{border: 1px dotted black;visibility: visible !important;height: 50px !important}
.ui-sortable-placeholder *{visibility: hidden}
.dragbox span.collapseClosed{background:url(../images/opencollaps.png) right 3px no-repeat; width:16px; height:24px;display:inline-block; margin:5px; float:right; cursor:pointer}
.dragbox span.collapse{ background:url(../images/closecollaps.png) no-repeat right 10px; width:16px; height:24px;margin:5px;cursor:pointer;display:inline-block;float:right}
.ColseContainer{ display:none}

/*Clip*/
.clip{padding:0; width:314px; float:right; margin:18px 0 5px 14px}
.clip .head,.clip .head2{ border-top:2px solid #0096d8; border-bottom:1px solid #0096d8; height:35px; overflow:hidden}

.Bclip{padding:0;margin:0}
.Bclip h1{ border-top:2px solid #0096d8; border-bottom:1px solid #0096d8; height:21px; overflow:hidden; font:bold 15px tahoma; padding:9px 0}


.clip2{padding:0; width:314px;margin:10px 0}
.clip2 .head{ border-top:2px solid #0096d8; border-bottom:1px solid #0096d8; height:35px; overflow:hidden}

.clip .head select{ float:left; margin-top:7px; *margin-top:-20px;direction:ltr; color:#333; font:normal 10px tahoma;padding:2px 4px}
.clip img{ border:0; margin:10px 0}
.clip .feature{background:#eaeaea;text-align:center; height:140px; padding:5px 0}
.clip .feature img{ border:0 ; display:block; margin:5px auto}
.clip .more{ text-align:left; font:bold 11px tahoma; color:#333; margin:5px}
.clip .RSS{*margin:-20px 5px 0 0}
.RSS{ display:inline-block; height:18px; width:18px; background:url(../images/rss.jpg) no-repeat; float:left; margin:6px 5px 0 0}
/*List news*/
.list{ margin:0}
.list li{border-bottom:1px dotted #CCC; line-height:20px; list-style:none; padding:5px 0 !Important;direction:ltr;display:block !Important}
/*.list a{color:#333333}*/

/*TXT*/

/*@font-face{font-family: Delicious;src: url('GE_SS_Two_Bold.ttf'),url('GE_SS_Two_Bold.eot')}
.tt {font-family: Delicious, Verdana, sans-serif;font-size: 21px}*/

.txt_qatar,.txt_sport,.txt_india,.txt_philippines_east_asia,.txt_europe_world,.txt_gulf_arab_world,.txt_pakistan_afghanistan,.txt_finance___business,.txt9,.txt11,.txt12, .txt13, .RadioTitle{display:inline-block; background:url(../images/txt.png) no-repeat 0 0; height:28px; width:147px}

.txt_qatar{background-position: right -4px; width:75px !important}
.txt_philippines_east_asia{background-position: right -42px; width:85px !important}
.txt_india{background-position: right -82px; width:80px !important}
.txt_sport{background-position: right -119px;width:80px !important}
.txt_europe_world{background-position: right -157px}
.txt_gulf_arab_world{background-position: right -194px}
.txt_pakistan_afghanistan{background-position: right -232px}
.txt_finance___business{background-position: right -270px; width:129px !important}
.txt9{background-position: right -458px}
.txt11{background-position:right -307px}
.txt12{background-position:right -857px; width:316px}
.txt13{ background-position:56px -951px; width:316px; height:19px}
.FixedWidth{ width:950px; margin:0 auto; border:1px solid red}

/*Horizontal-Slide*/
.Horizontal-Slide2{ border:1px solid red}
.Horizontal-Slide2 ul{list-style: none;font-family: Arial, sans-serif;font-size: 11px;margin: 0;padding: 0; height:277px}
.Horizontal-Slide2 ul li{float: right;padding: 10px;	display: block;color: #f0cdcd;background:#707070;list-style: none;height:257px; position:relative; border-right:2px solid #fff}
.Horizontal-Slide2 ul li p strong{color: #fff;font-size: 13px;font-family: Georgia}
.Horizontal-Slide2 ul li a{display: block;overflow:hidden;height:260px;width:22px;cursor: pointer}
.Horizontal-Slide2 #a1{width:454px}
.Horizontal-Slide2 span.dd {layout-flow: vertical-ideographic;rotation: 90deg;-webkit-transform: rotate(90deg);-webkit-transform-origin: 23px 23px;-o-transform: rotate(90deg);-o-transform-origin: 23px 23px;-moz-transform: rotate(90deg);-moz-transform-origin: 23px 23px;color: white;height: 46px;line-height: 44px; font:bold 20px tahoma}
.hslider .contentWrapperImg{ width:273px; height:171px}
.hslider .Slide-Cont img{ width:273px; height:152px}


/*Horizontal-Slide*/
/*.Horizontal-Slide{ overflow:hidden; margin-top:14px}
.Horizontal-Slide .Slide img{ margin:6px 0}
.Horizontal-Slide .Slide-Cont{ float:right; width:522px; height:277px}
.Horizontal-Slide a.Action{display:inline-block; width:32px; height:277px; border-right:2px solid #fff; float:right; background:#707070 url(../images/txt.png) no-repeat right}
.Horizontal-Slide a.Action:hover{background:#0194da url(../images/txt.png) no-repeat right}*/
a.Journalism{background-position:right -508px !important}
a.Cars{background-position:-175px -508px !important}
a.Women{background-position:-132px -508px !important}
a.Health{background-position:-89px -508px !important}
a.Technology{background-position:-46px -508px !important}
/*.Horizontal-Slide h2{display:inline-block}
.Horizontal-Slide .RSS{margin:4px 12px 0 0; float:none}*/
.arrow{background:url(../images/arrows.png) -7px -3px; display:inline-block; width:12px; height:17px;margin:17px 9px}
.arrow-visited{background:url(../images/arrows.png) -9px -27px; display:inline-block; width:12px; height:17px;margin:17px 9px}

.Slide-Cont .b1{direction:ltr;margin-right:0}
.Slide-Cont .b1 h3{line-height:19px; font-size:12px}
.Slide-Cont .b1 p{width:275px}
.Slide-Cont img{margin:6px 0}
/*.Slide-Cont h3 a{ border:1px solid red; display:block}*/
.Slide-Cont .RSS{margin:4px 12px 0 0; float:none}


/*News Listing*/
.newslist{border-bottom:1px dotted #ccc;margin-top:20px;padding-bottom:10px}
.newslist .ImgFx{ margin:0 10px 0 0;border:1px solid #CCCCCC}
.newslist .thum{float:right;padding-left:10px}
.newslist p a{font:bold 11px tahoma;margin-left:8px; display:inline-block}
.newslist p {text-align:left;/*padding-right:115px;*/margin:10px 0;direction:ltr}
.newslist h2 a{ font-size:13px !important;direction:ltr}
.newslist .date{display:block;float:none;width:auto; direction:ltr; color:#888; font-size:10px; margin-top:5px}
.sectiontitle{border-bottom:2px solid #ccc;background:#eaeaea;padding:3px 10px;font:bold 27px arial; margin-bottom:1px; min-height:34px; text-align:left}
.sectiontitle .floatright{font:bold 12px arial; background:url(../images/Reset.png) no-repeat; display:block;width:18px; height:20px; margin:7px 10px 0 0}
.sectiontitle .floatleft{*margin-top:-25px}

.morenewsclip{width:315px; margin-bottom:15px}
.morenewsclip h1{border-bottom:3px solid #7B0501;font:21px arial;color:#000;height:27px}

/*Article Details*/
.articletxt{direction:ltr;margin:5px 0; float:right}
.articletxt p{line-height:22px; margin-top:0}
.articledetails{padding-left:10px}
.articledetails h1{line-height:23px;color:#111;font:bold 21px arial;border-bottom:3px solid #7B0501; /*height:18px;*/ margin-bottom:5px;direction:ltr}
.articletxt img{float:right;margin:1px 0 -7px 10px}
.articlegplus{width:61px;float:left}
.articletwitter{/*width:120px;*/float:left}
.articlefacebook{/*width:120px;*/float:left}
.ProfBriefData{ list-style-type:circle; direction:ltr; float:right; margin:11px 26px 0 0; padding-left:15px; border-left:1px solid #ddd; height:32px}
.ProfBriefName{ float:right}
.ProfBrief{ background:none repeat scroll 0 0 #F4F5F6; padding-top:4px}
.ProfBriefImg{ float:right}
.ProfBriefImg img{ padding:2px; border:1px solid #ddd}
.ProfBriefInfo{ float:right; margin:0px 26px 0 0}
.ProfBriefInfo li{ direction:ltr; list-style-type:circle; direction:ltr;}
.WriterProfImg{ float:right; width:160px}
.WriterProfImg .WriterMore li{ font-size:12px;}
.WriterProfImg .WriterMore li .ShareDate{ text-decoration:none !important}
.ArticleWriter{ width:487px; padding:5px 2px 0px 0 !important}
.WriterMore .DataIn{margin-right:0}
.WriterProfImg .WriterMore{ margin:4px 0 0 0; background:#F4F4F4; width:142px; border-top:6px solid #8A8A8A; padding:6px 8px 5px 0}
.WriterProfImg img{ margin-bottom:5px !important}
.WriterProfImg .WriterNameArt{background:url(../images/GreyBG.jpg) repeat-y #eaeaea right 0; width:150px; height:21px; float:right}
.WriterNameArt a{ padding-right:11px; display:block}
.DataIn{ color:#666; margin-right:5px}
.mailUser{font-size:9px}
.ArticleTabs{background-color: #F0F0F0;height: 25px;padding: 3px;width: 99.3%}
.ArticleTabs .MoreBtns{ margin-top:0 !important; background-repeat:repeat-x !important; width:123px; height:13px !important}
.ArticleNews{ float:none; width:auto !important; padding-top:14px !important}
.ArticleImgNews{ margin:0 auto; width:556px}
.ArticleNewsData{ float:none !important; width:auto !important; direction:ltr}
.Caption{ font:normal 12px arial; display:block; margin:2px auto; display:block; text-align:left;width:550px;background:#F0F0F0; direction:ltr}
/*Search Result*/

.nlist{border-bottom:1px dotted #ccc;margin-bottom:20px; text-align:left}
.nlist p{margin-top:7px; direction:ltr}
.ResultTitle{border-bottom:2px solid #ccc;background:#eaeaea;padding:9px 10px;font:bold 16px tahoma;margin-top:20px}
#SearchOption{ margin:15px 0 0}
#SearchOption tr{display:inline-block; margin:10px 15px 0 0; width:320px; border-bottom:1px dotted #CCC}
#SearchOption select{ width:120px; height:22px}
#SearchOption .more{ width:79px; border:0; height:18px; padding:0 17px 0 0; cursor:pointer}

/*Top News**/
.TopNews{width:643px; height:260px; border-bottom:9px solid #000; float:right}

#mlb-wrapper {width: 650px;padding: 0px}
.base {margin: 0 auto;width: 650px;text-align: center;position: relative}
#photo {width: 465px;height: 270px;overflow: hidden;float:left}
#photo ul {margin-left: 0;width: 4900px}
		
/*HorizontalAd*/
.HorizontalAd{text-align:center; clear:both/*; width:650px*/; float:right; width:647px; margin-top:13px; background:#E2E2E2}
.HorizontalAd .txt{background:#eaeaea; color:#000; font:normal 12px tahoma; padding:5px}
.AdThumb1 ,.AdThumb2, .AdThumb3{ float:left; width:200px}
.AdThumb2{ margin:0 19px}
/*.HorizontalAd .Ads{ background:#e2e2e2;height:59px; padding:10px 0}*/


/*SocialShar*/
.SocialShar{/*border-top:1px solid #d2d2d2; */width:302px;margin:2px 0; height:59px}
.SocialShar .SocialIcons{/*border-bottom:8px solid #d2d2d2; */margin-top:4px; position:relative; height:10px}
.SocialShar .SocialIcons a{ display:inline-block; height:21px; position:absolute; background:url(../images/icons.png) no-repeat; bottom:-12px}
.SocialShar .SocialIcons a.FB{ background-position:-68px -6px; left:0; width:56px}
.SocialShar .SocialIcons a.TT{background-position:-61px -43px;left:65px; width:63px}
.SocialShar .SocialIcons a.YT{background-position:-68px -79px;left:140px; width:57px}
.SocialShar .SocialIcons a.GG{background-position:-68px -160px;left:210px; width:57px}
.SocialShar .SocialIcons a.RSS{display:inline-block; height:18px; width:18px; background:url(../images/rss.jpg) no-repeat; float:left; margin:6px 5px 0 0; left:278px;}

/***new Editings FB**************/

.FBClip{ background:none repeat scroll 0 0 #DCDCDC; padding:4px; margin:9px 0 8px 0}
.FBClip .SocialShar{ background:#fff; padding:6px 0 0 5px !important; margin:0 auto !important; height:67px}
.FBClip .FBbox{ background:#fff; margin:0 auto !important; border-right:1px solid #AAAAAA; width:294px}
.FBClip ..fbConnectWidgetTopmost{ border:none !important}
.FBClip h1{ border:none !important; margin:0; width:309px !important}
.FBClip .SocialIcons{ margin-top:10px}

/*FB box*/
.FBbox{padding-right:10px; margin-bottom:5px}
.ui-slider { position: relative; text-align: left;width:65px; background:#ddd}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background:#888 }
.ui-slider-horizontal { height: 7px }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; cursor:pointer }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 7px }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }



/*LeftLinks*/
.LeftLinks{}
.LeftLinks .Link1{display:block;height:41px; width:315px; background:url(../images/Link1.jpg) no-repeat; margin-bottom:10px}
.LeftLinks .Link4{display:block;height:41px; width:315px; background:url(../images/Link4.jpg) no-repeat; margin-bottom:10px}
.LeftLinks .allLinks{background:url(../images/Link6.jpg) no-repeat;height:42px;width:315px;direction:ltr}
.LeftLinks .Link2{width:185px;height:42px;display:inline-block}
.LeftLinks .Link3{width:125px;height:42px;display:inline-block}

.LeftLinks .allLinksPDF{background:url(../images/Link5.jpg) no-repeat;height:42px;width:315px;direction:ltr}
.LeftLinks .allLinksPDFNew{background:url(../images/newLink5.jpg) no-repeat;height:65px;width:315px;direction:ltr; border-bottom: 3px solid #FFFFFF;   cursor: pointer;}
.LeftLinks #dvDownloadPDF{display: inline-block;direction:ltr;background: none repeat scroll 0 0 #DCDCDC;border-top: 2px solid #0096D8;}
.LeftLinks #dvDownloadPDF li{height:23px;background-color:#F5F5F5;display:block;border-bottom:solid 2px #fff}
.LeftLinks #dvDownloadPDF li a{padding-right:9px}
#photo ul li {display: block;float: left}
#photo img {display: block;border:none !Important}
#details {}
#hover-box {height: 23px;top:220px;right:0px;position: absolute;z-index: 9999;zoom: 1;width:185px}
#thumbs {position: absolute;height: 61px;background-color: #444;background: rgba(0, 0, 0, .7);padding: 3px 0 0 0;bottom: 24px;bottom: 23px\9; /* for IE8 and below */display: none;}
#thumbs ul {width: 480px;margin: 0 auto}
#thumbs ul li {display: inline-block;float: left;padding: 0 2px 0 2px}
#thumbs p {color: #fff;font-size: 9px;padding: 2px 5px 5px 5px;letter-spacing: normal;font-family: Arial, Helvetica, sans-serif;clear: both}
#thumbs img {border: solid 1px #fff;position: relative;z-index: 1}
#thumbs a.highlight img {border: solid 1px #ff9933}
#thumbs ul li a:link, #thumbs ul li a:visited {position: relative;display: block;outline: none}
#thumbs ul li a span {display: block;width: 64px;height: 31px;border: solid 5px #fff;opacity: .68;filter: alpha(opacity=68);position: absolute;z-index: 20;top: 1px;left: 1px}
#thumbs ul li a.highlight span {border-color: #ff9933;opacity: .6;}
#navigation {height: 33px;width: 162px;z-index:50;bottom: 0; right:0; position:absolute; background:#fff}
#navigation ul {width: 120px;float: left;margin: 0 0 0 142px;display: inline;}
#navigation ul li {width: 20px;float: left;padding: 5px 0 0 0;}
#navigation a:link, #navigation a:visited {font-size: 10px;text-decoration: none;color: #fff;outline: none}
#navigation ul li a:hover, #navigation ul li a:focus {background: rgba(255, 255, 255, .5);}
#navigation ul li a.highlight:hover, #navigation ul li a.highlight:focus {background: rgba(255, 153, 51, .5)}
#navigation ul li a.highlight:link, #navigation ul li a.highlight:visited {border-color: #ff9933;background: #ff9933;}
#navigation ul li a:link, #navigation ul li a:visited {display: block;float: left;width: 8px;height: 8px;border: solid 3px #fff;-webkit-border-radius: 6px;-moz-border-radius: 8px;border-radius: 8px;text-indent: -9999em;overflow: hidden}
#navigation #prev {float: left;padding: 0 0 0 5px;background:url(../images/prev.jpg);width:23px;height:27px;margin-left:20px}
#navigation #next {float: left;padding: 0 5px 0 0;background:url(../images/next.jpg);width:23px;height:27px;margin-left:3px}
#navigation .pause{float: left;padding: 0 5px 0 0;background:url(../images/pause.jpg);width:23px;height:27px;margin-left:3px}
#navigation .play{float: left;padding: 0 5px 0 0;background:url(../images/play.png);width:23px;height:27px;margin-left:3px}
#navigation a span {font-size: 6px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 24px}
#description {padding: 1px 10px 0 2px;width:168px;float:right; line-height:22px}
p#small-caption {font-size: 10px;color: #333;line-height: 11px;padding: 0 0 0 4px;zoom: 1;margin-top:0}
#title{margin-top:-5px;text-align:right;direction:ltr;margin-bottom:5px}
#title a:link, #title a:visited {font-size: 16px;/*color: #333;*/text-decoration: none;font-family: tahoma;font-weight: bold;line-height: 24px;}
#long-desc a{font:bold 12px tahoma}
#long-desc {font:normal 13px tahoma;direction:ltr;text-align:right;margin:0; color:#2F2F2F !important}
#long-desc p{margin:2px 0}
.clr { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.caricature{width:475px;float:right;background:#dcdcdc;margin-top:20px;border-top:2px solid #0096d8;padding:0 5px; height:287px}
.DescripTxt{ width:500px; margin:0 auto; text-align:center}
.scarc { float:left; width:80px }
.scarc img { padding-bottom:1px; *padding-bottom:2px}
.mcarc { float:right; }
.caricature h1{height:35px;margin:2px 10px; width:463px; margin:2px 22px 2px 10px}
.caricature h1 a{font-size:12px;direction:ltr;float:left;display:inline-block;margin-top:8px}
.smallad{margin-top:20px;float:right; margin-right:5px}
.pray .alter { background:#f3f3f3 }
.pray li { padding:5px }
.pray .sel { border:0 }
.pray li { width:auto; float:left; margin:0 3px; text-align:center; border-left:1px solid #ddd; list-style:none ;font-size:10px}
.prytime label { float:right; width:54px; padding:4px 2px }
.sel1 { float:right; direction:ltr}
.prytime { font-family:Tahoma;width:300px;/*margin-top:15px*/margin-top:0}
.prytime .ulbtn a { font-size:13px; }
.prytime p { padding:8px 5px 0 0; font-size:10px; text-align:center}
.prytime h1{height:16px;padding:3px 164px 0 0;margin:4px 0}
.current-pray{margin:8px 0 0 0;padding:0px 0px 0px 0px;background:#f7f7f7; font-weight:normal;}
.current-pray a{cursor:pointer; padding:5px 0; display:block; text-align:center; font:bold 12px arial}
.prytime #divPrayerCountryCities{ display:inline-block; width:200px; height:25px}
.prytime #divPrayerCountryCities select{float:right; margin-right:3px; display:inline-block; margin-top:3px}

/*.AddArtBtn2{ margin:32px 0px 0 3px; float:left}*/
#divUserArticles{ position:relative}
.AddArtBtn2{ position:absolute; top:10px; left:2px}
.UserContribution{margin:20px 0;border-top:2px solid #0096d8;background:#dcdcdc;padding:5px;width:305px; direction:ltr}
.UserContribution h1{background:url(../images/UserContribution.jpg) right no-repeat;height:23px;margin:3px 0 8px 0 }
.ElsharqArticles{margin:20px 0;border-top:2px solid #0096d8;background:#dcdcdc;padding:5px;width:305px; direction:ltr}
.ElsharqArticles h1{background:url(../images/articles.jpg) right no-repeat;height:23px;margin:3px 0 8px 0 }
.win{margin:0 0 -5px -5px;display:inline-block}
.TitleContribution{ margin-right:10px}
.IMGTabs li{ height:78px}
.IMGTabs li a{ float:right; display:block; float:right}
.IMGTabsTitle{float:right; margin-right:5px; width:70%}

.tb {height:26px; width:100%}
.active { margin-top:-2px; height:20px; padding:5px 10px; background:#fff !Important; color:#000 !Important; display:inline-block }
.tb li { float:left; height:26px; margin:0 3px 0 0 ; padding:0;list-style:none }
.tb li a { padding:5px 13px 3px 12px; font-weight:bold; font-size:15px; text-decoration:none; background:#353535; color:#fff; display:inline-block;font-size:12px}
.tb div li  a { padding:5px 13px 3px 12px; font-weight:bold; font-size:15px; text-decoration:none; display:inline-block;font-size:12px}
.mainimg {float: right; clear:right; margin-left:6px}
.kpt .main, .mkm .main {direction: rtl;float: right;margin-right:2px;width: 81%;}
.articlemainHP {direction: rtl;float: right;margin-right:2px;width: 70%;}

.kpt .dateby { font-size:11px; font-family:Tahoma; text-align:right; padding:2px 0; direction:ltr; margin:0;float:right;margin-right:5px}
.IMGTabs li .dateby{width:213px}
.kpt{background:#fff}
.sp {border-bottom:1px dotted #CCC;clear: both;height: 1px;margin: 9px 0;}
.sp2 {border-bottom: 1px solid #999;clear: both;height: 1px;margin: 4px 0;}

.stockmarket{margin-top:20px;border-top:2px solid #0096d8;width:315px}
.stockmarket h1{background:url(../images/stockmarket.jpg) right -2px no-repeat;height:30px;border-bottom:1px solid #0096d8;margin:7px 0}
.stock {height:20px}
.stock li{float:right;list-style:none;width:40%}
.cel2{text-align:center;width:29% !Important} 
.cel3{text-align:center;width:29% !Important}.cel3 a{color:red} .stf{font-weight:bold}
.marq{font-weight:bold}

.linkfx {background-position: right -1539px;float: left;margin-bottom: 10px;padding-right: 5px; width: 120px}
#DivTopItems .linkfx{ padding:0 10px !important; width:85%}
#DivTopItems .sp{ margin:10px !important}
.comhold {direction: ltr;float: right;margin-right:10px; font:bold 15px arial}
.comm { display:inline-block; width:18px; height:15px; background:url(../images/mostcom.gif)left no-repeat }
.read { display:inline-block; width:18px; height:15px; background:url(../images/mostread.gif)left no-repeat }
.showcase{margin-top:20px;width:300px}
.timeweather{height:20px;background:#eee;margin:15px 0 15px 10px;padding:0 3px 0 0;font-size:12px}
.date{width:336px;display:inline-block;font-size:12px;float:right; direction:ltr}
.DayDate{ font:bold 11px tahoma !important; margin-left:2px}
.timeweather .date{ width:100% !important}
.timeweather .time{ width:212px !important; direction:ltr;}
.time{width:125px;display:inline-block;text-align:center;font-size:11px}
.time img{display:inline-block;margin:-5px 0 0 0}
.weatherselc{margin-right:3px;direction:ltr;width:95px}
.prytime .weatherselc{width:95px}
.newsno{padding-top:5px;display:inline-block} 
.tweather{float:left;font-size:11px}
.tweather img{width:50px; margin-top:-7px}
.TimeIcon{ background:url("../images/Timeicon.png") no-repeat scroll right 3px transparent; height:20px; padding-right:22px; float:right}


#ticker-wrapper.has-js{display: block;/*float: left;*/padding-top:7px}
#ticker{width:905px;height: 26px;display: block;float: left;position: relative;overflow: hidden;direction:ltr}
#ticker p{margin:0;padding:0}
#ticker-title{float: right;color: #888;width: 77px;border-left: 1px solid #535353;margin-left: 10px;padding-top: 1px;display: none !important}
#ticker-content{float: right;position: absolute;color: #666;font-weight: 700;margin: 0}
#ticker a{text-decoration: none;display:inline-block; background:url(../images/dot.png) no-repeat left 8px; padding-left:11px; padding-right:5px; margin-left:8px; direction:ltr}
#ticker A:hover{text-decoration: none;color: #888}
#ticker-swipe{padding-top: 7px;position: absolute;top: 0;right: 0;display: none;width: 500px;height: 23px}
#ticker-swipe SPAN{margin-left: 1px;background-color: #000;border-bottom: 3px solid #fff;height: 12px;width: 7px;display: block}
#ticker-controls{list-style-type: none;float: left;padding: 3px 4px 4px 0;width: 125px;margin-top:-9px}
#ticker-controls LI{float: left;cursor: pointer;height: 27px;width: 30px;display: block;padding: 0;}
.RedBTN{ float:left; background:url(../images/NewsIcon.png) no-repeat; width:66px; height:33px; display:block; margin:-9px 0 0 8px}
/*#ticker-controls LI#play-pause{background-image: url(../images/controls.png);background-position: -31px -2px;}
#ticker-controls LI#play-pause.over{background-position: 32px 32px}
#ticker-controls LI#play-pause.down{background-position: 32px 0;}
#ticker-controls LI#play-pause.paused, #ticker-controls LI#prev, #ticker-controls LI#next{background-image: url(../images/controls.png)}
#ticker-controls LI#play-pause.paused{background-position: 48px 16px}
#ticker-controls LI#play-pause.paused.over{background-position: 48px 32px}
#ticker-controls LI#play-pause.paused.dow{background-position: 48px 0;}
#ticker-controls LI#prev{background-position: 0px -2px;}
#ticker-controls LI#prev.over{background-position: 0 32px;}
#ticker-controls LI#prev.down{background-position: 0 0}
#ticker-controls LI#next{background-position: -93px -2px}
#ticker-controls LI#next.over{background-position: 16px 32px}
#ticker-controls LI#next.down{background-position: 16px 0}*/
.js-hidden{display: none}
#js-news li{float:right;}
/*Speed slider*/
#Licls{background:url(../images/tickerclose.png) no-repeat -2px -2px !important; border-right:1px solid #ddd; margin-right:5px}
#slider-range-max{margin:10px 0 0 32px; *right:27px}
#slidercont{width:128px;height:27px;}
.slid1{width:128px !Important;background:url(../images/speed.png) no-repeat}
/*#slider {background: none repeat scroll 0 0 #ccc;height: 6px;margin: 11px 38px;width: 50px}*/
.slid1 .ui-state-default,.slid1 .ui-widget-content .ui-state-default,.slid1 .ui-widget-header .ui-state-default {cursor:pointer; background:url('../images/spdar.png') no-repeat !important; display: inline-block;height: 10px;width: 16px;margin-top:-3px;}
 /*paging control*/
.paging{text-align:center;clear:both; background:url(../images/paging_sp.png) 0 -195px repeat-x; width:100%}
.pagingInside{text-align:center;clear:both; height:44px; padding:1px 0 0; background:#eee}
.paging a, .pagingInside a{margin:5px ;width:20px; vertical-align: middle;display: inline-block;cursor:pointer; font-size:12px}
.paging a.select,#hfCurentPage{background:#7B0501; color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}
.paging .prevBtn ,.paging .nextBtn, .paging .goto{text-decoration: none;cursor: pointer}
#next a:hover,#prev a:hover{ color:#FFCC00}
#spanOF{ color:#111}
input#txtGoTo{width:17px; margin:-4px 0 0 5px; text-align:center; vertical-align: middle}
#hfCurentPage{padding:2px; margin:0 5px}
.paging_all{ margin:10px auto;width:450px;float:none}
.paging_all span{margin:0 0 0 4px}
#goto{padding:7px 0 0}
#btnGo, .jPag-first, .jPag-last{background:url(../images/paging_sp.png) 0 -156px;width:40px !important; height:18px; padding:3px 0 0 !important; font:normal 11px tahoma; margin-top:2px; color:#fff !important}
#aFirst{background:url(../images/paging_sp.png) 0 -117px;width:29px; height:20px}
#aPrevious{background:url(../images/paging_sp.png) 0 -78px;width:20px; height:20px}
#aLast, .jPag-snext, .jPag-sprevious{background:url(../images/paging_sp.png) 0 -39px;width:29px; height:20px}
.jPag-sprevious{ background-position:0 -117px}
#aNext{background:url(../images/paging_sp.png) 0 0;width:20px; height:20px}
.goToDiv{border-left:1px dotted #555; padding:3px 7px 0 0; margin:0 7px 0 0; direction:ltr}
#inner .paging a.select{background:#307822; color:#fff;cursor:pointer}
.floatright{ float:right}
.floatleft{ float:left}

.PagerGoogle{ display:block; direction:ltr}
.PagerGoogle a{margin:5px ;width:8px; vertical-align: middle;display: inline-block;cursor:pointer; font-size:12px}
.PagerGoogle{clear:both;padding:3px 0 0 10px; background:#eee}
.paging-popup{background:#790400; color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px}
.paging-popup{padding:2px; margin:0 5px}
.PagerGoogle .more{direction:ltr; float:right; background:none; width:auto; color:#525252; padding:0 15px; text-align:right}
.PagerGoogle .more a{ color:#fff !important; width:auto; background:url("../images/tabs_bg.jpg") repeat scroll 0 0 transparent; text-align:center; margin:2px; padding:0 10px}
/*SSO*/
#SSO{z-index:10000;font:normal 12px tahoma;float:right}
.LoginBtn{background-position:-1px -1px;width:101px;display:inline-block;height:28px}
.LogoutBtn{background-position:-1px -198px;width:101px;display:inline-block;height:28px}
.EditYourDetails{background-position:-109px -1px;width:101px;display:inline-block;height:28px}
.logBTN{width:20%}
#LoginFullBox{float:left; position:relative}
.welcomeDear{float:left; margin:4px 15px 0 0}
.ssoCont{ width:220px; border:2px solid #BEBEBE; height:100px;position:absolute; background:#fff; padding:5px; text-align:left; color:#666;z-index:9000000; box-shadow:0 8px 11px #888;-moz-box-shadow:0 8px 11px #888;-webkit-box-shadow:0 8px 11px #888;right:34px;top:27px; border-top:0;display:none}
.ssoCont span{ display:block}
.ssoCont a{font:bold 13px arial; display:inline-block !important}
span.Sload{background:url(../images/Sload.gif) no-repeat; width:20px; height:20px; display:inline-block; margin-right:10px; vertical-align:top}
.ssoCont ul{ margin:0; padding:0; text-align:right; width:100% !important}
.ssoCont ul li{ line-height:23px; list-style:none; margin:0 5px; border-bottom:1px solid #ddd; padding-bottom:3px; height:23px !important; overflow:hidden}
.ssoCont ul li.last{ border:0}
.ssoCont span.txtbold{ font:bold 11px tahoma; margin-top:8px; text-align:center;color:#000}
.ssoCont span.username{ display:inline-block!important; margin-right:3px; vertical-align:middle; font:normal 10px tahoma}
span.Fb-icon,span.tt-icon,.aprofile .arrow,.aprofile .arrowup{background:url(../images/SSObtn.png) no-repeat}
.welcomeDear span{ color: #F0F0F0;vertical-align: middle;}
.welcomeDear  a.aprofile{padding:0 5px; border:2px solid transparent; border-bottom:0;vertical-align:middle;color:#fff !important;cursor:pointer}
.welcomeDear  a.aprofile:hover{ text-decoration:none!important}
.SSOprof a.aprofile{background:#fff !important; border:2px solid #BEBEBE; border-bottom:0; color:#000 !important}
.aprofile .arrow{background:url(../images/SSObtn.png) no-repeat right -123px; width:13px;height:6px; display:inline-block; margin-right:2px; margin:0}
.aprofile .arrowup{background-position: right -142px; width:13px;height:6px; display:inline-block; margin-right:2px}
span.Fb-icon{background-position:right 1px; width:14px; height:14px; display:inline-block; margin-right:6px; vertical-align:middle}
span.tt-icon{background-position:right -26px; width:14px; height:14px; display:inline-block; margin-right:6px; vertical-align:middle}
.hideloader{ display:none;visibility:hidden}
.FBbox{ clear:both; margin:10px auto}
/*poll*/
.poll-box{margin-bottom:5px; background:#fff; padding:6px 7px 0 5px}
.poll-question{font:bold 13px tahoma; direction:ltr; margin:5px 0; padding:11px 7px 0 0; color:#383838; border-bottom:1px solid #CCC; padding:0 0 5px}
.poll-question span{ float:right; margin:1px 0 0 5px}
#P_Answer{ direction:ltr}
.PollHistory{text-align:left;height:50px;border-bottom:1px solid #ccc}
#btnSubmit{display:inline-block; height:37px; width:79px;background:url(../images/icons.png) no-repeat -23px -110px; border:0; cursor:pointer; vertical-align:middle}
#btnpollSubmit{display:inline-block; height:18px; width:78px;border:0; cursor:pointer; vertical-align:middle}
/*Horizontal slider*/
.hslider{ margin:10px 0}
/*loader*/
.loader{margin:0 auto; text-align:center; padding:10px 0; background:#fff; /*opacity:.5*/}
 /*icon
a.print-ico{background-position:30px -512px; padding-right:35px;display:inline-block;font:normal 12px tahoma;height:18px; float:left}
a.comment-ico{background-position:55px -330px; padding-right:39px;display:inline-block}
a.send-ico{background-position:28px -541px; padding-right:33px;display:inline-block;font:normal 12px tahoma;height:18px; border:0}
a.send-ico span{ padding:0 !important}
a.del{background-position:0px -103px}
a.yahoo{background-position:0px -139px}
a.facebook{background-position:0px -169px}
a.reddit{background-position:0px -202px}
a.google{background-position:0px -235px}
a.myspace{background-position:0px -267px}
a.twiter {background-position:0px  -65px}s*/
.social {width:65%; height:30px; /*border:1px solid #ddd; */padding:2px 5px}
.source{ float:right; width:25%}
#star{float:right}
.articlegplus{float:left;width:85px;margin-top:5px}
.articletwitter{float:left;width:95px;margin-top:5px}
.articlefacebook{float:left;margin-top:5px}
.latestMainNewsSocial .articlefacebook{float:right}
.submitSearch{background-position:-93px -3px;float:right;vertical-align:middle;border:0;cursor:pointer;height:28px;width:56px;margin-left:10px; display:block}
#sso input{background-position:-71px -53px}
/*a.del,a.yahoo,a.facebook,a.reddit,a.google,a.myspace,a.twiter,a.print-ico,a.send-ico,a.comment-ico,.submitSearch,#sso input, .homePage, .channels:hover, .loginBtn, .regBtn, .myPageBtn, .logoIslameyat, .searchBtn, .Facebook, .Rss, .Twitter{background: url(../images/pic.png) no-repeat}      */
/*+ &_*/
#divIncreaseFont,#divdecreaseFont{ width:17px; height:19px; display:inline-block; margin:5px; cursor:pointer}
#divIncreaseFont{background: url(../images/plus.gif) no-repeat}
#divdecreaseFont{background:url(../images/minus.gif) no-repeat}

/*divBookmark*/
#divBookmark-con{margin:10px 5px;padding:5px;border:1px solid #ccc; height:38px;clear:both; background:#F0F0F0; direction:ltr}
#divBookmark strong{ float:right;width:52px;margin-top:10px; width:63px}
#divBookmark a{ float:right; height:20px; width:20px;margin:10px 4px}
#divAction{border-right:1px solid #81A8C2; margin-top:10px; width:130px !important}
#divAction a{ color:#790400}

/*icons*/
a.del,a.yahoo,a.facebook,a.reddit,a.google,a.myspace,a.twiter,a.print-ico,a.send-ico,a.comment-ico{background: url(../images/bookmarks.png) no-repeat}
a.print-ico{background-position:32px -287px; padding-right:35px;display:inline-block;font:normal 12px tahoma;height:18px; float:left}
a.comment-ico{background-position:55px -330px; padding-right:39px;display:inline-block}
a.send-ico{background-position:30px -321px; padding-right:33px;display:inline-block;font:normal 12px tahoma;height:18px; border:0; float:right}
a.send-ico span{ padding:0 !important}
a.del{background-position:0px -35px}
a.yahoo{background-position:0px -71px}
a.facebook{background-position:0px -101px}
a.reddit{background-position:0px -135px}
a.google{background-position:0px -168px}
a.myspace{background-position:0px -200px}
a.twiter {background-position:0px  0px}

/*.breadCrumb*/


.breadCrumbHolder {margin:20px 0; overflow:hidden}
.breadCrumb {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DEDEDE;display: block;float:left;height: 21px;margin: 0;overflow: hidden;padding: 5px;width: 98%}
.breadCrumb ul {display: block;height: 21px;margin: 0;padding: 0; float:left}
.breadCrumb ul li {background: url("../Images/ChevronOverlay.png") no-repeat scroll right 100% transparent;display: block;float:left;font: 12px tahoma;height: 21px;margin: 0 6px 0 0;overflow: hidden;padding: 0 10px 0 0;position: relative;direction:ltr}
.breadCrumb ul li.first a {background: url("../Images/IconHome.gif") no-repeat scroll 0 0 transparent;height: 16px !important;margin-top: 2px;overflow: hidden;padding: 0;text-indent: -1000em;width: 16px}
.breadCrumb ul li a {display: block;float: left;height: 21px;line-height: 21px;overflow: hidden;position: relative}
.breadCrumb ul li.last {background: none repeat scroll 0 0 transparent;font: 12px tahoma;margin: 2px 2px 0 0;padding-right: 0}





















/**************************Writer Profile*********************/
.ArticleHead{ width:100%; float:right}
.ArticlesNo{ float:left; border-bottom:1px solid #E7E7E7; padding-bottom:5px}
.WriterTitle{ font-size:16px !important; font-family:Tahoma !important; font-weight:bold; padding:10px; margin-bottom:0}
.ArticlesNo p{ margin:4px 0 0 9px; float:left; font:bold 12px tahoma; color:#666363}
.No{padding:2px; background:#0292d8; color:#fff; font-size:16px; float:left; text-align:center}
.SocialWriter #fb-root{display:none}
.ProfileWriter{float:right; margin-bottom:11px}
.ProfileInfo{float:right;/* height:148px; width:135px*/width:109px}
.ProfileIMG{ border-right:1px solid #efefef; padding-right:10px;margin-bottom:8px}
.ProfileIMG img{float:right; height:116px; width:116px}
.ProfileIMG span{color:#0194da; font-size:13px}
.NameTittle{ height:23px; float:right; padding-left:10px}
.NameTittle span{color:#313131; font-size:16px;float:right; padding:3px 12px 0 15px;direction: rtl}
.NameTxt{background:url("../images/GreyBG.jpg") repeat-y scroll right 0 #EAEAEA; float:right; padding:3px 12px 0 0; font-size:13px !important}
.WriterBrief{float:right; margin-right:5px; width:516px; border-top:1px solid #eee; margin:9px 0}
.WriterBrief span{ color:#732e00}
.WriterBrief P{float:right; width:100%}
/**Article list**/
.ArtcileList{float:right; width:100%}
.ArtcileList li{ list-style:none !important}
.WriterArticle{font:18px tahoma; color:#20211c;background:#eaeaea; padding:2px 17px 2px 2px; border-top:2px solid #0292d8}
.WriterListing{float:right;padding:7px}
.SubjTitle{margin-bottom:6px}
.SubImg{width:75px; height:75px; margin-left:9px; float:right; border:1px solid #ccc}
.SunjData{float:right; font:16px tahoma; color:#114e9b; width:555px; float:right}
.SunjData p{font: 12px tahoma; margin:6px 0 0 0; color:#666; direction:ltr}
.ArtcileList .info{ display:block; margin:5px }
.info{ float:left; width:100%; font-size:10px ; direction:ltr}
.info .title{ padding:0 !important; background:none !important}
.info .title p{float: left;margin: 0;padding: 0 !important;}
.info li{margin:0 0 0 10px; list-style:none;display: inline; float:right}
.Dark{color:#000}
.DateArticle{color:#413f3f; font-size:11px}
.WriterListingDark{background:#f6f6f6; padding:8px;float:right; border-top:1px dashed #ddd}
.ArticlePaging{ float:right}
.WriterMore{ float:right; width:100%}
.WriterMore li{list-style:circle; direction:ltr;list-style-position:inside}
/*************************Writers Listing*******************************/
.lettersCont{ float:right}
.lettersCont a{background:url(../images/letterBg.png) no-repeat; margin:7px 0 0 0}
.lettersCont a.SmallBG{ background-position:-50px 0}
.LargeBG{float:right; width:49px; height:18px; text-align:center; color:#fff; background-position:0 0}
.LargeBG:hover{ background-position:0 -22px}
.SmallBG{float:right; background-position:-50px 0; width:21px; height:18px; text-align:center; color:#fff}
.SmallBG:hover{background-position:-50px -22px}
.LetterChoose{border-top:1px solid #0195db; float:left; width:100%; margin-top:4px}
.Letter{width:40px; height:26px; background:#0292d8; float:left; text-align:center; color:#fff;font-size:22px; padding-top:8px; margin-left:5px;  -moz-border-radius: 0 0 6px 6px;  -webkit-border-radius: 0 0 6px 6px;-khtml-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;}
.WritersList{ float:right}
.WriterItem{ width:207px/*; height:96px*/; float:right; background:#eee; border-top:5px solid #0195db; padding:9px 6px 3px 3px; margin:4px 0 0 3px; height:122px}
/*.LeftItem{margin:8px 0 0 0px !important}*/
.WriterID{float:right;float:right; border-left:1px solid #7b7b7b; padding-left:5px; width:84px}
.WriterID img{width:76px;float:right}
.WriterData{width:120px}
.WriterData li{ list-style:none; float:right; margin-right:8px; font-size:12px; margin-bottom:5px; width:109px; direction:ltr; line-height:15px}
.WriterData li a{ font-size:13px}
.NoWrts{ float:right; width:100%; /*background:url("../images/NFBG.jpg") repeat-y 0 -10px; */ background:#eee; height:25px; margin-top:44px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.NolettersWritertxt{ text-align:center;width:247px; margin:0 auto; padding-top:38px}
.IconSrch{ background:url(../images/CrossSearch.png) no-repeat; width:81px; height:62px; margin-top:-28px; float:right}
.ShareDate{ text-decoration:underline;}
.ListCategTabs{Position:relative}
.ListCategTabs .MoreLinks { top:25px !important; left:0 !important}



/**********************Listing News**************************/
.PolicyCateg{background:none repeat scroll 0 0 #EAEAEA; margin-top:-20px;padding:5px}
#dvNewsList{ float:left; margin-top:0; padding-top:15px; border-top:3px solid #CCC}
.Calendar{ float:left; cursor:pointer}
.CalClose{ width:17px; height:23px; display:block; float:right; background:url(../images/CalCross.png); margin-top:19px; float:right}
.FeaturedPannel{height:117px;border-bottom:5px solid #0195DB}
.FeaturedItem{ width:311px; height:92px; float:right;border-top:5px solid #0195db; padding:9px 6px 3px 3px; margin:8px 0 0 15px; border:1px solid #DDD; border-top: 3px solid #0195DB  }
.FeatLeft{ margin-left:0 !important}
.FeatTitle{ font-size:12px !important; font-weight:bold}
.FeaturedItem ul.WriterData{ width:150px; float:right; width:216px}
.FeaturedItem ul.WriterData li{ /*text-align:center; */width:216px}
.OtherArticle{font-size:12px; float:left}
.OtherArticle a{font-size:11px !important; float:left}
.Calendar span{background:url("../images/CalIcon.png") no-repeat scroll left 2px transparent; width:124px;height:23px; display:block}
.Calendar input{ margin-right:-5px; border:0 none; display:none}
.AddArticleBTN{width:315px; margin:7px 0}
.ImgFx{ width:120px; height:70px; margin:7px 11px 2px 0; float:left}
.divInvitation li span{ font-size:12px}
.CalBG{ float:right; position:relative; cursor:pointer; margin-top:-8px; /*width:165px*/ z-index:1000;*margin-top:-40px;width:150px}
.CalBG input{border:0 none;background: transparent; color:#790400; position:absolute;top:21px; left:14px; width:84px;font:bold 11px tahoma;cursor:pointer}
.CalBG input:hover{ border:none}
.ui-datepicker-trigger{ cursor:pointer; float:left}
.NameDate{float:right; margin-left:8px}
.HeaderArticle{position:relative}
.HeaderArticle .kpt{width:99%}
.MoreBtn{width:141px; height:17px; position:absolute; left:10px; top:0; background:url("../images/addPlus2.jpg") no-repeat scroll right -2px #0095D7; color:#fff; padding-top:0;font:12px tahoma; text-align:center; border-bottom:2px solid #ccc}
.MoreBtn:hover{color:#fff}
.OtherTAB{ position:relative; margin-top:0 !important}
.MoreLinks{ background:#eee; font:12px tahoma; width:130px;left:10px; top:67px; position:absolute; z-index:10000; border:1px solid #ddd; border-top:2px solid #bfbfbf; display:none}
.MoreLinks li{ list-style:none; padding:5px;border-bottom:1px solid #c7c7c7;width:120px;margin:0;float:left; color:#114E9B; direction:ltr; cursor:pointer; height:18px}
.MoreLinks li:hover{background:#ddd}
.MoreLinks li a{ background:none !important;padding:0 !important; color:#790400}
.MoreLinks span{ float:right; margin-top:2px}
.MoreLinks input{ float:right;width:24px}
.Choose{ border-bottom:none !important}
.Choose a{ margin:0 auto;background:url(../images/blue_bg.jpg); width:66px; height:16px; display:block; margin:7px auto -5px; color:#fff; text-align:center}
.WriterPort img{ margin-left:9px; padding:2px; border:1px solid #ddd}
/*.ArrowDnW{ background:url(../images/ArrowDn.png) no-repeat 4px 4px; width:15px; height:16px; display:block; float:left; margin-right:-9px}*/
.ArrowDnW{display:block; float:left; margin:5px -9px 0 5px; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #555}
.ArrowUpW{display:block; float:left; margin:5px -9px 0 5px; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #555}
/************search classifieds control*************/
.category{margin-top:18px; width:306px; margin-bottom:10px; padding-bottom:2px; border-bottom:1px solid #0096D8}
.category h1{border-bottom:1px solid #0096D8;border-top:2px solid #0096D8;font-size:16px;padding:10px 0;color:#000; margin-bottom:0}
.category select{width:120px; height:20px}
.SearchTxtClassified{ border-bottom:1px solid #f1eeee; margin-bottom:5px; padding:5px 0 5px 0}
.SearchTxtClassified span{color:#1c8ad3;font:bold 14px tahoma; padding-right:5px}
.SearchData{float:right;margin:4px 2px 0 0; width:auto}
.searchIN{color:#484848; font-size:11px;width:115px; height:14px; text-align:right;float:left}
.AddArticle{float:right}
.AddArticle a{background:url("../images/tabs_bg.jpg") repeat scroll 0 0 transparent;width:100px;height:18px;display:block;text-align:center;color:#fff;font-size:14px; padding-top:0}
.SrchBTN{background:url("../images/tabs_bg.jpg") repeat scroll 0 0 transparent; width:50px; height:19px; border:0 none; color:#fff; cursor:pointer; margin-left:5px}
.AddMenu{ background:#AEAEAE; color:#fff; height:18px; float:right;padding:0 13px 0 5px; width:188px}
.AddMenu a{ font-size:13px; color:#fff;float:right; display:block}
.AddMenu span{ float:right; margin:0 13px 0 13px}
.ADSections{ float:left; margin:4px 2px 5px 0}
.PlusIcon{ font:bold 16px tahoma; margin:0 4px 0 0; float:right}
.ValidSearch span{font-size:10px;width:120px; text-align:right; float:right}
.ValidSearch{ float:right; padding-right:12px; margin:-2px 0 5px 0}
.BGGrey{ background:#e1e1e1; float:right; width:308px; height:5px; display:block}

.txtform{padding:5px; border:1px solid #ccc; width:303px}
.txtform h1{ margin:0; border:none !important}
.WhiteClassBG{ background:#fff; width:307px; display:block}

/**Gallery***/
#gallery .ad-image img{ border:0}
.ad-gallery {margin:5px auto 40px}
.ad-gallery h1{ background:none}
.ad-gallery .ad-image-wrapper {width:600px;height:400px;position: relative;overflow: hidden}
.ad-image-wrapper .feature:hover{cursor:-moz-zoom-in !important; background:#333;opacity:0.8;filter:alpha(opacity=80);}
/*.ad-image-wrapper div:hover{ background:#333}*/
/*.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC; background:url(images/loading.gif) no-repeat; width:48px; height:48px}*/
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC; background:url(../images/Sload.gif) no-repeat; width:48px; height:48px}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: none;z-index: 100}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: none;z-index: 100}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {width: 30px;height: 30px;display: none;position: absolute;top: 47%;left: 0;z-index: 101}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {width: 30px;height: 30px;right: 0;left: auto}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top:24px !important;left:80px !important;z-index: 9}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0;padding: 7px;text-align: right;width: 400px !important;z-index: 2;background: url(../images/opa75.png)}
.ad-image-description a{ color:#000}
.ad-image,.ad-image img{width:400px !important;height:300px !important}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block}
.ad-gallery .ad-controls {height: 20px; position:relative;width:100%; border-bottom:5px solid #0194DA; margin-bottom:18px}
.ad-gallery .ad-info {float: left; margin:0 10px 0 0;background:#0194DA;text-align:center; color:#fff;font-size:18px; padding:1px 5px 0 2px; margin-left:5px;  -moz-border-radius:4px 4px 0 0;  -webkit-border-radius:4px 4px 0 0;-khtml-border-radius: 0 0 6px 6px;border-radius:4px 4px 0 0;}
.ad-gallery .ad-slideshow-controls {float: right; position:absolute; bottom:82px; height:39px; right:149px; width:272px; top:-43px}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer; display:inline-block}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em; display:inline-block; float:right; position:absolute;top:-88px; left:-137px}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;display:inline-block}
.ad-gallery .ad-nav {width: 100%;position: relative; float:right}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top:70px;height:39px;z-index: 10; width:33px}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 87%; margin:0 auto 9px}
.ad-gallery .ad-thumbs .ad-thumb-list {/*float: left;*/width: 1130px;list-style: none}
.ad-gallery .ad-thumbs li {float: right}
.ad-gallery .ad-thumbs li a {display: block}
.ad-gallery .ad-thumbs li a img {display: block; margin:2px;float:none}
.ad-gallery .ad-thumbs li a.ad-active img {border: 1px solid #fff}
.goals-numb, .yelcard-numb, .redcard-numb, .matches-numb, ol#controls li a, ol#controls li.current a, a.perdictresult, a.details, a.perdict, a.btngry, .btngry, .ui-dialog .ui-state-default, a.browse, a.play, a.print, a.share, a.sendfriend, .ad-gallery .ad-forward, span.tv, .video, a.predsubmit, a.predsubmitedit, .stadium_icon, .btnGreen, .btnGray{
    background: url("../images/icons_inner.png") no-repeat scroll 0 0 transparent;
}
/**play**/.ad-slideshow-start{ width:28px; height:27px;background:url("../images/play.png") no-repeat scroll 0 0 transparent; position:absolute; bottom:-4px;right:108px;color:#171516; font-size:0}
.ad-slideshow-stop{width:26px; height:27px;background:url("../images/pause.jpg") no-repeat scroll 0 0 transparent;bottom:-5px; right:141px;position:absolute;color:#171516; font-size:0}
.ad-gallery .ad-back {cursor: pointer;left:294px;width: 13px;display: block;background:url("../images/prev.jpg") no-repeat scroll 0 0 transparent}
.ad-gallery .ad-forward {cursor: pointer;display: block;right: 222px;width: 13px;background:url("../images/next.jpg") no-repeat scroll 0 0 transparent}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top:-69px;height:39px;z-index: 10; width:33px}

/*******************Caricature Page***************************************/
.CaricatureBG{background:#f8f8f8; border:1px solid #ededed; border-top:4px solid #0194da}
.ad-image-description{border-top: 4px solid rgb(1, 148, 218)}
.commentsTxt{width: 150px; display: block; height: 18px; float: right; margin-right:18px}
.addIcon{background:url(../images/addComment.png) no-repeat;width:16px; height:16px; display:block; float:right}
.ad-description-title{float: right; margin-right: 20px; margin-top: -4px}
.CommentsNO{ float:right; margin-top:-3px}
.ImgDetailsCaricature{ position:static !important; width:400px; margin:24px auto 0}
.ArchiveBtn{ width:125px; margin:0 auto; color:#fff; font-size:16px; background:url(../images/blue_bg.jpg);-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;display:block;text-align:center;padding-bottom:6PX}
.ArchiveBtn:hover{ color:#fff; background:#0194da}
.CaricatureDrawers{ padding:5px; overflow:hidden; margin-top:5px; float:right}
.CaricatureDrawers select{ margin:0 8px; padding:2px}


/**************contact us***********************************/
.Contact p{width:70%; margin:15px auto; font:bold 13px arial}
.DataFill{color:#000 !important}
.blue{color:#008fd7; font-weight:bold}
.SendData{border:1px solid #ddd; width:70%; margin:0 auto}
.divInvitation{padding:20px}
.divInvitation li { list-style:none; line-height:40px; direction:ltr}
.divInvitation input{ background:#fcfcfc; border:1px solid #e8e8e8; width:260px; padding:3px; height:15px; color:#7d7d7d}
.divInvitation textarea{width:260px; height:100px; color:#7d7d7d;background:#fcfcfc; border:1px solid #e8e8e8;}
.divInvitation label{color:#000; font-size:13px;width:150px; float:left; direction:ltr}
.divInvitation select{color:#7d7d7d; font-size:13px;width:269px; direction:ltr}
.SendBtn{ text-align:center; margin:0 0 20px}
.SendBtn input{ background:url(../images/tabs_bg.jpg); color:#fff; font-size:13px;width:147px; height:28px; border:0 none; cursor:pointer; font-size:15px}
.dimmedBtn{background:#ccc !important; cursor:default}
/***************ListingNews Nav***********************************/
/******inMarkup css style="border:1px solid red; width:300px; height:100px; position:absolute; z-index:1000000"*********/
.OtherLinkNav{width:130px;line-height:23px;position:absolute;border:1px solid #ccc;z-index:1000000; background:#f0f0f0; top:195px; right:438px; padding:3px 3px 0 3px}
.OtherLinkNav ul{ border-bottom:2px solid #7b0501} 
.OtherLinkNav ul li{border-bottom:1px solid #d7d7d7; list-style:none; height:22px;border-top:1px solid #d7d7d7; padding-top:3px}
.Nav .OtherLinkNav ul li a:hover{border:0 !important; background:none !important;text-shadow:none !important}
.OtherLinkNav ul li a{ padding:1px 5px 0 0 !important; font:normal 12px tahoma !important; color:#000; display:block;height:24px; float:none !important;text-shadow:1px 1px 0 #FFFFFF; border:0}
.OtherLinkNav ul li a:hover{height:24px}
.OtherLinkNav ul li:hover{background:#790400}
.ArrDown{background:url(../images/OtherArrow.png) no-repeat 0 -2px; width:9px; height:10px; float:left; margin:6px 5px 0 0}


.childLinkNav{width:auto !important; line-height:23px;position:absolute;border:1px solid #ccc;z-index:1000000; background:#f0f0f0; top:195px;left:40px; padding:3px 3px 0 3px}
.childLinkNav2{width:162px !important; line-height:23px;position:absolute;background:none repeat scroll 0 0 #EEEEEE;border:1px solid #ccc;z-index:1000000; top:33px; padding:3px 3px 0 3px}
.OtherTAB .childLinkNav2{top:24px}
.childLinkNav ul{ border-bottom:2px solid #7b0501} 
.childLinkNav ul li{width:156px; border-bottom:1px solid #d7d7d7; list-style:none; height:22px;border-top:1px solid #d7d7d7; padding-top:3px}

.childLinkNav2 ul{ border-bottom:2px solid #7b0501} 
.childLinkNav2 ul li{width:156px; border-bottom:1px solid #d7d7d7;color:#114E9B; list-style:none; height:22px;border-top:1px solid #d7d7d7; padding-top:3px}

.Nav .childLinkNav ul li a:hover{border:0 !important; background:none !important;text-shadow:none !important;color:#fff !important}
.childLinkNav ul li a{ padding:1px 5px 0 0 !important; font:normal 12px tahoma !important; color:#000 !important; display:block; width:154px; height:24px; float:none !important;text-shadow:1px 1px 0 #FFFFFF; border:0; background:none !important}
.childLinkNav ul li a:hover{height:24px;width:156px}
.childLinkNav ul li:hover{background:#790400}

.randomtab .childLinkNav2 ul li a:hover{border:0 !important; background:none !important;text-shadow:none !important;color:#fff !important}
.childLinkNav2 ul li a{ padding:1px 5px 0 0 !important; font:normal 12px tahoma !important; color:#000 !important; display:block; width:154px; height:24px; float:none !important;text-shadow:1px 1px 0 #FFFFFF; border:0; background:none !important}
.childLinkNav2 ul li a:hover{height:24px;width:156px}
.childLinkNav2 ul li:hover{background:#790400}



/**********************Subscribe Control**************/
.Subscribe{ width:313px; border:1px solid #7B0501;margin-bottom:10px}
.content .Subscribe{ width:300px; border:0}
.SharqIcon{background:url("../images/SharqIcon.png") no-repeat right 0; width:36%; height:32px; float:left}
.SubCont{float:left; padding:9px 0 8px 14px}
.content .Subscribe .SubCont{padding:0 0 8px 0}
.content .Subscribe .SubCont .SharqIcon{ width:43%; float:left}
.NewsMail{ margin:13px 0; float:left}
.NewsMail span{ margin:-3px 0 2px 0; float:right; font-size:12px}
.NewsMail input{ height:16px; border:1px solid #d6d8d9; width:183px; float:left; text-align:left; padding:1px 1px 1px 5px; color:#666}
.SubscribeBtn{ background:url("../images/tabs_bg.jpg") repeat scroll 0 0 transparent;width:75px; height:20px; display:block; text-align:center; float:right; color:#fff}
.SubTxt{font-size:13px; float:left; margin:3px 0 0 0}
.SubTitle{background:url(../images/JoinBg.jpg) no-repeat #a9a9a9 0 10px; width:28px; height:143px}
.SendDataToSubs{border-bottom:1px solid #ddd}
/**overlay div**/
#SocialOverlay{ width:950px; margin:0 auto; display:none}


/*over the page*/
#SocialStage{background:#fff;position: absolute; top:28px; left:29% ;z-index:100000004; width:500px; border:8px solid #790400;-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius: 15px; min-height:174px; width:410px; text-align:center; min-height:350px; position: fixed;}
#tt #SocialStage{background:#fff;position: absolute; top:19px; left:16% ;z-index:100000004; width:800px; border:8px solid #0096d8;-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius: 15px;text-align:center; height:495px; position: fixed; overflow:hidden}
#SocialOverlay .over{position: fixed; filter: alpha(opacity = 70); -moz-opacity: .7;-khtml-opacity: .7; opacity: .7;width: 100%; height: 100%; background: #121212;z-index: 100000003; top: 0; left: 0}
#tt .over{position: fixed; filter: alpha(opacity = 70); -moz-opacity: .7;-khtml-opacity: .7; opacity: .7;width: 100%; height: 100%; background: #121212;z-index: 100000003; top: 0; left: 0}
#SocialStage .close{ position:absolute; right:-12px; top:-21px; z-index:1000003; width:27px; height:38px; background:url(../images/close-btn.png) no-repeat; display:block; cursor:pointer}
#tt .close{ position:absolute; right:35px !important; top:13px !important; z-index:100000005; width:27px; height:38px;  background:url(../images/close.png) no-repeat !important; display:block; cursor:pointer}
#SocialStage .close{ background:url(../images/close.png) no-repeat !important; height:19px; width:20px; right:8px; top:8px; left:auto}
#SocialStage .FB{width:333px}
#SocialStage #FBcheck{margin:5px auto; width:99%}
.closeMsg{ cursor:pointer}
#tt #SocialStage img{ display:block !important; margin:0 auto}
.ChooseErrorCat{ padding:8px 36px 0 10px; float:right; font-size:12px}
.NameErrorCat{ float:right; line-height:9px; font-size:12px; width:100%;margin:-12px auto 0}

/*Featured album gaallery over the page*/
#FG_SocialOverlay{ width:950px; margin:0 auto; display:none}
#FG_SocialStage{background:#fff;position: absolute; top:28px; left:29% ;z-index:100000004; width:700px; border:8px solid #0096d8;-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius: 15px;  text-align:center; min-height:520px; position: fixed;}
#FG_SocialOverlay .over{position: fixed; filter: alpha(opacity = 70); -moz-opacity: .7;-khtml-opacity: .7; opacity: .7;width: 100%; height: 100%; background: #121212;z-index: 100000003; top: 0; left: 0}
#FG_SocialStage .close{ position:absolute; right:-4px; top:3px; z-index:1000003; width:27px; height:38px; background:url(../images/close.png) no-repeat; display:block; cursor:pointer}

/*poll result over the page*/
#SocialOverlayPoll{ width:950px; margin:0 auto; display:none}
#SocialStagePoll{background:#fff;position: absolute; top:28px; left:29% ;z-index:100000004; width:500px; border:8px solid #790400;-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius: 15px; min-height:174px; width:410px; text-align:center; min-height:350px; position: fixed;}
#SocialOverlayPoll .over{position: fixed; filter: alpha(opacity = 70); -moz-opacity: .7;-khtml-opacity: .7; opacity: .7;width: 100%; height: 100%; background: #121212;z-index: 100000003; top: 0; left: 0}
#SocialStagePoll .close{ position:absolute; right:-4px; top:3px; z-index:1000003; width:27px; height:38px; background:url(../images/close.png) no-repeat; display:block; cursor:pointer}
#pollResult{margin-left: 10px; margin-top: 40px;}

.big-red-star {
    color: red;
    display: inline-block;
    font-size: 16px;
    min-height: 5px;
    padding-left: 5px;
    width: 6px;
}
/******************Div inside*************/
.CheckCateg{ float:left}
.CheckCateg li{ list-style:none; list-style:none; direction:ltr ; float:left; margin-left:22px}
.subjTitles{text-align:left; margin:0 0 0 33px; font-weight:bold; font-size:12px; color:#666}
.CategSubj{padding:8px 20px 0 10px}
.CategSubj li{ float: left; width:156px; direction:ltr; list-style:none}
.CategSubj li input{float:left;width:32px}
.CategSubj li span{ float:left; font-size:11px; color:#2F2F2F}
.subjTitles span{color:#0096D8; font-weight:bold;direction:ltr}
.SendNews{ padding:21px 33px 0 !important; margin-bottom:6px}
.SendNews{padding:21px 20px 0px 10px}
.SendNews li { list-style:none; line-height:40px; direction:ltr}
.SendNews input{ background:#fcfcfc; border:1px solid #e8e8e8; width:210px; padding:3px; height:15px; color:#7d7d7d}
.SendNews textarea{width:260px; height:100px; color:#7d7d7d;background:#fcfcfc; border:1px solid #e8e8e8;}
.SendNews label{color:#7d7d7d; font-size:13px;width:110px; float:left; direction:ltr; text-align: left}
#SocialStage .SendDataToSubs{ border-bottom :0 none !important}



.blueLine{width:88%; margin:14px auto 13px; height:1px; border:1px solid #790400; height:1px}
#SocialStage .SendDataToSubs{ padding-bottom:6px}
/****************************message conifrmed and failed******************/
/**succeeded**/
.MSGbg{margin:22px auto 0; padding:37px}
.MSG{background:#f8f8f8; width:375px; border:2px solid #f0f0f0; margin:0 auto}
.Confirmed{ background:url(../images/Right.jpg) no-repeat; width:72px; height:65px; margin:0 auto}
.Completed{ background:url(../images/100.jpg) no-repeat; width:266px; height:33px; margin:10px auto 11px}
.msgTxt{ font:normal 16px tahoma; text-align:center; color:#2f2f2f}
.BtnHome{ background:url("../Images/IconHome.gif") no-repeat scroll 257px 4px transparent;margin:0 auto;width:373px; text-align:center; border:1px solid #DEDEDE; padding:2px;display:block}
/**failed**/

.failed{ background:url(../images/Wrong.jpg) no-repeat; width:72px; height:65px; margin:0 auto}
.UNCompleted{ background:url(../images/Zero.jpg) no-repeat; width:266px; height:33px; margin:10px auto 11px}
.msgTxt{ font:normal 16px tahoma; text-align:center; color:#2f2f2f}
/*************widget Page***********************/


/*gallery*/
.Tgallary{background:url(../CssImages/ddd_2px.png) repeat-x left center}
.Tgallary span{ background:#fff; padding-right:5px;font:bold 15px arial}
.gallery .image-title, .gallery .image-description, .gallery .image-author, .gallery .image-link{display: none}
.gallery{clear: both;float: none;width: 100%;text-align: center;margin-left: auto;margin-right: auto;padding: none}
.gallery ul.images{list-style-type: none;border: none;padding: none}
.gallery ul.images li.image{display: inline;float: left;line-height: 0;}
.gallery ul.images li.image a{text-decoration: none;color: inherit;cursor: pointer;margin:10px 5px;display: inline-block;background: white;padding: 3px;line-height: 0;-webkit-border-radius: 4px 4px;-moz-border-radius: 4px 4px;
border-radius: 4px 4px;-moz-box-shadow: 0px 0px 8px #AAA;-webkit-box-shadow: 0px 0px 8px #AAA;box-shadow: 0px 0px 8px #AAA;-webkit-transition: -webkit-box-shadow 0.1s ease-out;-moz-transition: -webkit-box-shadow 0.1s ease-out;-o-transition: -webkit-box-shadow 0.1s ease-out;transition: -webkit-box-shadow 0.1s ease-out}
.gallery ul.images li.image a img{border:1px solid #ddd;padding: none;-webkit-border-radius: 4px 4px;-moz-border-radius: 4px 4px;border-radius: 4px 4px; padding:3px}
.gallery ul.images li.image a:hover{-moz-box-shadow: 0px 0px 8px #222;-webkit-box-shadow: 0px 0px 8px #222;box-shadow: 0px 0px 8px #222}
/*********weather clip in b2 column******/
.WeatherClip{ margin-top:15px; padding-top:10px; border-top:2px solid #0096D8}
.WeatherClip .tweather{ float:none !important}
.tweather .divTwoCountryCity{ display:inline-block; width:200px; height:25px; margin-right:23px; padding-right:5px}
#divCountryCities{ float:right}
.Weathertxt{ background:url("../images/txt.png") no-repeat scroll right -917px transparent; width:128px; height:22px; display:block; float:right}
.WeatherNow{float:right;width:155px;margin-left:15px}
.WeatherNow span{ float:right; margin-top:8px}
.WthDegreeNow{ font:bold 40px arial; color:#790400; margin:-5px 5px 0 0 !important}
.WthDegrAll{ float:left; margin-top:5px; width:100%}
.tweather .more{ background-color:#7B0501; width:91px; background-position:29px -69px; margin-bottom:10px}
#lnk_showResult{ background-color:#7B0501; width:91px; background-position:29px -69px; margin-bottom:10px; position:absolute; right:0; bottom:20px}
.inDoha .more, .panorama .more, .pdf .more{width:48px; background-position:-14px -69px;position:absolute; top:3px; right:0; z-index:10000}
.sectiontitle .more{ background-color:#7B0501; width:91px; background-position:29px -69px; float:right; margin-top:8px}
.sectiontitle .bigOne{ width:130px;background-position:68px -69px}
#divCityWeather{ float:left; margin-top:7px}
.Degree{font-size:14px; margin:-3px 0 0 -7px !important; color:#790400}
.DegreeGrey{font-size:12px; margin:-7px 8px 0px -2px !important}
.MoreWth{ float:left; margin:0px 13px 10px 0}
.CountryName{ font-size:14px; color:#666; font-weight:bold}
/****Caricature Listing***/
.CaricatureListing{ margin-bottom:5px; float:right}
.CaricListItems{ width:125px; height:129px; float: right; border:1px solid #0096D8; margin:0 0 5px 2px; padding-top:1px}
.CaricListItems:hover{ cursor:-moz-zoom-in; background:#333}
.CaricListItems img{ margin:0 1px 0 auto}
.CaricListItems img:hover{opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */ background:#000}
.ZoomCaricature{ background:url("../images/blue_bg.jpg") repeat scroll 0 0 transparent; height:21px; float:right;color:#fff; margin-top:1px; text-align:center;width:97px}
.ZoomCaricature:hover{ color:#D5EEFF}
.Plus{ background:#1968a5; width:28px; float:right; color:#000; font:bold 14px arial !important; text-align:center;height:16px;margin-top:1px;padding-top:5px}
/********conact english**************************/
#AdvContactEng{ direction:ltr !important; text-align:left}
#AdvContactEng .breadCrumb ul li.last{ direction:ltr !important}
#AdvContactEng .breadCrumb ul{ direction:ltr !important}
#AdvContactEng h1 span{ text-align:left}
#AdvContactEng h1{ text-align:left}
#AdvContactEng .DataFill{}
#AdvContactEng .divInvitation li{direction:ltr !important;}
#AdvContactEng .divInvitation label{float:left !important;direction:ltr !important;}
/**********************Links***********************/
.BackBtn{ background:url(../images/back.jpg) no-repeat;width:76px; height:28px; display:block; float:left; margin:2px 0 0px 0px; border:1px solid #f5f5f5}
.MoreBtns {width:100px;background:url("../images/PageTabBtn.png") no-repeat scroll 0 0 !important; width:105px; height:18px; padding-left:0 !important; padding-right:0 !important; display:block !important; border:1px solid #CACACA; margin-right:0; text-align:center; color:#555 !important; margin-top:-1px}
/********region control********/
.RegBtn {float:right; position:absolute; top:6px; border:none; border-top:none; right:27px;width:220px;}
.RegLinks{ top:50px; left:28px; width:158px !important; background:none repeat scroll 0 0 #bababa; padding:0; border:none !important; border-top:1px solid #0096D6;box-shadow:0 3px 7px #000000}
.RegLinks ul li{ border-bottom:2px solid #0096D6}
.RegLinks .tb li a{ background:none repeat scroll 0 0 #fff}
.RegLinks ul li a{ color:#000 !important}
.RegLinks ul li a:hover{ width:153px !important; color:#fff !important; background:#0096D6 !important }
.RegLinks ul li a:hover{ display:block;width:153px !important}
/*.RegBtn select{ background:url("../images/RegImg.png") important; border:none; padding:3px 37px 5px 5px; width:120px; height:25px; font:bold 11px tahoma}*/
/***Old Region
.RegBtn select{background:url(../images/RegionBTN.png) transparent no-repeat !important; width:179px; height:52px;-webkit-appearance:none; border:none; padding:22px 16px 15px 111px;font:bold 11px tahoma; float:left; margin-top:0; direction:ltr;*margin-top:20px; display:block}
.RegBtn select:hover{ border:none !important}
.RegBtn select option{ padding-bottom:5px; text-align:right}
**/
/**New Region**/
.RegBtn .RegionBG{background:url(../images/RegionBTN.png) transparent no-repeat !important; width:179px; height:52px;-webkit-appearance:none; border:none;font:bold 11px tahoma; float:left; margin-top:0; direction:ltr; display:block}
.RegionBG a{ display:block; background:url(../images/ArrowReg.jpg); width:17px; height:15px; margin-left:7px; float:right}
.RegionBG span:hover{ color:#0096D6}
.RegItems{ margin:19px 17px 0px 0px}
.RegBtn .RegionBG:hover{ border:none !important}

.normalTip{ background:url(../images/HelpIcon.png) right 2px no-repeat; width:20px; height:24px; cursor:pointer; display:block; float:left; margin-top:19px}
#aToolTip {position: absolute;display: none;z-index: 50000}
#aToolTip .aToolTipContent {position:relative;margin:0;padding:0}
.defaultTheme {background:#fffeee;color:#111;margin:0;padding:6px 12px;-moz-border-radius: 12px ;-webkit-border-radius: 12px ;-khtml-border-radius: 12px ;
border-radius: 12px;-moz-box-shadow: 2px 2px 5px #6d6d6d; /* for Firefox 3.5+ */-webkit-box-shadow: 2px 2px 5px #6d6d6d; /* for Safari and Chrome */box-shadow: 2px 2px 5px #6d6d6d; /* for Safari and Chrome */}
.defaultTheme #aToolTipCloseBtn {display:block;height:18px;width:18px;background:url(../images/closeBtn.png) no-repeat;
text-indent:-9999px;outline:none;position:absolute;top:-20px;right:-30px;margin:2px;padding:4px}
/*******************Error Links****************************/
.ValidError{ background:none repeat scroll 0 0 #FFEBE8; border:1px solid #DD3C10; padding:5px; text-align:center; width:97%}
.SubValidError{}
.ui-state-error{ background: #fff none !important; border:1px solid red !important; color:#757575 !important}
.SendToFr{ height:275px !important}
.RedValid{ font-size:12px; margin:-5px 0px 4px 4px}
.red{ color:red; float:left !important; min-width:10px !important; margin:3px 0 0 5px}
.ErrorInput{ border:1px solid red}
/**************loader weather**********************/
#divpraytime .loader{top:1px; right:0; position:absolute; height:87px; padding:0 !important; background:none !important;width:306px;}
#divpraytime .loader img{ height:16px; position:absolute; top:29%; width:16px; z-index:500}
.CurrentPrayer{border:2px solid #0096D8 !important}
.prytime{ position:relative}
.BgDimmed{ background:none repeat scroll 0 0 #FFFFFF; width:316px; opacity:0.6;filter:alpha(opacity=60); height:87px;  position:absolute;right:-1px}
/*.tweather .loader{top:-8px; left:161px; position:absolute}*/
.tweather{ position:relative}
.tweather .loader{top:1px; right:0; position:absolute; height:87px; padding:0 !important; background:none !important; width:306px}
.tweather .loader img{ height:16px; position:absolute; top:29%; width:16px; z-index:500}
/*****************Convertor Currency**************************/
.ConvCurrency{ margin-top:20px; direction:ltr; border-bottom:1px dotted #ddd}
.ConvCurrency span{ float:right}
.ConvCurrency li{ list-style:none}
.DataInput{margin-bottom:18px; padding-bottom:16px; clear:right; width:100%;height:80px/* float:right*/}
.ConvFrom{ float:left}
.CurrencyData{ direction:ltr; background:url("../images/Currency2.jpg") no-repeat scroll 167px 16px transparent; height:250px;padding:0}
.CurrencyData select{width:245px; font-size:13px; direction:ltr !important}
.CurrencyTitle{ font:normal 17px tahoma;padding: 6px 0}
.ConvToC{ float:left}
.CurrencyAmount{float:left;clear:right}
.CurrencyAmount span{ float:right; margin:10px 0  0 5px; color:#0690DE; font-size:15px}
.CurrencyAmount .CurrencyTitle{ float:left}
.CurrencyAmount .more, .dvVote .more{border: 0 none;cursor: pointer;height: 18px;padding: 0 17px 0 0;width: 79px; display:block; clear:both}
/*.sfe-break-top{ float:right}*/
.sfe-break-top input{ float:left; width:175px; border:2px solid #ddd; margin:0 0 10px; padding-right:5px}

.ResConv{float:left; margin:2px 6px 5px 0; direction:ltr; padding:12px; border:3px solid #790400; display:none}
.AddCurrenctIcon{ width:67px; height:78px; display:block; float:right; background:url(../images/ToIcon.png) no-repeat}
.BaseIcon{background:none repeat scroll 0 0 #f3f3f3; height:75px; display:block}
/*****************Measurement Currency***********************/
.MeasureConv{ margin:25px 0 5px 0; height:80px; border-bottom:1px solid #0690de}
.MeasureConv li{ float:right; width:200px; list-style:none}
/*.LeftItem{ width:auto !important}*/
.LeftItem select{ float:right; clear:both; width:131px}
.MeasureConv li img{ display:block; float:right; padding:8px; margin-top:-9px; border:1px solid #DDDDDD}
.FromToTemp{ width:200px !important}
/*.MsrConv{ direction:ltr}*/    
.RightItem{ width:100px !important}
.IconItem{ width:160px !important}
.MeasureItems{ margin-bottom:3px}
.MeasureItems span{ float:right; margin-left:2px}
.MeasureCalc input{ float:right; width:125px}
.MeasureSum{ width:50px !important; float:right; background:url("../images/blue_bg.jpg") repeat scroll 0 0 transparent; border:none; height:23px; margin-right:12px; color:#fff; cursor:pointer}
.MeasureCalc{ float:right;clear:right}
.ConvResultMeas{border:1px solid #DDDDDD; direction:ltr; float:right; font-size:13px; margin:-4px 5px 0 0; font-weight:bold; color:#197FC9; padding:6px; display:none}

/******************new slider************************/
   #slider{/* You MUST specify the width and height */ width: 643px; height: 260px;position: relative;overflow: hidden;background:#fff !important;float:right}
    #mask-gallery {overflow: hidden; }
    #gallery {/* Clear the list style */ list-style: none;margin: 0;padding: 0;z-index: 0; /* width = total items multiply with #mask gallery width */ width: 643px;overflow: hidden;}
    #mask-gallery #gallery li{ float:left}
    #gallery li { /* float left, so that the items are arrangged horizontally */ float: right;}
    #gallery li a img{ display:block}
    #mask-excerpt   {/* Set the position */ position: absolute; top: 0; right: 0;z-index:1; /* width should be lesser than #slider width */ width: 168px; overflow: hidden;background:#fff}
    #excerpt{/* Opacity setting for different browsers */filter: alpha(opacity=90);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.9; /* Clear the list style */list-style: none; margin: 0;padding: 0; /* Set the position */ z-index: 10; position: absolute;top: 0;right: 0; /* Set the style */ width: 168px; overflow: hidden;font-family: arial; font-size: 10px; color: #fff;}
    #excerpt li{ padding: 5px; }
    #slider #navStatus{ width:50px; float:right; margin-top:5px; text-align:center}
    .clear {clear: both;}
    .dateCalFormat {background: url("../images/calendarDate.png") no-repeat scroll 0 0 transparent;float: left;height: 85px;margin:22px 10px 0; position: relative;text-align: center;width: 60px;}
.calTime {color: #606060; direction: ltr;font: 11px arial;}
.calDay {color: #2E2E2E;font: 20px arial Black;margin: 4px 0 0;}
.calDay span {font: 11px arial;}
.calMonth {color: #2E2E2E;font: 11px tahoma;margin: -7px 0 3px 0;}
.calYear {color: #2E2E2E;font: 14px arial Black;margin: 5px 0 0;}
/*****Static News*********/
.HeadTabs{ float:right; background:#0294DA; padding:6px 6px 6px 4px; color:#fff; width:649px; font-size:15px}
.HeadTabs li{ text-align:center}
.NewsCols li{min-height:90px; padding:6px 0 0 2px; border-left:1px solid #ddd}
.NewsCols li ,.HeadTabs li{ list-style:none; float:right}
.NewsDate{width:92px !important; text-align:center}
.NewsDate .date{width:92px !important;}
.ArticleNum{width:35px !important; text-align:center}
.NewsCols{ float:right; border-top:1px solid #ddd}
.NewsCols .NewsTitle{ padding-right:5px; padding-left:5px}
.NewsTitle{width:245px}
.NewsPDF{ width:100px; text-align:center}
.NewsPDF a{ display: block; margin-top:8px}
.NewsIMG{width:164px}
.NewsIMG img{ padding-right:24px}
.NewsTitle h2{ font-size:13px !important}
/****************Qatar Listing Page**************/
.Qatarlist li {background: url("../images/list_ico.png") no-repeat scroll right 7px #FFFFFF;border-bottom: 1px solid #81A8C2;line-height: 23px; list-style: none outside none; padding-right: 17px;}
#QtrNewsList{ margin-bottom:5px}
/****************************Qatar DEtails Page*************/
.clip, .divsearch {background: none repeat scroll 0 0 #FFFFFF; direction: rtl; display: block; height: auto;margin: 15px 5px;}
.Qatarclip img { border: 1px solid #81A8C2; margin: 5px 5px 5px 10px;padding: 2px;width: 550px;}
.Qatarclip h2 { color: #985600; margin: 0;padding: 5px; font-size:12px}
.Qatarclip p {font: 13px tahoma;margin: 5px 10px 15px;padding: 0;text-align: justify; clear:both}
.Qatarclip h1 {border-bottom: 1px solid #0096D8;border-top: 2px solid #0096D8;font: bold 21px arial;height: 18px;margin: 3px;padding: 5px 13px 11px 0;}
/***************************/
#dvBread{overflow:hidden}

.hideImportant{display:none !important}


/*BubbleSearch*/
.gradient {height:307px;
/*background-image: -moz-linear-gradient(top, #d9d9d9, #ffffff);*/
background:#fdfdfd url(images/BS_bg.gif) repeat-x 0 0;
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
-moz-box-shadow: 3px 8px 16px #888;-webkit-box-shadow: 3px 8px 16px #888;box-shadow: 3px 8px 16px #888;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=150, Color='#888888')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=150, Color='#888888'); padding-top:6px}

.Bubble_Search{width:333px; height:275px;position:absolute;/* top:575px; left:50px;*/z-index:1000000}
.Bubble_Search .linkclose{background-position:0px -46px;width:16px; height:16px;cursor:pointer; display: inline-block; position:absolute; left:-18px; top:3px; /*background-color:#ccc*/}

.Bubble_Search .Top-arrow{ background:url(images/BS_arrow.png) no-repeat; width:21px; height:11px; display:block; position:absolute; top:-5px;*top:-10px;left:219px}
.Bubble_Search .google-cont{ height:204px; border-bottom:1px solid #d5d5d5; margin:5px; padding:5px;direction:ltr;overflow-y:auto}
#article .google-cont a{ font:normal 12px tahoma; display:block; margin-bottom:8px; color:Blue; text-decoration:underline}
#article .google-cont div{ margin-bottom:10px}
span.google{ border-bottom:2px dotted #366388 !important; text-decoration:none;color:#0058A6;cursor:pointer; padding-bottom:1px}
.Bubble_Search .ads{ border:1px solid #9d9d9d; height:75px; width:245px;text-align:right;margin:3px auto;background:url(images/BS_ad_bg.gif) no-repeat left}
.Bubble_Search iframe{ border:0}
.Bubble_Search #iframe-ads body{ margin:0; padding:0}

.unSubscribe{direction:ltr;height:50px; border:3px solid #790400; padding:20px 15px 0 15px; text-align:center; margin-top:15px}
.btnUnscubscribe{ background:url("../images/tabs_bg.jpg") repeat-x scroll 0 0 transparent;width:113px; height:23px; color:#fff; border:none; margin:0 10px; cursor:pointer; float:left}
.unSubscribe label{float:left; margin:4px 10px 0 250px; font:15px arial}

.ArticleUniqueTitle{float:right;width:76%}

#Featuregallery { position: relative; top:14px}
#picturesfeatureGallery { position: relative; height: 150px; }
#picturesfeatureGallery img { position: absolute; top: 1; left: 60px; }
#prevFeature, #nextFeature { margin-top: 48px; text-align: center; font-size: 2.0em; }
.featuredAlbumHR{margin-bottom: 13px; height: 1px; border-top: solid 1px #fff; border-left: solid 1px #fff;border-right: solid 1px #fff; border-bottom: solid 1px #E9E9E9 !important;}
/******************custome Page******************/
#CustomePage{ margin-top:5px}
.tarwyesa , .rotator, .topLates3News{ margin-bottom:15px}
.topLates3News{float:right; border-top:1px solid #ddd;padding-top:11px}
.rotator {background: none repeat scroll 0 0 #FFFFFF !important;float: right;height: 260px;overflow: hidden;position: relative;width: 643px;}
.CustomClip{width:207px;margin:0 auto 0 8px;background:#eee}
.topLateslistNews{ direction:ltr; margin-bottom:15px;margin-top:10px}
.CustomeTitle{ background-image:url("../images/CustomIMG.png"); background-repeat:no-repeat; display:block;width:70px; height:21px; margin-top:5px}
.NewsTxt{ background-position:-132px 0px}
.LeftGalery{float:left}
.videoGalery, .ImageGalery{direction:ltr;width:300px; margin-bottom:15px;margin-top:10px}
.ImageGalery .CustomeTitle{background-position:7px 0; width:120px}
.videoGalery .CustomeTitle{background-position:-215px 0; width:126px}
.GalleryItems {border: 1px solid #999;margin-bottom: 8px;margin-left: 8px;padding: 4px;position:relative}
.videoGalery .GalleryItems{float: right;height: 75px;overflow: hidden;}
/*.videoGalery .GalleryItems{float: right;height: 83px;overflow: hidden;text-align: center;width: 140px;}*/
.topLateslistNews .head, .ImageGalery .head, .videoGalery .head, .IMGGalleryDetails .head{border-bottom: 3px solid #7B0501;height: 27px;margin: 0 15px;overflow: hidden;width: 96.7%; font:21px arial; color:#000}
.videoGalery .more{ float:right; clear:right;margin:5px}
.dvWrittenAd{ margin:0 auto; width:300px}
.WrittenAd{}
.FeatNewsIMG {height: 101px;margin: 0 auto;overflow: hidden;padding-top: 13px;width: 178px;}
.FeatNewsText{width: 190px;margin:7px auto 6px;height:35px;direction:ltr}
.FeatNewsDate{border-top:1px dotted #ccc;font:11px tahoma; width:94%; font:11px tahoma; text-align:center;float:right; margin:5px 5px 4px; padding-top:5px;font-size: 10px;}
.CustomeHeader{width:366px !important}
/*.videoGalery .VideoItemsCustome{background:#F8F8F8;float: right;height: 112px;padding: 12px}*/
/**Custome page Gallery Details*/
.galleryContainer{width:100%;margin:0 auto}
.photosgallery-std{margin:0 auto}
.CustomeIMGitems{margin:0 5px !important}
.GalleryLsit{float:left;padding: 15px;}
.ListingGall .GalleryLsit{height:100%}
.GalleryListedClip{float: left; width: 157px;height: 153px;margin:0 5px 0 auto; border-left:1px dotted #F0F0F0}
.GalListCategory{display: block;margin: 5px 7px 0; text-align:center}
.GalListCategory .title{ background:none; padding:0; font:bold 15px arial}
.GalleryListedIMG{display: block;margin: 0 auto;width: 129px;height:70px;overflow:hidden;border:2px solid #EDEDED;position:relative}
.VideoContainer{margin: 0 auto;width: 560px;}
.VideoIcon{background-color: #F0F1F2;background-image: url("../images/video.png");background-position: 5px 5px;background-repeat: no-repeat;bottom:6px;display: block;height: 13px;padding: 5px;position: absolute;right:7px;width: 16px;border-radius:5px}
.GalleryTxt{background:url(../images/GalleryTxt.png) no-repeat -140px 0;display: block;height: 21px;margin-top: 8px; width:147px;float:right;}
.IMGGalleryDetails{border: 1px solid #CCCCCC;overflow: hidden;padding: 7px 0;width: 99.8%;margin-bottom:15px}
/*.GalleryDescrip{bottom: 76px;color: #000000;display: block;right:0;opacity: 1; position: absolute;z-index: 100;width:100%;background:#eee;text-align:right;height:20px;padding-right:5px;}*/
.galleryContainer .sliderkit{position:relative}
.CategGalleryName{font:16px tahoma;border-bottom:1px dotted #DDDDDD;padding-bottom:8px;direction:ltr;padding-top:5px}
.arrow-left {border-bottom: 7px solid transparent;border-left: 7px solid #7B0501;border-top: 7px solid transparent;float: left;height: 0;margin:12px 8px 1px 7px;width: 0}
.GalleryDescrip{float:left;width:90%;font:13px Arial;text-align:left;margin:15px;display:inline-block}
#SpnImageTxt{background-position:31px 0}
/****clips in Home page***/
.HPGallery{float:right;border-bottom:2px solid #0096D8 !important}
.HPGallery .ImageGalery{float:right;margin-left:19px;width:314px}
.HPGallery .videoGalery{float:right; width:314px}
.GalleryName{float:left}
/***radio clip**/
.RadioTitle{background-position:right -1007px}
.RadioClip .head{ border-top:2px solid #0096d8; border-bottom:1px solid #0096d8; height:35px; overflow:hidden}
.radioFlash p{text-align:center}

/**Dina M Nabil: HP written Ad **/
.dvHPWrittenAd{margin-top: 15px; margin-right: 5px;}

/** Left links overlay**/
#SocialOverlayLeftLinks{ width:950px; margin:0 auto; display:none}
#SocialStageLeftLinks{background:#fff;position: absolute; top:28px; left:29% ;z-index:100000004; width:500px; border:8px solid #0096d8;-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius: 15px; min-height:174px; width:410px; text-align:center; min-height:350px; position: fixed;}
#SocialOverlayLeftLinks .over{position: fixed; filter: alpha(opacity = 70); -moz-opacity: .7;-khtml-opacity: .7; opacity: .7;width: 100%; height: 100%; background: #121212;z-index: 100000003; top: 0; left: 0}
#SocialStageLeftLinks .close{ position:absolute; right:-12px; top:-21px; z-index:1000003; width:27px; height:38px; background:url(../images/close-btn.png) no-repeat; display:block; cursor:pointer}
#SocialStageLeftLinks .close{ background:url(../images/close.png) no-repeat !important; height:19px; width:20px; right:8px; top:8px; left:auto}
.closeMsg{ cursor:pointer}
.leftLinksLI{text-align:right;  height: 40px;width: 268px; list-style:circle}
.leftlinksContainer{padding-top:35px;padding-right:50px;direction:ltr}
.customdate{width:336px;display:inline-block;font-size:12px;direction:ltr;  color: #888888;font-size: 10px;}


/**set main page overlay**/


/** Left links overlay**/
#SocialOverlaySetMainPage{ width:950px; margin:0 auto; display:none}
#SocialStageSetMainPage{background:#fff;position: absolute; top:28px; left:29% ;z-index:100000004; width:500px; border:8px solid #0096d8;-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius: 15px; min-height:174px; width:410px; text-align:center; min-height:150px; position: fixed;}
#SocialOverlaySetMainPage .over{position: fixed; filter: alpha(opacity = 70); -moz-opacity: .7;-khtml-opacity: .7; opacity: .7;width: 100%; height: 100%; background: #121212;z-index: 100000003; top: 0; left: 0}
#SocialStageSetMainPage .close{ position:absolute; right:-12px; top:-21px; z-index:1000003; width:27px; height:38px; background:url(../images/close-btn.png) no-repeat; display:block; cursor:pointer}
#SocialStageSetMainPage .close{ background:url(../images/close.png) no-repeat !important; height:19px; width:20px; right:8px; top:8px; left:auto}


/**weather and pray tabs*/
.Weatherpraytabs{margin:20px 0;border-top:2px solid #0096d8;background:#dcdcdc;padding:5px;width:300px; direction:ltr}
.Weatherpraytabs .prytime h1{height:30px;padding:3px 140px 0 0;margin:4px 0px 4px 0}
.Weatherpraytabs .prytime { font-family:Tahoma; width:300px;margin-top:0;border:none}
#tab-pray{padding-right:0px}
.Weatherpraytabs .prytime p { width:300px;padding:8px 0px 0 0px;text-align:center;font-size:9px}
.Weatherpraytabs .tweather .divTwoCountryCity{ /*width:158px;*/ height:25px; border-right:1px solid red ; margin-right:2px; padding-right:2px;direction:ltr}
.Weatherpraytabs .WeatherClip{ margin-top:10px; padding-top:0px;border:none}
.Weatherpraytabs .pray li { width:48px; float:right; margin:0; text-align:center; border-left:1px solid #ddd; list-style:none }
.Weatherpraytabs .Weathertxt{ background:url("../images/txt.png") no-repeat scroll right -917px transparent; width:127px; height:22px; display:block; float:right}

/*tabs*/

/* root element for tabs */
ul.tabs {
list-style:none;
margin:0 !important;
padding:0;
border-bottom:1px solid #666;
height:30px;
}
/* single tab */
ul.tabs li {
float:left;
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
background: url(../images/blue.png) no-repeat -420px 0;
font-size:11px;
display:block;
height: 30px;
line-height:30px;
width: 134px;
text-align:center;
text-decoration:none;
color:#333;
padding:0px;
margin:0px;
position:relative;
top:1px;
}
ul.tabs a:active {
outline:none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
background-position: -420px -31px;
color:#fff;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-position: -420px -62px;
cursor:default !important;
color:#000 !important;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }
/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }
/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }
/* initially all panes are hidden */
.panes .pane {
display:none;
} 

.featured{float: left; width: 37%;padding-right:10px;padding-top:10px}
.featuredList{float: left; width: 59%;padding-right:10px;padding-top:10px}
.featuredNewsList{float: left; width: 49%;}
#Featuredtitle a:link, #title a:visited {font-size: 13px;text-decoration: none;font-family: tahoma;font-weight: bold;line-height: 24px;}
#Featurednewstitle a:link, #title a:visited {font-size: 11px;text-decoration: none;font-family: tahoma;font-weight: bold;line-height: 24px;}

/**Poll**/

#dvPoll
{
    width: 300px;
}
.poll-answer div{ margin-bottom:10px; font:13px arial}
.poll-question
{
    border-bottom: 1px solid #CCCCCC;
    color: #383838;
    direction: ltr;
    font: bold 13px tahoma;
    margin: 5px 0;
    padding: 0 0 5px;
    width:93%
}
.poll-answer
{
    font: bold 13px tahoma;
    margin: 5px 0;
    padding: 0 0 5px;
    width:93%
}
.clear
{
    clear: both;
}
.hide
{
    display: none;
}
.dvResultCount
{
    font: bold 14px arial;
    margin-top: 25px;
}
.alerterror
{
    width: 96%;
    margin: 0 auto 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F3D9D9;
    border: 1px solid #D20009;
    color: #7B040F;
    padding: 5px 0;
    text-align: center;
    font-size: 14px;

}

.bar,.barResult
{
    float: left;
    clear: both;
    width: 100%;
    height: 25px;
    position: relative;
    margin-top: 20px;
}

.bar .percent,.barResult .percent
{
    background: #790400;
    background: -moz-linear-gradient(left, #ff0000 100%);
    background: -webkit-gradient(linear, left top, right top,  color-stop(100%,#ff0000));
    background: -webkit-linear-gradient(left,#ff0000 100%);
    background: -o-linear-gradient(left, #ff0000 100%);
    background: -ms-linear-gradient(left,#ff0000 100%);
    background: linear-gradient(left, #ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ff0000', GradientType=1);
    float: left;
    width: 100%;
    height: 20px;
    position: relative;
    margin-top: 3px;
}


.bar .percent span,.barResult .percent span
{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 20px;
    background: rgba(255, 255, 255, .7);
}

.bar .circle,.barResult .circle
{
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
    margin: -2px 0 0 2px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    font-family: 'PT Sans Narrow' , sans-serif;
    color: #fff;
    background: rgba(0, 0, 0, .1);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.bar .circle.rotate,.barResult .circle.rotate
{
    -webkit-transform: rotate(1080deg);
    -moz-transform: rotate(1080deg);
    -o-transform: rotate(1080deg);
}

.bar .circle span,.barResult .circle span
{
    display: inline-block;
    width: 35px;
    height: 32px;
    line-height: 30px;
    background: rgba(0, 0, 0, .3);
    -moz-border-radius: 15px;
    -webkit-border-radius: 115px;
    border-radius: 15px;
}


.alert_success
{
    width: 95%;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E2F6C5 url(images/icn_alert_success.png) no-repeat;
    background-position: 10px 10px;
    border: 1px solid #79C20D;
    color: #32510F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

/**** end poll ****/
#LinkContainerNews{position:relative;width:105px;float:right;height:29px;text-align:center}

.OtherNewsLinkNav{width:auto !important; line-height:23px;position:absolute;border:1px solid #ccc;z-index:1000000; background:#F0F0F0; top:23px; right:0; padding:3px 3px 0 3px}
.OtherNewsLinkNav ul{ border-bottom:2px solid #df9b36} 
.OtherNewsLinkNav ul li{width:156px; border-bottom:1px solid #ccc; list-style:none; height:24px}
#LinkContainerNews .ArrDown{ margin:4px 0 0 4px}


/** new pagination **/
.jPaginate{
    height:26px;
    position:relative;
    color:#a5a5a5;
    font-size:small;   
	width:100%;
	clear: both;
    text-align: center;
    margin-top:10px
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPag-pageChoice{
	position:absolute;
	top:0px;
	margin-left:10px;
	padding-left:10px;
	border-left:1px dotted #ccc
}
.jPaginate span{
    cursor:pointer;
}
.jPag-pageChoice-label{ margin-right:5px}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:4px 2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
/*span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}*/
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../images/snext.png) no-repeat center left;
            }


/** end new pagination **/






/** new style **/

/*Portal css here --*/
body {font:13px tahoma;color:#525252}
a {color:#790400;text-decoration:none;font:bold 15px arial}
a:hover {color:#000;text-decoration:none}
.clr{clear:both;content: "";height:0;line-height:0}
.overflow{overflow:hidden}
.wrap{width:1040px;margin:0 auto}
.more{background-position:-1px -69px;width:61px;height:16px;display:inline-block; font:bold 12px arial; padding:2px 17px 0 0; text-align:center; color:#fff}
.more:hover{color:#fff; text-decoration:underline}

/*Sprite classes*/
.topHeader_FB, .topHeader_TW, .topHeader_YT, .topHeader_RS, .search input[type="submit"], .topHeader_Log, .topHeader_Reg, .more, .linkGO, .tickerTitle, .brkNewsTitle, .slideIcon, .activ, .LoginBtn, .EditYourDetails, .LogoutBtn, .instaIcon {background-image:url("../images/sprite.png")}

/*Slim Header --*/
#topHeader{background:url("../images/topHeader_bg.jpg") repeat-x;height:38px}
#topHeader ul{float:left;text-align:right}
#topHeader li{padding:0;display:inline-block;height:38px;float:left}
#topHeader li a{margin:3px 2px 0;display:block;height:31px}
.topHeader_FB{background-position:-1px -31px;width:31px;display:inline-block;height:31px}
.topHeader_TW{background-position:-34px -31px;width:31px;display:inline-block;height:31px}
.topHeader_YT{background-position:-68px -31px;width:31px;display:inline-block;height:31px}
.topHeader_RS{background-position:-102px -31px;width:31px;display:inline-block;height:31px}
.instaIcon{background-position:-137px -31px;width:31px;display:inline-block;height:31px}

/*Search --*/
.search{width:306px;margin:3px 3px 0;float:left; position:relative}
.search form{position:relative}
.search input[type="text"]{width:150px;border-radius:20px;-moz-border-radius:20px;border:3px solid #ccc;background-color:#fff;color:#9f9f9f;padding:3px 30px 3px 10px; text-align:left;height:20px; float:left}
.search input[type="submit"]{background-position:-216px -1px;border:none;cursor:pointer;width:22px;height:22px;background-color:transparent;position:absolute;top:5px;*top:6px;right:115px}
.advancedLink{ float:left; color:#fff; font:bold 11px arial; height:auto !important; margin:10px 0 0 5px !important}
.advancedLink:hover{ text-decoration:underline !important;color:#fff !important}

/*User Area --*/
#userArea{float:right;width:50%;text-align:right; margin-top:5px}
.topHeader_Log{background-position:-1px -1px;width:101px;display:inline-block;height:28px}
.topHeader_Reg{background-position:-109px -1px;width:101px;display:inline-block;height:28px}


/*Main Header --*/
.headHolder{background:url("../images/head_bg.jpg") repeat-x;height:100px;overflow:hidden; padding-top:6px}
.logo{background:url("../images/logo.png") left 0 no-repeat;float:left;width:394px;display:block;height:61px;margin-top:19px}
.leaderboard{float:right;width:728px;height:90px;border:1px solid #ccc}

/*Nav --*/
.nav{height:50px;overflow:hidden;background:url("images/nav_bg.jpg") repeat-x}
.nav li{padding:0;display:inline-block;height:50px;float:left}
.nav li a{padding:17px 15px 0;border-right:1px solid #fff;color:#FFF;font:bold 14px Arial;display:block;height:33px;text-shadow:1px -1px 0 #6a0400}
#menu li:hover, .selected{background:url("../images/nav_hover.jpg") right 0 no-repeat}

/*Breaking News --*/
.brkNewsHolder{background:url("../images/brkNews_bg.jpg") repeat-x;height:55px;overflow:hidden}
.brkDateHolder{height:30px;overflow:hidden}
.brkNewsTitle{background-position:0 -152px;float:left;margin:8px 10px 0 0;width:166px;height:37px;display:inline-block}
.brkNewsHolder a{font:bold 19px arial;display:inline-block;margin-top:14px}

/*Feature Area --*/
.featureHolder{background:url("../images/featureHolder_bg.jpg") repeat-x;height:500px;padding:15px 0}

/*Top News --*/
.topNews{width:280px;background-color:#fff;border:1px solid #ccc;float:right; height:480px;padding:10px}
.topNews .clipTitle{width:100%;margin:0;font:21px arial;color:#000}
.topNewsList img{float:right;border:1px solid #ccc; margin-left:10px;width:120px;height:70px}
.topNewsList p{ float:left; width:145px}
.topNewsSocial{float:left}
.topNews .sep{background:none;border-bottom:1px dotted #ccc}

/*Feature --*/
.g2 .feature{width:66.5%;background-color:#fff;border:1px solid #ccc;float:left;height:472px;padding:10px; margin-bottom:15px}
.b1 .feature{width:96.7%}

/*Content --*/
.cont{background:#fff;padding:0 0 15px}
.c1{width:300px;float:right}
.c2{width:69.9%;float:left}

/*Media Clip --*/ /*Posts Clip --*/
.mediaClip, .postClip{background-color:#fff;width:99.8%;overflow:hidden;border:1px solid #ccc;padding:7px 0}
.clipTitle{height:27px;width:96%; border-bottom:3px solid #7b0501; overflow:hidden; margin:0 15px}
.clipTitle li{padding:0;display:inline-block;height:27px;float:left;border-top-left-radius:5px;-moz-border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-right-left-radius:5px; border:1px solid #525252; margin-right:5px}
.clipTitle .current{border:0;background:url("../images/tabs_bg.jpg") repeat-x; font:21px arial;color:#fff;padding:1px 15px 0}
.clipTitle li a{padding:1px 15px 0;color:#000;font:21px Arial;display:block;height:25px}
.mediaClip .more, .latestNews .more, .postClip .more{float:right;margin-top:2px}
.mediaList{ width:100%; height:auto}
.mediaList li{padding:0;display:inline-block;float:left;margin-right:5px;width:156px; margin:15px 7px}
.mediaList li a{ width:100%}
.mediaClip .mediaList li img{display:block;margin-bottom:5px;border:1px solid #ccc;width:155px;height:85px}
.postClip .mediaList li img{display:block;margin:0 auto 5px;border:1px solid #ccc;width:120px;height:70px}
.mediaClip .mediaList .Vsep{ background-color:#F0F0F0;height:130px; margin:15px 3px 0}
.postClip .mediaList .Vsep{ background-color:#F0F0F0;height:115px; margin:15px 3px 0}

/*Ad Space --*/
.adHolder{width:100%;background-color:#f0f0f0;padding:6px 0;overflow:hidden;margin-bottom:10px; height:90px}
.adHolder .leaderboard{margin:0 115px 0}

/*Latest News Clip --*/
.latestNews{height:695px;width:100%;overflow:hidden;margin-bottom:15px;padding:7px 0}
.latestNews .clipTitle{ margin:0; width:100%}
.latestNewsCont{width:100%;padding:15px 0 0;overflow:hidden}
#flavor_3 .t2{width:228px;float:right}
#flavor_3 .t2 .sep{background:none;margin:0px;border-bottom:1px dotted #ccc}
#flavor_3 .t1{width:460px;float:left;margin-right:10px}
#flavor_3 .latestMainNews{width:100%;overflow:hidden;display:block;height:470px}
#flavor_3 #a_titlelink{ font:bold 19px arial; display:block; margin-bottom:15px}
#flavor_3 #dvBrief{ margin-bottom:15px}
#flavor_3 .more{ float:right}
#flavor_3 .latestMainNews img{border:1px solid #ccc;margin-bottom:5px;display:block; width:458px}
.latestMainNewsSocial{width:100%;display:block;margin:5px 0 0}
.latestMainNews p{position:relative}
.linkGO{background-position:-248px -7px;width:4px;height:9px;display:inline-block;position:absolute;right:0;bottom:2px}
.fixList .linkGO{background-position:-248px -2px;width:4px;height:15px;display:inline-block; float:left; position:static}

#flavor_3 .latestNewsList{width:100%;display:block;height:150px;margin-bottom:10px; position:relative}
#flavor_3 .latestNewsList img{border:1px solid #ccc;display:block; width:225px; height:148px}
#flavor_3 .latestNewsList p{position: absolute;margin:0; bottom:0; background-color:#000; opacity:0.7; padding:3px; width:96.5%; left:1px}
#flavor_3 .latestNewsList p a{color:#fff}

.latestNewsSlide{width:145px;height:15px;margin:0 auto;text-align:center}
.latestNewsSlide li a{display:block;height:14px}

/*PDF Clip --*/
.pdf, .embessays, .directory, .tourism{position:relative;margin-bottom:12px;display:block}
.pdf .clipTitle{width:100%;margin:0;font:21px arial;color:#000}

/*IN DOHA Clip --*/
.inDoha{width:300px; position:relative;margin-bottom:15px}
.inDoha .clipTitle{width:100%;margin:0;font:21px arial;color:#000}
.inDohaList{width:100%;display:block;margin:15px 0}
.inDohaList img{border:1px solid #ccc}
.inDoha ul{width:145px;height:15px;margin:0 auto;text-align:center}
.slideIcon{padding:0;display:inline-block;height:14px;float:left;margin-right:15px;background-position:-283px -5px;width:14px;height:14px;display:inline-block}
.activ, .slideIcon:hover{background-position:-264px -5px}
.inDoha li a{display:block;height:14px}

/*Panorama Clip --*/
.panorama{width:300px; position:relative;margin-bottom:10px}
.panorama .clipTitle{width:100%;margin:0;font:21px arial;color:#000}

/*Services Clip --*/
.servicesClip{width:300px;margin-bottom:15px}
.servicesClip .clipTitle{width:100%;margin:0;font:21px arial;color:#000}
.servicesList{width:99.6%;margin-top:15px;border:1px solid #ccc; height:290px}

/*Vote Clip --*/
.voteClip{margin-bottom:15px}
.voteClip .clipTitle{width:100%;margin:0;font:21px arial;color:#000}
.voteList{width:280px;padding:10px; position:relative}

/*Ticker Clip --*/
.tickerClip{height:39px;width:98.7%;overflow:hidden;margin-bottom:15px; border:1px solid #000;border-radius:10px;-moz-border-radius:10px; padding-right:15px}
.tickerTitle{background-position:0px -104px;width:110px;height:39px;float:left;display:inline-block;margin-right:10px}
.tickerClip a{font:13px arial;display:inline-block;margin-top:10px;cursor:pointer}


/*Footer --*/
.footerHolder{background:url("../images/footerHolder_bg.jpg") repeat-x;height:164px;margin-top:15px}
.footer{float:left;width:70%}
.linksTitle{float:left; width:100%; border-bottom:1px solid #6a0400; color:#000; font:21px arial;text-shadow:1px 1px 0 #c50700; margin-top:7px}
.Vsep{height:101px;width:1px;background-color:#6a0400;display:inline-block;float:left;margin-top:15px}
.sep{height:1px;width:100%;background-color:#c50700;display:inline-block; float:left}
.footerLinks{float:left;width:140px;text-align:left;margin:15px 0;border-left:1px solid #c50700; height:100px}
.footer li{padding:0 0 0 5px;display:block;float:left;width:auto; clear:both}
.footer li a{padding:7px 0 0;color:#FFF;text-decoration:none;font:12px Tahoma;display:block;height:18px}
.footer li a:hover{text-decoration:underline}
.follow{width:25.5%;float:right}
.footerSocial{width:100%;height:31px;float:left; margin-top:15px}
.footerLogo{background:url("../images/footerlogo.png") no-repeat;float:left;width:258px;height:49px;margin-top:25px}
.CopyrightHolder{background:url("../images/CopyrightHolder_bg.jpg") repeat-x;height:33px}
.Copyright{text-align:center;color:#CCC;height:25px;direction:rtl;padding-top:8px;clear:both}
#dvDohaEvents{display: block; margin: 5px 0 0;  width: 100%;}

.HprayTimes{margin:10px 0 20px 12px;height:25px}
#divCityPrayerTimes{ margin-left:12px}
.CTitle{ font:bold 17px arial}
#divPrayerCountryCities, #divPrayerCountry{ width:25%; float:left}
.TprayTimes {
    border: 1px solid #2F2F2F;
    border-collapse: separate;
    float: left;
    margin: 0 10px 10px 0;
    width: 700px;
}
.THprayTimes {
    background-color: #790400;
    color: #FFFFFF;
}

.news-column{border-bottom: 1px dotted #CCC;margin-bottom: 10px;}

.pdfCont{overflow:hidden;border-bottom: 1px dotted #CCC}
.pdfCont .dateCalFormat{margin:10px}
.PDFHorizonat{margin-top:33px}
.PDFHorizonat img{ width:35px; float:left; margin-right:5px}
.filter{margin:10px 0; height:30px}
.filter .datepicker{background: url("../images/CalIcon.png") no-repeat 1px 1px;border: 1px solid #CCC;padding: 2px 2px 2px 25px;}
.filter .more{border: 0 none;cursor: pointer;height: 18px;margin-top: 3px;padding: 0 17px 0 0;width: 78px;}

.title{font:21px arial;padding:10px 20px;cursor:pointer;background:url("../images/servicesArrow.png") no-repeat;background-position:255px -23px}
#accordion3_msTitle_0{background-color:#F0F0F0;}
#accordion3_msTitle_1{background-color:#e7e7e7}
#accordion3_msTitle_2{background-color:#dedede}
#accordion3_msTitle_3{background-color:#d5d5d5}
#accordion3_msTitle_4{background-color:#CBCBCB}
#accordion3_msTitle_5{background-color:#c3c3c3}
#accordion3_msTitle_6{background-color:#bbb}
.openT{background-position:255px 13px}
.content{ padding:10px 0}
.agile_carousel img{width:921px}

.HeaderArticle .sectiontitle{height:28px}
.zakahC{ margin-bottom:15px}
.zakahC .more{background-color: #7B0501;background-position: 36px -69px;border: 0;height: 18px;padding: 0 17px 0 0;width: 115px; cursor:pointer}

.b1 #banner{overflow:hidden; margin-top:15px}
.b1 #banner-1{float:left;width:50%}
.b1 #banner-2{float:right;width:50%}
.b1 #banner-2 li{float:left;margin-right:60px}
.banner-height {height:318px;}
#temp 
{
behavior: url(js/iepngfix.htc) ;
display:inline;
float:right;
margin-right:10px;
position:relative;
background-image:url("../images/temp.png");
height:280px;
margin-right:40px;
width:100px;
}
#bar {
background-color:#D11D23;
height:0;
left:40px;
position:absolute;
top:201px;
width:20px;
}
#ical{ margin-top:15px}
.MonthlyPDF{margin-top:10px}
.MonthlyPDF .clipTitle{width:100%;margin:0 0 10px;font:18px arial;color:#000}
.FirstmonthlyPDFCont .clipTitle{width:100%;margin:0;font:21px arial;color:#000} 
.monthlyPDFCont{width:360px; margin-bottom:15px; height:140px}
.monthlyPDFCont .clipTitle{width:100%;margin:0;font:17px arial;color:#000} 
.PanGallList{width:320px;height:195px;text-align:center}
.PanGallList img{width:300px}
.PanoramaGalleryCont{width:650px; margin:15px auto}

@media only screen and (max-device-width: 1024px) 
{
body{background:url("../images/all_bg2.jpg") repeat-x 0 0} 
.footerHolder, .CopyrightHolder{ width:1050px}  
.wrap{margin:0 5px}
}

/*register*/

.divRegister{padding:20px}
.divRegister li { list-style:none; line-height:40px; direction:ltr}
.divRegister input{ background:#fcfcfc; border:1px solid #e8e8e8; width:260px; padding:3px; height:15px; color:#7d7d7d}
.divRegister textarea{width:260px; height:100px; color:#7d7d7d;background:#fcfcfc; border:1px solid #e8e8e8;}
.divRegister label{color:#000; font-size:13px;width:150px; float:left; direction:ltr}
.SendRegisterData{border:1px solid #ddd; margin:30px auto;}

.new-line
{
    display:block;
    margin-left:11.5em;
    line-height:20px;
    }

.RegisterAvailable
{
    color:#008000;
    background:url(../images/tick.png) no-repeat;
    padding-left:30px;
    }
    
 .RegisterNotAvailable
{
    color:#cc0000;
    background:url(../images/cross.png) no-repeat;
    padding-left:30px;
    } 

#checkAvailabilty
{
    background:url(../images/check-a.png) no-repeat;
    border:none;
    padding:6px 34px 6px 6px;
    cursor:pointer;
    font-size:12px;
    }