* { -webkit-font-smoothing: antialiased !important; } /* droid_sans_arabicregular*/ @font-face { font-family:DroidSansArabicRegular; src: url('fonts/droidsansarabic.eot'); src: url('fonts/droidsansarabic.eot') format('embedded-opentype'), url('fonts/droidsansarabic.ttf') format('truetype'), url('fonts/droidsansarabic.svg#DroidSansArabicRegular') format('svg'); } /* Helvetica Neue LtSTD Lt @font-face {font-family:HelveticaNeueLtSTDLt;src: url('fonts/HelveticaNeueLtSTDLt.ttf'); url('fonts/HelveticaNeueLtSTDLt.eot'), url('fonts/HelveticaNeueLtSTDLt.otf'), url('fonts/HelveticaNeueLtSTDLt.woff');}*/ /*General CSS*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ background: none repeat scroll 0 0 transparent; border: 0 none;margin: 0;outline: 0 none;padding: 0;vertical-align: baseline;} html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family:arial,Tahoma; -webkit-font-smoothing: antialiased;color: #424242; } body { font-family:arial,Tahoma;margin: 0; font-size: 1em; line-height: 1.4 ; padding: 0px; text-align:right; background-color:#eee} a { color: #424242; cursor:pointer; text-decoration:none; direction:rtl } a:visited { color: #424242; } a:hover { color: #424242; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } ul, li{ text-decoration:none; list-style:none;direction:rtl} p{direction:rtl} ::-moz-selection { background: #d2232a; color: #fff; text-shadow: none; } ::selection { background: #d2232a; color: #fff; text-shadow: none; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } ul, ol { margin: 0; padding: 0 } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /** base carousel **/ .carousel ul {position:absolute; overflow:hidden;margin:0;padding:0;list-style:none;} .no-js .carousel ul {position:static;} .carousel .mask {position:relative;overflow:hidden;} .carousel ul li {float:left;width:197px;height:98px;color:#fff;text-align:center;margin:0;} .carousel .pagination-links {list-style:none;margin:0;padding:0;} .carousel .pagination-links li {display:inline;} .carousel .pagination-links li a {padding:2px} .carousel .pagination-links li a:hover {text-decoration:none;} .carousel .disabled {color:gray; cursor:default;} /*drop down css*/ .dropdown, .drp.topmor > li > ul{opacity: 0;transition: opacity 0.5s ease 0s;z-index: 999;top:-9999px; position:absolute} .drp.topmor > li > ul, .srchDd{width:325px} /*.navSrchIco > li:hover .dropdown,*/.lmore:hover> ul > li > ul{opacity: 1;top:35px;} .navMore:hover .dropdown{opacity: 1;top:38px;} .menudrop {background: url("../images/2014/spriteme2.png") no-repeat -4px -1801px rgba(0, 0, 0, 0); padding-left:15px !important;} .menudrop:hover .dropdown{opacity: 1;top:30px;right:0} .menudrop:hover{background-color:#999; color:#fff} .menudrop:hover > a{background-color:#999; color:#fff} .menudrop .dropdown{ width:110px; background-color:#999;padding:3px; } .menudrop .dropdown a{ display:block;padding:5px; } .menudrop .dropdown a:hover{ background-color:#333; color:#fff} .navLnks > li a{position: relative;display:block;padding:8px 6px 7px;color:#fff; font-size:14px} #navigation_horiz, #mainNavDiv {clear:both; padding:0 0 0 0; margin:0 auto} #navigation_horiz > ul li a.navlink{background-color:#222;border-bottom:4px solid #222; padding:0 5px} #navigation_horiz .dropdown, #mainNavDiv .dropdown {position:absolute;padding:3px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px} /* tabs CSS */ .tabs-nav {list-style: none;margin: 0; font-size:14px; font-family:DroidSansArabicRegular,Tahoma} .tabs-nav:after {display: block;clear: both;content: " ";} .tabs-nav > li {position: relative;float: right;font-size:14px;} .tabs-nav > li > a{display:block;color:#fff;position: relative;background-color: #333;border-bottom:4px solid #222; text-align:center;height:26px;line-height:2; white-space: nowrap; /* required in IE 6 */ -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .tabs-nav .tabs-selected a{font-size:18px;line-height: 1.5;background-color:#ee1b2e; border-bottom:4px solid #d2001b} .tabs-nav > li > a:hover, .tabs-nav > li > a:focus, .tabs-nav > li > a:active {background-color:#ee1b2e; border-bottom:4px solid #d2001b;outline: 0;} .tabs-nav > li:hover > a, .tabs-nav > li:focus > a, .tabs-nav > li:active > a {background-color:#ee1b2e; border-bottom:4px solid #d2001b;outline: 0;} .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;} .tabs-nav > li > a:hover, .tabs-nav > li > a:focus, .tabs-nav > li > a:active {cursor: pointer;} .tabs-container {background: #fff; border-bottom:1px solid #dde2e4} .tabs-loading em {padding: 0 0 0 20px;background: url(loading.gif) no-repeat 0 50%;} .slide > p { padding: 70px 0; text-align: center;font-family:DroidSansArabicRegular,Tahoma } @media projection, screen {.tabs-hide {display: none;}} .hp2014{ width:100%; margin:0 auto;cursor:pointer;/*background:#fff*/} .hp2014 .wrapper{ width:977px; margin:0 auto; cursor:default;background:#fff} .clear, .clr{ clear:both; float:none; line-height:0} h1, h2, h3, p{ direction:rtl; text-align:right; margin:0; font-weight:normal} .masNot{width:100%;background: url(../images/2014/masNotBG.jpg) repeat;text-align:center;padding:6px 0 5px; direction:rtl} .masNot .notBtn{display:inline-block;background: url(../images/2014/notBtnBG.png) no-repeat 308px center;font-family:DroidSansArabicRegular,Tahoma;font-size:15px;color:#333;padding: 0 36px 0 0;} .masNot .notBtn span{font-weight:bold;text-decoration:underline;font-size:14px} .masNot > span{display:inline-block;font-family:DroidSansArabicRegular,Tahoma;font-size:15px;color:#333;padding:0 10px} .masNot .bckBtn{display:inline-block;font-family:DroidSansArabicRegular,Tahoma;font-weight:bold;text-decoration:underline;font-size:14px;color:#333;padding:0;} /*Top Header*/ hgroup{} .topHeader{background:#eeeeee; padding:0 15px; font-family:DroidSansArabicRegular,Tahoma; color:#333} .topHeader .logo{ float:right; display:block;background: url(../images/2014/spriteme2.png) no-repeat 40px -202px; width:186px; height:50px; margin:0 15px 0 17px;background-size: 237px;} /*.dateDiv{ float:right; font-size:13px; color:#333; padding:4px 0;white-space: nowrap}*/ .dateDiv {float: right;font-size: 13px;color: #333;padding: 4px 0;white-space: nowrap;margin: 12px 20px 0 0;} .weatherDiv{white-space: nowrap;float:right;font-size:12px; padding:4px 22px; background: url(../images/2014/spriteme2.png) no-repeat 105px -1770.5px; margin:0 15px} .weatherDiv img{display:none} .hdrLnksDiv{float:left;margin:0 15px 0 0;} /*.hdrLnksDiv li{float:right;font-size:13px; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; padding:5px 10px}*/ .hdrLnksDiv li {float: right;font-size: 13px;border-right: 1px solid #d3d3d3;border-left: 1px solid #d3d3d3;padding: 16px 10px;} .hdrLnksDiv li a{color:#333} .hdrLnksDiv li:hover{ background:#aaa} .hdrLnksDiv li:hover a{color:#fff} /*.topHeader .socialDiv{float:left;margin:0 5px 0 0; padding:4px 0;width:252px}*/ .topHeader .socialDiv {float: left;margin: 10px 5px 0 0;padding: 4px 0;width: 252px;} .socialDiv li{float:right} .socialDiv li a{ display:block; width:20px; height:20px;background: url("../images/2014/spriteme2.png") no-repeat; margin:0 5px} .icon-cu{background-position:-10px -230px!important} .icon-fb{ background-position:-10px -10px!important} .icon-tw{background-position:-10px -60px!important} .icon-ggl{background-position:-10px -110px!important} .icon-yt{background-position:-150px -230px!important} .icon-rss{background-position:-10px -170px!important} .socialDiv .hao{background: url("../images/2014/haoLogo.png") no-repeat;border-radius: 0px;width: 62px;height: 15px;} .icon-cu:hover{background-position:-290px -230px!important} .icon-fb:hover{ background-position:-290px -10px!important} .icon-tw:hover{background-position:-290px -60px!important} .icon-ggl:hover{background-position:-290px -110px!important} .icon-yt:hover{background-position:-150px -170px!important} .icon-rss:hover{background-position:-290px -170px!important} .langDiv{float:left;margin:0 15px 0 0; display:none} .langDiv a{ display:block; background-color:#ee1b2e; padding:3px 10px; color:#fff; font-size:16px; font-family:Myriad Pro,Tahoma} .langDiv a:hover{background-color:#D2001B;} .leaderbg {margin: 0 auto;width: 728px!important;background: none;float:right!important;} /*logoDiv*/ /*.logoDiv{ background:#fff; padding:8px 15px;display:inline-block}*/ .logoDiv{ background:#fff; padding:8px 15px} /*.logoDiv .logo{ float:right; display:block;background: url(../images/2014/spriteme2.png) no-repeat -10px -260px; width:186px; height:90px; margin:0 15px 0 17px}*/ /*.leaderAd{float:right;background:#ccc; width:728px; height:auto}*/ .leaderAd {background:#fff;display: block;margin: 10px;text-align:center} .leaderAd .LeaderBoard {margin: 0 auto;display: inline-block;} /*Clean NavLnks*/ .wrapNavDiv{background:#fff;padding: 0 15px 35px 15px;/* margin-bottom:35px!important;*/font-family:DroidSansArabicRegular;font-weight: normal;} #mainNavDiv{clear:both; padding:0; margin:0 auto;background:#333; position:relative} .navLnks{width:90%;float:right; font-size:14px; white-space:nowrap} .navLnks > div{ float:right} .navLnks > div > a{display:inline-block; padding:7px 6px 3px; color:#fff;background-color:#333 ;border-bottom:4px solid #333;height:22px; position:relative;} .navLnks > .selected > a{background-color:#ee1b2e ;border-bottom:4px solid #d2001b } .navLnks > div:hover > a{background-color:#222 ;border-bottom:4px solid #222 } .navLnks > .selected > a:after, .navLnks > div:hover > a:after, .navLnks > .withArrow > a:after { background: url("../images/notch2.png") no-repeat scroll -9px 0 rgba(0, 0, 0, 0); bottom: -4px; content: ""; height: 10px; margin-right: -8px; position: absolute; right: 50%; width: 16px; } /*.shown:before { background: url("../images/notch2.png") no-repeat scroll -9px 0 rgba(0, 0, 0, 0); top: -12px; content: ""; height: 13px; margin-right:-12px; position: absolute; right: 89px; width: 16px; }*/ .navLnks > .homeLnk.selected > a:after { background:none!important; bottom:0; content: ""; height: 13px; margin-right: -8px; position: absolute; right: 50%; width:0; } .navLnks > li > a{position: relative;display:block;padding:8px 6px 7px;color:#fff; font-size:14px} .homeLnk a{background:url(../images/2014/spriteme2.png) no-repeat 0px -353px; position:relative; width:22px; height:21px;padding:5px 20px!important; border-bottom:4px solid #333 } .navLnks > .newIco > a:before{background:url(../images/2014/newIco.png) no-repeat center; display: block;height: 15px;margin: 0; position: absolute;width:100%;left:0; top:-5px;clear: both;content: " ";} .navLnks > .updatedIco > a:before{background:url(../images/updatedIco.png) no-repeat center; display: block;height: 15px;margin: 0; position: absolute;width:100%;left:0; top:-5px;clear: both;content: " ";} .navLnks > .selected > .SubLnks{display:block!important;} .navLnks > div:hover > .SubLnks{display:block!important; z-index:9999} .SubLnks{ background:#dddddd; width:100%; height:33px; position:absolute; right:0; display:none; z-index:999} .SubLnks > ul{ direction:rtl; text-align:center} .SubLnks > ul > li{float:right; font-size:13px; position:relative; display:inline-block;/*border-left: 1px solid #adadad;box-shadow:-1px 0 1px 0 #FFFFFF*/} .SubLnks > ul > li:hover{background-color: #999999; color: #FFFFFF;} .SubLnks > ul > li:hover a{color: #FFFFFF;} .SubLnks > ul > li > a{position: relative;display:block;padding:8px 8px 7px;color:#333333; font-size:13px} .SubLnks > ul > li > img{ display:none} .SubLnks > ul > li > ul{display:none} .subSubLnks { display:none;background: none repeat scroll 0 0 #999999; min-width: 130px;position: absolute;right: 0;top: 33px;} .SubLnks > ul > li:hover > .subSubLnks {display: block;} .SubLnks > ul > li > a.dropdownLnk{background:url(../images/2014/spriteme2.png) no-repeat -4px -1801px;padding:8px 9px 7px 20px} .dropdownLnk .subSubLnks{background-color:#999;left:auto; right:0;width: 110px;padding:3px; position:absolute; display:none; opacity:0; z-index:999;transition: all 1s ease 0s} .subSubLnks a{ display:block;padding:5px 10px; color:#fff; text-align:right} .subSubLnks a:hover{background-color:#333} .dropdownLnk:hover .subSubLnks{top:33px;right:0; opacity:1;display:block!important;} .shown{ display:block!important;} .smsmasrawy{background:#fff; margin:0 auto; text-align:center} .smsmasrawy a { display:block} .navSrchIco{float:left; position:relative; border-left:1px solid #555555} .navSrchIco li{float:left; border-right:1px solid #555555} .navSrchIco > li > a{display:block;margin:8px 0 7px;color:#fff; padding:0 10px; font-size:14px;background:url(../images/2014/spriteme2.png) no-repeat left;width:16px; height:20px} .navSrchIco > li:hover, .navSrchIco > li:hover > a{ background-color:#1a1a1a} .icon-srchIco{background-position: 0 -400px!important} .userDd, .srchDd{cursor: pointer;display: none;position: absolute;top: 35px; border-bottom-left-radius:5px;border-bottom-right-radius: 5px;} .userDd .aprofile { color:#fff!important} .srchDd{ background-color:#1a1a1a;left:0!important; line-height:2.5; padding:10px; z-index:999; color:#fff; font-size:14px;width: 325px;} .srchDd .srchtxt{display:block;font-size:13px;float:right; text-align:right; padding:8px 40px 8px 5px;width:200px; border-radius:5px; background:#fff url(../images/2014/srchGIco.png) no-repeat 215px center; color:#999;border:none} .srchDd .srchBtn{display:block; margin:0 15px 0 0; float:right; width:63px; background-color:#ee1b2e; text-align:center; height:35px; border-radius:5px; color:#fff; } .userIco{background-position:0 -462px!important} .userDd{ background-color:#1a1a1a;left:-1px!important;width:245px!important; direction:rtl; line-height:2.5; padding:10px; z-index:999;color:#fff; font-size:14px;} .userDd a:hover{color:#fff;} .userDd textbox{display:block; padding:2px 10px 2px 5px;width:230px; border-radius:5px; background:#fff; color:#999;border:none; margin-bottom:10px} .userDd .signBtns{ font-size:13px;margin-bottom:10px} .signInBtn{display:block; margin:0 0 0 25px; float:right; width:110px; background-color:#ee1b2e; text-align:center; height:35px; border-radius:5px; color:#fff; } .newUserBtn{display:block;float:right; width:110px;background-color:#999999; text-align:center; height:35px;border-radius:5px; color:#fff;} .chngPssBtn{ font-size:11px; color:#fff; text-decoration:underline;margin-bottom:10px; display:inline-block} .chngPssBtn:hover{color:#fff; text-decoration:none;} .fbSignBtn{ display:block; padding:0 10px;border-radius:5px;color:#fff;background-color:#3b5998; text-align:center} .fbSignBtn:hover{color:#fff;} .fbSignBtn span{ padding:0 0 0 20px;background:#3b5998 url(../images/2014/userFbIco.png) no-repeat left center; cursor:pointer} #el3abLnk {border: none;} #el3abLnk a{background:url(../version2015/images/el3abLogo.png) no-repeat center; cursor: pointer;display: block;height: 36px;margin: 0;width: 30px;} .subNav{background:#dddddd; display:none} .navigation{} .navigation > li{float:right; font-size:13px; position:relative} .navigation > li:hover{background-color: #999999; color: #FFFFFF;} .navigation > li:hover a{color: #FFFFFF;} .navigation > li > a{position: relative;display:block;padding:8px 6px 7px;color:#333333; font-size:12px} .navigation > li > img{ display:none} .navigation > li > ul{display:none} .smsmasrawy{ background:#fff; margin:0 auto; text-align:center} .smsmasrawy a { display:block} /*wrappFooter*/ .wrappFooter{background:#eeeeee!important;padding:0 15px; color:#333; font-size:11px;width:947px; margin:0 auto;/*position:absolute;*/} .rightTxt{ float:right;width:80%} .mobileReg{ position:relative; padding:10px 0;font-family:DroidSansArabicRegular,Tahoma;} .mobileReg p{ font-size:24px; float:right; } .mobileReg .mobile, #txtMsisdn{margin:0 15px 0 0; color:#909090; text-align:right; border:1px solid #dde2e4; font-size:14px; padding:9px 15px; background:#fff; float:right; width:210px} .mobileReg .mobileBtn{margin:0; background:#ee1b2e url(../images/2014/mobileReg.png) no-repeat center; float:right; width:40px; height:40px} .ftrLnks{position:relative; padding:10px 0; float:right;font-family:DroidSansArabicRegular,Tahoma;} .ftrLnks li{float:right; margin:2px 0 0 0; padding:0 10px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .ftrLnks span{border-left: 1px solid #333;height: 12px;margin: 0;display: block;float: right;} .ftrLnks li:hover{margin-top:-2px} .ftrLnks li:hover a{text-decoration:underline} .ftrLnks li:last-child{ border-left:none} .disclamer{position: relative;padding: 10px 250px 10px 0;text-align: left;font-size: 12px;direction: rtl;float: right;font-family:DroidSansArabicRegular,Tahoma;} .disclamer .ftrTxt{float:right} .disclamer .cc{line-height:1.8} .leftLogos{float:left;width:20%; text-align:center} .leftLogos .socialDiv{width:180px; margin:0 auto } .ftrMsrwyLogo{background:url(../images/2014/spriteme2.png) no-repeat 26.5px -1834px; display:block; width:100%; height:50px} .ftrLoLogo{background:url(../images/2014/spriteme2.png) no-repeat 38px -1904px; display:block; width:100%; height:50px} /*wrappContent*/ .wrappContent{background:#fff; padding:0 15px; } .wrappContent:after {display: block;clear: both;content: " ";} .hpR{float:right; margin:15px 0 15px 15px;width:632px; } .hpL{float:right; margin:15px 0 15px 0;width:300px;} .hpR > div, .hpL > div{ margin-bottom:15px} .hpL > div{ float:none} .ttl{ background:#333;font-family:DroidSansArabicRegular,Tahoma;color:#fff; display:block!important; font-size:16px; margin-bottom:10px;position:relative} .ttl h1{font-size:16px; display:block;background:#333; height:22px; border-bottom:4px solid #222;padding:7px 15px 4px;font-weight:normal} .ttl h1 a{color:#fff} .ttl:after {display: block;clear: both;content: " ";} /*topViewed*/ .topViewed{background:#fff;} .topViewed .padding{} .topViewed h1{ background:#333; color:#fff;font-family:DroidSansArabicRegular,Tahoma; font-weight:normal; font-size:16px; padding:8px 10px 7px; border-radius:4px 4px 0 0} .topViewed a:hover{ text-decoration:underline} #TopViewed{border:1px solid #dde2e4;color:#333; font-size:13px} .newsDiv{padding:15px 15px 15px 55px; position:relative;font-size: 14px; direction:rtl;} .newsDiv .newsTtl{ font-size:15px; font-weight:bold;color:#111;} .newsNum{ font-family:Myriad Pro,Tahoma; font-size:12px;background:url(../images/2014/spriteme2.png) no-repeat -10px -1469px;width:51px; height:20px; display:block; padding:5px 0; text-align:center;position:absolute; left:0; top:15px; margin:0 0 0 -6px} #TopViewed > div:first-child, .newsDiv1{border-bottom:1px solid #dde2e4; background:#f0f0f0; padding:15px 15px 15px 75px;font-size:16px; position:relative;direction:rtl; } #TopViewed > div:first-child .newsTtl, .newsDiv1 .newsTtl{ font-size:16px;color:#111; font-weight:bold} #TopViewed > div:first-child .newsNum, .newsDiv1 .newsNum{color:#fff;background:url(../images/2014/spriteme2.png) no-repeat -10px -1414px;width:68px; height:25px; line-height:1.5; font-size:14px; } .newsDiv1{border-bottom:1px solid #dde2e4; background:#f0f0f0; padding:15px 15px 15px 75px;font-size:16px; position:relative } .newsDiv1 .newsTtl{ font-size:16px;color:#111; font-weight:bold;direction:rtl;} .newsDiv1 .newsNum{color:#fff;background:url(../images/2014/spriteme2.png) no-repeat -10px -1414px;width:68px; height:25px; line-height:1.5; font-size:14px; } /*adsDiv*/ .adsDiv{float:right} .adsDiv p{ text-align:center; color:#000; background:#eaeaea; font-size:12px} .adsDiv .showcase{ background:#333; width:300px;min-height:250px} .showcase .adTtl, .scndShowcase .adTtl{ padding:2px 30px; line-height:1; margin:0; font-weight:bold; font-size:14px; text-align:center; display:block; background:#aaa;float: right;width: 240px;} .hpL .showcaseDiv .showcase{display:inline-block;width:300px} /*ezzElshabab*/ .ezzElshabab{background:#fff;position:relative;} .ezzElshabab .padding{} .ezzVideos{ padding:15px 0; border-bottom:1px solid #dde2e4} .videoItem{ float:right; width:50%; text-align:center} .videoItem a{position:relative;display:block; margin:0 15px} .videoItem p{color:#333; font-size:15px; text-align:center;margin-top: 8px;font-weight: bold;} .videoItem:hover p{ text-decoration:underline} .playBtn{background:url(../images/2014/spriteme2.png) no-repeat -10px -1155px;width:23px; height:19px; position:absolute; right:0; top:3px; margin:0 -5px 0 0} /*freeOpinions*/ .freeOpinions{background:#fff;position:relative; border-bottom:1px solid #dde2e4;} .freeOpinions .padding{} .opiniondiv{ padding:5px;position:relative;} .opiniondiv:hover{ background:#eee; cursor:pointer} .opiniondiv img{ float:right;margin:0 0 0 10px;} .opiniondiv p{ position:relative; margin:5px 0 2px 0; height:62px; overflow:hidden} .opiniondiv .mainImg{ width:100px; height:67px; border:1px solid #eee} .opiniondiv a{display:block;font-size:15px; font-weight:bold} .opiniondiv .mainLnk{color:#000; max-height: 37px;overflow: hidden;} .opiniondiv br{ display:none} .opiniondiv .writerLnk{color:#777;margin:5px 0 0;font-size:14px; font-weight:normal;/* position:absolute; bottom:0*/} .opiniondivS{position:relative; direction:rtl; float:right; width:29.3%; padding:5px 2%; margin:5px 0} .opiniondivS:hover{ background:#eee; cursor:pointer} .opiniondivS img{ margin:0; width:80px; height:40px; border:1px solid #eee} .opiniondivS p{ position:relative; margin:5px 0 0 0} .opiniondivS p > br{ display:none} .opiniondivS a{display:block;font-size:10px; text-align:center} .opiniondivS .mainLnk{display:none} /*Main Slider*/ .lof-slidecontent{position:relative;overflow:hidden;height:321px!important} .lof-slidecontent .preload{height:100%;width:100%;position:absolute;top:0;left:0;z-index:100000;text-align:center;background:#FFF} .lof-slidecontent .preload div{height:100%;width:100%;background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;} .lof-slidecontent .sliders-wrapper{position:relative;height:261px;width:900px;z-index:3px;overflow:hidden;} .lof-slidecontent ul.sliders-wrap-inner{background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;padding:0px;margin:0;position:absolute; top:0;right:0;width:632px} .lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden;padding:0px;margin:0px;float:left;position:relative;height:261px} .lof-slidecontent .lof-opacity li{position:absolute!Important;top:0;left:0;float:inherit!Important;} .lof-slidecontent .navigator-content{position:absolute;bottom:0;right:0;background:#fff;padding:0;width:632px} .lof-slidecontent .navigator-wrapper{position:relative;z-index:10;height:61px!important;width:546px!important;overflow:hidden;color:#f5f5f5;float:left} .lof-slidecontent ul.navigator-wrap-inner{top:0;padding:0;margin:0;position:absolute;width:100%;} .lof-slidecontent ul.navigator-wrap-inner li{cursor:hand;cursor:pointer;list-style:none;padding:0;margin:0px; border-bottom:1px solid #d7d7d7;overflow:hidden;float:left;display:block;text-align:center;height:60px!important;margin-right:0;width:90px!Important} ul.sliders-wrap-inner li img{padding:0px;} .lof-slidecontent .slider-description a.readmore{color:#58B1EA;font-size:95%;} .lof-slidecontent .slider-description a{color:#FFF;} .lof-slidecontent .slider-description{background-color:rgb(31, 31, 31);background-color:rgba(31, 31, 31, 0.7);bottom:93px;color:#FFFFFF;height:62px;right:0; bottom:0;padding:0px 10px 10px;position:absolute;width:612px;cursor:pointer;} .lof-slidecontent .slider-description h4{font-size:14px;margin:10px 0;padding:0;} .lof-slidecontent .slider-description .slider-meta a{margin:0;background:#C01F25;font-size:75%;padding:2px 3px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;text-transform:uppercase;text-decoration:none} .lof-slidecontent .item-meta a:hover{text-decoration:underline;} .lof-slidecontent .item-meta i{font-size:70%;} .lof-slidecontent ul.navigator-wrap-inner li img{width:80px;height:40px;margin:7px 3px 0 3px; padding:3px 3px 5px 3px} .lof-slidecontent ul.navigator-wrap-inner li.active img,.lof-slidecontent ul.navigator-wrap-inner li:hover img{border-bottom:5px solid #EE1B2E} .slider_active img{border-bottom:5px solid #EE1B2E} .lof-slidecontent .navigator-content .button-next,.lof-slidecontent .navigator-content .button-previous{display:block;width:43px;height:61px;color:#FFF;cursor:pointer;} .lof-slidecontent .navigator-content .button-next{float:left;text-indent:-999px;background:#333 url(../images/2014/sliderArrowL.png) no-repeat center;} .lof-slidecontent .navigator-content .button-previous{float:left;text-indent:-999px;background:#333 url(../images/2014/sliderArrowR.png) no-repeat center;} .lof-slidecontent .navigator-content .button-next:hover,.lof-slidecontent .navigator-content .button-previous:hover{background-color:#ee1b2e} .lof-slidecontent .button-control{position:absolute;top:10px;right:10px;height:20px;width:20px;cursor:hand;cursor:pointer} .lof-slidecontent .button-control span{display:block;width:100%;height:100%;} .lof-slidecontent .action-start span{background:url(../images/play.png) no-repeat center center;} .lof-slidecontent .action-stop span{/*background:url(../images/pause.png) no-repeat center center;*/} .slider-description p{font-size:22px; direction:rtl;margin:5px 15px;text-align:right;cursor:pointer; position:relative} .txtslide{position:relative!important;color:#fff; z-index:99} a.slider-link{width:27px;height:27px;background:url(../images/2014/spriteme2.png) no-repeat -10px -499px;display:block; position:absolute; left:0; bottom:0} a.slider-link:hover{background:url(../images/2014/spriteme2.png) no-repeat -10px -499px} .slider-description a{cursor:pointer!important;} /*servicesRotator*/ .servicesRotator{position: relative; min-height:162px; overflow:hidden;margin-top: 15px;} .servicesRotator .padding{position: relative;} .servicesRotator .ttl h1{ padding:9px 15px 6px} .servicesRotator { height: 1%; overflow:hidden; padding: 0 0 10px; } #servicesRotator{padding:10px;background:#eee; border-bottom:1px solid #dde2e4} .servicesRotator .viewport {width:632px; height:98px; overflow: hidden; position: relative; } #servicesRotator .viewport {width:612px;height:98px; } .servicesRotator .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; } .servicesRotator .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height:98px; width:197px;} .servicesRotator .prev, .servicesRotator .next{position:absolute;top:0;background:#ee1b2e url(../images/2014/spriteme2.png) no-repeat center 0; border-bottom:4px solid #d2001b;width:40px; height:38px; display:block} .servicesRotator .prev{ background-position:0px -1245px;left:0;} .servicesRotator .next{ background-position:0px -1185px;left:40px;} .servicesRotator .prev span, .servicesRotator .next span{display:none} .servicesRotator .prev:hover, .servicesRotator .next:hover{background:#eee url(../images/2014/spriteme2.png) no-repeat; border-bottom:4px solid #d7d7d7; cursor:pointer} .servicesRotator .prev:hover {background-position:0px -1363px!important;} .servicesRotator .next:hover{background-position:0px -1303px!important;} .servicesRotator a.disabled {background-color:#d7d7d7!important; border-bottom:4px solid #d7d7d7!important; cursor:default!important} .servicesRotator .prev.disabled:hover{background-position:center -51px!important} .servicesRotator .next.disabled:hover{background-position:center 9px!important} /*servicesRotatorIcon*/ .servicesRotatorIco{position: relative; min-height:162px; overflow:hidden;margin-top: 15px;} .servicesRotatorIco .padding{position: relative;} .servicesRotatorIco .ttl h1{ padding:9px 15px 6px} .servicesRotatorIco { height: 1%; overflow:hidden; padding: 0 0 10px; } #servicesRotatorIco{padding:5px 1px;background:#eee; border-bottom:1px solid #dde2e4} .servicesRotatorIco .viewport {width:300px; height:98px; overflow: hidden; position: relative; } #servicesRotatorIco .viewport {width:300px;height:102px; } .servicesRotatorIco .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; } .servicesRotatorIco .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height:102px; width:65px;} .servicesRotatorIco .prev, .servicesRotatorIco .next{position:absolute;top:0;background:#ee1b2e url(../images/2014/spriteme2.png) no-repeat center 0; border-bottom:4px solid #d2001b;width:40px; height:37px; display:block} .servicesRotatorIco .prev{ background-position:0px -1245px;left:0;} .servicesRotatorIco .next{ background-position:0px -1185px;left:40px;} .servicesRotatorIco .prev span, .servicesRotatorIco .next span{display:none} .servicesRotatorIco .prev:hover, .servicesRotatorIco .next:hover{background:#eee url(../images/2014/spriteme2.png) no-repeat center -110px; border-bottom:4px solid #d7d7d7; cursor:pointer} .servicesRotatorIco .prev:hover {background-position:0px -1363px!important;} .servicesRotatorIco .next:hover{background-position:0px -1303px!important;} .servicesRotatorIco a.disabled {background-color:#d7d7d7!important; border-bottom:4px solid #d7d7d7!important; cursor:default!important} .servicesRotatorIco .prev.disabled:hover{background-position:center -51px!important} .servicesRotatorIco .next.disabled:hover{background-position:center 9px!important} /*featured innerSlider*/ #innerSlider{margin: 0 0 20px; position:relative} #innerSlider .viewport{width: 632px;height:267px;overflow: hidden;position: relative; background-color:#eee} #innerSlider .bullets{overflow: hidden;list-style: none;clear: both;bottom: 0;left: 0;width: 220px;position: absolute;display: inline-block;direction: ltr;text-align: center;} #innerSlider .bullets li{ display:inline-block} #innerSlider .bullet{background: url("../images/2014/bullets2.png") no-repeat 0 -34px;width:11px; height:9px; margin:0;display: block;} #innerSlider .bullet.active{background: url("../images/2014/bullets2.png") no-repeat 0px 0;} #innerSlider .buttons{background: url("../images/2014/spriteme2.png") no-repeat -10px -574px;display: block; z-index:999; width: 36px;height:45px;position: absolute; top:111px; left:-6px} #innerSlider .next{background: url("../images/2014/spriteme2.png") no-repeat -10px -844px; left:auto; right:-6px;} #innerSlider .buttons:hover{ background-position:-10px -778px } #innerSlider .disable{ background-position:0 0 } #innerSlider .overview{list-style: none;position: absolute;width: 632px;right: 0;top: 0;} #innerSlider .overview li{float: right;margin: 0 20px 0 0;padding: 0;height: 267px;width: 632px;} #innerSlider .overview li img{ float:right; width:411px;height: 267px} #innerSlider .slideDescription{ background: #2e2e2e;float:right; width:185px;height: 197px; padding:35px 18px;position:relative} #innerSlider .slideDescription p{color:#fff;font-family:DroidSansArabicRegular,Tahoma; font-size:20px; } #innerSlider .slideDescription span{color:#ecd9bb;font-family:DroidSansArabicRegular,Tahoma; font-size:14px; margin-top:15px; display: inline-block; } #innerSlider .slideDescription .moreLnk{background-color: #ee1b2e;border-radius: 3px;/*bottom: 40px*/;color: #fff; display: block;font-family: DroidSansArabicRegular,Tahoma;font-size: 12px;margin: 0 auto;padding: 8px 20px; position: absolute;text-align: center;width: 95px;right: 0;margin-top: 200px; } #innerSlider .next:hover { background-position: -10px -1048px; } /*MultipleRotator*/ .mosalsalatDiv{position: relative; min-height:162px; overflow:hidden} .multipleRotator{border-bottom:1px solid #dde2e4} .multipleRotator .viewport {width:632px; height:430px; overflow: hidden; position: relative; } .multipleRotator .overview { width:632px;list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } .multipleRotator .overview li{ float: right; margin: 0 10px 0 0; width:632px;height:430px;} .multipleRotator .prev, .multipleRotator .next{position:absolute;top:0;background:#ee1b2e url(../images/2014/spriteme2.png) no-repeat center 0; border-bottom:4px solid #d2001b;width:40px; height:33px; display:block} .multipleRotator .prev{ background-position:0px -1246px;left:0;} .multipleRotator .next{ background-position:0px -1186px;left:40px;} .multipleRotator .prev span, .multipleRotator .next span{display:none} .multipleRotator .prev:hover, .multipleRotator .next:hover{background:#eee url(../images/2014/spriteme2.png) no-repeat center -112px; border-bottom:4px solid #d7d7d7; cursor:pointer} .multipleRotator .prev:hover {background-position:0px -1364px!important} .multipleRotator .next:hover{background-position:0px -1304px!important} .multipleRotator a.disabled {background-color:#d7d7d7!important; border-bottom:4px solid #d7d7d7!important; cursor:default!important} .multipleRotator .prev.disabled:hover{background-position:center -53px!important} .multipleRotator .next.disabled:hover{background-position:center 7px!important} .multipleRotator .bullets {background-color: #333;clear: both;direction: ltr;list-style: none outside none;margin: 0;overflow: hidden; padding: 5px 0;position: relative;text-align: center;width: 100%;} .multipleRotator .bullets li{ display:inline-block} .multipleRotator .bullet{background: url("../images/2014/bullets2.png") no-repeat 0 -34px;width:11px; height:9px; margin:0;display: block;} .multipleRotator .bullet.active{background: url("../images/2014/bullets2.png") no-repeat 0px 0;} /**Mosalsalat**/ .mosalsalatDiv{width:100%;border-bottom: 1px solid #dde2e5;} .mosalsalatDiv .mosalsalatMainDiv{text-align: right;position: relative;} .mosalsalatDiv .mosalsalatMain{width: 193px;float: right;padding:8px;position: relative;} .mosalsalatMain:hover{ background-color:#eee} .mosalsalatDiv .mosalsalatMain > a{ display:block;position: relative;} .mosalsalatDiv .mosalsalatMain img{display: block;margin-bottom: 5px;float: right;border: 1px solid #eee;} .mosalsalatDiv .mosalsalatMain p{position: relative;overflow: hidden;float: right;width: 197px;cursor: pointer;font-size: 16px;font-weight:bold;line-height: 1.45;} .mosalsalatDiv .playBtn {top: 5px;margin: 0 -4px 0 0;} /*masrawyFiles*/ .masrawyFiles{background:#fff;position:relative; border-bottom:1px solid #dde2e4;float:right} .masrawyFiles .padding{} #masrawyFiles{ background:#eee; border-bottom:1px solid #dde2e4; padding:10px; text-align:center; position:relative} #masrawyFiles .mask {width:193px;height:140px; margin:0 auto} #masrawyFiles ul li {width:193px;height:140px;margin:0 10px 0 0} #masrawyFiles img{ width:193px; margin:0 0 5px 0} #masrawyFiles p{ color:#000; font-size:13px;} #masrawyFiles .pagination-links{} #masrawyFiles .pagination-links span{ display:none} #masrawyFiles .pagination-links li a{background:url(../images/2014/msrwyFilesbullets.png) no-repeat center 0; display:inline-block;width:11px; height:11px} #masrawyFiles .pagination-links li.current a{background:url(../images/2014/msrwyFilesbullets.png) no-repeat center -46px} #masrawyFiles .prev, #masrawyFiles .next{position:absolute;top:35px;background:url(../images/2014/msrwyFilesArrows.png) no-repeat center 0;width:34px; height:52px; display:block} #masrawyFiles .prev{ background-position:center 0;left:0} #masrawyFiles .next{ background-position:center -102px;right:0} #masrawyFiles .prev.disabled, #masrawyFiles .next.disabled{background-image:url(../images/2014/msrwyFilesArrowsDisabled.png)} #masrawyFiles .prev span, #masrawyFiles .next span{display:none} /*Latest News*/ .latestNews{background:#fff;direction:rtl} .topNews{float:right;width:166px; margin-left:15px; background:#eee} .topNews h1{height:38px;background: #333;color:#fff;font-family:DroidSansArabicRegular,Tahoma; font-size:16px; padding:0 15px; line-height:2.3;font-weight:normal} .topNewsLst{margin:15px 0 0 0; position:relative} .topNewsItm{padding:0 20px 20px;background:url(../images/2014/topNewsPnt.png) no-repeat 152px 6px; position:relative; text-align:center } .topNewsItm .sinceUA{ margin:-8px 20px 0; position:absolute; right:0;top:0; color:#e30613; font-size:14px; display:block} .topNewsItm p{ color:#000; font-size:13px;line-height:1.5;margin-bottom:10px} .topNewsItm img{margin-bottom:10px } hr.sep{ background:#dde2e4; border:none; height:1px; margin:0} .recentNewsDiv{float:left;width:450px;} #recentNews{margin:0;width:100%} .recentNewstabs{position: relative;background: #333;border-bottom:4px solid #222; height:38px} #recentNews .tabs-nav{position:absolute; top:0; right:0; width:100%} #recentNews .tabs-nav li a{height:38px;line-height:3;padding:0 12px} #recentNews .tabs-nav .tabs-selected a{line-height:2.2;} #recentNews #dropdown_one {background:#222; color:#fff; left:0!important} #recentNews #dropdown_one a { font-size:13px;color:#fff; text-align:right; display:block;padding:10px;} #recentNews #dropdown_one a:hover { background-color:#111} #recentNews #dropdown_one a span{ cursor:pointer} .navMore{ float:left!important;position:absolute; top:0; left:0; width:20px;background: #222222} .moreArrw{background:url(../images/2014/moreLnkIco.png) no-repeat center; display:block; width:20px;height:38px} .newsItem{ padding:10px} .newsItem:hover{background-color:#f7f7f7} .imgLnk{ float:right; margin-left:10px;width:100px; height:67px; position:relative; display:block} .imgLnk img{width:100px!important;height:67px!important;background:#333; display:block} .tabs-container h2{color:#111; font-size:14px; font-weight:normal; margin:5px 0} .tabs-container .cgryName{ color:#ee1b2e; font-size:11px} .imgLnk .photoIco{position:absolute;top:4px; right:0; background:url(../images/2014/videoIco.png) no-repeat 0 0; width:23px; height:19px; margin:0 -5px 0 0} .imgLnk:hover .photoIco{background:url(../images/2014/videoIco.png) no-repeat 0 -157px;} .imgLnk .playIco{position:absolute;top:4px; right:0; background:url(../images/2014/spriteme2.png) no-repeat -10px -1155px; width:23px; height:19px; margin:0 -5px 0 0} .imgLnk .hasryIco{position:absolute;bottom:4px; left:0; background:url(../images/2014/7asry.png) no-repeat 0 0; width:70px; height:16px; margin:0 0 0 -5px} /*load divMore*/ .loadMoreBtn{ color:#fff; direction:rtl; font-size:12px;background:#EE1B2E; border-bottom:4px solid #D2001B;width:85px; margin:15px auto; padding:9px 40px 6px; cursor:pointer; position:relative} .loadMoreBtn a{background:#EE1B2E url(../images/2014/moreBtnIcoW.png) no-repeat left center;display:block; text-align:right; padding:0 5px 0 0;font-family: DroidSansArabicRegular,Tahoma;} .loadMoreBtn a{ color:#fff;} .loaderGif{background:#D2001B; padding:6px 67px 2px; position:absolute; top:0; right:0; text-align:right; line-height:2; display:none} .loaderGif img{ margin:-2px 6px 0 0} #cntntLoaderDiv{ background:#fff; padding:80px; text-align:center} /****** Sports table *******/ .hpMatchesTable{} .hpMatchesTable h2{ color:#fff; line-height:1.8; background:url(../images/2014/spriteme2.png) no-repeat -9.5px -1557px; font-family:DroidSansArabicRegular,Tahoma; font-size:16px; text-align:center; height:42px} .hpMatchesTable h2 a{color:#fff} .matchesTable{ margin:-11px 10px 0; position:relative} /* Tab Menu */ .matchesTable .tabs-nav li{width:33.33%;height:30px;} .matchesTable .tabs-nav li a{height:30px;line-height:2.4; border:0; box-shadow:none} .matchesTable .tabs-nav .tabs-selected a{line-height: 1.8;} .matchesTable .tabs-nav li{width:33.33%;} .matchesTable .tabs-nav > li > a{border-right:none;box-shadow:none} /* Tab Content */ .matchesTable #tab-content{border: 1px solid #d7d7d7;background-color:#eeeeee;height:355px;margin:0;clear:both;padding:0px;display:block} .matchesTable #tab-01{ width:100%} .matchesTable #tab-02{ width:100%} .matchesTable #tab-03{width:100%} .matchesTable .selected a{background-color:#555555;color:#fff} .matchesTable .unselected a{background-color:#333333;color:#fff} .mainMatchesTable .more{ color:#fff; font-size:16px; text-align:center; background:#333; display:block} .mainMatchesTable .more a{ color:#fff} .matchesTable .newsGrid{ border-bottom:1px solid #d7d7d7; position:relative; height:90px; overflow:hidden; padding-left:20px} .matchesTable .newsGrid:hover{ background:#eeeeee} .matchesTable .newsGrid img{ float:right; margin:5px; width:81px; height:80px; padding-left:20px} .matchesTable .newsGrid h2{ padding:15px 0; font-size:16px; font-weight:bold; margin:0} .matchesTable .item{background:#fff; color:#000; font-size:12px; text-align:center;padding: 0 0 10px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7} .matchesTable .item .tourName{font-size: 14px;font-family: DroidSansArabicRegular,Tahoma;font-weight:bold; background-color:#dde2e4; color:#333333; text-align:center; padding:5px} .matchesTable .item p{ text-align: center;font-family: DroidSansArabicRegular,Tahoma;font-size: 13px} .matchesTable .item .teamA{ float:right; width:33%} .matchesTable .item .teamA img, .matchesTable .item .teamB img{height:35px; padding-top:10px} .matchesTable .item .teamA p, .matchesTable .item .teamB p{ display:block; margin:0; padding-top:7px} .matchesTable .item .result{ float:right; width:34%; padding-top:15px} .matchesTable .item .teamB{ float:right; width:33%} .matchesTable .item .result{font-family:Century Gothic,Tahoma; font-size:30px} .matchesTable .item .result span{color:#999; font-size:15px; text-align:center} .matchesTable .item .status a{ background:#aaaaaa; color:#fff; font-size:12px; display:block} .status { position:relative; margin:-7px auto 0; width:70%} .status span{background:#aaa; color:#fff!important; font-size:12px!important; display:block} .hpMatchesTable .more{ color:#fff; font-size:14px; text-align:center; background:#333; display:block;font-family: DroidSansArabicRegular,Tahoma;padding:3px 0} .hpMatchesTable .more:hover{background:#EE1B2E;} /******* POLL *******/ .poll{float:right} .clip1{width:300px} .clip1 h1{font-size: 16px;font-family: DroidSansArabicRegular,Tahoma;font-weight:normal;background: #333;border-bottom: 4px solid #222;width: 270px;padding: 7px 15px 4px;direction:rtl} .clip1 h1 a{color:#fff} .clip1 .clipcn{width:300px;position:relative} .clip1 .clipcn h2{/*font-family: TheSansArabic-Bold,Tahoma; */font-weight:bold;font-size: 16px;float: right;padding:0;margin:16px 5px 10px;direction:rtl;line-height:2} .clip1 .clipcn .pollres{float:right;width:300px;border-bottom:1px solid #dde2e4;position:relative;direction:rtl} .clip1 .clipcn .pollres p{font-size: 16px;direction:rtl;padding:5px 0} .clip1 .clipcn .pollres p input{margin:0 20px 0 10px;float:right} .clip1 .clipcn .pollres #ErrMsg{color:#ee1b2e;font-weight:bold} .clip1 .clipcn .pollres .tasweet{background:url(../images/2014/spriteme2.png) no-repeat -10px -1619px;width:77px;height:32px;position:absolute;left:64px;bottom:0;border:0;margin:0} .clip1 .clipcn .pollres .tasweet:hover{background:url(../images/2014/tasweetBtnHover.png) no-repeat} .clip1 .clipcn .pollres .tasweet{overflow: hidden;text-indent: -9999px;} .clip1 .clipcn .pollres #divPrevQues{float:right;font-size: 13px;direction:rtl;font-family: DroidSansArabicRegular,Tahoma;margin:0 0 6px 0;} .clip1 .clipcn .pollres #divPrevQues:hover{ text-decoration:underline} .clip1 .clipcn .pollres .poll-total{margin: 5px 5px 20px 0;font-weight: bold;} .clip1 .clipcn .pollres .poll-total a{color:#999} .clip1 .clipcn .poll-result {font-size:14px;margin-right:5px;direction:rtl} .clip1 .clipcn .poll-result span{font-weight:bold} .clip1 .clipcn .poll-chart{margin-bottom:15px;margin-right:5px} .shar {bottom: 1px;left: 0;position: absolute;} .liveIcon{background:#EE1B2E!important; color:#fff!important; font-size:12px!important; display:block} .clip1 .shar .fbPollShare {background:url(../images/2014/spriteme2.png) no-repeat -10px -1671px;width:32px;height:32px;position:relative;left:0;bottom:0;border:0;margin:0;float:left} .clip1 .shar .fbPollShare:hover {background:url(../images/2014/fbShareBtnHover.png) no-repeat} .clip1 .shar .twPollShare {background:url(../images/2014/spriteme2.png) no-repeat -10px -1723px;width:32px;height:32px;position:relative;left:0;bottom:0;border:0;margin:0;float:left} .clip1 .shar .twPollShare:hover {background:url(../images/2014/twShareBtnHover.png) no-repeat} /** Radio 90.90 **/ .radio90{width:300px;border-bottom:1px solid #dde2e4} .radio9090Div{width:300px;background:#ecf0f1} .radio9090Div .ttl {background: #3695d7;font-family: DroidSansArabicRegular,Tahoma;color: #fff;display: block!important;font-size: 16px;margin-bottom: 10px;position: relative;height: 37px;} .radio9090Div .ttl h1{font-size: 16px;display: block;background: #3395d7;border-bottom: 4px solid #287eb6;padding: 7px 15px 6px;font-weight: normal;} .radio9090Div .ttl h1 span{font-family:arial;margin-right:5px} .radioPlayer{width:300px;height:87px;position: relative} .radioPlayer .mess{background: url(../images/2014/spriteme2.png) no-repeat -10px -1519px;width: 88px;height: 18px;position: absolute;right: 0;top: 63px;margin: 0 -5px 0 0;} /** Today News **/ .todayNewsDiv{float:right;width:630px;position:relative} .todayNewsDiv #loaderDivCategoriesAll{display:none;height:0!important} .todayNewsDiv #loaderDivCategoriesAll img{display:none} .todayNewsDiv .todayNewsTabs{position: relative;background: #333;height:42px;} .todayNewsDiv .todayNewsTabs .tabs-nav{position:absolute; top:0; right:0; width:100%} .todayNewsDiv .todayNewsTabs .tabs-nav li a {height: 38px;line-height: 3;padding: 0 6.7px;border-bottom: 4px solid #222;} .todayNewsDiv .todayNewsTabs .tabs-nav .active {background-color:#ee1b2e; border-bottom:4px solid #d2001b;outline: 0;line-height:3} .todayNewsDiv .todayTabsContainer{width:100%} .todayNewsDiv #cntntLoaderDiv{ background:#fff; padding:80px; text-align:center} .todayNewsDiv .todayTabsContainer .nlist{border-bottom: 1px solid #dde2e4;color:#000;font-size:15px;padding:10px 0;direction:rtl} .todayNewsDiv .todayTabsContainer .nlist:hover{background-color:#eee;} .todayNewsDiv .todayTabsContainer .nlist a{ font-weight:bold} .todayNewsDiv .todayTabsContainer .nlist span{color:#999;border:0;padding: 0 0 0 10px; display:inline-block} .todayNewsDiv .archivepaging {margin-top:60px} .todayNewsDiv .archivepaging .next{position:absolute;width:163px;height:37px;bottom:0;left:100px;background:url(../images/2014/todayNext.png) no-repeat} .todayNewsDiv .archivepaging .prev{position:absolute;width:163px;height:37px;bottom:0;right:100px;background:url(../images/2014/todayPrev.png) no-repeat} /** Calendar **/ .hasDatepicker{width:300px;height:295px} .ui-helper-clearfix {display: block;width: 300px;z-index: 900;} .ui-datepicker .ui-datepicker-header {position: relative;background: #ee1b2e;z-index: 40;border-bottom: 4px solid #d2001b} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 14px;cursor: pointer;color:#fff;background:none!important} .ui-datepicker .ui-datepicker-prev {left: 10px;} .ui-icon {display: block;overflow: hidden;background-repeat: no-repeat;font-size: 11px;width: 40px;} .ui-datepicker span {cursor: pointer!important;} .ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity: .35;filter: Alpha(Opacity=35);background:#d5d5d5} .ui-datepicker .ui-datepicker-next {right: 10px;} .ui-datepicker .ui-datepicker-title {margin: 0 5px;text-align: center;color: #fff;padding: 5px 0;font-size:20px} .ui-datepicker table {width: 100%;font-size: 10px;border-collapse: collapse;margin: 0 0 .4em;background: #eee} .ui-datepicker th {padding: 7px 3px;text-align: center;font-weight: normal;font-size:11px;border: 0;color: #000;color: #fff;background: #333;} .ui-datepicker td {border: 1px solid #fff} .ui-datepicker td:hover{background:#d8d8d8} .ui-state-disabled {cursor: default!important;} .ui-state-default, .ui-widget-content .ui-state-default {font-weight: normal;text-align: center;color: #333;outline: none;font-size:15px} .ui-datepicker td span, .ui-datepicker td a {display: block;width:39px;height: 34px;text-align: right;text-decoration: none;line-height: 2.4} .ui-widget-content a.ui-state-active {background: #ee1b2e;color: #fff;} /** E3lanat **/ .e3lanatDiv{margin:10px 0;background: #fff;position: relative;border-bottom: 1px solid #dde2e4;float:right} .e3lanatDiv .ttl{ background:#333;font-family:DroidSansArabicRegular,Tahoma;color:#fff; font-size:16px;} .e3lanatDiv .ttl h1{font-size:16px; float:right;background:#333; border-bottom:4px solid #222;width:160px; padding:7px 15px 6px;font-weight:normal} .e3lanatDiv .ttl h1 a{color:#fff} .e3lanatDiv .ttl .addAds{ font-size:13px;display:block;color:#fff;background:url(../images/2014/addE3lan.png) no-repeat 10px center #ee1b2e; border-bottom:4px solid #d2001b; float:left; line-height: 2;padding: 5px 10px 4px 0;width: 100px;direction:rtl} .e3lanatDiv .ClassifiedsContent {background: none repeat scroll 0 0 #fff;display: inline-block;position: relative;width: 300px;border:0;margin:0} .e3lanatDiv .ClassifiedsContent .InsideCntnt {height: auto;width: 300px;border-radius:0;margin:0} .e3lanatDiv .ClassifiedsContent .InsideCntnt li {float: right;height: auto;width: 295px;margin:0} .e3lanatDiv .ClassifiedsContent .InsideCntnt li img{float:right;width:193px;height:97px;padding:10px 2px 10px 10px; border:1px solid #eee} .e3lanatDiv .ClassifiedsContent .InsideCntnt li span{float:right;width:85px;color:#000;direction:rtl; font-size:15px;padding: 10px 0 10px 2px;height: 94px;overflow: hidden;text-align:right;font-weight:bold} .e3lanatDiv .ClassifiedsContent .InsideCntnt li .pricecont{color: #fff;background: url(../images/2014/spriteme2.png) no-repeat -10px -1414px;width: 68px;height: 25px;line-height: 1.7;font-family: Myriad Pro,Tahoma;font-size: 12px;display: block;padding: 5px 0;text-align: center;position: absolute;left: 100px;top: 73px;margin:-4px 0 0 -2px;} .e3lanatDiv .ClassifiedsContent .ADmorelinks{width:300px;background:#eee} .e3lanatDiv .ClassifiedsContent .ADmorelinks a{background:#eee;font-size:16px;font-family:DroidSansArabicRegular,Tahoma;text-align:center;color:#333!important;font-weight:normal;float:right;padding:5px 24.5px} .e3lanatDiv .ClassifiedsContent .ADmorelinks a:hover{background:#999;color:#eee!important} .e3lanatDiv .ClassifiedsContent .ADmorelinks span{border-left: 1px solid #dde2e4;height: 32px;margin:0;display:block;float:right} .endLBDiv{width:100%;float:right;margin:0 0 30px} .endLB{background: #ccc;width: 728px;height: 90px;margin:0 auto} /** Policy Page **/ .policyDiv{float: right;width: 630px;position: relative;} .policyDiv u{color:#fff;font-size:16px;font-family:DroidSansArabicRegular,Tahoma;font-weight:normal;text-decoration: none} .policyDiv p{padding:0 15px 10px; font-size:16px;color:#000;} .policyDiv p strong{font-size:17px} .policyDiv ul{margin-top:10px;padding: 0 20px;} .policyDiv li{ font-size:16px;color:#000} .policyDiv li span{width:7px;height:7px;background:#ee1b2e;float: right;margin: 6px 0 0 10px} /** Previous Polls Page **/ .prevPolDiv{float: right;width: 630px;position: relative;} .prevPolDiv h1{width:610px;background:#333;border-bottom: 4px solid #222;text-align:right;padding:8px 20px 8px 0;color:#fff;font-size:16px;font-family:DroidSansArabicRegular,Tahoma;font-weight:normal;text-decoration: none} .prevPolDiv .nlist {border-bottom: 1px solid #dde2e4;color: #000;font-size: 15px; font-weight:bold;padding: 10px 0;direction: rtl;} .prevPolDiv .nlist:hover{ background-color:#eee} .prevPolDiv .nlist a{margin-right:10px;direction:rtl} .prevPolDiv #pager {direction: rtl;margin: 20px 100px 0 0;float: right;} .prevPolDiv #pager span{} .prevPolDiv #pager .morbtn {background: #777;color: #fff;font-size:16px;font-weight:normal;padding:5px 23px;border:0;float:right;margin:0 2px} .prevPolDiv #pager .active {background: #ee1b2e!Important;border: none!Important;padding: 5px 15px!Important;font-size:15px;color: #fff!Important;display: inline-block;float:right;margin:0 2px} .prevPolDiv #pager a {padding: 5px 15px!Important;font-size:15px;background:#333;float:right;color:#fff;margin:0 2px} .prevPolDiv #pager a:hover{background:#777} /** Poll Details Popup **/ .modal-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background: #000;opacity: .75;filter: alpha(opacity=75);-moz-opacity: 0.75;z-index: 10100000;} .modal-window {position: fixed;top: 50%;left: 50%;margin: 0;padding: 0;z-index: 100000000;padding: 15px;} #myModal iframe {border: 10px solid #000;background: #fff url(../images/2014/spriteme2.png) no-repeat -10px -260px} #myModal .close-window {position: absolute;width: 27px;height: 27px;left: 30px;top: 30px;background:url(../images/2014/closePopup.png) no-repeat 0 0;text-indent: -99999px;overflow: hidden;cursor: pointer;opacity: .3;filter: alpha(opacity=30);-moz-opacity: 0.3;z-index: 1000000000;} #myModal .close-window:hover{opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1} /** Search Result Page **/ .searchResDiv{float: right;width: 630px;position: relative;} .searchResDiv h1{width:610px;background:#333;border-bottom: 4px solid #222;text-align:right;padding:8px 20px 8px 0;color:#fff;font-size:16px;font-family:DroidSansArabicRegular,Tahoma;font-weight:normal;text-decoration: none} .searchResDiv .nlist {border-bottom: 1px solid #dde2e4;color: #000;font-size: 14px;padding: 10px 0;direction: rtl;} .searchResDiv .nlist > a{margin-right:10px;direction:rtl;font-weight:bold;color:#000;font-size: 17px} .searchResDiv .nlist > a:hover{ text-decoration:underline} .searchResDiv .nlist p{margin:10px 10px 0 0;direction:rtl;color:#333;font-size: 15px} .searchResDiv #pager {direction: rtl;float:right;margin-top:20px} .searchResDiv .paging-popup {background: #ee1b2e!Important;border: none!Important;padding: 5px 15px!Important;font-size:15px;color: #fff!Important;margin: 0 2px;} .searchResDiv #pager a {padding: 5px 15px!Important;font-size:15px;background:#333;color:#fff;margin:0 2px} .searchResDiv #pager a:hover{background:#777} .searchResDiv #pager .more{font-family:DroidSansArabicRegular,Tahoma;background: #777;color: #fff;font-size:15px;font-weight:normal;padding: 5px 10px 5px 0;border:0;margin: 0 16px 0 0;} .searchResDiv #pager .more a{background:#555;margin: 0 8px 0 0;} /** Contact Us Page **/ .contactUsDiv{float: right;width: 630px;position: relative;} .contactUsDiv h1{width:610px;background:#333;border-bottom: 4px solid #222;text-align:right;padding:8px 20px 8px 0;color:#fff;font-size:16px;font-family:DroidSansArabicRegular,Tahoma;font-weight:normal;text-decoration: none} .contactUsDiv .note{float:right;margin:15px 0;padding:0;font-size:20px;color:#000} .contactUsDiv .contactMsgs{float:right;width: 630px;height:50px} .contactUsDiv .contactMsgs .succes-msg{width:580px;background:url(../images/2014/sccMsgImg.png) no-repeat 595px center #2ecc71;text-align:right;padding:5px 50px 8px 0;color:#fff;font-size:14px;font-weight:normal;float:right} .contactUsDiv .contactMsgs .error-msg{width:580px;background:url(../images/2014/errMsgImg.png) no-repeat 595px center #ee1b2e;text-align:right;padding:5px 50px 8px 0;color:#fff;font-size:14px;font-weight:normal;float:right} .contactUsDiv .divJoin{float:right;width:630px} .contactUsDiv .divJoin ul li{width:100%;margin:5px 0;height:55px} .contactUsDiv .divJoin ul li label{float:right;font-size:15px;font-weight:bold;direction:rtl;margin-top: 6px;color:#000} .contactUsDiv .divJoin ul li label span{color:#ee1b2e;font-weight:bold} .contactUsDiv .divJoin ul li input{float:left;width:500px;height:28px;border:1px solid #dde2e4;text-align:right;direction:rtl;font-size:13px;font-size:16px; font-weight:normal} .contactUsDiv .divJoin ul li select{float:left;width:504px;height:32px;border:1px solid #dde2e4;text-align:right;direction:rtl;font-size:13px;color:#777} .contactUsDiv .divJoin ul li textarea{float:left;width:500px;height:125px;border:1px solid #dde2e4;text-align:right;direction:rtl} .contactUsDiv .divJoin ul li .errtMsg{float: right;margin-right: 128px;font-size: 11px;} .contactUsDiv .captchaDiv{float:right;width:100%;margin-top:20px} .contactUsDiv .captchaDiv p{text-align:center} .contactUsDiv .divsubmit{float:right;width:100%;margin-top:20px} .contactUsDiv .divsubmit .submit{ font-family:DroidSansArabicRegular;float:left;background:#ee1b2e;border-bottom:4px solid #d2001b;color:#fff;padding:8px 40px;border-top:0;border-right:0;border-left:0;font-size:12px} .contactUsDiv .divsubmit a{ font-family:DroidSansArabicRegular;float:left;background:#eee;border-bottom:4px solid #e6e6e6;color:#000;padding:8px 20px;font-size:12px;margin-left:20px} .ClipAdsHdr, .NextNav, .PreviousNav, .AddClassified {background: url("../images/smallMasterBW.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);} .ClipAdsHdr {background-position: 0 0;height: 29px;width: 300px;} .NewClassifieds {background: none repeat scroll 0 0 #B72E23;border-radius: 4px;margin-top: 15px;} .ClassifiedsContent {background: none repeat scroll 0 0 #EBEBEB;border: 1px solid #C7C7C7;border-radius: 4px;display: inline-block;margin: 0 1px 6px;position: relative;width: 296px;} .ClassifiedsContent .InsideCntnt {background: none repeat scroll 0 0 #FFFFFF;border-radius: 4px;height: 180px;margin: -9px auto 8px;width: 290px;} .InsideCntnt li {float: right;height: 165px;margin: 6px 0 0;padding: 0 5px 0 0;text-align: center;width: 280px;} .InsideCntnt li a {color: #3E6586 !important;font-size: 15px;font-weight: bold;} .pricecont {background: none repeat scroll 0 0 #E7E7E7;color: #666666;direction: rtl;display: inline-block;font-size: 12px;height: 18px;text-align: center;width: 80px;} .liSep {border-left: 1px solid #CDCDCD;float: right;height: 162px;margin-right: 9px;margin-top: 5px;} .ClassifiedsContent .Selection {background: -moz-linear-gradient(center top , #CACACA, #EBEBEB) repeat scroll 0 0 rgba(0, 0, 0, 0);border-radius: 4px;height: 32px;padding-top: 12px;width: 294px;} .ClassifiedsContent .Selection .ulbtn {cursor: pointer;margin-left: 0;} .floatRight, .ClassifiedsContent .Selection .ulbtn {float: right;margin: 0 2px 7px 0;} .ADmorelinks {direction: rtl;float: left;} .ADmorelinks a {color: #3E6586 !important;display: inline-block;font-size: 15px;font-weight: bold;text-align: center;width: 50px;} .ADmorelinks span {border-left: 1px solid #939191;display: inline-block;height: 12px;margin-right: 6px;} .navArrows {height: 22px;left: 7px;position: absolute;top: -19px;width: 50px;} .navArrows .NextNav {background-position: -31px -32px;display: inline-block;float: right;height: 22px;width: 24px;} .navArrows .PreviousNav {background-position: -2px -32px;display: inline-block;float: left;height: 22px;width: 24px;} .AddClassified {background-position: -183px -33px;display: inline-block;height: 23px;width: 116px;} .ClAdDisc {direction: rtl;display: block;margin-bottom: 3px;} .Selection .ulbtn a {cursor: pointer;} .ClassifiedsContent .searcherror {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #FF0000;margin-bottom: 6px;padding-right: 7px;text-align: right;} /********** Version 2 **********/ /** Most News **/ .clip3{width:632px;direction:rtl;margin-top: 15px;border-bottom: 1px solid #dde2e5;float: right;} .latestnews {width: 199px;float: right;margin: 0px 5px 5px 5px;text-align: right;} .latestnews:after {display: block;clear: both;content: " ";} .latestmain {padding: 4px;margin: 0 0 5px 0;} .latestmain:hover{ background-color:#eee; cursor:pointer} .latestmain a {font-size: 15px; font-weight:bold;direction: rtl;text-decoration: none;color:#000} .latestmain > a{display: block;height:145px;overflow:hidden;} .latestmain img {display: block;margin-bottom:5px;border: 1px solid #d7d7d7;} /** Islamyat **/ .islamicDiv{width:309px;float: right;} #islamic{width:309px;float: right;height: 347px!important;text-align: right;background:#fff;border-bottom: 1px solid #dde2e5;position:relative} #islamic .tb { background:#EEEEEE} #islamic .tb:after {display: block;clear: both;content: " ";} #islamic .newsSummary {padding:10px 15px; margin:10px 0;position: relative;direction: rtl;float:right} #islamic .newsSummary:hover{ background:#eee; cursor:pointer} #islamic .tb li {float: right;margin: 0;padding: 0;} #islamic .tb li a {padding:8px 28px;font-size: 14px; font-weight:bold;text-decoration: none;color: #333;display: inline-block;background:#eee;border-left: 1px solid #aaa;} #islamic .tb li a:hover{background: #c7c7c7} #islamic .tb li .active {background: #fff!Important;color: #000!Important;display: inline-block;} #islamic .prytime{font-size:14px} #islamic .prytime .countryName{width:100%;margin-top:15px} #islamic .prytime .cityName{width:100%;margin:5px 0 15px 0} #islamic .prytime p{direction:rtl;text-align: center;padding: 5px 0;background:#eee;margin-bottom: 10px; font-weight:bold} #islamic .prytime .day{float:none;font-weight:bold;background:#ccc;margin:15px 0 0;padding:8px 0} #islamic .prytime label {float: right;padding: 4px 10px;width:60px} #islamic .pray{width:100%} #islamic .pray li {width: 41px;float: right;margin: 0 5px;text-align: center;padding: 5px;} #islamic .pray .sel {border: 1px solid #333;background: #ccc;color: #000;} #islamic .pray .alter {background: #f3f3f3;} #islamic .sel1 {direction: rtl;width:170px;padding: 3px 0;} #islamic .linkfx2 {width: 168px;float: right;font-size: 14px;font-weight: bold;direction: rtl;} #islamic .ctitle {font-size: 16px;font-weight: bold;direction: rtl;} #islamic .newsSummary img {float: right;margin: 0 0 0 10px;} #islamic .newsSummary p {text-align: right;direction: rtl;float: right;font-size: 13px;color: #777;padding: 10px 8px;display:none} #islamic .mornews {direction: rtl;text-align: right;margin: 10px 15px;} #islamic .mornews li {direction: rtl;text-align: right;margin-bottom: 15px;float: right;width: 258px;line-height:1} #islamic .mornews span {width: 10px;height: 10px;background: #ee1b2e;float: right;margin: 6px 0 0 10px;} #islamic .mornews li a {direction: rtl;text-align: right;font-size: 15px;color: #000;} #islamic .mornews li a:hover{ text-decoration:underline} #islamic .ulbtn {display: block;margin: 0 30px;} #islamic .ulbtn li {margin: 0;float: right;display: inline-block;} #islamic .ulbtn .rig {background-position: -365px -31px;} #islamic .ulbtn a {font-family:DroidSansArabicRegular,Tahoma;padding: 5px 0;color: #fff!Important;display: inline-block;font-size: 12px;background:#333;position: absolute;bottom: 10px;left: 0;width: 310px;text-align: center;} #islamic .ulbtn .lef {width: 4px;background-position: -352px -31px;} #islamic .ulbtn a:hover {color:#eee!Important;background:#EE1B2E;} #loaderislamic{background-color:#FFFFFF;position: absolute;text-align: center;width: 310px!important;z-index:9; height:340px!important;margin:0;} #loaderislamic img{ padding:125px 0} /** Women **/ .womenDiv{width:309px;float: right;margin-right: 14px;} #women{width: 309px;height: 347px!important;float: right;text-align: right;background:#fff;border-bottom: 1px solid #dde2e5;position:relative} #women .tb { background:#EEEEEE} #women .tb:after {display: block;clear: both;content: " ";} #women .newsSummary {padding:10px 15px; margin:10px 0;position: relative;direction: rtl;float:right} #women .newsSummary:hover{ background:#eee; cursor:pointer} #women .tb li {float: right;margin: 0;padding: 0;} #women .tb li a {padding: 8px 21px;font-size: 14px; font-weight:bold;text-decoration: none;color: #333;display: inline-block;background:#eee;border-left: 1px solid #aaa;white-space:nowrap} #women .tb li a:hover{background: #c7c7c7} #women .tb li .active {background: #fff!Important;color: #000!Important;display: inline-block;} #women .linkfx2 {width: 168px;float: right;font-size: 14px;font-weight: bold;direction: rtl;} #women .ctitle {font-size: 16px;font-weight: bold;direction: rtl;} #women .newsSummary img {float: right;margin: 0 0 0 10px;} #women .newsSummary p {text-align: right;direction: rtl;float: right;font-size: 13px;color: #777;padding: 10px 8px;display:none} #women .mornews {direction: rtl;text-align: right;margin: 10px 15px;} #women .mornews li {direction: rtl;text-align: right;margin-bottom: 15px;float: right;width: 258px; line-height:1} #women .mornews span {width: 10px;height: 10px;background: #ee1b2e;float: right;margin: 6px 0 0 10px;} #women .mornews li a {direction: rtl;text-align: right;font-size: 15px;color: #000;} #women .mornews li a:hover{ text-decoration:underline} #women .ulbtn {display: block;margin: 0 30px;} #women .ulbtn li {margin: 0;float: right;display: inline-block;} #women .ulbtn .rig {background-position: -365px -31px;} #women .ulbtn a {font-family:DroidSansArabicRegular,Tahoma;padding: 5px 0;color: #fff!Important;display: inline-block;font-size: 12px;background:#333;position: absolute;bottom: 10px;left: 0;width: 310px;text-align: center;} #women .ulbtn .lef {width: 4px;background-position: -352px -31px;} #women .ulbtn a:hover {color:#eee!Important;background:#EE1B2E;} #loaderwomen{background-color:#FFFFFF;position: absolute;text-align: center;width: 310px!important;z-index:9; height:340px!important;margin:0;} #loaderwomen img{ padding:125px 0} /** Instagram **/ .instagramHP{width:632px;border-bottom: 1px solid #dde2e5;float: right;margin-bottom: 20px!important;} .instagramHP h1{font-size: 18px;font-family: DroidSansArabicRegular,Tahoma;font-weight: normal;background:url(../images/2014/instagramLogo.png) no-repeat 20px 8px #333;border-bottom: 4px solid #222;padding: 7px 15px 4px;direction: rtl;color:#fff} .instagramHP h1 a{color:#fff;} .instagramHP .instagramContent {float:right;display:block;overflow:hidden} .instagramHP .instagramContent .instagramCat{float:right;width:125.4px;border-right: 1px solid #f8f8f8;box-shadow: 1px 0 0 0 #d8d8d8;} .instagramHP .instagramContent .instagramCat .conTtl a{background:#f1f1f1;padding: 10px 0;float: right;font-size: 16px;font-family: DroidSansArabicRegular,Tahoma;font-weight: normal;width: 125.4px;text-align: center;} .instagramHP .instagramContent .instagramCat .conTtl a:hover{background:#777;color:#fff!important} .instagramHP .instagramContent .instagramCat img{width:125px;height:155px} .instagramHP .instagramContent .instagramCat .Tage a{background:#eee;padding: 5px 0;float: right;font-size: 14px;font-family: DroidSansArabicRegular,Tahoma;font-weight: normal;width: 125.4px;text-align: center;height:20px;overflow:hidden;line-height: 1.7;} .instagramHP .instagramContent .instagramCat .Tage a:hover{background:#ee1b30;color:#fff!important} /** Clips **/ .restofnews .latestnews {width: 200px;float: right;margin:0 5px;text-align: right;border-bottom: 1px solid #dde2e5;} .restofnews{margin-top:-15px!important;border:none} .restofnews .latestmain img {margin-top:0;border: 1px solid #d7d7d7; width:99%} /******articleCntnt*******/ .articleCntnt{} .articleCntnt h1{font-size:26px;direction:rtl; margin:0 0 20px 10px} .brdCrmb{direction:rtl;font-size:12px; color:#b5b5b5; float:right;padding: 0 15px 0;} .brdCrmb a {color:#b5b5b5} /*.socialArea{ float:left; width:420px} .socialArea > div{ float:left; }*/ .articleCntnt ul{ margin:0 0 25px} .articleCntnt ul li{background: url("../images/2014/redBullet.jpg") no-repeat scroll right 7px rgba(0, 0, 0, 0); color: #000000;font-size: 15px; font-weight:bold;margin: 0 0 20px;padding: 0 15px 0 0;} .articleCntnt ol { margin:0 0 25px;counter-reset: item; padding:0 20px 0 0; position:relative} .articleCntnt ol li { color: #000000;font-size: 15px;margin: 0 0 10px;line-height: 1.7;display: block } .articleCntnt ol li:before { content: counter(item) ". "; counter-increment: item;color:#ee1b2e;position: absolute;right: 0;} /* .socialArea {margin: 5px;width: 100%;} .socialArea .google, .socialArea .twitter, .socialArea .msnShare { float: left;padding-right: 10px;text-align: left;width: 90px;} .socialArea .facebook { float: left;padding-right: 10px;text-align: left;width:140px;} .msnShare{display:none} */ .socialControl { margin-bottom: 10px;overflow: hidden;} .GplusArticleIcon, .twitterBtn, .FbArticleIcon {display: block;} .social-share {color: #fff;cursor: pointer;float: left;margin-left: 4px;padding: 2px 7px 0;} .social-text {direction: ltr;float: left;font-size:75%;padding: 8px;vertical-align: bottom; line-height:1; color:#fff} .social-text:hover{ color:#ddd} .facebookBtn {background-color: #2d609b} .FbArticleIcon {background: url("../images/fIco.png") center no-repeat;float: left;height: 28px;width:11px;} .twitterBtn {background-color: #00c3f3;} .twitterArticleIcon {background: url("../images/twitterIco.png") center no-repeat;float: left;height: 28px;width: 25px;} .GPlusBtn {background-color: #d34836;} .GplusArticleIcon {background: url("../images/googleIco.png") center no-repeat;float: left;height: 28px;width:20px;} .caption{ margin:15px 0; text-align:center} .caption img{ width:512px; border:1px solid #eee} .caption p{ text-align:center; color:#777; font-size:12px; margin:10px} #content, #contentJokes{ font:bold 16px arial } #content p, #contentJokes p{ font:bold 16px arial;margin:0 0 15px 0; line-height:2; color:#494949} #content a{ text-decoration:underline; color:#666666} .videoHolder{ padding:20px 15px} /*#content strong{font-size:14px} #content img{width:500px;height:250px;margin: 5px 70px;} #content iframe{width:500px;height:375px;margin:0 70px}*/ #txtad { display: none; } .relatedDiv{ margin-bottom:15px; padding-bottom:10px} .relatedDiv h4{background-color:#333333;color: #FFFFFF;font-family: DroidSansArabicRegular,Tahoma;font-size: 18px;margin: 5px 0; border-bottom: 4px solid #222222;font-weight: normal;padding: 7px 15px 3px; display:block} .relatedDiv .latestnews {float:right; width:33.3%; height:155px; margin:0!important} .relatedDiv .latestmain{ padding:5px; direction:rtl; margin:0} .relatedDiv .latestmain a{ display:block;text-align:right; color:#333; font-size:14px; font-weight:bold} .relatedDiv .latestmain a:hover{ text-decoration:underline} .relatedDiv .latestmain img{display:block;width:195px; margin:0 auto 5px} .relatedDiv .relatedDiv:after {display: block;clear: both;content: " ";} #Iframe1, .MobileBoxDiv{ font-family: DroidSansArabicRegular,Tahoma;float:left;margin-right:22px; width:268px;height:230px; padding:10px 20px;overflow:hidden; background-color:#f4f4f4; border:1px solid #dde2e5; } .MobileBoxDiv{ text-align:center; direction:rtl} .MobileBoxDiv h3{text-align:center; font-size:20px; color:#333; font-weight:normal; padding:0 50px; margin-bottom:15px} .MobileBoxDiv iframe{} .MobileBoxDiv p{ font-size:12px;text-align:center; color:#777; margin-bottom:10px;} .MobileBoxDiv ul{ font-size:12px;color:#777;margin: 0 auto;text-align: right;width: 210px;} .MobileBoxDiv li{ padding-bottom:3px} .MobileBoxDiv li span{ display: inline-block;height: 9px;margin: 0 0 0 7px;text-align: right;width: 9px;} .MobileBoxDiv li.mobinil span{background:#ff8800; } .MobileBoxDiv li.vodafone span{background:#e51937; } .MobileBoxDiv li.etisalat span{background:#2ecc71;} #txtMsisdn {margin-left:0!important;width:154px!important} .scndShowcase{float: left;margin: 0;width: 300px; overflow:hidden; background:#eee} /*.scndShowcase .adTtl{ display:none}*/ .GoogleAds{ float:right; width:300px; overflow:hidden} .provider { clear: both; direction: ltr; text-align: right; font-size:18px; width: 632px;} .provider p{font-family:DroidSansArabicRegular,Tahoma;color:#333333;font-size: 14px;margin-bottom: 5px; } .topProviderImg{ display :block} a.BBC-fotter { background: url("../images/BBC_fotter.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 46px; width: 641px; margin-top:5px; } .newspointer{display: block;clear: both; float:none} #newspointercontent h2{background-color:#333333;color: #FFFFFF;font-family: DroidSansArabicRegular,Tahoma;font-size: 18px;margin-bottom: 5px; border-bottom: 4px solid #222222;font-weight: normal;padding: 7px 15px 3px; display:block} #most{ border-bottom:1px solid #dee2e5} #most h1{background-color:#333333;color: #FFFFFF;font-family: DroidSansArabicRegular,Tahoma;font-size: 18px;margin-bottom: 15px; border-bottom: 4px solid #222222;font-weight: normal;padding: 7px 15px 3px; display:block} #MoreNewsList li{background: url("../images/2014/redBullet.jpg") no-repeat scroll right 7px rgba(0, 0, 0, 0); color: #000000;font-size: 15px; font-weight:bold;margin: 0 0 20px;padding: 0 15px 0 0;} #MoreNewsList li a:hover{ text-decoration:underline} #new{border-bottom:1px solid #dee2e5} #new h1{background-color:#333333;color: #FFFFFF;font-family: DroidSansArabicRegular,Tahoma;font-size: 18px;margin-bottom: 5px; border-bottom: 4px solid #222222;font-weight: normal;padding: 7px 15px 3px; display:block} #new > div{color: #000000;font-size: 13px;margin:0 0 20px;} #new > div a{ display:block} #new > div img{ float:right; margin:0 0 0 5px} #sky{ text-align:center;background-color:#f4f4f4; padding:15px} .keywordsDiv{float: right;width: 100%; margin-top:20px} .keywordsTtl{float:right} .keywordsDiv h3 { background-color: #EEEEEE; border-bottom: 4px solid #E6E6E6; color: #333333; float: right; font-family: DroidSansArabicRegular,Tahoma; font-size: 13px; font-weight: normal; height: 33px; line-height: 2.9; padding: 0 50px 0 25px; position: relative; margin-left:15px } .keywordsDiv h3 span { background-color: #EE1B2E; border-bottom: 4px solid #D2001B; color: #FFFFFF; font-family: arial,Tahoma; font-size: 25px; height: 33px; line-height: 1.5; padding: 0 10px; position: absolute; right: 0; top: 0; } .kewywords{padding: 0;float:right;width:440px} .kewywords a{ float:right; background:#333; margin:0 0 10px 10px; line-height:2.7; padding:0 20px; height: 38px; color:#fff;font-size:14px; font-weight:bold} .kewywords a:hover{ background-color:#EE1B2E} .kewywords:after {display: block;clear: both;content: " ";} #newspointercontent h2{background-color:#333333;color: #FFFFFF;font-family: DroidSansArabicRegular,Tahoma;font-size: 18px;margin-bottom: 5px; border-bottom: 4px solid #222222;font-weight: normal;padding: 7px 15px 3px; display:block} #mclip{} #mclip h1{font-size: 23px;margin-bottom: 5px;font-weight: normal;padding: 7px 15px 3px; display:block} #mclip .date{display:block;} .listItem:after {display: block;clear: both;content: " ";} .listItem{position:relative;font-size: 12px; color:#000; display:block; border-bottom:1px solid #dde2e5; padding:5px} .listItem .caption img{ width:300px ; border:1px solid #eee} .imgLnk{ position:relative;display:inline-block; float:right; margin:0 0 0 10px} .imgLnk .photoIco{position:absolute;top:4px; right:0; background:url(../images/2014/videoIco.png) no-repeat 0 0; width:23px; height:19px; margin:0 -5px 0 0} .imgLnk:hover .photoIco{background:url(../images/2014/videoIco.png) no-repeat 0 -157px;} .listItem:hover{background:#f9f9f9;} .listItem h2{font-size: 15px; font-weight:bold} .listItem .section{color:#aaaaaa;font-size:14px; font-weight:bold;margin-bottom:2px} .listItem .date{color:#ed1c2f;} .listItem .imgLnk { width:104px} .mrLnk{font-size: 11px;color:#1867b4; font-family:DroidSansArabicRegular;position:absolute; left:0; bottom:0; margin:0!important;background: url("../images/2014/listMoreIco.png") no-repeat scroll left bottom;padding:3px 10px 3px 15px;} .mrLnk:hover{ background:#dde2e5; color:#333} .topNewsData > .listItem > a{ display:none} .topNewsData > .listItem > .date{background: url("../images/2014/timeIco.jpg") no-repeat scroll right center; margin-bottom: 5px;padding:0 15px 0 0;color: #999999;} .NewsToday_icon{ background: url("../images/2014/newsTodayIco.jpg") no-repeat scroll right center rgba(0, 0, 0, 0); color: #999999; display: block; font-size: 12px; margin: 30px auto; padding: 9px 62px 11px 19px; text-align: center; width: 86px; display:none; } .followMasrawy{ border-bottom:1px solid #dde2e4; border-top:1px solid #dde2e4; padding:10px 10px 10px 0; clear:both} .followMasrawy p{ color:#ee1b2e;font-family:DroidSansArabicRegular,Tahoma;font-size: 18px; float:right; padding:3px 5px} .followMasrawy .followLnks{float:left} .followLnks a{ display:inline-block; float:left; width:32px; height:32px;background: url(../images/2014/followLnks.png) no-repeat} .followLnks .fb{ background-position:-96px 0!important} .followLnks .fb:hover{background-position:-96px -33px!important} .followLnks .tw{background-position:-64px 0!important} .followLnks .tw:hover{background-position:-64px -33px!important} .followLnks .ggl{background-position:-32px 0!important} .followLnks .ggl:hover{background-position:-32px -33px!important} .followLnks .rss{background-position:0 0!important} .followLnks .rss:hover{background-position:0 -33px!important} /**** Videohat ****/ .mNewsVideohat{background:#fff;position:relative; border-bottom:1px solid #dde2e4;} .mNewsVideohat .padding{} .mNewsVideohat .ttl{ background:#333;font-family:DroidSansArabicRegular,Tahoma;color:#fff; font-size:18px; margin-bottom:10px} .mNewsVideohat .ttl h1{font-size:18px; float:right;background:#333; border-bottom:4px solid #222;width:220px; padding:7px 15px 3px;font-weight:normal} .mNewsVideohat .ttl h1 a{color:#fff} .mNewsVideohat .ttl .morebtn{ font-size:12px;display:block;color:#fff;background:#ee1b2e; border-bottom:4px solid #d2001b; float:left; line-height: 2;padding: 6px 0;text-align: center;width: 50px;} .videoDiv{ padding:0 0 5px;position:relative; direction:rtl} .videoDiv img{ float:right;margin:0 0 0 10px;} .videoDiv p{ position:relative; margin:5px 112px 2px 0; height:62px; overflow:hidden} .videoDiv .mainVideo{ width:100px; height:67px; border:1px solid #eee} .videoDiv a{display:block;font-size:15px; font-weight:bold; margin:3px 0} .videoDiv .mainLnk{color:#000;max-height:40px;overflow: hidden;} .videoDiv .playBtn {right: 1px;} /** Videohat **/ .videosMainDiv{width:632px;border-bottom: 1px solid #dde2e5;float: right;} .videosDiv {width: 306px;float: right;margin: 0px 5px 5px 5px;text-align: right;} .videosSections {width: 199px;float: right;margin: 0px 5px 5px 5px;text-align: right;} .videosDiv:hover, .videosSections:hover{ background-color:#eee; cursor:pointer;} .videosMain {padding: 3px;height: 96px;margin: 0 0 5px 0;overflow: hidden;} .videosSections .videosMain {height: 150px; position:relative} .videosMain:after {display: block;clear: both;content: " ";} .videosDiv a {font-size: 13px;text-decoration: none;color:#000;position:relative;float:right} .videosMain img {display: block;margin-bottom:10px;float:right;border: 1px solid #eee} .videosSections .videosMain img{float:none} .videosMain p{position: relative;margin:0 10px;height:100px;overflow: hidden;float: right;width: 85px; cursor:pointer; font-size:14px; font-weight:bold;line-height: 1.45;} .videosSections .videosMain p{float:none;margin:0 5px;width:auto; font-size:15px;height:auto; color:#000} .videosMain .playBtn {top: 8px;margin: 0 -4px 0 0;} /** Videos Clip Vertical **/ .videosClipVDiv{width:300px;border-bottom: 1px solid #dde2e5;float: right;} .videosClipVDiv .videosDiv {width: 306px;float: right;margin: 0px 5px 5px 5px;text-align: right;} .videosClipVDiv .videosDiv:hover{ background-color:#eee; cursor:pointer;} .videosClipVDiv .videosMain {padding: 3px;height: 96px;margin: 0 0 5px 0;overflow: hidden;} .videosClipVDiv .videosMain:after {display: block;clear: both;content: " ";} .videosClipVDiv .videosDiv a {font-size: 13px;text-decoration: none;color:#000;position:relative;float:right} .videosClipVDiv .videosMain img {display: block;margin-bottom:10px;float:right;border: 1px solid #eee} .videosClipVDiv .videosMain p{position: relative;margin:0 10px;height:100px;overflow: hidden;float: right;width: 85px; cursor:pointer; font-size:14px; font-weight:bold} .videosClipVDiv .videosMain .playBtn {top: 8px;margin: 0 -4px 0 0;} /** Jokes **/ #jokes{width: 300px;height: 202px!important;float: right;text-align: right;background:#fff;border-bottom: 1px solid #dde2e5;position:relative} #jokes .tb { background:#EEEEEE} #jokes .tb:after {display: block;clear: both;content: " ";} #jokes .newsSummary {padding: 20px 15px 0;position: relative;direction: rtl;float:right} #jokes .tb li {float: right;margin: 0;padding: 0;} #jokes .tb li a {padding: 8px 27px;font-size: 15px; font-weight:bold;text-decoration: none;color: #333;display: inline-block;background:#eee;border-left: 1px solid #aaa;} #jokes .tb li a:hover{background: #c7c7c7} #jokes .tb li .active {background: #fff!Important;color: #000!Important;display: inline-block;} #jokes #tab-6{float:right;margin-top:12px;padding: 0 5px;} #jokes #tab-6 .mcarc img{width:193px;height:96px;float:right} #jokes #tab-6 .scarc{float:right;width:80px;margin-right: 17px;} #jokes #tab-6 .scarc img{width:80px;height:40px;margin-bottom:16px} #jokes #tab-7{float:right;margin-top:12px;padding: 0 5px;} #jokes #tab-7 .mcarc img{width:193px;height:96px;float:right} #jokes #tab-7 .scarc{float:right;width:80px;margin-right: 17px;} #jokes #tab-7 .scarc img{width:80px;height:40px;margin-bottom:16px} #jokes #tab-8{float:right;margin-top:12px;padding: 0 5px;} #jokes #tab-8 .mosmar{float:right} #jokes #tab-8 .mosmar p{font-size:15px;line-height:1.7;height:105px;overflow:hidden; font-weight:bold} #loaderjokes {background-color: #FFFFFF;position: absolute;text-align: center;width: 300px!important;z-index: 9;height: 202px!important;margin: 0;} #loaderjokes img{padding:70px 0} /*currencyMainDiv*/ .currencyMainDiv{position: relative; min-height:162px; overflow:hidden;margin-top: -15px;float: right;width: 632px;} .currencyMainDiv .padding{position: relative;} .currencyMainDiv .ttl .currDate{font-size:12px;display:block;color:#fff;background-color:#EE1B2E; border-bottom:4px solid #D2001B; float:left; position:absolute;padding:10px 0 6px;text-align: center;width: 160px; left:0; top:0} .currencyDiv{ float:right; width:16%; padding:15px 0 0; text-align:center} .currencyDiv:first-child{ background:#eeeeee; width:20%;} .currencyDiv img, .currencyDiv span, .currencyDiv h3{ display:block; margin:0 auto} .currencyDiv span{ color:#474747;padding:5px 0 3px; font-family:Georgia; font-size:14px} .currencyDiv h3{color:#777777; padding:8px 0; text-align:center;border-bottom:1px solid #dde2e5; font-family:Georgia; font-size:14px} .currencyDiv:first-child h3{color:#777777; padding:9px 35px 8px 0; text-align:right; font-family:DroidSansArabicRegular,Tahoma;font-size:13px} .top{color:#d1242a!important} /** autosDiv **/ .autosDiv{width: 300px;float: right!important;text-align: right;background:#fff;border-bottom: 1px solid #dde2e5;position:relative} .arabiamain{ display:block;float:right;width:100%} .arabiamain:after {display: block;clear: both;content: " ";} .arabiamain:hover{background-color: #EEEEEE; cursor:pointer} .arabiamain a {display: block;padding:5px} .arabiamain img{display: block;float: right} .arabiamain p{padding:0 10px; margin:10px 0;overflow: hidden;font-size:14px; height:75px; cursor:pointer; font-weight:bold} .btnarabia { position: absolute!important; top:0; left:0;background: none repeat scroll 0 0 #EE1B2E;border-bottom: 4px solid #D2001B; color: #FFFFFF;display: block;font-size: 12px;line-height: 2;padding: 6px 0 5px;text-align: center;width: 50px;} .politicsnew:after, .mainSection:after{display: block;clear: both;content: " ";} /*btn effect*/ .morebtn, .morebtn:after, .morebtn::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .morebtn {background: #ee1b2e;border-bottom: 4px solid #ccc;color:#000;font-size:12px;line-height:2.75!important;text-align: center; text-decoration: none;font-weight: 400;padding:0!important;width:50px; height:37px !important; display: inline-block;position:absolute; top:0; left:0;outline: none; text-shadow: 0 0 1px rgba(255,255,255,0.3);-webkit-perspective: 800px;-moz-perspective: 800px;perspective: 800px; } .morebtn span {position: relative;display: inline-block;width: 100%;background: #EE1B2E; -webkit-transition: -webkit-transform 0.4s, background 0.4s;-moz-transition: -moz-transform 0.4s, background 0.4s; transition: transform 0.4s, background 0.4s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; transform-style: preserve-3d;-webkit-transform-origin: 50% 50% -25px;-moz-transform-origin: 50% 50% -25px; transform-origin: 50% 50% -25px; border-bottom:4px solid #D2001B; color:#fff} .csstransforms3d .morebtn span::before {position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: #eeeeee; content: attr(data-hover);-webkit-transition: background 0.4s;-moz-transition: background 0.4s; transition: background 0.4s; -webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%;transform-origin: 0 50%;pointer-events: none;} .morebtn:hover span, .morebtn:focus span {background: #eeeeee; border-bottom:4px solid #CCCCCC!important;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg); transform: rotateY(-90deg);color:#ee1b2e} .csstransforms3d .ttl .morebtn:hover span::before, .csstransforms3d .ttl .morebtn:focus span::before { background: #EEEEEE;} /* Radio Btn Effect */ .newWindow, .newWindow:after, .newWindow::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .newWindow {font-size: 12px;line-height: 1.5!important;text-align: center; text-decoration: none;font-weight: 400;padding: 0!important;width: 75px;height: 36px !important;display: inline-block; position: absolute;top: 0;left: 0;outline: none;text-shadow: 0 0 1px rgba(255,255,255,0.3);-webkit-perspective: 0px; -moz-perspective: 0px;perspective: 0px} .newWindow span {position: relative;display: inline-block;width: 100%;height:36px;background: #ffbb36; -webkit-transition: -webkit-transform 0.4s, background 0.4s;-moz-transition: -moz-transform 0.4s, background 0.4s; transition: transform 0.4s, background 0.4s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; transform-style: preserve-3d;-webkit-transform-origin: 50% 50% -38px;-moz-transform-origin: 50% 50% -38px; transform-origin: 50% 50% -38px; border-bottom:4px solid #f0ae23; color:#333;padding:0!important} .csstransforms3d .newWindow span::before {position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: #eeeeee; content: attr(data-hover);-webkit-transition: background 0.4s;-moz-transition: background 0.4s; transition: background 0.4s; -webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%;transform-origin: 0 50%;pointer-events: none;border-bottom: 4px solid #ccc;} .newWindow:hover span, .newWindow:focus span {background: #eeeeee; border-bottom:4px solid #CCCCCC!important;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg); transform: rotateY(-90deg);color:#ee1b2e} .csstransforms3d .ttl .newWindow:hover span::before, .csstransforms3d .ttl .newWindow:focus span::before { background: #EEEEEE;} .back-to-top { position: fixed; bottom:15px; text-decoration: none; padding: 1em; display: none; color:#999; padding:20px 60px 20px 15px; text-align:right; font-family:DroidSansArabicRegular,Tahoma;font-size:10px; background: #fff url(../images/2014/toTop.png) no-repeat 68px center; border-radius:30px; margin-left:25px } /** Elections **/ .electionsBox{width:590px;display:inline-block;border:1px solid #eee;padding:15px 20px;font-family:DroidSansArabicRegular,Tahoma} .electionsBox h1{color:#333;font-size:18px} .electionsBox p{color:#767676;font-size:14px;margin:10px 0 20px;direction:rtl} .electionsBox .insrtId .txtBox{float:right;border:1px solid #eee;width:400px;padding:10px 15px;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;color:#767676;direction:rtl;text-align:right;margin-left:40px} .electionsBox .insrtId .btn{float:right;background:#ee1b2e;color:#fff;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;padding:10px 25px;border:none} .electionsBox .insrtId:after {display: block;clear: both;content: " ";} .hpL .electionsBox{width:260px} .hpL .electionsBox .insrtId{ text-align:center} .hpL .electionsBox .insrtId .txtBox{float:none;width:220px;font-size:12px;margin-bottom:20px;margin-left:0px} .hpL .electionsBox .insrtId .btn{float:none} .electionsBoxS{width:268px;display:inline-block;border:1px solid #eee;padding:15px;font-family:DroidSansArabicRegular,Tahoma} .electionsBoxS h1{color:#333;font-size:17px} .electionsBoxS p{color:#767676;font-size:13px;margin:10px 0 20px;direction:rtl} .electionsBoxS .insrtId .txtBox{float:right;border:1px solid #eee;width:235px;padding:10px 15px;font-family:DroidSansArabicRegular,Tahoma;font-size:13px;color:#767676;direction:rtl;text-align:right;margin-left:40px} .electionsBoxS .insrtId .btn{float:right;background:#ee1b2e;color:#fff;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;padding:10px 25px;border:none;margin:10px 85px 0} .elecCand{width:632px;display:inline-block} .elecCand .candsA{float:right;padding:0 5px;width:150px;margin:0 100px;text-align:center} .elecCand .candsA img{width:114px;height:114px} .elecCand .candsA p{color:#333;font-family:DroidSansArabicRegular,Tahoma;font-size:16px;margin:10px 0;direction:rtl;text-align:center} .elecCand .candsA .btn{background:#ee1b2e;color:#fff;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;padding:6px 30px;border:none} .elecCand .candsB{float:right;padding:0 5px;width:150px;margin-left:100px;text-align:center} .elecCand .candsB img{width:114px;height:114px} .elecCand .candsB p{color:#333;font-family:DroidSansArabicRegular,Tahoma;font-size:16px;margin:10px 0;direction:rtl;text-align:center} .elecCand .candsB .btn{background:#ee1b2e;color:#fff;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;padding:6px 30px;border:none} .candsProfile .btn { background: none repeat scroll 0 0 #EE1B2E; border: medium none; color: #FFFFFF; float: left; font-family: DroidSansArabicRegular,Tahoma; font-size: 14px; padding: 6px 30px; width: 90px; } .electionRes{background: #333; padding:15px; position:relative; margin-bottom:35px!important } .electionRes:after { background: url("../images/2014/VoteResTtl.png") no-repeat scroll left 0 rgba(0, 0, 0, 0); content: ""; height:46px; right: 15px; position: absolute; bottom:-20px; width:261px; } .players {float: right;} .playerDiv1, .playerDiv2 { margin-bottom:15px} .playerDiv1:after, .playerDiv2:after {display: block;clear: both;content: " ";} .imgDiv{ float:right; width:100px; color:#fff;font-family:DroidSansArabicRegular,Tahoma; text-align:center; position:relative; z-index:9} .imgDiv img{ height:72px; margin-bottom:10px} .imgDiv p{ font-size:12px;text-align:center} .percentBar{float:right;width:350px; margin-right:-21px;font-family:DroidSansArabicRegular,Tahoma; } .percentBar p{font-size:12px; text-align:left; color:#fff} .progressbar {background-color:#565656;border-radius:3px;box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.3) inset; height:28px;margin: 25px 0 29px;position: relative; direction:rtl; } .progressbar > span {background-color: #ffbb36;border-radius:3px;display: block;height: 100%;overflow: hidden;position: relative;} .pprogressbar > span:after, .animate > span > span { animation: 2s linear 0s normal none infinite move; background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 50px 50px; border-radius:3px;bottom: 0;content: "";left: 0;overflow: hidden;position: absolute;right: 0;top: 0; z-index: 1;} .percentNum{float:right;margin:29px 20px; color:#fff} .actionDiv{ float:left;position:absolute; left:20px; bottom:15px} .actionDiv .mapBtn{ font-size:12px;background:#ffbb36 url(../images/2014/mapIco.png) no-repeat center 20px;border-radius:3px; color:#363636; font-family:DroidSansArabicRegular,Tahoma; display:block; padding:66px 20px 10px; margin-bottom:15px} .actionDiv .mapBtn:hover{background-color:#f3b234} .actionDiv .moreBtn{font-size:12px;background:#ee1b30;border-radius:3px;color:#fff;font-family:DroidSansArabicRegular,Tahoma; display:block; padding:10px 15px} .actionDiv .moreBtn:hover{background:#E11729} /*electionsDataBox*/ .electionsDataBox{} .electionsDataBox h3{color:#333;font-size:18px;direction:rtl;margin:20px 5px 20px;font-family:DroidSansArabicRegular,Tahoma;} .electionsDataBox .insrtId .txtBox{float:right;border:1px solid #eee;width:400px;padding:10px 15px;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;color:#767676;direction:rtl;text-align:right;margin-left:40px} .electionsDataBox .insrtId .ElectBTN{float:right;background:#ee1b2e;color:#fff;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;padding:10px 25px;border:none} .ErrorMSG:before {display: block;clear: both;content: " ";} .ErrorMSG > span{ direction: rtl; font-family: DroidSansArabicRegular,Tahoma; margin-top: -10px; padding:0 15px; font-size:12px; color:#EE1B2E} .hdlin2 {border-top:1px solid #eee; padding:15px 0; color: #EE1B2E;font-family: DroidSansArabicRegular,Tahoma; font-size: 28px; } .hdlin3 {border-top:1px solid #eee; padding:15px 0; color: #EE1B2E;font-family: DroidSansArabicRegular,Tahoma; font-size: 18px; } .ElctIN{border-top:1px solid #eee; margin-top:15px; padding-top:15px;font-family:DroidSansArabicRegular,Tahoma;direction:rtl} .nfound{font-size:32px; color:#51941B; margin:0 0 15px 0} .ElctIN p{color:#767676;font-size:13px;margin:10px 0 20px} .ElctCommission .Title{font-family:DroidSansArabicRegular,Tahoma;margin:15px 0!important; background:url(../images/2014/redBullet.jpg) no-repeat right center; font-size: 22px;padding: 0 15px 0 0;} .ElctCommission li{font-family:Tahoma;margin:0 15px 15px 0} /* Pics Album */ .picsAlbumDiv{width: 632px;border-bottom: 1px solid #dde2e5;display:inline-block} .picsAlbumDiv .picsDiv{width:632px;float:right;margin-top:5px;padding-bottom: 5px} .picsAlbumDiv .picsDiv li{float:right;width:146px;margin:0 6px 10px;position:relative} .picsAlbumDiv .picsDiv li img{width:145px;height:163px} .picsAlbumDiv .picsDiv li p{bottom: 0;left: 0;margin: 0; overflow:hidden;position: absolute;background: rgba(0, 0, 0, 0.5);padding:3px 7px;color:#fff;font-size:18px;height:50px} .picsAlbumDiv .picsDiv .imgIco{background: url(../Election2014/images/imgIco.png) no-repeat center;width: 23px;height: 19px;position: absolute;right: 0;top: 8px;margin: 0 -4px 0 0;} .picsAlbumDiv .picsDiv li:last-child{margin-left:0;} .picsAlbumSection{width: 632px;border-bottom: 1px solid #dde2e5;display:inline-block} .picsAlbumSection .picsDiv{width:632px;float:right;margin-top:5px;padding-bottom: 5px} .picsAlbumSection .picsDiv li{float:right;width:146px;margin:0 6px 10px;position:relative;} .picsAlbumSection .picsDiv li a{ overflow:hidden; display:block; height:96px;position:relative} .picsAlbumSection .picsDiv li img{width:146px;} .picsAlbumSection .picsDiv li p{bottom:-56px;left: 0;margin: 0; overflow:hidden;position: absolute;background: rgba(0, 0, 0, 0.7);padding:3px 7px;color:#fff;font-size:15px; font-weight:bold;height:40px; -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .picsAlbumSection .picsDiv li:hover p{ bottom:0} .picsAlbumSection .picsDiv .imgIco{background: url(../Election2014/images/imgIco.png) no-repeat center;width: 23px;height: 19px;position: absolute;right: 0;top: 8px;margin: 0 -4px 0 0;} .picsAlbumSection .picsDiv li:last-child{margin-left:0;} /* Reports */ .reportsDiv{width: 300px;float: right;border-bottom: 1px solid #dde2e5} .reports{ padding:5px;position:relative;} .reports:hover{ background:#eee; cursor:pointer} .reports img{ float:right;margin:0 0 0 10px;} .reports p{ position:relative; margin:5px 0 2px 0; height:62px; overflow:hidden} .reports .mainImg{ width:100px; height:67px; border:1px solid #eee} .reports a{display:block;font-size:15px; font-weight:bold} .reports .mainLnk{color:#000; max-height:60px;overflow: hidden;} .reports br{ display:none} .reports .writerLnk{color:#777;margin:5px 0 0;font-size:14px; font-weight:normal;/* position:absolute; bottom:0*/} /* Profile */ .candsProfile{width:592px;display:inline-block;margin:0 20px} .candsProfile img{width:150px;height:150px;float:right;margin-left:30px} .candsProfile .profDtls{float:right} .candsProfile .profDtls h1{color:#333;font-size:24px;font-family:DroidSansArabicRegular,Tahoma;margin-bottom: 20px;} .candsProfile .profDtls p{color:#343434;direction:rtl;font-size:16px;font-weight:normal;line-height:2.4} .candsProfile .profDtls p span{font-weight:bold;font-size:17px;margin-left:6px} .candsLife{width:632px;display:inline-block} .candsLife p{color:#343434;direction:rtl;font-size:16px;font-weight:normal;line-height:1.6;padding:10px} .candsElec{width:632px;display:inline-block} .candsElec .programDiv{width:632px;display:inline-block;margin:15px 0} .candsElec .programDiv img{float:right;width:78px;height:78px;margin-left:30px;} .candsElec .programDiv .details{float:right;width:524px} .candsElec .programDiv .details h1{color:#343434;direction:rtl;font-size:18px;font-family:DroidSansArabicRegular,Tahoma;margin-bottom:10px;font-weight:bold} .candsElec .programDiv .details p{color:#343434;direction:rtl;font-size:16px;font-weight:normal;line-height:1.6} /*Election Survey pages*/ .welcomeDiv{display:block;border:1px solid #eee;padding:10px 15px;font-family:DroidSansArabicRegular,Tahoma} .welcomeDiv img{ background-color:#333; width:30px; height:30px; float:right; margin-left:10px;border:1px solid #eee} .welcomeDiv p{color:#333;font-size:17px;margin:5px 0 0;direction:rtl; float:right} .welcomeDiv p strong{ color:#EE1B2E} .welcomeDiv .insrtId .txtBox{float:right;border:1px solid #eee;width:400px;padding:10px 15px;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;color:#767676;direction:rtl;text-align:right;margin-left:40px} .welcomeDiv .insrtId .btn{float:right;background:#ee1b2e;color:#fff;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;padding:10px 25px;border:none} .welcomeDiv:after {display: block;clear: both;content: " ";} .ElectionPg{ position:relative} .loadingDivOP{ position:absolute; top:0; right:0; background:#fff; border:1px solid #eee; width:100%; height:100%;text-align:center} .loadingDivOP img{padding:150px 0 10px} .loadingDivOP p{ text-align:center;font-family:DroidSansArabicRegular,Tahoma;font-size:14px;color:#767676;} .ElectionPg .R{ float:right; width:50%} .ElectionPg .R .padding{ padding:5px 15px; border-left:1px solid #eee} .ElectionPg .L{ float:left; width:50%} .ElectionPg .L .padding{ padding:5px 15px;} .pointsDetails .nextBtn{text-align:center;margin:15px 0 30px;} .pointsDetails .nextBtn a{background: #ee1b2e;color: #fff;padding: 6px 60px;border-radius: 3px;} /*startVoteDiv*/ .startVoteDiv{background:#333 url(../Election2014/images/startVoteBg.jpg) no-repeat top center; position:relative;font-size:17px;padding:280px 15px 15px 15px; color:#fff} .startVoteDiv h2{font-family: DroidSansArabicRegular,Tahoma; font-size:24px; margin-bottom:10px} .startVoteDiv p{font-family:Arial; line-height:1.6} .startVoteDiv span{font-family:DroidSansArabicRegular,Tahoma; font-size:14px; line-height:1.6; margin-top:15px; display:block; font-style:italic} .startVoteDiv span strong{ font-weight:normal; font-size:16px; margin-left:3px} .voteBtn{background: url(../Election2014/images/fbLogIn.png) no-repeat 6px center #EE1B2E;border:none;color:#FFF;float: left;font-family: DroidSansArabicRegular,Tahoma; padding: 10px 25px 10px 40px;} .voteBtn:hover{color: #FFFFFF;} /*.fbLogIn{background: url(../Election2014/images/fbLogIn.png) no-repeat 4px center #3b5999;border:none;color:#FFF;float: left;font-family: DroidSansArabicRegular,Tahoma; padding: 10px 25px 10px 60px;margin-right:5px} .fbLogIn:hover{color: #FFFFFF;}*/ .programDetailsDiv .ttl:after, .ResultDiv .ttl:after{background:url("../Election2014/images/whosProgramBg.png") no-repeat left 0;content: "";height:71px; position: absolute;top:5px;width: 311px; left:15px} .programDetailsDiv .ttl, .ResultDiv .ttl { height:auto; margin-bottom: 25px;} .programDetailsDiv .ttl h1, .ResultDiv .ttl h1{padding: 16px 15px 14px;} /*programDetailsDiv*/ .pointsDetails{margin-top:5px; color:#000;font-family: DroidSansArabicRegular,Tahoma} .pointsDetails h2{ text-align:center;font-size: 18px;color:#333; margin-bottom:10px} .pointsDetails p{font-family:Arial; height:250px} .agreeBtn {background-color: #C3C1C1;border-radius: 3px;color: #FFFFFF;display: block;margin:15px auto 0; padding: 5px;text-align: center;width: 90%;} .agreeBtn span{ background:url(../Election2014/images/check.png) no-repeat right center; padding:0 25px 0 0;pointer-events:none} /*.agreeBtn:hover,*/ .agreeBtn.selected {color:#fff;background-color:#0acf67;} .agreeBtn:hover{color:#fff;} .timelineDiv {background: url("../Election2014/images/t_line.png") no-repeat right 70px #fff;height: 150px;padding: 10px 0 0; margin:0 37px} .timelineDiv ul{position:relative} .timelineDiv li{float:right; margin-right:14px} .timelineDiv a.tLineNode:after {background: none repeat scroll 0 0 #fff;border: 2px solid #c3c1c1;border-radius: 22px; content: "";height: 10px;left: 50%;margin: 0 0 0 -7px;position: absolute;top: 59px;width: 10px;} .timelineDiv a.tLineNode {color: #c3c1c1;font-family: DroidSansArabicRegular,Tahoma; font-size: 16px;height:50px;padding: 80px 0 4px;position: relative; text-decoration: none;top:0;right:0;text-align: center; width:54px; display:block;cursor:default} /*.timelineDiv a.tLineNode:hover,*/ .selected a.tLineNode{ color:#333} .tLineIcon{position:absolute;background:url(../Election2014/images/ta3leem.png) no-repeat 0 0; width:54px; height:54px; top:0; right:0} .timelineDiv a.down {padding:4px 0 80px} .timelineDiv a.down .tLineIcon{ bottom:0!important; top:auto} .timelineDiv .ta3leem .tLineIcon{background:url(../Election2014/images/ta3leem.png) no-repeat 0 0;} /*.timelineDiv .ta3leem:hover .tLineIcon,*/ .ta3leem.selected .tLineIcon{background:url(../Election2014/images/ta3leemH.png) no-repeat 0 0;} /*.timelineDiv .ta3leem a:hover.tLineNode:after,*/ .ta3leem.selected a.tLineNode:after {border: 2px solid #8956dd;} .timelineDiv .se7a .tLineIcon{background:url(../Election2014/images/se7a.png) no-repeat 0 0;} /*.timelineDiv .se7a:hover .tLineIcon,*/ .se7a.selected .tLineIcon{background:url(../Election2014/images/se7aH.png) no-repeat 0 0;} /*.timelineDiv .se7a a:hover.tLineNode:after,*/ .se7a.selected a.tLineNode:after {border: 2px solid #9cd069;} .timelineDiv .shabab .tLineIcon{background:url(../Election2014/images/shabab.png) no-repeat 0 0;} /*.timelineDiv .shabab:hover .tLineIcon,*/ .shabab.selected .tLineIcon{background:url(../Election2014/images/shababH.png) no-repeat 0 0;} /*.timelineDiv .shabab a:hover.tLineNode:after,*/ .shabab.selected a.tLineNode:after {border: 2px solid #56c4f3;} .timelineDiv .horyat .tLineIcon{background:url(../Election2014/images/horyat.png) no-repeat 0 0;} /*.timelineDiv .horyat:hover .tLineIcon,*/ .horyat.selected .tLineIcon{background:url(../Election2014/images/horyatH.png) no-repeat 0 0;} /*.timelineDiv .horyat a:hover.tLineNode:after,*/ .horyat.selected a.tLineNode:after {border: 2px solid #e93333;} .timelineDiv .e3lam .tLineIcon{background:url(../Election2014/images/e3lam.png) no-repeat 0 0;} /*.timelineDiv .e3lam:hover .tLineIcon,*/ .e3lam.selected .tLineIcon{background:url(../Election2014/images/e3lamH.png) no-repeat 0 0;} /*.timelineDiv .e3lam a:hover.tLineNode:after,*/ .e3lam.selected a.tLineNode:after {border: 2px solid #046ea2;} .timelineDiv .amn .tLineIcon{background:url(../Election2014/images/amn.png) no-repeat 0 0;} /*.timelineDiv .amn:hover .tLineIcon,*/ .amn.selected .tLineIcon{background:url(../Election2014/images/amnH.png) no-repeat 0 0;} /*.timelineDiv .amn a:hover.tLineNode:after,*/ .amn.selected a.tLineNode:after {border: 2px solid #333333;} .timelineDiv .ektsad .tLineIcon{background:url(../Election2014/images/ektsad.png) no-repeat 0 0;} /*.timelineDiv .ektsad:hover .tLineIcon,*/ .ektsad.selected .tLineIcon{background:url(../Election2014/images/ektsadH.png) no-repeat 0 0;} /*.timelineDiv .ektsad a:hover.tLineNode:after,*/ .ektsad.selected a.tLineNode:after {border: 2px solid #f2c13f;} .timelineDiv .ryada .tLineIcon{background:url(../Election2014/images/ryada.png) no-repeat 0 0;} /*.timelineDiv .ryada:hover .tLineIcon,*/ .ryada.selected .tLineIcon{background:url(../Election2014/images/ryadaH.png) no-repeat 0 0;} /*.timelineDiv .ryada a:hover.tLineNode:after,*/ .ryada.selected a.tLineNode:after {border: 2px solid #06b046;} /*ResultDiv*/ .PercentResDiv{font-family: DroidSansArabicRegular,Tahoma;text-align:center;position:relative} .PercentResDiv h1{text-align:center;font-size:24px} .PercentResDiv img{position:absolute;top: 121px;left: 87px;} .PercentResDiv p{position:absolute;top: 250px;right: 20px;font-size:26px;font-family: DroidSansArabicRegular;color:#555} .successPoints{ margin-top:20px;display:none} .successPoints li{ display:inline-block; width:55px; padding-top:65px;font-size:16px; color:#333; background:url(../Election2014/images/elecIcons.png) no-repeat 0 0; margin:0 10px} .urPres{font-family: DroidSansArabicRegular,Tahoma;text-align:center;position:relative;font-size:22px;color:#333;margin:20px 0;display: inline-block;width: 632px;} .urPres span{font-size:30px;color:#aaa} /*electionsResWidget*/ .electionsResWidget{ margin:25px auto;clear: both; width:560px; background-color:#333;color:#fff; position:relative} .electionsResWidget:before {background: url("../Election2014/images/barnamegMenTtl.png") no-repeat center center; content: " ";display: block;height: 56px;margin-right: -105px;position: absolute;right: 50%;top: -28px;width: 210px;} .electionsResWidget:after {display: block;clear: both;content: " ";} .cand1{position:absolute; right:-45px; top:0; width:115px} .cand1 h3{font-family:DroidSansArabicRegular,Tahoma;font-size:14px; margin:15px 55px 40px 0; text-align:right} .cand1 img, .cand2 img{ margin-bottom:20px} .cand2{ position:absolute; left:-45px; top:0; width:115px} .cand2 h3{font-family:DroidSansArabicRegular,Tahoma;font-size:14px; margin:15px 0 40px 55px; text-align:left} .candRes{position:relative; width:380px;margin:0 auto; padding:40px 0 15px;min-height:210px} .candRes > div{ margin-bottom:10px} .candRes > div > p{font-family:DroidSansArabicRegular,Tahoma;font-size:12px;text-align:center;color:#fff; display:block} .candRes > div > p:before {display: block;clear: both;content: " ";} .resultCand1, .resultCand2{float:right;width: 190px;} .resIcon {height: 42px;margin-right: -21px;position: absolute;right: 50%;width: 42px;z-index: 99;border-radius:25px;box-shadow: 0 0 6px 0 #333333;} .candRes .progressbar {background-color:#555555;border-radius:3px;box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.2) inset; height:28px;margin:7px 0 10px;position: relative; direction:ltr;float:left; width:134px; padding-left: 15px; } .candRes .progressbar > span {background-color:#ffbb36;border-radius:3px;display: block;height: 100%;overflow: hidden;position: relative;} .candRes .percentNum{float:left;margin:12px 0 0 6px; color:#fff; font-size:12px} .resultCand2 .progressbar{direction:rtl;float:right;} .resultCand2 .percentNum{float:right;margin:12px 6px 0 0} .candRes .ta3leem .resIcon{background:url(../Election2014/images/ta3leemH.png) no-repeat center center;} .candRes .ta3leem .progressbar > span {background-color:#8956dd;} .candRes .se7a .resIcon{background:url(../Election2014/images/se7aH.png) no-repeat center center;} .candRes .se7a .progressbar > span {background-color:#9cd069;} .candRes .shabab .resIcon{background:url(../Election2014/images/shababH.png) no-repeat center center;} .candRes .shabab .progressbar > span {background-color:#56c4f3;} .candRes .horyat .resIcon{background:url(../Election2014/images/horyatH.png) no-repeat center center;} .candRes .horyat .progressbar > span {background-color:#e93333;} .candRes .e3lam .resIcon{background:url(../Election2014/images/e3lamH.png) no-repeat center center;} .candRes .e3lam .progressbar > span {background-color:#046ea2;} .candRes .amn .resIcon{background:url(../Election2014/images/amnH.png) no-repeat center center;} .candRes .amn .progressbar > span {background-color:#eee;box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;} .candRes .ektsad .resIcon{background:url(../Election2014/images/ektsadH.png) no-repeat center center;} .candRes .ektsad .progressbar > span {background-color:#f2c13f;} .candRes .ryada .resIcon{background:url(../Election2014/images/ryadaH.png) no-repeat center center;} .candRes .ryada .progressbar > span {background-color:#06b046;} .electionsResWidget .shareOpinBtn{ float:left;font-family: DroidSansArabicRegular,Tahoma;text-align: center; color: #fff; font-size:14px;padding:6px 30px; background-color:#EE1B2E; margin:0 15px 15px; border-radius:3px} /*Map Page*/ .mapDiv{ position:relative; background-color:#eee} .mapDiv > h1 {font-family: DroidSansArabicRegular,Tahoma; color: #333333;font-size: 24px;padding: 20px 20px 10px;text-align:center;width: 93%;} #map{margin:0 auto;display: block;margin-top:-75px;} .tasweetFe3ly{} .tasweetFe3ly:after {display: block;clear: both;content: " ";} .tasweetFe3ly > div{ float:right;margin: 0 8px;font-family: DroidSansArabicRegular,Tahoma;position: relative;text-align: center;width:120px; overflow:hidden} .tasweetFe3ly > div .num {bottom:25px;color: #FFFFFF;font-size:16px;position: absolute;text-align: center;width: 100%;} .tasweetFe3ly > div p{text-align: center;font-size:13px; padding:3px 0} .totalNum, .totalNum1, .totalNum2{ margin:50px 0 0 0!important} #pieActualYes,#pieActualNo {height:140px;width: 120px;} .tasweetFe3ly .perCent { color: #C3C1B5; float: right; font-family: impact; font-size: 19px; margin:-90px 33px 0 0; text-align: center; position: relative; z-index: 88; } .tasweetFe3ly .point { float: right; margin:-34px 20px 0 0; position: relative; } .totalPercent1 p, .totalPercent2 p { color: #000000; font-size: 14px; font-weight: normal; margin:-30px -55px 0 0; padding: 0; position: relative; } /** Popup **/ .mapDiv .popUpDiv{position:absolute;width:420px;height:326px;left:0;top:0;opacity:0.95;display:none;pointer-events: none;z-index:99} .mapDiv .popUpDiv h1{background:#333;border-bottom: 4px solid #222222;padding:5px 10px;font-size:16px;color:#fff;font-family: DroidSansArabicRegular,Tahoma; display:block} .mapDiv .popUpDiv .cont{width:400px;background:#fff;padding:10px;position:relative} .popUpDiv .cont:after, .popUpDiv .cont .firstDiv:after, .popUpDiv .cont .secondDiv:after, .popUpDiv .cont .thirdDiv:after {display: block;clear: both;content: " ";} .mapDiv .popUpDiv .cont .firstDiv{width:100%;} .mapDiv .popUpDiv .cont .firstDiv > div{float:right;padding:10px 0;width:123px;text-align:center;position:relative;margin:0px 5px;} .mapDiv .popUpDiv .cont .firstDiv > div .num{position: absolute;width: 100%;bottom:37px;font-size:16px;color: #fff;text-align: center;} .mapDiv .popUpDiv .cont .firstDiv > div .text{width:100%;font-size:14px;font-weight:normal;color:#333;margin:5px 0 0 0;text-align:center;font-family: DroidSansArabicRegular,Tahoma;} .mapDiv .popUpDiv .cont .secondDiv{width:100%;margin-top:10px} .mapDiv .popUpDiv .cont .secondDiv .title{float:right;width:300px;} .mapDiv .popUpDiv .cont .secondDiv .title h2{font-size:14px;font-family: DroidSansArabicRegular,Tahoma;padding:0;color:#333} .mapDiv .popUpDiv .cont .secondDiv .barPercent{float:right;width:87px;text-align:left;font-size:16px;color:#333} .mapDiv .popUpDiv .cont .secondDiv .bar{float:right;width:387px;height:36px;background:#202020;border-radius:5px;margin-top:5px;overflow:hidden} .mapDiv .popUpDiv .cont .secondDiv .bar .loading{margin-right:-70%} .mapDiv .popUpDiv .cont .thirdDiv {width:100%;margin-top:10px;} .mapDiv .popUpDiv .cont .thirdDiv > div{float:right;padding: 0 10px 5px;width:180px;font-family: DroidSansArabicRegular,Tahoma;} .mapDiv .popUpDiv .cont .thirdDiv > div p{position:relative;font-size:14px;color:#333;margin:-30px -20px 0 0;padding:0} .mapDiv .popUpDiv .cont .thirdDiv > div .perCent{text-align:center;color:#c3c1b5;font-family: impact;font-size:12px;float: right;margin: -90px 30px 0 0;} .mapDiv .popUpDiv .cont .thirdDiv > div .perCent span{font-size:24px;font-family: impact} .mapDiv .popUpDiv .cont .thirdDiv > div .point{position: relative;float: right;margin: -37px 5px 0 0;} .mapDiv .popUpDiv #piePopupYes, .mapDiv .popUpDiv #piePopupNo{min-height:110px;} /* menu floating */ .header {z-index: 99999;position: fixed;top: 0;border-bottom: none; } .header > .wrapper {top: 0} .HpView{margin-top:35px; border-top:3px solid #d2232a} #sectionsColorCode{ margin-top:65px} .topMenu {height: 30px;top: 38px;z-index: 9999;position: fixed; left:0} /*Article Gallery*/ #txtad{display:none} #usercomment {float:right} #usercomment .CmntItmHdr{width:99%;float:right;margin-top:20px} #usercomment .CmntItmHdr .floatright{background-color: #333333;color: #FFFFFF;font-family: DroidSansArabicRegular,Tahoma;font-size: 18px;margin-bottom: 5px;border-bottom: 4px solid #222222;font-weight: normal;padding: 7px 15px 3px;display: block;} .provider{margin-bottom:20px} .MsoNormal{ text-align:center!important} .contentSlider, .contentSlider .rsOverflow, .contentSlider .rsSlide, .contentSlider .rsVideoFrameHolder, .contentSlider .rsThumbs {background: #eee;color: #000;} .contentSlider .rsSlide, .contentSlider .rsOverflow {background: #eee;} .contentSlider h3 {font-size: 24px;line-height: 31px;margin: 12px 0 8px;font-weight: bold;} .contentSlider img {max-width: 100%; height: auto; display: block; margin:0 auto} .content-slider-bg {width: 86%;padding: 24px 7%;background: #eee;} .rsDefault .rsThumbsHor {width: 100%;height: auto; padding:5px 0; border-top:1px solid #eee} .rsDefault .rsThumbsVer {width: 96px;height: 100%;position: absolute;top: 0;right: 0;} .rsDefault.rsWithThumbsHor .rsThumbsContainer {position: relative;height: 100%;} .rsDefault.rsWithThumbsVer .rsThumbsContainer {position: relative;width: 100%;} .rsDefault .rsThumb {float: left;overflow: hidden;width: 96px;height: 72px;} .rsDefault .rsThumb img {width: 100%;height: 100%;} .rsDefault .rsThumb.rsNavSelected img {opacity: 0.3;filter: alpha(opacity=30);} .rsDefault .rsTmb {display: block;} /* Thumbnails with text */ .rsDefault .rsTmb h5 {font-size: 16px;margin: 0;padding: 0;line-height: 20px;color: #FFF;} .rsDefault .rsTmb span {color: #DDD;margin: 0;padding: 0;font-size: 13px;line-height: 18px;} .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: none repeat scroll 0 0 #262626;color: #FFFFFF} /* Thumbnails arrow icons */ .rsDefault .rsThumbsArrow { height: 100%;width: 23px;position: absolute;display: block;cursor: pointer;z-index: 21; background: #262626/*;background: rgba(0,0,0,0.75);*/} .rsDefault .rsThumbsArrow:hover {/*background: rgba(0,0,0,0.9);*/} .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%;height: 20px;} .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault .rsThumbsArrowIcn {width: 16px;height: 16px;top: 50%;left: 50%;margin-top:-8px;margin-left: -8px;position: absolute; cursor: pointer;background: url('../images/rs-default.png');} .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsDefault .rsThumb {width: 59px;height: 44px;} .rsDefault .rsThumbsHor {height: 44px;} .rsDefault .rsThumbsVer {width: 59px;} } /**Fullscreen button*/ .imgGalleryDiv .rsFullscreenBtn {right: 0;top: 0; width: 44px;height: 44px;z-index: 22;display: block;position: absolute; cursor: pointer;} .imgGalleryDiv .rsFullscreenIcn {display: block;margin: 6px;width: 32px;height: 32px;background: url('../images/rs-default.png') 0 0; background-color: #000;background-color: rgba(0,0,0,0.75);*background-color: #000;border-radius: 2px;} .imgGalleryDiv .rsFullscreenIcn:hover {background-color: rgba(0,0,0,0.9);} .imgGalleryDiv .rsFullscreen .rsFullscreenIcn {background-position: -32px 0;} .imgGalleryDiv{width:100%} .imgGalleryDiv .articleGallery{width:100%;margin:10px auto 20px; padding:0} .articleGallery{margin:10px auto;float:none;} .articleGallery img.rsImg{ float:left;height:100%} .articleVideo{width:560px; margin:30px auto; clear:both; float:none} #galleryimgs .rsGCaption{ display:none} #galleryimgs .rsContent > p { background-color:rgba(31, 31, 31, 0.8); color:#fff; font-size:20px; border: 0 none; text-align:right; margin:0; bottom: 0;position: absolute; right:0; padding:15px 3%; width:94%} .articleGallery img{border:1px solid #333;} /** Media Listing **/ .mostViewdMedia{width:632px;display:inline-block;border-bottom:1px solid #dde2e4} .allMedia{width:632px;display:inline-block;border-bottom:1px solid #dde2e4} .allMedia .mediaContainer{WIDTH:632PX;display:inline-block;margin-bottom:20px} .mostViewdMedia .lrgMedia{width:306px;display:inline-block;position:relative;float:right;margin:0 5px} .mostViewdMedia .lrgMedia img{width:306px;height:205px} .mostViewdMedia .lrgMedia .lrgMediaDesc{background-color: rgba(31, 31, 31, 0.7);color: #FFFFFF;right: 0;bottom: 0;padding:0;position: absolute;width: 306px;cursor: pointer;} .mostViewdMedia .lrgMedia .lrgMediaDesc a{color:#fff} .mostViewdMedia .lrgMedia .lrgMediaDesc p{font-size: 18px;direction: rtl;margin: 5px 15px;text-align: right;cursor: pointer;position:relative} .mostViewdMedia .lrgMedia .mediaVideoIcon{background: url("../images/2014/mediaVideoIcon.png") no-repeat center center;width: 70px;height: 70px;position: absolute;top: 55px;left: 118px;} .mediaListingDiv{width: 199px;float: right;margin: 10px 6px 5px 5px;text-align: right;} .mediaListingDiv .mediaListing {padding: 4px;margin: 0 0 5px 0;position:relative} .mediaListingDiv .mediaListing a {font-size: 15px;font-weight: bold;direction: rtl;text-decoration: none;color: #000;} .mediaListingDiv .mediaListing > a {display: block;height: 145px;overflow: hidden;} .mediaListingDiv .mediaListing img {display: block;margin-bottom: 5px;border: 1px solid #d7d7d7;} .mediaListingDiv .mediaListing .mediaListImgIco {background: url(../images/2014/imgIco.png) no-repeat center;width: 23px;height: 19px;position: absolute;right: 0;top: 10px;margin: 0} .mediaListingDiv .mediaListing .mediaListVidIco {background: url(../images/2014/spriteme2.png) no-repeat -10px -1155px;width: 23px;height: 19px;position: absolute;right: 0;top: 10px;margin: 0} .mediaLoadMore{font-family: DroidSansArabicRegular,Tahoma;font-size: 14px;background:#eeeeee;padding: 8px 282px;} /* video Album */ .videoAlbumDiv{width: 632px;border-bottom: 1px solid #dde2e5} .videoAlbumDiv .videosCatDiv{margin: 0 0 0 -15px; padding-bottom:5px; width: 645px; } .videoAlbumDiv .videosCatDiv:after {clear: both;content: " ";display: block;} .videoAlbumDiv .videosCatDiv li { float: right; margin-bottom: 10px; margin-left: 7px; padding: 5px; position: relative; width: 195px; } .videoAlbumDiv .videosCatDiv li:hover{ background-color:#eee} .videoAlbumDiv .videosCatDiv li a{position:relative; display:block} .videoAlbumDiv .videosCatDiv li img{width:195px;height:97px; float:none} .videoAlbumDiv .videosCatDiv li p{font-family: DroidSansArabicRegular,Tahoma;font-size:13px;padding:5px 0 0;color:#000;height:37px; margin:0; overflow:hidden} .videoAlbumDiv .videosCatDiv .vidIco{background: url(../images/2014/spriteme2.png) no-repeat -10px -1155px;width: 23px;height: 19px;position: absolute;right: 0;top: 8px;margin: 0 -4px 0 0;} .overPg{height: 100%;position: fixed!important;top: 0!important;width: 100% !important;z-index:9999999;left:0} .blckBg{background:#000; opacity:0.5; width:100%; height:100%} .loginForm{position:absolute;width:450px;left:50%;margin-left:-250px;top:50%;min-height:135px; margin-top:-87px; border:2px solid #6f6f6f; border-radius:4px; padding:35px 25px 15px; background:#fff} .form-horizontal *, .form-horizontal *:before, .form-horizontal *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .form-horizontal .form-group:before, .form-horizontal .form-group:after{content: " ";display: table;} .form-horizontal .form-group:after {clear: both;} .form-horizontal .control-label {text-align: left;} /*.form-horizontal .form-group {margin-left: -15px;margin-right: -15px;}*/ .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{font-family: DroidSansArabicRegular,Tahoma;font-size:13px;margin-bottom: 0;margin-top: 0;padding-top: 7px;} .form-group {margin-bottom: 15px;} .col-sm-2 {width:25%;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: right;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { min-height: 1px;padding-left: 15px;position: relative;} .form-horizontal label {display: inline-block;font-weight: bold;margin-bottom: 5px;} .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;text-align: right; } .errorMsg {color: #9C1616;display: block;font-size: 14px;padding: 5px 10px;text-align: right;} .col-sm-offset-2 {margin-left:22%;} .col-sm-10 { width:75%;} .form-horizontal .radio, .form-horizontal .checkbox {min-height: 27px;} .btnDiv{ width:100%} .clsBtn{ position:absolute; top:10px; left:10px; cursor:pointer; color:#b0b0b0; font-weight:bold; font-size:15px; font-family:cursive; line-height:1} .btn {font-family: DroidSansArabicRegular,Tahoma;border-radius:4px;background:#333;color:#fff;border:0;cursor: pointer;display:block;font-size: 15px; font-weight: normal;line-height: 1.42857;margin: 0 auto;padding:7px 18px;text-align: center;vertical-align: middle;white-space: nowrap;} .loadingDiv{ margin:20px auto; text-align:center} .loadingDiv img{ width:60px} .loadingDiv p{ text-align:center} .disclamerDiv{font-family: DroidSansArabicRegular,Tahoma;background:#f6e8cd;color:#717171; padding:5px 10px; border:1px solid #717171} .disclamerDiv p{ font-size:11px} /* Pics Album Vertical of mondial */ .picsAlbumVrtclDiv{width: 300px;float: right;border-bottom: 1px solid #dde2e5;display: inline-block;} .picsAlbumVrtclDiv .picsDiv{width:300px;float:right;margin-top:5px;padding-bottom: 15px} .picsAlbumVrtclDiv .picsDiv li{float:right;width:140px;margin:5px!important;position:relative;overflow:hidden} .picsAlbumVrtclDiv .picsDiv li img{width:140px;height:157px} .picsAlbumVrtclDiv .picsDiv li p{bottom: 0;left: 0;margin: 0;position: absolute;background: rgba(0, 0, 0, 0.5);padding:3px 7px;color:#fff;font-size:18px;height:50px} .picsAlbumVrtclDiv .picsDiv .imgIco{background: url(../images/2014/imgIco.png) no-repeat center;width: 23px;height: 19px;position: absolute;right: 0;top: 8px;margin: 0 -4px 0 0;} /** Sports Slide Videos **/ .sportsVideosMainDiv{width:632px;border-bottom: 1px solid #dde2e5;display:inline-block} .sportsVideosDiv {width: 200px;float: right;margin: 0px 5px 5px 5px;text-align: right;} .sportsVideosDiv:hover{ background-color:#eee; cursor:pointer;} .sportsVideosMain {padding: 3px;height: auto;margin: 0 0 5px 0;overflow: hidden;} .sportsVideosMain:after {display: block;clear: both;content: " ";} .sportsVideosDiv a {font-size: 13px;text-decoration: none;color:#000;position:relative;float:right} .sportsVideosMain img {display: block;margin-bottom:10px;float:right;border: 1px solid #eee} .sportsVideosMain p{position: relative;height:50px;overflow: hidden;float: right;width: 200px; cursor:pointer; font-size:16px; font-weight:bold;line-height: 1.6;} .sportsVideosMain .playBtn {top: 8px;margin: 0 -4px 0 0;} /** Sports Latest News **/ .sportsLatestNewsDiv{width:632px;border-bottom: 1px solid #dde2e5;display:inline-block} /** Sports Wkalat **/ .wkalatDiv{width:632px;display:inline-block} .wkalatDiv .morebtn{width:100px} .wkalatDiv .morebtn span{-webkit-transform-origin: 50% 50% -50px;-moz-transform-origin: 50% 50% -50px;transform-origin: 50% 50% -50px;} .wkalatDiv .fstContentDiv{float:right;width:193px;margin-left:10px} .wkalatDiv .fstContentDiv .fstContent{float:right} .wkalatDiv .fstContentDiv img{width:193px;height:97px} .wkalatDiv .fstContentDiv h3{font-size:18px;margin: 5px 0;line-height: 1.2;height: 63px;overflow: hidden;direction:rtl} .wkalatDiv .fstContentDiv p{font-size:14px;color:#999;overflow: hidden;height: 56px;direction:rtl} .wkalatDiv .sndContentDiv{float:right;width:429px} .wkalatDiv .sndContentDiv .sndContent{float:right;margin-bottom:10px} .wkalatDiv .sndContentDiv img{float:right;width:100px;height:67px} .wkalatDiv .sndContentDiv h3{float:right;font-size:18px;margin-right:10px;width: 319px;margin: 12px 10px 0 0;line-height:1.2;height: 43px;overflow: hidden;direction:rtl} /** Sports Matches Results **/ .sprtsMtchsResDiv{} .sprtsMtchsResDiv .matchesDate{width:632px;display:inline-block;margin:15px 0 30px} .sprtsMtchsResDiv .matchesDate .date{float:right;margin-left:10px;font-size:18px;padding: 5px 0} .sprtsMtchsResDiv .matchesDate input{float:right;margin-left:10px;direction: rtl;width:220px;padding: 6px 0;} .sprtsMtchsResDiv .matchesDate select{float:right;margin-left:10px;direction: rtl;width:220px;padding: 6px 0;} .sprtsMtchsResDiv .matchesDate .btn{font-family: DroidSansArabicRegular,Tahoma;border-radius: 4px;background: #333;color: #fff;border: 0;display: block;font-size: 15px;padding: 7px 18px;float: right;width: 120px;margin:0} .sprtsMtchsResDiv .matchesDate .btn:hover{background:#555} .sprtsMtchsResDiv .matchesTable {margin:0} .sprtsMtchsResDiv .tabs-nav{width:632px} .sprtsMtchsResDiv .tabs-nav li{width:158px} .sprtsMtchsResDiv #tab-content {border:none;background:#fff} .sprtsMtchsResDiv #tab-content .noMatches{text-align:center;font-size:18px;padding:10px 0} .matchesInfo {width: 632px} .matchesInfo .title {background-color: #999;color:#fff;font-size: 16px;font-family: DroidSansArabicRegular,Tahoma;padding: 8px 10px;text-align:center;} .matchesInfo .details {border-top: 1px solid #DCDCDC;width: 100%;display:inline-block} .matchesInfo .details .time {background-color: #F9F9F9;float: right;font-size: 16px;padding: 30px 0 31px;text-align: center;width: 10%;height:20px} .matchesInfo .details .team { background-color: #EEEEEE; float: right; font-size: 16px; padding: 10px 0; text-align: center; width: 20%; height: 61px; } .matchesInfo .details .teamLogo { height: 40px; } .matchesInfo .details .teamLogo img { width:35px; height: 35px; } .matchesInfo .details .score { background-color: #F9F9F9; float: right; font-size: 16px; padding: 29px 0; text-align: center; width: 10%; height: 23px; } .matchesInfo .details .round { background-color: #F9F9F9; float: right; font-size: 16px; padding: 30px 0 31px; text-align: center; width: 15%; height: 20px; } .matchesInfo .details .channels { background-color: #EEEEEE; float: right; font-size: 16px; padding: 15px 0; text-align: center; width: 25%; height: 51px; line-height: 1.5; } .matchesInfo .detailsHd { color: #FFFFFF; height: 25px; margin: 0; width: 100%; } .matchesInfo .detailsHd div { background-color: #ccc; color: #000; float: right; font-family: DroidSansArabicRegular,Tahoma; font-size: 12px; padding: 8px 0; text-align: center; } .matchesInfo .detailsHd .time { width: 10%; } .matchesInfo .detailsHd .team { width: 20%; } .matchesInfo .detailsHd .score { width: 10%; } .matchesInfo .detailsHd .round { width: 15%; } .matchesInfo .detailsHd .channels { width: 25%; } .datepick-rtl { direction: rtl; } /* Calendar */ .datepick-popup {z-index: 1000;} .datepick-disable {background-color: #FFFFFF;opacity: 0.5;position: absolute;z-index: 100;} .datepick a {color: #FFFFFF;text-align: center;text-decoration: none;} .datepick a.datepick-disabled {color: #888888;cursor: auto;} .datepick button {background-color: #FFCCCC;border: medium none;border-radius: 0.25em;font-weight: bold;margin: 0.25em;padding: 0.125em 0;} .datepick-nav, .datepick-ctrl {background-color: #ee1b2e;color: #FFFFFF;float: left;font-family: verdana;font-size: 10px;font-weight: bold;height: 18px;width: 100%;} .datepick-ctrl {background-color: #ee1b2e;} .datepick-cmd {width: 30%;} .datepick-cmd:hover {background-color: #333;} .datepick-ctrl .datepick-cmd:hover {background-color: #333;} .datepick-cmd-prevJump, .datepick-cmd-nextJump {width: 8%;} a.datepick-cmd {line-height: 18px;} button.datepick-cmd {text-align: center;} .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {float: left;padding-left: 2%;} .datepick-cmd-current, .datepick-cmd-today {float: left;text-align: center;width: 35%;} .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {float: right;padding-right: 2%;text-align: right;} .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear {float: right;padding-left: 0;padding-right: 2%;text-align: right;} .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {float: right;} .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close {float: left;padding-left: 2%;padding-right: 0;text-align: left;} .datepick-month-nav {background-color: #777777;float: left;text-align: center;} .datepick-month-nav div {float: left;margin: 1%;padding: 1%;width: 12.5%;} .datepick-month-nav span {color: #888888;} .datepick-month-row {clear: left;} .datepick-month {border: 1px solid #444444;float: left;text-align: center;width: 15em;} .datepick-month-header, .datepick-month-header select, .datepick-month-header input {background-color: #FFFFFF;color: #000000;font-family: verdana;font-size: 12px;font-weight: bold;height: 20px;} .datepick-month-header select, .datepick-month-header input {border: medium none;height: 20px;padding-left: 5px;width: 106px;} .datepick-month-header input {display: none;position: absolute;} .datepick-month table {border-collapse: collapse;width: 100%;} .datepick-month thead {border-bottom: 1px solid #AAAAAA;} .datepick-month th, .datepick-month td {font-weight: normal;margin: 0;padding: 0;text-align: center;} .datepick-month th {border: 1px solid #777777;} .datepick-month th, .datepick-month th a {background-color: #CBCBCB;color: #000000;} .datepick-month td {background-color: #FFFFFF;border: 1px solid #AAAAAA;} .datepick-month td.datepick-week {border: 1px solid #777777;} .datepick-month td.datepick-week * {background-color: #777777;border: medium none;color: #FFFFFF;} .datepick-month a {background-color: #FFFFFF;color: #000000;display: block;padding: 0.125em 0;text-decoration: none;width: 100%;} .datepick-month span {display: block;padding: 0.125em 0;width: 100%;} .datepick-month td span {color: #888888;} .datepick-month td .datepick-other-month {background-color: #FFFFFF;} .datepick-month td .datepick-weekend {background-color: #FFFFFF !important;} .datepick-month td .datepick-today {background-color: #ee1b2e !important;color: #FFFFFF;} .datepick-month td .datepick-highlight {background-color: #CBCBCB !important;} .datepick-month td .datepick-selected {background-color: #CBCBCB;color: #fff;} .datepick-month th.datepick-week {background-color: #777777;color: #FFFFFF;} .datepick-status {background-color: #DDDDDD;clear: both;text-align: center;} .datepick-clear-fix {clear: both;} .datepick-cover {display: block;height: 100px;left: -1px;position: absolute;top: -1px;width: 100px;z-index: -1;} /*****3eesh El Mondial*****/ .elmondialDiv{width:632px;display:inline-block;border-bottom: 1px solid #dde2e5} .elmondialDiv .elmondialCnts{width:632px;display:inline-block} .elmondialDiv .fstContentDiv{float:right;width:193px;margin-left:10px} .elmondialDiv .fstContentDiv .fstContent{float:right} .elmondialDiv .fstContentDiv img{width:193px;height:97px} .elmondialDiv .fstContentDiv h3{font-size:16px;font-weight:bold;margin: 5px 0;line-height: 1.4;height: 42px;overflow: hidden;direction:rtl} .elmondialDiv .fstContentDiv p{font-size:14px;color:#999;overflow: hidden;height: 56px;direction:rtl} .elmondialDiv .sndContentDiv{float:right;width:429px} .elmondialDiv .sndContentDiv .sndContent{float:right;margin-bottom:10px} .elmondialDiv .sndContentDiv img{float:right;width:100px;height:67px} .elmondialDiv .sndContentDiv h3{float:right;font-size:16px;font-weight:bold;margin-right:10px;width: 319px;margin: 12px 10px 0 0;line-height:1.4;height: 42px;overflow: hidden;direction:rtl} .elmondialDiv .bottomDiv{margin-top:10px} .elmondialDiv .wcMainDiv{width: 193px;float: right;margin: 0px 8px 5px;text-align: right;position: relative;} .elmondialDiv .wcMain{margin: 0 0 5px 0;overflow: hidden;} .elmondialDiv .wcMain img{display: block;margin-bottom: 5px;float: right;border: 1px solid #eee;} .elmondialDiv .wcMain p{position: relative;overflow: hidden;float: right;width: 197px;cursor: pointer;font-size: 16px;font-weight:bold;line-height: 1.45;} .elmondialDiv .playBtn {top: 5px;margin: 0 -4px 0 0;} .elmondialDiv .groupsTblBtn{background: #39b5ec;border-bottom: 4px solid #00a2d8;font-size: 12px;color:#fff;line-height: 2.75!important;text-align: center;text-decoration: none;font-weight: 400;padding: 0!important;width: 110px;height: 33px !important;display: inline-block;position: absolute;top: 0;left: 50px;} .elmondialDiv .groupsTblBtn:hover{background: #eee;border-bottom: 4px solid #ccc;color:#39b5ec} .elmondialDiv .imgBtn{background:url(../images/2014/spriteme2.png) no-repeat 0px -1106px #ffbb34;border-bottom: 4px solid #f4b228;width: 50px;height: 33px !important;display: inline-block;position: absolute;top: 0;left: 160px;} .elmondialDiv .imgBtn:hover{background:url(../images/2014/spriteme2.png) no-repeat 0px -1106px #eee;border-bottom: 4px solid #ccc} /***** Ramadan 2014 *****/ /**Fatawa**/ .fatawaDiv{float:right;width:410px;margin-left:15px;border-bottom: 1px solid #dde2e5;display:inline-block;position:relative} .fatawaDiv .fatawaCnts{margin: 10px 5px 29px;float: right;} .fatawaDiv .mornews {direction: rtl;text-align: right} .fatawaDiv .mornews li {direction: rtl;text-align: right;margin-bottom: 15px;float: right;width: 400px;line-height: 1;} .fatawaDiv .mornews li span {width: 6px;height: 6px;background: #ee1b2e;float: right;margin: 6px 0 0 10px;} .fatawaDiv .mornews li a {direction: rtl;text-align: right;font-size: 16px;color: #000;} .fatawaDiv .sendBtn{background: url(../images/2014/sendIco.png) no-repeat 15px center #ee1b2e;padding:6px 15px 7px 50px;color:#fff;font-family: DroidSansArabicRegular,Tahoma;font-size:14px;position:absolute;left:0;bottom:0} .fatawaDiv .sendBtn:hover{background: url(../images/2014/sendIcoHover.png) no-repeat 15px center #eee;color:#ee1b2e} .fatawaDiv .fbIco {background: url(../images/2014/spriteme2.png) no-repeat -10px -1671px;width: 32px;height: 32px;position: absolute;left: 95px;bottom: 0;border: 0;margin: 0} .fatawaDiv .fbIco:hover {background: url(../images/2014/fbShareBtnHover.png) no-repeat ;} .fatawaDiv .twIco {background: url(../images/2014/spriteme2.png) no-repeat -10px -1723px;width: 32px;height: 32px;position: absolute;left: 127px;bottom: 0;border: 0;margin: 0} .fatawaDiv .twIco:hover {background: url(../images/2014/twShareBtnHover.png) no-repeat;} /**Masaged**/ .masagedDiv{float:right;width:207px;border-bottom: 1px solid #dde2e5;display:inline-block} .masagedDiv img{width:193px;height:96px;padding:0 7px} .masagedDiv p{color: #fff;text-align: center;margin: -64px 7px 0;position: relative;font-size: 16px;font-weight: bold;background: url(../images/2014/masgedNmBg.png) no-repeat 0 20px;width: 193px;height: 44px;padding: 36px 0 0;line-height: 1.6;overflow: hidden;} .masagedDiv .mornews {direction: rtl;text-align: right} .masagedDiv .mornews li {direction: rtl;text-align: right;margin-bottom: 10px;float: right;width: 200px;line-height: 1;height:23px;overflow:hidden} .masagedDiv .mornews li span {width: 6px;height: 6px;background: #ee1b2e;float: right;margin: 6px 0 0 10px;} .masagedDiv .mornews li a {direction: rtl;text-align: right;font-size: 16px;color: #000;} /**Matbakh**/ .matbakhDiv{width:632px;border-bottom: 1px solid #dde2e5;display:inline-block} /**7sab El Zakah (HP-Leaderboard)**/ .zakahCalcDiv{width:632px;display:inline-block;} .zakahCalcDiv img{width:632px} /**Pray Times**/ .PrayTimesDiv{width:300px;display:inline-block;} .PrayTimesDiv .prayerTimesDiv{background: url(../Ramadan2014/images/prayTimesBg.png) no-repeat -25px 0 #333;display:inline-block;} .PrayTimesDiv h1{font-family: DroidSansArabicRegular,Tahoma;font-size:18px;margin:8px 10px 0 0;display:inline-block} .PrayTimesDiv h1 a{color:#fff;} .PrayTimesDiv .prayerTitle{float:right;width:150px} .PrayTimesDiv .SpnCityName{font-family: DroidSansArabicRegular,Tahoma;color:#ee1b2e;font-size:16px;margin:5px 10px 0 0;display:inline-block} .PrayTimesDiv .leftTtl{font-family: DroidSansArabicRegular,Tahoma;color:#fff;font-size:12px;margin:10px 10px 0 0;display:inline-block;float:right;width:60px} .PrayTimesDiv .SpnRamainingTime{font-family: DroidSansArabicRegular,Tahoma;color:#ee1b2e;font-size:28px;display:inline-block;margin-top:6px} .PrayTimesDiv .prayerContent{float:right;width:150px} .PrayTimesDiv .hijriDate{color:#fff;font-size:14px;margin:-23px 0 0 0;display:inline-block} .PrayTimesDiv .hijriDate span{display: inline-block;width: 150px;} .PrayTimesDiv .selection select{float:right;width:140px;height:26px;direction: rtl;margin: 7px 0 2px;padding: 0 5px;border:none;border-radius:3px;background:#555;font-family: DroidSansArabicRegular,Tahoma;color:#fff;font-size:12px} .PrayTimesDiv .prayerTimesTableDiv{width:300px;margin-top:10px;display:inline-block;background:#555} .PrayTimesDiv .prayerTimesTableDiv #LIFagr, .PrayTimesDiv .prayerTimesTableDiv #LIZohr, .PrayTimesDiv .prayerTimesTableDiv #LIAsr, .PrayTimesDiv .prayerTimesTableDiv #LIMaghreb, .PrayTimesDiv .prayerTimesTableDiv #LIIsha {font-family: DroidSansArabicRegular,Tahoma;float:right;text-align:center;color:#fff;font-size:12px;width:60px;padding: 5px 0;} .PrayTimesDiv .prayersTimeTable span{margin-bottom: 5px;display: inline-block;} .PrayTimesDiv .emsakyat{font-family: DroidSansArabicRegular,Tahoma;color: #fff;font-size:14px;text-align: center;padding: 7px 0;background: #333;display: inline-block;width:300px} .PrayTimesDiv .emsakyat:hover{background: #222} /**Doaa**/ .doaaDiv{width:300px;display:inline-block;border-bottom: 1px solid #dde2e5;} .doaaDiv .doaaCnts{display:inline-block} .doaaDiv .doaaCnts p{color:#000;font-size:18px;padding:10px;direction:rtl;line-height:1.8} .doaaDiv .doaaCnts .fstQuote{float: right;margin-left: 10px;} .doaaDiv .doaaCnts .lastQuote{margin-right: 10px;} /**Medical Advices**/ .mdclAdvDiv{width:300px;display:inline-block;background:url(../Ramadan2014/images/mdclAdvImg.png) no-repeat -2px bottom #ee1b2e;position:relative} .mdclAdvDiv h1{font-family: DroidSansArabicRegular,Tahoma;color:#fff;font-size: 18px;display: block;padding: 15px 15px 0} .mdclAdvDiv p{color:#fff;font-size:16px;padding: 10px 15px 65px;font-weight:bold;direction:rtl;line-height:1.5} .mdclAdvDiv .more{color:#fff998;font-weight:normal;display:inline-block;text-decoration:underline} .mdclAdvDiv .moreAdv{position:absolute;color:#fff;left:100px;bottom:17px;font-family: DroidSansArabicRegular,Tahoma;font-size:14px;text-decoration:underline} /**Emsakya**/ .emsakyaDiv{width:632px;display:inline-block;} .emsakyaDiv .socialArea {width: 350px;position: absolute;left: 0;margin: 8px;} .emsakyaDiv .emsakyaTbl{width:632px;float:right;border:1px solid #d7d7d7;border-left:0} .emsakyaDiv .emsakyaTbl .ttlRow{width:632px;float:right;background:#ccc} .emsakyaDiv .emsakyaTbl .ttlRow .day{width:60px;float:right;border-left:1px solid #aaa;padding:5px 0;font-family: DroidSansArabicRegular,Tahoma;color:#000;font-size:14px; text-align:center} .emsakyaDiv .emsakyaTbl .ttlRow .ramadan{width:60px;float:right;border-left:1px solid #aaa;padding:5px 0;font-family: DroidSansArabicRegular,Tahoma;color:#000;font-size:14px; text-align:center} .emsakyaDiv .emsakyaTbl .ttlRow .melady{width:82px;float:right;border-left:1px solid #aaa;padding:5px 0;font-family: DroidSansArabicRegular,Tahoma;color:#000;font-size:14px; text-align:center} .emsakyaDiv .emsakyaTbl .ttlRow .emsak{width:60px;float:right;border-left:1px solid #aaa;padding:5px 0;font-family: DroidSansArabicRegular,Tahoma;color:#000;font-size:14px; text-align:center} .emsakyaDiv .emsakyaTbl .ttlRow .pray{width:60px;float:right;border-left:1px solid #aaa;padding:5px 0;font-family: DroidSansArabicRegular,Tahoma;color:#000;font-size:14px; text-align:center} .emsakyaDiv .emsakyaTbl .ttlRow .active{color:#ee1b2e} .emsakyaDiv .emsakyaTbl .ttlRow .pray:last-child{border-left:none} .emsakyaDiv .emsakyaTbl .wRow{width:632px;float:right;background:#fff} .emsakyaDiv .emsakyaTbl .wRow .day{width:60px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px; text-align:center} .emsakyaDiv .emsakyaTbl .wRow .ramadan{width:60px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px;text-align:center} .emsakyaDiv .emsakyaTbl .wRow .melady{width:82px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px;text-align:center;direction: rtl;} .emsakyaDiv .emsakyaTbl .wRow .emsak{width:60px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px;text-align:center;direction: rtl;} .emsakyaDiv .emsakyaTbl .wRow .pray{width:60px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px; text-align:center} .emsakyaDiv .emsakyaTbl .wRow .active{color:#ee1b2e} .emsakyaDiv .emsakyaTbl .gRow{width:632px;float:right;background:#eee} .emsakyaDiv .emsakyaTbl .gRow .day{width:60px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px; text-align:center} .emsakyaDiv .emsakyaTbl .gRow .ramadan{width:60px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px;text-align:center} .emsakyaDiv .emsakyaTbl .gRow .melady{width:82px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px;text-align:center;direction: rtl;} .emsakyaDiv .emsakyaTbl .gRow .emsak{width:60px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px;text-align:center;direction: rtl;} .emsakyaDiv .emsakyaTbl .gRow .pray{width:60px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:15px; text-align:center} .emsakyaDiv .emsakyaTbl .gRow .active{color:#ee1b2e} .emsakyaDiv .selection{display:inline-block;direction:rtl} .emsakyaDiv .selection h1{font-family: DroidSansArabicRegular,Tahoma;color:#000;font-size:14px; display:inline-block;margin-left:10px} .emsakyaDiv .selectParent{display: inline-block;margin: 10px 0 20px 0;} .emsakyaDiv .selectParent select{width: 150px;margin-left: 5px;} /*Send Fatwa*/ .sendFatwaDiv{width:632px;display:inline-block;} .sendFatwaDiv .sendFatwa .note{float: right;margin: 10px 0 20px;font-size: 17px;color: #ee1b2e;background: #f5f5f5;padding: 10px 20px;width: 592px;} .sendFatwaDiv .fatwaForm{display:inline-block;width: 600px;} .sendFatwaDiv .ttlDiv h1{font-family: DroidSansArabicRegular,Tahoma;font-size:16px;margin: 0 0 20px;} .sendFatwaDiv .control-group{width:600px;display:inline-block;margin-bottom:20px} .sendFatwaDiv .control-group .control-label{float: right;font-size: 15px;font-weight: bold;direction: rtl;margin-top: 6px;color: #000;cursor: auto;} .sendFatwaDiv .control-group .controls{float:left} .sendFatwaDiv .control-group .controls input{width: 380px;height: 28px;border: 1px solid #ccc;text-align: right;direction: rtl;font-size: 16px;font-weight: normal;} .sendFatwaDiv .control-group .controls .qInput{width: 376px;height: 60px;border: 1px solid #ccc;text-align: right;direction: rtl;font-size: 16px;font-weight: normal;} .sendFatwaDiv .fatwaForm .sendBtn{font-family: DroidSansArabicRegular;float: left;background: #ee1b2e;border-bottom: 4px solid #d2001b;color: #fff;padding: 8px 40px;border-top: 0;border-right: 0;border-left: 0;font-size: 12px;} /*Zakah View*/ .zakahForm{ direction:rtl} .zakahProg p{font-family: DroidSansArabicRegular,Tahoma;font-size:15px; padding:0 10px} .zakahForm .control-group{content: "";display: table;line-height: 0; margin:15px 0 20px 0; clear:both;width:100%} .zakahForm .control-group .control-label {float: right;padding-top: 5px;text-align: right;width: 42%;margin-left:10px} .zakahForm .control-group label {display: block;margin-bottom: 5px; color:#000;} .zakahForm label, .zakahRes-control label, .zakahForm input, zakahForm button, .zakahForm select, .zakahForm textarea {font-family: DroidSansArabicRegular,Tahoma;font-size: 16px;line-height: 20px} .zakahForm .controls {margin-right: 170px;} .zakahForm input{display:inline-block;margin-bottom: 0;vertical-align: middle;background-color: #fff; border: 1px solid #CCCCCC;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius: 2px 2px 2px 2px;color: #8d8b8b;height: 20px;line-height: 20px;padding: 4px 6px; text-align:right; font-family: DroidSansArabicRegular,Tahoma;font-size:15px; } .validateRight{display: inline-block;margin-bottom: 0;vertical-align: middle; background:url(../images/validateRight.jpg) no-repeat; width:19px; height:15px; margin:0 7px 0 0} #divRealStates{ margin-top:65px} .zakahForm .ttlDiv{font-family: DroidSansArabicRegular,Tahoma;font-size:12px; position:relative; display:block; background:#cc0001; color:#fff; margin-bottom:15px; padding:5px 10px} .addColIco{ background:url(../images/addIco.png) no-repeat; position:absolute; width:16px; height:16px; display:block;left: 6px;top: 6px;} .controlsOnly{content: "";display: table;line-height: 0; margin-bottom: 20px; clear:both; width:100%} .controlsOnly .addressInput{width:50%; margin-left:5px} .controlsOnly .numInput{width:35%} a.xIcon{ background:url(../images/xIcon.jpg) no-repeat; width:15px; height:15px; display:inline-block;margin:0 7px -7px 0} .controlsOnly label{display:inline-block; margin-left:5px} .controlsOnly .goldInput{width:20%; margin-left:10px} .controlsOnly .priceInput{width:18%;} .zakahRes{ font-family: DroidSansArabicRegular,Tahoma;font-size:12px;padding:15px 0; direction:rtl; margin-bottom:15px;} .calculateZakahBtn {background-color: #cc0001;border-radius: 3px;color: #fff !important;display: block;font-size: 18px;line-height: 50px; text-align: center;width: 30%;margin: 20px auto;} .calculateZakahBtn:hover{background-color: #eee;color: #cc0001 !important} .zakahRes-controlDiv {border: 1px solid #eee;padding: 20px 10px;border-radius: 7px;} .zakahRes > label{background-color:#FFFFFF;margin: 0 0 20px;display: block;border-radius: 4px;color: #000000; text-align: center;width: 100%;font-size: 12px;font-weight: bold;padding:5px 0;} .zakahRes-control{ margin:0 0 0 20px ; float:right} .zakahRes-control:last-child{ margin:0 0 0 0} .zakahRes-control label {padding-top: 5px;text-align: right;display:inline-block;color:#333;font-size:14px;line-height:25px} .zakahRes .controls {display:inline-block;margin-right:2px;} .zakahRes p {background-color:#FFFFFF;box-shadow: 0 1px 2px 0 #ccc inset;display: inline-block;font-size: 17px; line-height: 1;margin: 0;padding: 10px 5px;text-align: center;width:70px;} .zakahRes-controlDiv:after {display: block;clear: both;content: " ";} .zakahResNum{display: block;color: #000000;background-color:#FFFFFF;margin: 5px 0 25px 0;font-size: 18px;} /*****Fnoon*****/ /**Arts News**/ .artsNewsDiv{width:632px;border-bottom: 1px solid #dde2e5;display:inline-block} /*****Archive 2014*****/ .archiveDiv{width:632px;border-bottom: 1px solid #dde2e5;display:inline-block} .archiveDiv .calendar{float:right;margin:10px 5px 20px;} .archiveDiv .hasDatepicker {width: 480px;height: 30px;padding: 0 10px;margin: 0 15px;text-align: right;color: #545454;border: 1px solid #d7d7d7;font-size: 18px;} .archiveDiv .calendar img {margin: -8px 0 0 -1px;} .archiveDiv #loaderDivCategoriesAll{display:none;height:0!important} .archiveDiv #loaderDivCategoriesAll img{display:none} .archiveDiv .todayNewsTabs{position: relative;background: #333;height:42px;} .archiveDiv .todayNewsTabs .tabs-nav{position:absolute; top:0; right:0; width:100%} .archiveDiv .todayNewsTabs .tabs-nav > li > a {height: 38px;line-height: 3;padding: 0 10.5px;border-bottom: 4px solid #222;border-right: 1px solid #555555;box-shadow: 1px 0 0 0 #212121;} .moreNavLnk{ font-family: DroidSansArabicRegular,Tahoma;position:absolute!important; left:0; top:0} .moreNavLnk > a {background-color: #222;padding: 0 14px !important;display:block; text-align:center; font-size:14px; color:#fff;border-bottom: 4px solid #222;height: 38px;line-height: 3;position: absolute; transition: all 0.5s ease-out 0s;} .moreNavLnk:hover > a{background-color: #ee1b2e; border-bottom:4px solid #d2001b} .moreNavLnk > .moreItems{ display:none;background-color: #777;left: 0;position: absolute;width: 130px; z-index: 999; color:#fff; font-size:13px;top: 42px;} .moreNavLnk:hover > .moreItems{ display:block} .moreItems li{ border-bottom:1px solid #999} .moreItems li:hover{ background-color:#ddd} .moreItems li:hover > a{ color:#333} .moreItems > li > a{ color:#fff;display: block;padding: 7px 10px;} .archiveDiv .tabs-nav > li:hover > a, .archiveDiv .tabs-nav > li:focus > a, .archiveDiv .tabs-nav > li:active > a {background-color: #ee1b2e;border-bottom: 4px solid #d2001b;outline: 0;} .archiveDiv .todayNewsTabs .tabs-nav > li:first-child a {border-right: none;box-shadow: none;} .archiveDiv .todayNewsTabs .tabs-nav > li.selected > a {background-color:#ee1b2e; border-bottom:4px solid #d2001b;outline: 0;line-height:3} .archiveDiv .todayTabsContainer{width:100%} .archiveDiv #cntntLoaderDiv{ background:#fff; padding:80px; text-align:center} .archiveDiv .todayTabsContainer .nlist{border-bottom: 1px solid #dde2e4;color:#000;font-size:15px;padding:10px 0;direction:rtl} .archiveDiv .todayTabsContainer .nlist:hover{background-color:#eee;} .archiveDiv .todayTabsContainer .nlist a{ font-weight:bold} .archiveDiv .todayTabsContainer .nlist span{color:#999;border:0;padding: 0 0 0 10px; display:inline-block} .archiveDiv .archivepaging {margin-top:60px} .archiveDiv .archivepaging .next{position:absolute;width:163px;height:37px;bottom:0;left:100px;background:url(../images/2014/todayNext.png) no-repeat} .archiveDiv .archivepaging .prev{position:absolute;width:163px;height:37px;bottom:0;right:100px;background:url(../images/2014/todayPrev.png) no-repeat} .archiveDiv .achiveTabContent .noData{display:inline-block;font-family: DroidSansArabicRegular,Tahoma;color:#ee1b2e;font-size:18px;margin:10px} .archiveDiv .btn {background:none;display: inline-block;} .archiveDiv #tab-content{ padding:15px 0} .archiveDiv .topBarCal .nav-tabs{ float:left; margin-top:0;width:96%} .archiveDiv .boxgrid{width:148px;float:right;background:#fff; text-align:center;margin:0 5px 20px} .archiveDiv .boxgrid .padding{height: 213px; position: relative;border: solid 1px #b3b3b3;overflow:hidden;box-shadow:0px 0px 5px 0px #aeaeae;-moz-box-shadow:-0px 0px 5px 0px #aeaeae; -webkit-shadow:0px 0px 5px 0px #aeaeae;} .archiveDiv .boxgrid .deletePin{background:#CCCCCC;color: #FFFFFF;display: inline-block;font-size:40px;height: 30px; line-height: 1;padding: 0 10px;position: relative;z-index: 99999; float:left} .archiveDiv .boxgrid .deletePin span{box-shadow:1px 3px 5px 2px #ccc; line-height: 1;} .archiveDiv .boxgrid img {border: 0 none;margin: 10px;position: absolute;right: 0;top: 0;width: 128px;} .archiveDiv .boxcaption{float: right;position: absolute;background: #fff;height:213px; width: 100%; opacity:1; top: 105px;text-align:right; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"} .archiveDiv .boxcaption .paragraph{height:166px;overflow:hidden} .archiveDiv .boxcaption .paragraph h3{color: #000;font-size: 15px;font-weight: bold;line-height: 1.2;margin: 5px 8px 2px;overflow: hidden;} .archiveDiv .boxcaption .paragraph h3 a{color:#000;} .archiveDiv .boxcaption .paragraph p{ color: #696969;font-size: 14px;line-height: 1.23;margin: 0;padding: 0 8px;text-align: right;} .archiveDiv .boxcaption .moreOptions{ line-height:1; font-weight:bold; position:absolute; bottom:0; width:100%} .archiveDiv .boxcaption .readsNum{ float:right; width:58%;margin-top:0} .archiveDiv .boxcaption .readsNum .text{color:#000; text-align:center;width:100%;font-family: DroidSansArabicRegular,Tahoma;font-size:14px;font-weight:normal} .archiveDiv .boxcaption .readsNum .num{ color:#ee1b2e; text-align:center;width:100%;font-size:20px} .archiveDiv .boxcaption .moreLnk{display:block; background:#ee1b2e; color:#fff; float:left; padding:5px 15px; font-family: DroidSansArabicRegular,Tahoma;font-size:12px;font-weight:normal} .archiveDiv p.noData{color: #cc0001 !important;font-size: 31px;font-weight: bold;padding: 30px 0;text-align: center;} .archiveDiv .archive .progress{margin: 24% auto;} /*****Search Result Page*****/ .searchPgDiv{width:632px;display:inline-block} .searchPgDiv #loaderDivCategoriesAll{display:none;height:0!important} .searchPgDiv #loaderDivCategoriesAll img{display:none} .searchPgDiv .todayNewsTabs{position: relative;background: #333;height:42px;} .searchPgDiv .todayNewsTabs .tabs-nav{position:absolute; top:0; right:0; width:100%} .searchPgDiv .todayNewsTabs .tabs-nav li a {height: 38px;line-height: 3;padding: 0 8.7px;border-bottom: 4px solid #222;border-right: 1px solid #555555;box-shadow: 1px 0 0 0 #212121;} .searchPgDiv .tabs-nav > li:hover > a, .archiveDiv .tabs-nav > li:focus > a, .archiveDiv .tabs-nav > li:active > a {background-color: #ee1b2e;border-bottom: 4px solid #d2001b;outline: 0;} .searchPgDiv .todayNewsTabs .tabs-nav > li:first-child a {border-right: none;box-shadow: none;} .searchPgDiv .todayNewsTabs .tabs-nav .active {background-color:#ee1b2e; border-bottom:4px solid #d2001b;outline: 0;line-height:3} .searchPgDiv .todayTabsContainer{width:100%} .searchPgDiv #cntntLoaderDiv{ background:#fff; padding:80px; text-align:center} .searchPgDiv .todayTabsContainer .nlist{border-bottom: 1px solid #dde2e4;color:#000;font-size:15px;padding:10px 0;direction:rtl} .searchPgDiv .todayTabsContainer .nlist:hover{background-color:#eee;} .searchPgDiv .todayTabsContainer .nlist a{ font-weight:bold} .searchPgDiv .todayTabsContainer .nlist span{color:#999;border:0;padding: 0 0 0 10px; display:inline-block} .searchPgDiv .archivepaging {margin-top:60px} .searchPgDiv .archivepaging .next{position:absolute;width:163px;height:37px;bottom:0;left:100px;background:url(../images/2014/todayNext.png) no-repeat} .searchPgDiv .archivepaging .prev{position:absolute;width:163px;height:37px;bottom:0;right:100px;background:url(../images/2014/todayPrev.png) no-repeat} .searchPgDiv .achiveTabContent .noData{display:inline-block;font-family: DroidSansArabicRegular,Tahoma;color:#ee1b2e;font-size:18px;margin:10px} .searchPgDiv .btn {background:none;display: inline-block;} .searchPgDiv .searchDiv{display:inline-block;margin:5px 0 20px} .searchPgDiv .searchTxt {width: 480px;height: 40px;border:1px solid #d7d7d7;padding: 0 10px;float: right;text-align: right;font-family: DroidSansArabicRegular,Tahoma;font-size: 18px;} .searchPgDiv .searchIcon{background: url(../images/spriteme2.png) no-repeat -10px -1159px;width: 30px;height: 30px;border: 0;margin: 6px -42px 0 0;float: right;} .searchPgDiv .searchBtn{display: block;background: #ee1b2e;color: #fff;float: left;padding: 10px 40px;font-family: DroidSansArabicRegular,Tahoma;margin-right: 5px;font-size: 16px;font-weight: normal;border: none;} .searchPgDiv .searchresultDiv{border-bottom:1px solid #d7d7d7;position:relative;padding: 10px 0;} .searchPgDiv .searchresultDiv:last-child{ border-bottom:none;margin:0} .searchPgDiv .searchresultDiv img{ float:right; margin:7px 0 7px 5px} .searchPgDiv .searchresultDiv h2{ font-family: DroidSansArabicRegular,Tahoma;font-size:16px; color:#ee1b2e; padding:0 0 0 32px; margin:-10px 0 0; text-align:right} .searchPgDiv .searchresultDiv h2 a{ color:#ee1b2e; } .searchPgDiv .searchresultDiv .description{ font-size:16px; font-weight:bold; color:#000; padding:5px 0; margin:0; text-align:right} .searchPgDiv .searchresultDiv .date{font-size:12px; font-weight:bold;color:#7f7f7f; padding:0; margin:0; text-align:right} /* Accessible News Slider: Base styles */ .featuredNewsSlider{position:relative;/*overflow:hidden;*/width: 632px;height:368px!important;} #newsslider > li > a {display: block;} div.jqans-wrapper {-x-system-font:none;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal; font-variant:normal;font-weight:normal;line-height:1.231;color:#fff;} div.jqans-wrapper img {border: 0;} .jqans-content img{ width:632px; height:320px} .jqans-stories img{ width:80px; height:40px} div.jqans-wrapper ul, div.jqans-wrapper li, div.jqans-wrapper h1, div.jqans-wrapper p {margin: 0;padding: 0;} div.jqans-wrapper.default{position:relative;/*overflow:hidden;*/width: 632px;height:368px!important;} div.jqans-wrapper.default .jqans-container{width: 632px; height:261px;margin: 0;overflow: hidden;padding: 0;position: relative;} div.jqans-wrapper ul { position: relative; left: 0; width: auto; list-style-type: none; overflow: hidden; z-index: 1;} div.jqans-wrapper li {float: left;display: inline;} /* the stories ul and lis must have the same height */ div.jqans-wrapper.default .jqans-stories ul, div.jqans-wrapper.default .jqans-stories li { height: 105px} div.jqans-wrapper.default .jqans-stories-selector{ display:none} div.jqans-wrapper.default li {width: 160px;} /*div.jqans-wrapper.default a {text-decoration: none; font-weight: normal;color: #fff;outline: none;}*/ div.jqans-wrapper.default strong { color: #000;} div.jqans-wrapper.default .jqans-headline { display:none} div.jqans-wrapper.default .jqans-content h1 {text-align: left; color: #666666; margin: 8px 4px 4px 4px; font-size: 16px;} div.jqans-wrapper.default .jqans-content p { background: -webkit-linear-gradient(transparent, black); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(transparent, black); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(transparent, black); /* For Firefox 3.6 to 15 */ background: linear-gradient(transparent, black); /* Standard syntax (must be last) */ bottom: 0;color: #FFFFFF;font-family: DroidSansArabicRegular,Tahoma;font-size:18px;cursor: pointer;height: 82px;padding: 0 10px 10px;position: absolute;right: 0;width: 612px; } div.jqans-wrapper.default .jqans-content p .slider-description { cursor: pointer; direction: rtl; font-size: 20px; line-height:1.6; margin: 15px 15px; text-align: right; color: #FFFFFF; position: relative !important; z-index: 99;display:block} /* stories */ div.jqans-wrapper.default .jqans-stories {background: #fff;border-bottom: 1px solid #D7D7D7; margin:0; width:632px; overflow:hidden} div.jqans-wrapper.default .jqans-stories li {cursor: pointer; display: block; float: left; height: 105px !important; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; text-align: center; width: 160px !important; position:relative} div.jqans-wrapper.default .jqans-stories #newsslider li .slider-link{background:none} div.jqans-wrapper.default .jqans-stories li.selected img {border-top:5px solid #EE1B2E;padding-top:0} div.jqans-wrapper.default .jqans-stories li img {height: 105px;margin: 0 5px;padding: 5px 0;width: 160px;} /*div.jqans-wrapper.default .jqans-stories li p {display: none;}*/ div.jqans-wrapper.default .jqans-stories li h3 {margin:0;display: none; font-size:12px;font-weight:normal;} /* pagination */ div.jqans-wrapper.default .jqans-pagination {bottom: 0;height: 60px;position: absolute;width: 100%;} div.jqans-wrapper.default .jqans-pagination-count {float: left;display: none;} div.jqans-wrapper.default .jqans-pagination-controls a {display: inline-block;text-indent: 0px;color: transparent; background: no-repeat bottom center;*float:left;border: 0 none;height: 32px; width: 14px;position: absolute} div.jqans-wrapper.default .jqans-pagination-controls-back{position: absolute; left:-6px;color:#FFFFFF; cursor: pointer;display: block;height: 45px; width: 36px; text-align:center;top:-197px} div.jqans-wrapper.default .jqans-pagination-controls-back a{height: 45px; width: 36px; display:block;background:url(../images/2014/spriteme2.png) no-repeat -10px -574px;} div.jqans-wrapper.default .jqans-pagination-controls-back a:hover{background-position:-10px -778px} div.jqans-wrapper.default .jqans-pagination-controls-next{position: absolute; right:-6px;color:#FFFFFF; cursor: pointer;display: block;height: 45px; width: 36px; text-align:center;top:-197px} div.jqans-wrapper.default .jqans-pagination-controls-next a {height: 45px; width: 36px; display:block;background:url(../images/2014/spriteme2.png) no-repeat -10px -844px;} div.jqans-wrapper.default .jqans-pagination-controls-next a:hover{background-position:-10px -1048px} .jqans-content > div .slider-description a{color:#FFF;} div.jqans-wrapper.default .jqans-stories li p { background: -webkit-linear-gradient(transparent, black); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(transparent, black); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(transparent, black); /* For Firefox 3.6 to 15 */ background: linear-gradient(transparent, black); /* Standard syntax (must be last) */ bottom: 0;color: #FFFFFF;cursor: pointer;height: 70px;padding: 0 10px 10px;position: absolute;right: 5px;width: 135px; } div.jqans-wrapper.default .jqans-stories li p .slider-description { cursor: pointer; direction: rtl; font-size: 16px; line-height:1.4; margin: 34px 0 0; text-align: right; color: #FFFFFF; position: relative !important; z-index: 99;display:block;font-weight: bold;} /*********************** Accessible News Slider: Base styles .featuredNewsSlider{position:relative;overflow:hidden;width: 632px;height:322px!important;} div.jqans-wrapper {-x-system-font:none;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal; font-variant:normal;font-weight:normal;line-height:1.231;color:#fff;} div.jqans-wrapper img {border: 0;} .jqans-content img{ width:632px;} .jqans-stories img{ width:80px; height:40px} div.jqans-wrapper ul, div.jqans-wrapper li, div.jqans-wrapper h1, div.jqans-wrapper p {margin: 0;padding: 0;} div.jqans-wrapper.default{position:relative;overflow:hidden;width: 632px;height:322px!important;} div.jqans-wrapper.default .jqans-container{width: 632px; height:261px;margin: 0;overflow: hidden;padding: 0;position: relative;} div.jqans-wrapper ul { position: relative; left: 0; width: auto; list-style-type: none; overflow: hidden; z-index: 1;} div.jqans-wrapper li {float: left;display: inline;} /************************ the stories ul and lis must have the same height div.jqans-wrapper.default .jqans-stories ul, div.jqans-wrapper.default .jqans-stories li { height: 60px} div.jqans-wrapper.default .jqans-stories-selector{ display:none} div.jqans-wrapper.default li {width: 91px;} div.jqans-wrapper.default a {text-decoration: none; font-weight: normal;color: #fff;outline: none;} div.jqans-wrapper.default strong { color: #000;} div.jqans-wrapper.default .jqans-headline { display:none} div.jqans-wrapper.default .jqans-content h1 {text-align: left; color: #666666; margin: 8px 4px 4px 4px; font-size: 16px;} div.jqans-wrapper.default .jqans-content p {background-color: rgba(31, 31, 31, 0.7); bottom: 0; color: #FFFFFF; cursor: pointer; height: 62px; padding: 0 10px 10px; position: absolute; right: 0; width: 612px;} div.jqans-wrapper.default .jqans-content p .slider-description { cursor: pointer; direction: rtl; font-size: 22px; margin: 5px 15px; text-align: right; color: #FFFFFF; position: relative !important; z-index: 99;display:block} /************************ stories div.jqans-wrapper.default .jqans-stories {background: #fff;border-bottom: 1px solid #D7D7D7; margin:0 43px; width:546px; overflow:hidden} div.jqans-wrapper.default .jqans-stories li {cursor: pointer; display: block; float: left; height: 60px !important; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; text-align: center; width: 91px !important;} div.jqans-wrapper.default .jqans-stories li.selected img {border-bottom:5px solid #EE1B2E;} div.jqans-wrapper.default .jqans-stories li img {height: 40px;margin: 7px 3px 0;padding: 3px 3px 5px;width: 80px;} div.jqans-wrapper.default .jqans-stories li p {display: none;} div.jqans-wrapper.default .jqans-stories li h3 {margin:0;display: none; font-size:12px;font-weight:normal;} /************************ pagination div.jqans-wrapper.default .jqans-pagination {bottom: 0;height: 60px;position: absolute;width: 100%;} div.jqans-wrapper.default .jqans-pagination-count {float: left;display: none;} div.jqans-wrapper.default .jqans-pagination-controls a {display: inline-block;text-indent: -9999px; background: no-repeat bottom center;*float:left;border: 0 none;height: 32px; width: 14px;position: absolute} div.jqans-wrapper.default .jqans-pagination-controls-back{position: absolute; left:0;color:#FFFFFF; cursor: pointer; background-color:#333;display: block;height: 61px; width: 43px; text-align:center} div.jqans-wrapper.default .jqans-pagination-controls-back a{text-indent:-999px;height: 61px; width: 43px; display:block;background:#333 url(../images/2014/sliderArrowR.png) no-repeat center;} div.jqans-wrapper.default .jqans-pagination-controls-next{position: absolute; right:0;color:#FFFFFF; cursor: pointer; background-color:#333;display: block;height: 61px; width: 43px; text-align:center} div.jqans-wrapper.default .jqans-pagination-controls-next a {text-indent:-999px;height: 61px; width: 43px; display:block;background:#333 url(../images/2014/sliderArrowL.png) no-repeat center;} .jqans-content > div .slider-description a{color:#FFF;} */ .iframeFooter {background-color:#EEEEEE;bottom: 0;margin: 0 auto;padding-top: 10px;position: absolute;width: 100%;} /*egyptNews*/ .egyptNews .mainItem .caption {margin:10px 0 0 0!important} .egyptNews .mainItem .caption img{display:block;width:193px!important;height:97px!important; background-color:#f5f5f5; margin-bottom:10px} .egyptNews .mainItem .caption p, .mainNews .mainItem .date { display:none!important;} .egyptNews .mainItem h1{ padding:0!important; margin:0!important;} .egyptNews .mainItem h1 a{display:block;font-size:15px;color:#000; margin-bottom:3px; font-weight:bold} .egyptNews .mainItem p{font-size:15px;color:#333; line-height:1.5} .egyptNews #rotator{ float:right;width: 420px; margin-top:10px;} .egyptNews #rotator li{ margin:0 0 10px 0} .egyptNews #rotator li:hover{ background-color:#f7f7f7} .egyptNews #rotator li a:hover{ text-decoration:underline} .egyptNews #rotator ul img{display:block;float:right; margin:0 0 0 10px; width:100px; height:67px; background:#eee} .egyptNews #rotator p, .egyptNews #rotator p > a{ font-size:15px; font-weight:bold;color:#000; line-height:1.7; display:block} /*mainNews*/ /*bbcNews*/ /*sportsNews*/ /*artsNews*/ .egyptNews, .mainNews, .bbcNews, .sportsNews, .artsNews {background:#fff;position:relative; } .egyptNews .ttl .morebtn, .mainNews .ttl .morebtn, .bbcNews .ttl .morebtn, .sportsNews .ttl .morebtn, .artsNews .ttl .morebtn, .ttl .morebtn {font-size:12px;display:block;color:#fff;background:#ee1b2e; border-bottom:4px solid #d2001b; line-height: 2;padding:5px 0 4px; position:absolute; top:0; left:0;text-align: center;width: 50px;direction:rtl} .egyptNews .ttl .morebtn:hover, .mainNews .ttl .morebtn:hover, .bbcNews .ttl .morebtn:hover, .sportsNews .ttl .morebtn:hover, .artsNews .ttl .morebtn:hover, .ttl .morebtn:hover , .ttl .morebtn:hover{color:#ee1b2e!important;background:#eee!important; border-bottom:4px solid #d7d7d7!important; font-weight:bold} .egyptNews .mainItem, .mainNews .mainItem, .bbcNews .mainItem, .sportsNews .mainItem, .artsNews .mainItem {float:right;margin:0 0 0 15px;width:193px; /*max-height:230px;*/ overflow:hidden} .mainNews .mainItem img, .bbcNews .mainItem img, .sportsNews .mainItem img, .artsNews .mainItem img {display:block;width:193px!important;height:97px!important; background-color:#f5f5f5; margin-bottom:10px} .mainNews .mainItem h4 a, .bbcNews .mainItem h4 a, .sportsNews .mainItem h4 a, .artsNews .mainItem h4 a {display:block;font-size:15px; font-weight:bold;color:#000; margin-bottom:3px} .mainNews .mainItem p, .bbcNews .mainItem p, .sportsNews .mainItem p, .artsNews .mainItem p {font-size:15px;color:#333; line-height:1.5} .mainItem .date {display:none} .mainNews ul, .bbcNews ul, .sportsNews ul, .artsNews ul {float:right;width: 420px; margin-top:10px;} .mainNews ul li, .bbcNews ul li, .sportsNews ul li, .artsNews ul li { font-size:15px; font-weight:bold;color:#000;margin:0 0 20px 0; padding:0 15px 0 0;background:url(../images/2014/redBullet.jpg) no-repeat right 7px;} .mainNews ul li a:hover, .bbcNews ul li a:hover, .sportsNews ul li a:hover, .artsNews ul li a:hover { text-decoration:underline} .bbcNews .ttl h1 a{background:#333 url(../images/2014/bbcLogo.jpg) no-repeat right; display:block; width:143px; height:27px} .bbcNews .ttl h1 a span{ display:none} /*.bbcNews .ttl .morebtn{background:#333; border-bottom:4px solid #000;} */ /**RSS**/ .rssDiv{width:632px;border-bottom: 1px solid #dde2e5;display:inline-block} .rssDiv .rssBg{background:#f5f5f5;padding:10px 20px} .rssDiv .rssBg h2{font-family: DroidSansArabicRegular,Tahoma;font-size: 14px;font-weight:bold;color:#ee1b2e} .rssDiv .rssBg .content p{font-size:16px;line-height:1.8;direction:rtl;margin-top:10px} .rssDiv .allChannel{margin-top:20px; display:inline-block;width:632px} .rssDiv .allChannel .wRow{width:632px;display:inline-block;background:#fff} .rssDiv .allChannel .gRow{width:632px;display:inline-block;background:#eee} .rssDiv .channel{padding: 10px;float: right;width: 295px;overflow: hidden;border-left: 1px solid #ddd;} .rssDiv .channel:last-child{border-left: none} .rssDiv .channel li{float:right;list-style:none} .rssDiv .channel .name a{font-family: DroidSansArabicRegular,Tahoma;font-size: 14px;color:#333} .rssDiv .channel .feed{float:left;width:29.8%;margin-left:0.2%} .rssDiv .channel .feed li{float: left;width: 42px;height: 15px;margin-top: -2px;} .rssDiv .channel .dropDownMenu {position:absolute;visibility:hidden;background:#eee;border:1px solid #cc0001;width:300px;height:55px;margin-right:-142px;float:left} .rssDiv .channel .dropDownMenu img{float:left;margin:6px} /*ramadan clips on HP*/ .ttl2{ background:#fff;font-family:DroidSansArabicRegular,Tahoma;color:#fff; display:block!important; border-bottom:3px solid #d94a3e; font-size:16px; margin-bottom:10px;position:relative} .ttl2 h1{font-size:16px; display:inline-block;/*background:#eb5b4c; height:22px;padding:7px 15px 4px;*/font-weight:normal; border-bottom: 33px solid #eb5b4c;padding:0 25px 0 45px; border-left: 20px solid transparent; border-right: 0 solid transparent; height: 0; line-height:2.2} .ttl2 h1 a{color:#fff} .ttl2:after {display: block;clear: both;content: " ";} .ttl2 *, .ttl2 *:after, .ttl2 *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .moreLnk { position: absolute; display: inline-block; outline: none; color: #EE1B2E; font-size:14px; overflow: hidden;line-height: 2;text-align: center; left:0; z-index:2; top:1px} .moreLnk span { display: block; padding: 2px 15px; background: #fff; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .moreLnk::before { position: absolute; top: 0; left: 0; z-index: -1; padding: 2px 15px; width: 100%; height: 100%; background: #EE1B2E; color: #fff; content: attr(data-hover); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(-25%); } .moreLnk:hover span, .moreLnk:focus span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } .moreLnk:hover::before, .moreLnk:focus::before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } .kitchenItms{ border-bottom:1px solid #dde2e5} .kitchenItms:after {display: block;clear: both;content: " ";} .kitchenItms li{ float:right; width:194px;border:1px solid #e3e3e3; border-radius:3px; margin:10px 7px 15px; box-shadow:0 0px 5px 1px #eee} .kitchenItms li img{ display:block;width:194px; height:135px} .kitchenItms li p{ padding:10px 7px; font-size:20px; font-family:Adobe Arabic; font-weight:bold;height: 52px;overflow: hidden;} .mosalsalatRamadan{} .mosalsalatRamadan .mosalsalatMain{float:right;width:142px;border:1px solid #e3e3e3; border-radius:3px; margin:10px 7px 15px; box-shadow:0 0px 5px 1px #eee;} .mosalsalatRamadan .mosalsalatMain > a{ display:block;position: relative;} .mosalsalatRamadan .mosalsalatMain img{display: block; width:142px; height:93px} .mosalsalatRamadan .mosalsalatMain p{padding:10px 7px; font-size:19px; font-family:Adobe Arabic; font-weight:bold;height:66px;overflow: hidden; line-height:1.2} .mosalsalatRamadan .playBtn {top: 5px;margin: 0 -4px 0 0;} /*Nader 26-26-2014*/ .mosalsalatRamadan #multipleRotator .overview li{margin:0;height:190px} #multipleRotator .viewport {height:190px} /*CitizenSDiv*/ .CitizenSDiv .fstClip { background: none repeat scroll 0 0 #f5f5f5; clear: both; font-size: 18px; line-height: 1.5; margin: 0 0 10px; padding: 10px 20px; text-align: center; width: 577px; } .CitizenSDiv .center { color: #ee1b2e; font-size: 17px; margin-top: 5px; text-align: right; } .CitizenSDiv .clip { background: none repeat scroll 0 0 #fff; clear: both; float: right; margin: 0; padding: 5px; text-align: right; width: 618px; } .CitizenSDiv h1 { background: none repeat scroll 0 0 #333; border-bottom: 4px solid #222; color: #fff; direction: rtl; font-family: DroidSansArabicRegular,Tahoma; font-size: 18px; font-weight: normal; padding: 7px 15px 4px; } .CitizenSDiv .divrip { float: right; height: 130px; width: 309px; } .CitizenSDiv .smallclip a { float: right; font-size: 16px; font-weight: bold; margin: 5px; padding: 3px; vertical-align: middle; width: 298px; } .CitizenSDiv .smallclip a img { border: 0 none; margin-left: 5px; vertical-align: middle; } .CitizenSDiv .smallclip p { float: right; font-size: 94% !important; font-weight: normal !important; line-height: 20px !important; margin: 0 5px 23px 18px !important; width: 265px; } /** Album Slider **/ .articleGallery {position:relative} .articleGallery .albumArrows{position: absolute;width: 632px;} .articleGallery .albumArrows .back{position: absolute;left: -6px;color: #FFFFFF;cursor: pointer;display: block;height: 45px;width: 36px;text-align: center;top: -250px;} .articleGallery .albumArrows .back a{height: 45px;width: 36px;display: block;background: url(../images/2014/spriteme2.png) no-repeat -10px -574px;} .articleGallery .albumArrows .back a:hover{background-position: -10px -778px;} .articleGallery .albumArrows .next{position: absolute;right: -6px;color: #FFFFFF;cursor: pointer;display: block;height: 45px;width: 36px;text-align: center;top: -250px;} .articleGallery .albumArrows .next a{height: 45px;width: 36px;display: block;background: url(../images/2014/spriteme2.png) no-repeat -10px -844px;} .articleGallery .albumArrows .next a:hover{background-position: -10px -1048px;} /** Strip **/ .strip{font-family:DroidSansArabicRegular, Tahoma;font-size:16px;background:#333;color:#fff;display:block;width:100%;text-align:center;padding:0;margin-top:8px} .strip img{width:947px;height:auto;outline:none} /* Suez Canal Countdown */ .szCnlCD {width:100%;display:inline-block;border:1px solid #ddd!important;position:relative;margin-bottom:15px} .szCnlCD .red{width:10px;height:70px;background:#c31717;position:absolute;left:8px;top:-5px} .szCnlCD .red:before{content:"";width: 0;height: 0;border-bottom: 5px solid #ad0006;border-left: 5px solid transparent;position: absolute;top: 0;left: -5px;} .szCnlCD .white{width:10px;height:70px;background:#fff;position:absolute;left:18px;top:-5px} .szCnlCD .black{width:10px;height:70px;background:#222;position:absolute;left:28px;top:-5px} .szCnlCD .black:before{content:"";width: 0;height: 0;border-bottom: 5px solid #000;border-right: 5px solid transparent;position: absolute;top: 0;left: 10px;} .szCnlCD p{font-family:arial, Tahoma;font-size:16px;font-weight:bold;color:#c31717;text-align:center;padding:10px 95px;line-height: 1.3;} .szCnlCD p span{font-size:26px} .timerDiv{} .timerDiv > ul {font-family:arial,Tahoma;padding: 0 62px;text-align: center;font-weight:bold} .timerDiv li {float:left;background-color: #333;color: #fff;display: inline-block;font-size: 20px;margin: 0 3px 30px;padding: 2px 4px;text-align: center;width: 30px; position:relative} .timerDiv li:nth-child(1):after, .timerDiv li:nth-child(2):after, .timerDiv li:nth-child(3):after, .timerDiv li:nth-child(4):after {content: "م";background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #333;display: block;font-size: 14px;position: absolute;text-align: center;width: 30px;top:35px} .timerDiv li:nth-child(2):after {content: "س";} .timerDiv li:nth-child(3):after {content: "ق";} .timerDiv li:nth-child(4):after {content: "ث";} /*ehab start*/.nativeAdContainer .str-adunit.video {cursor: inherit;}.nativeAdContainer .thumbnail-wrapper, .nativeAdContainer .str-title, .nativeAdContainer .str-thumbnail:hover, .nativeAdContainer .icon-wrapper:hover, .nativeAdContainer p:hover,.nativeAdContainer .str-slug-placeholder, .nativeAdContainer .str-advertiser:hover{cursor:pointer}/*ehab end*/