/*General CSS*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family:"Sakkal Majalla"; color: #424242; }
body { margin: 0; font-size: 1em; line-height: 1.4 ; padding: 0px; text-align:right}
a { color: #016e99; cursor:pointer; text-decoration:none }
a:visited { color: #424242; }
a:hover { color: #016e99; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
ul, li{ text-decoration:none}
.clear{ clear:both; float:none}



.mainWrapper, .wrapper{width: 100%; margin: 0 auto;}


/*Header Style*/
.header{width: 100%;background-color: #353535;height:38px;background:url(../images/headerMenuBg.jpg) repeat-x top}
.header .logo{float:right; margin:1px 2%; width:12.5%}

.mainNav{float:right;width: 50%;}
.mainNav li{float:right; padding:0 2.8%; height:34px; list-style:none; border-right:1px solid #000; margin:0 0 4px 0;box-shadow:1px 0 0 0 #666666;}
.mainNav li:hover, .mainNav li:active{ background:url(../images/menuBtnHover.jpg) repeat-x; color:#000!important}
.mainNav li:hover a{color:#000!important}
.mainNav li:hover .moreIco{background:url(../images/moreIcoHover.png) no-repeat left center}
.mainNav li a{color:#fff;font-family:"Sakkal Majalla";font-size:26px;text-decoration:none}
.homeIco{background:url(../images/homeIco.png) no-repeat center; display:block; width:32px; height:26px; margin:3px 0}
.homeIco span, .searchIco span, .profileIco span, .calIco span, .fbIco span, .twIco span, .gIco span, .rssIco span{display:none}
.moreIco{ background:url(../images/moreIco.png) no-repeat left center; display:block; padding-left:25px}
.moreIco:hover, .moreIco:active{background:url(../images/moreIcoHover.png) no-repeat left center; display:block; padding-left:25px}

#navigation_horiz .dropdown{position:absolute; z-index:9999; background:#dbdbdb; border-bottom:3px solid #cc0001; width:100%!important;z-index:200020; display:none}
.dropdown .menuList{ float:right; padding:2% 0 10px; border-left:1px solid #fbfbfb;box-shadow:-1px 0 0 0 #aeaeae;-moz-box-shadow:-1px 0 0 0 #aeaeae;-webkit-shadow:-1px 0 0 0 #aeaeae; min-height:190px; display:inline-block; width:12%}
.dropdown .menuList:last-child{border-left:none;box-shadow:none;-moz-box-shadow:none;-webkit-shadow:none}
.dropdown .menuList h3{color:#cc0001;float:none; padding:0 12%;height:auto; list-style:none; border-right:none; margin:0 0 4px 0;font-size:22px; line-height:1; background:none!important;display:block}
#navigation_horiz  ul li a.navlink {display:block;}
.dropdown .menuList a{ color:#000; font-family:"Sakkal Majalla"; font-size:16px!important; text-decoration:none; font-weight:bold;display:block; padding:1.5% 12%}
.dropdown .menuList a:hover{ background:#333333; color:#fff!important}
.dropdown .list{ float:right;display:inline-block; font-size:18px; font-weight:bold; padding:0 0 10px 0; width:25%}
.dropdown .list a{ display:block; font-size:18px; font-weight:bold; padding:0 20px}
.dropdown .list a:hover{ background:#333333; color:#fff!important}

.newsestVideo{ float:right; width:59%; border-left:1px solid #fbfbfb;box-shadow:-1px 0 0 0 #aeaeae;-moz-box-shadow:-1px 0 0 0 #aeaeae;-webkit-shadow:-1px 0 0 0 #aeaeae}
.newsestVideo h3{ color:#c70100; font-size:24px; margin:10px 30px 0; display:block}
.newsestVideo a{float:right; padding:5px 0 15px; display:inline-block; position:relative; width:33%}
.newsestVideo img{width:95%; padding:0 4% 0 0}
.newsestVideo a:last-child{}
.newsestVideo .playBtn{ background:url(../images/PlayBtn.png) no-repeat; width:49px; height:52px; left: 50%;margin-left: -20px;position: absolute;top: 53px;}
.mostWatchedVideo{ float:right; width:40%; }
.mostWatchedVideo h3{ color:#c70100; font-size:24px; margin:10px 30px 0; display:block}
.mostWatchedVideo a{float:right; padding:1.5% 1%;width: 47%; display:inline-block; font-size:18px!important; font-weight:bold; position:relative}
.mostWatchedVideo a:hover{ text-decoration:underline}
.mostWatchedVideo a img{float:right; padding:0 10px; width:50%}
.mostWatchedVideo p{ margin:0; color:#000; line-height:1}
.mostWatchedVideo .playBtn{ background:url(../images/SmlPlayBtn.png) no-repeat; width:36px; height:39px; left:61%;position: absolute;top:20px;}


.searchDiv{  float:right; width:60%}
.searchDiv .padding{padding:35px 45px; border-left:1px solid #fbfbfb;box-shadow:-1px 0 0 0 #aeaeae;-moz-box-shadow:-1px 0 0 0 #aeaeae;-webkit-shadow:-1px 0 0 0 #aeaeae;}
.searchTxt{ background:url(../images/SearchTextBox.png) no-repeat; width:463px; height:37px; border:0; padding:10px 20px 10px 55px; float:right; text-align:right; font-size:24px}
.searchBtn{ background:url(../images/SearchBtn.png) no-repeat; width:154px; height:53px; border:0;margin:3px 25px 0 0; float:right}
.searchIcon{background:url(../images/SearchIcon.png) no-repeat; width:30px; height:30px; border:0; margin:14px -45px 0 0; float:right}
.mostSearch{ float:right; width:40%}
.mostSearch .padding{ padding:12px 20px}
.dropdown .mostSearch h3{color:#cc0001;float:none; padding:0 10px;height:auto; list-style:none; border-right:none; margin:0 0 4px 0;font-size:22px; line-height:1; background:none!important;display:block}

.newUser{ float:right; width:20%}
.newUser .padding{padding:15px 10px; border-left:1px solid #fbfbfb;box-shadow:-1px 0 0 0 #aeaeae;-moz-box-shadow:-1px 0 0 0 #aeaeae;-webkit-shadow:-1px 0 0 0 #aeaeae;; background-color:#aeaeae; text-align:center;}
.newUser h2{ color:#c40202; margin:0; font-size:24px; font-weight:bold}
.newUser a{ display:block; font-size:18px; color:#151515; margin-bottom:2px}
.newUser a:hover{ text-decoration:underline}
.newUserBtn{background:url(../images/NewUserBtn.png) no-repeat; width:90px; height:26px; border:0;}


.logIn{float:right;width:43%}
.logIn .padding{padding:25px 50px 10px;border-left:1px solid #fbfbfb;box-shadow:-1px 0 0 0 #aeaeae;-moz-box-shadow:-1px 0 0 0 #aeaeae;-webkit-shadow:-1px 0 0 0 #aeaeae;; background-color:#dbdbdb; text-align:center; display:block;}
.logIn .form{ float:right}
.control-group{margin-bottom:10px;}
.logIn label{display: block;margin-bottom: 5px;float: right; padding-top: 5px;text-align: right;width: 100px; color:#151515; font-size:18px; font-weight:bold}
.logIn .controls{margin-right: 110px;}
.logIn .controls input{display: inline-block;margin-bottom: 0;vertical-align: middle;background-color: #eeeeee;
    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: #555555;height: 20px;line-height: 20px;padding: 4px 6px; text-align:right}
.logInBtnDiv{ float:right; margin:0 35px 0 0}
.logInBtn{background:url(../images/LoginBtn.png) no-repeat; width:125px; height:36px; border:0; margin-bottom:10px}
.logInBtnDiv a{ display:block; font-size:18px; color:#151515; margin-bottom:2px}
.logInBtnDiv a:hover{ text-decoration:underline}

.options{float:right;width:22%}
.options .padding{ padding:20px 30px 10px; border-left:1px solid #fbfbfb;box-shadow:-1px 0 0 0 #aeaeae;-moz-box-shadow:-1px 0 0 0 #aeaeae;-webkit-shadow:-1px 0 0 0 #aeaeae; display:block;}
.radio{min-height: 20px;padding-right: 20px;display: block;margin-bottom: 5px;}
.radio input[type="radio"], .checkbox input[type="checkbox"] {float: right;margin-right: -20px;}

.loginSocial{float:right; width:15%}
.loginSocial .padding{padding:10px 30px 10px}
.fbSignIn{background:url(../images/SignInFB.png) no-repeat; width:141px; height:26px; border:0; margin-bottom:10px}
.twSignIn{background:url(../images/SignInTWT.png) no-repeat; width:141px; height:26px; border:0; margin-bottom:10px}
.gSignIn{background:url(../images/SignInGoogle.png) no-repeat; width:141px; height:26px; border:0; margin-bottom:0}

.socialDiv{float:left; width:33.5%}
.socialDiv li:hover{ background:url(../images/menuBtnHover.jpg) repeat-x; color:#000!important}
.socialDiv li:hover a{color:#000!important}
.socialDiv li{float:right; padding:1px 4.8%; height:31px; list-style:none; border-right:1px solid #000; margin:1px 0 4px 0}
.socialDiv ul li{padding:2px 15px!important}
.searchIco{background:url(../images/magIco.png) no-repeat center 4px ; display:block; width:22px; height:21px;padding-top:5px}
.profileIco{background:url(../images/userIco.png) no-repeat center 5px; display:block; width:18px; height:26px}
.socialDiv li:hover .profileIco{background:url(../images/userIcoOver.png) no-repeat left center; display:block; width:18px; height:26px}
.calIco{ background:url(../images/calenderIco.png) no-repeat center 2px; display:block; width:21px; height:26px}
.socialDiv li:hover .calIco{ background:url(../images/calenderIcoOver.png) no-repeat center 2px; display:block; width:21px; height:26px}
.fbIco{ background:url(../images/fIco.png) no-repeat center 5px; display:block; width:11px; height:25px}
.socialDiv li:hover .fbIco{ background:url(../images/fIcoOver.png) no-repeat center 5px; display:block; width:11px; height:25px}
.twIco{ background:url(../images/twitterIco.png) no-repeat center 8px; display:block; width:21px; height:24px}
.socialDiv li:hover .twIco{ background:url(../images/twitterIcoOver.png) no-repeat center 8px; display:block; width:21px; height:24px}
.gIco{ background:url(../images/googleIco.png) no-repeat center 7px; display:block; width:22px; height:27px}
.socialDiv li:hover .gIco{ background:url(../images/googleIcoOver.png) no-repeat center 7px; display:block; width:22px; height:27px}
.rssIco{ background:url(../images/rssIco.png) no-repeat center 6px; display:block; width:22px; height:27px}
.socialDiv li:hover .rssIco{ background:url(../images/rssIcoOver.png) no-repeat center 6px; display:block; width:22px; height:27px}


/*ascensorBuilding Styling*/
#ascensorBuilding{position: absolute; width:100%; height: 90%!important;overflow:hidden;}
section{overflow:auto;}
#navigationMap .ascensorLink2{margin-left:15px;}
#navigationMap  .ascensorLink3{margin-left:30px;}
#navigationMap .ascensorLink4{margin-left:45px;}
#navigationMap .ascensorLink5{margin-left:60px;}
#navigationMap .ascensorLink6{margin-left:75px;}
#navigationMap  .ascensorLink7{margin-left:90px;}
#navigationMap .ascensorLink8{margin-left:105px;}
#navigationMap .ascensorLink9{margin-left:120px;}
#navigationMap .ascensorLink10{margin-left:135px;}
#navigationMap .ascensorLink11{margin-left:150px;}
#navigationMap .ascensorLink12{margin-left:165px;}
#navigationMap .ascensorLink13{margin-left:180px;}
#navigationMap .ascensorLink14{margin-left:195px;}
#ascensorFloor1{background: #fff;}
#ascensorFloor2{background: #fff;}
#ascensorFloor3{background: #fff;}
#ascensorFloor4{background: #fff;}
#ascensorFloor5{background: #fff;}
#ascensorFloor6{background: #fff;}
#ascensorFloor7{background: #fff;}


/*main Arrows*/
#pageNext{position: fixed; z-index: 20000; top: 260px; right:0px; background:url(../images/PageRightArrowNew.png) no-repeat left; width:52px; height:124px; opacity:0}
/*#pageNext:hover{ opacity:1}*/
/*#pagePrev{position: fixed; z-index: 20000; top: 260px; left:0px; background:url(../images/PageLeftArrow.png) no-repeat; width:72px; height:101px; opacity:0}*/
#pagePrev{position: fixed; z-index: 20000; top: 260px; left:0px; background:url(../images/PageLeftArrowNew.png) no-repeat right; width:52px; height:124px; opacity:0}
/*#pagePrev:hover{ opacity:1}*/

/*Home page*/
.homeWrapper{width: 100%;margin: 0 auto;}
.homeWrapmiddle{float: left;width: 100%;background-color: #fff}


#ascensorFloor1 .homeRight{float:left;width: 728px;margin-left: -728px;background-color: #fff;height: 590px;}
.featureArea{ margin-top:10px; width:731px; height:472px}
.bannerAd{ margin-top:10px}
.featureArea #slides{background-color:#323232}
/*Slides container Important:Set the width of your slides container	Set to display none, prevents content flash*/
.slides_container {width:731px;display:none;}
/*Each slide Important:Set the width of your slidesIf height not specified height will be set by the slide content Set to display block*/

		


#ascensorFloor1 .homeMiddle{margin-right:738px;margin-left:310px;background-color: #fff;height: 590px;}
.newsScroll{}
.subTtl{ text-align:left}
.subTtl span{ padding:5px 10px; color:#000; font-size:24px;background-color: #e5e3e4; text-align:left}
.homeMiddle h1{ margin:0 10px 0!important; padding:0!important; color:#c60000; font-size:36px!important}
.newsScroll ul{padding-left:15px}
.newsScroll ul li{ border-bottom:1px solid #aaaaaa; font-size:18px; list-style:none; margin-right:10px; font-weight:bold }
.newsScroll ul li a{color:#016e99; text-decoration:none; display:block; position:relative; padding:10px 0 10px 40px;min-height: 60px;}
.newsScroll ul li a:hover{ text-decoration:underline}
.newsScroll .iconsDiv{ position: absolute;left: 4px;top: 4px;display:block}
.photoIco{ background:url(../images/camIco.png) no-repeat center;height: 17px;width:36px;display:block; margin-bottom:10px}
.vidIco{ background:url(../images/videoIco.png) no-repeat center;height: 13px;width:36px;display:block; margin-bottom:10px}
.newIco{ background:url(../images/newIco.png) no-repeat center;height: 13px;width:36px;display:block; margin-bottom:10px}

#ascensorFloor1 .homeLeft{float: left;width: 300px;margin-left: -100%;background-color: #fff;height: 590px;}
.showcase{margin-top:10px}
.writersDiv{}
.writersDiv h1{ font-size:36px!important; margin:0 10px!important}
.writersDiv ul{ border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding:3px 0}
.writersDiv li{ width:90px; height:105px; float:right; list-style:none; margin:10px 4px; padding:1px; font-weight:bold; overflow:hidden}
.writersDiv li a:hover{ background:#a4a4a4; color:#fff}
.writersDiv li a{ color:#016e99; font-size:18px; display:block}
.artclTtl{color:#000!important;}
.writersDiv li .artclTtl:hover{ background:#fff;color:#000; text-decoration:underline}


/*Main View*/
.mainView .wrapContent{float: left;width: 100%;background-color: #fff}
.mainView .content{margin-left: 130px;}

.mainView .wrapright{background-color: #fff;float: right; width:60%}
.mainView .right{background-color: #fff;height: 590px;margin-left:320px;}
.mainView .middle{background-color:#fff;float: right;height: 590px;margin-right:-320px;width:320px;}
.mainView .wrapleft{background-color: #FFFFFF;float: right;width:40%;}
.mainView .left{float: right;background-color: #fff;height: 590px}
.r1{width:50%; float:right}


.mainView .leftMenu{ background-color:#8f0100;height: 590px;width:130px; z-index:998; position:relative;float: left;   margin-left: -100%;}
.mainView .leftMenu a{background:url(../images/leftMenuArrow.png) no-repeat 110px 15px;padding:10px 30px 10px 10px;border-bottom:1px solid #610001;box-shadow:0 1px 0 0 #fff;-moz-box-shadow:0 1px 0 0 #fff;-webkit-shadow:0 1px 0 0 #fff; color:#fff;  display:block; font-size:22px; line-height:1}
.mainView .leftMenu a:hover{ background:#fff; color:#cc0001}

	
	
.c1{ width:60%; float:right;}
.c2{ width:40%; float:right}
.c1 h1{ margin:0 0 -50px 0; padding:0; font-size:30px; position:relative}
.mainView h1{ margin:0 0 -52px 0; padding:0; font-size:30px;/* position:relative*/}
.mainView h1 a{margin:0 2%; padding:5px 1.5%;color:#fff; display:inline-block; position:relative; z-index:999; min-width:180px; text-align:center}
.articleFeatImg{ background:url(../images/FeaturePhotoArrow.jpg) no-repeat bottom}

.articleTags, .articleFeatImg{direction:ltr!important}
.articleTags .imgPin{ margin-bottom:-20px;margin-left:-10px}
.mostRead{display:block;margin-left: -10px;}
.mostRead span{background:#00baff;  position:relative; top:0; left:0; color:#000; font-weight:bold; padding:1px 5px; float:left; font-size:18px}
.mostRead:hover{ color:#fff}
.mostComment{display:block;margin-left: -10px;}
.mostComment span{background:#e8c500;  position:relative; top:0; left:0; color:#000; font-weight:bold; padding:1px 5px; float:left; font-size:18px}
.mostComment:hover{ color:#fff}
.articleFeat .imgPin{top:30px; left:10px}
.articleFeat .imgPin:hover, .articleFeat .pinActive{top:30px; left:10px}
.imgPin{background:url(../images/FavoInActive.jpg) no-repeat; width:22px; height:21px; display:block; position:relative; top:5px; left:5px; z-index:999}
.imgPin:hover, .pinActive{background:url(../images/FavoActive.jpg) no-repeat!important; width:22px; height:21px; display:block; position:relative; top:5px; left:5px}

.mainView .wrapright .padding,.mainView .wrapleft .padding,.mainView .middle .padding{border-bottom:1px solid #292929;border-left:1px solid #292929}
.artlGrid{border-bottom:1px solid #292929; padding:0 10px }
.last .artlGrid, .last .padding{border-left:none!important}
.artlGrid:last-child{border-bottom:0 }
.artlGrid h2{ font-size:36px; color:#000; margin:5px 0 5px 6%; line-height:36px; direction:rtl; width:94%}
.artlGrid h2 a{color:#000; }
.artlGrid h2 a:hover{ color:#717171 }
.artlGrid p{font-size:14px; font-weight:bold; margin:5px 0 10px 0; direction:rtl}
.artlGrid.showcase{ padding:10px; margin-top:0!important}
.verImg{ float:right; padding:5px 0 5px 5px}


/*Video View*/
.videoView .wrapmiddle{float: left;width: 100%;background-color: #fff}
.videoView .middle{margin-right:170px;margin-left:140px;height: 590px;}
.videoView .right{float:left;width:160px;margin-left:-160px;background-color:#cfcfcf;height: 590px;}
.videoView .leftMenu{float:left;width:130px;margin-left:-100%;background-color:#8f0100;height: 590px;z-index:998; position:relative}
.videoView .leftMenu a{background:url(../images/leftMenuArrow.png) no-repeat 105px 14px;padding:10px 40px 10px 10px;border-bottom:1px solid #610001;box-shadow:0 1px 0 0 #fff;-moz-box-shadow:0 1px 0 0 #fff;-webkit-shadow:0 1px 0 0 #fff; color:#fff;  display:block; font-size:22px; line-height:1}
.videoView .leftMenu a:hover{ background:#fff; color:#cc0001}
.videoGrid{ float:right; width:33.3%; margin:10px 0}
.videoGrid h1{ margin:0 0 -20px 0; padding:0; font-size:30px; position:relative; font-weight:normal; z-index:999}
.videoGrid h1 a{margin:0 15px; padding:3px 20px 3px 60px;color:#fff; display:inline-block; background-color:#cc0001; line-height:1;}
.vedioDiv{padding:0 10px 10px;border-left:1px solid #aaaaaa; position:relative}
.vedioDiv:last-child{padding:0 10px 0}
.vedioDiv img{ height:170px}
.videoTags{ position:relative}
.videoTags .imgPin{ margin-bottom:-20px;}
.videoTags .playBtn{ background:url(../images/PlayBtn.png) no-repeat; width:49px; height:52px; left: 50%;margin-left: -20px;position: absolute;top: 53px;}
.vedioDiv p{position:absolute; margin:0 0 10px 0; left:0; bottom:0; width:100%}
.vedioDiv p a{ background:#000; margin:0 10px; position:relative; color:#fff; font-weight:bold; font-size:18px; padding:5px 10px; opacity:0.7; display:block}


/*grid View*/
.gridView .wrapContent{float: left;width: 100%;background-color: #cfcfcf}
.gridView .content{margin-left: 130px;}

.gridView .wrapright{float: left; width: 100%;background-color: #fcfcfc}
.gridView .right{margin-left: 330px;background-color: #fff;height: 590px;}
.gridView .left{float: left;width: 330px;margin-left: -100%;background-color: #fff;height: 590px;}
.skyAd{ padding:1px 15px}
.threeC{width:31.3%; float:right; padding:1%}
.gridData{ border:1px solid #b6b6b6; box-shadow:0 0 7px 0 #b6b6b6; margin:5px 0 20px; line-height:1.1; position:relative; height:160px; overflow:hidden}
.gridData img{ float:right; margin:2px 2px 2px 10px; width:50%}
.gridData h2{ font-size:24px; margin:10px 0 0 10px; color:#cc0001}
.gridData h2 a{color:#cc0001}
.gridData h3{ font-size:20px; margin:10px 0 0 10px; color:#000}
.gridData h3 a{color:#000}
.writers .gridData h3{ font-size:17px; margin:7px 0 0 10px; color:#000}
.gridData p{ font-size:15px; color:#7b7878; margin:5px 0 5px 10px}
.icons{ position:absolute; bottom:0; left:0}
.icons a{ background:url(../images/icons.jpg) no-repeat 0 0; width:31px; height:22px; display:inline-block; float:left}
.icoShare{ background-position:0 0!important}
.icoComments{ background-position:-31px 0!important}
.icoGallery{ background-position:-62px 0!important}

.gridView .leftMenu{ background-color:#8f0100;height: 590px;width:130px; z-index:998; position:relative;float: left;   margin-left: -100%;}
.gridView .leftMenu a{background:url(../images/leftMenuArrow.png) no-repeat 111px 15px;padding:10px 30px 10px 5px;border-bottom:1px solid #610001;box-shadow:0 1px 0 0 #fff;-moz-box-shadow:0 1px 0 0 #fff;-webkit-shadow:0 1px 0 0 #fff; color:#fff;  display:block; font-size:22px; line-height:1}
.gridView .leftMenu a:hover{ background:#fff; color:#cc0001}
.gridView h1{ margin:0 0 -20px; padding:0; font-size:30px; position:relative; z-index:999}
.gridView h1 a{margin:0 60px; padding:5px 50px;color:#fff; display:inline-block}





/*jokes Grid View*/
.jokesGridView .wrapContent{float: left;width: 100%;background-color: #cfcfcf}
.jokesGridView .content{margin-left: 130px;}
.jokesGridView .scroll-pane{ margin:10px 0}
.jokesGridView .wrapright{float: left; width: 100%;background-color: #fcfcfc}
.jokesGridView .right{margin-left: 330px;background-color: #fff;height: 590px;}
.jokesGridView .left{float: left;width: 330px;margin-left: -100%;background-color: #fff;height: 590px;}
.skyAd{ padding:1px 15px}
.twoC1{width:64.5%; float:right; padding:1%}
.twoC2{width:31.5%; float:right; padding:1%}
.jokesFeatured{ margin:0 10px 15px 0}
.jokesFeatured .slides_container {width:100%;display:none;}
.jokesFeatured .slides_container div {width:571px;height:325px;display:block;}
.jokesGridView .leftMenu{ background-color:#8f0100;height: 590px;width:130px; z-index:998; position:relative;float: left;   margin-left: -100%;}
.jokesGridView .leftMenu a{background:url(../images/leftMenuArrow.png) no-repeat 105px 14px;padding:10px 40px 10px 10px;border-bottom:1px solid #610001;box-shadow:0 1px 0 0 #fff;-moz-box-shadow:0 1px 0 0 #fff;-webkit-shadow:0 1px 0 0 #fff; color:#fff;  display:block; font-size:22px; line-height:1}
.jokesGridView .leftMenu a:hover{ background:#fff; color:#cc0001}
.jokesGridView h1{ margin:0 0 -20px; padding:0; font-size:30px; position:relative; z-index:999}
.jokesGridView h1 a{margin:0 60px; padding:5px 50px;color:#fff; display:inline-block}

/*Optional:	Reset list default style*/
.jokesFeatured #slides{ position:relative; border:1px solid #b6b6b6; box-shadow:0 0 7px 0 #b6b6b6; margin:5px 0 0; line-height:1.1; height:325px}
.jokesFeatured .pagination {list-style:none;margin:-40px 0px 0 10px; position:relative;padding:0; z-index:9999}
/*Optional:Show the current slide in the pagination	*/
.jokesFeatured .pagination li{ float:left; margin:0 5px}
.jokesFeatured .pagination li a { display:inline-block; background:url(../images/jokesFeaturedbullets.png) no-repeat 0 -24px; width:10px; height:10px}
.jokesFeatured .pagination li.current a {background:url(../images/jokesFeaturedbullets.png) no-repeat 0 -1px; }

.jokesFeatured .prev{ background:url(../images/jokesFeaturedArrowLeft.png) no-repeat; width:51px; height:106px; display:inline-block; position:absolute; left:0; top:40%; z-index:999}
.jokesFeatured .next{ background:url(../images/jokesFeaturedArrowRight.png) no-repeat; width:51px; height:106px; display:inline-block; position:absolute; right:0; top:40%; z-index:999}
.asa7byLogo{ background:url(../images/asa7byLogo.png) no-repeat; width:102px; height:110px; position:absolute; top:15px; left:14px; z-index:999}
.twoC{width:50%; float:right}
.asa7byTtl{ background:url(../images/asa7byTtl.png) no-repeat; width:162px; height:46px; position:absolute; bottom:15px; right:-10px; z-index:999}
.twoC{width:50%; float:right}
.twoC .padding{  position:relative; border:1px solid #b6b6b6; box-shadow:0 0 7px 0 #b6b6b6; margin:0 10px 20px; line-height:1.1;}
.twoC .last.padding{  margin:0 10px 20px 0}
.karekaterTtl{ background:url(../images/karekaterTtl.png) no-repeat right; margin:10px 0 0 0; width:170px; height:50px; position:absolute; z-index:999; right:10px}


.NokatDiv{border:1px solid #b6b6b6; box-shadow:0 0 7px 0 #b6b6b6; margin:5px 0 30px; line-height:1.1;}
.NokatDiv h3{ background:url(../images/nokat3laZo2ak.jpg) no-repeat right; width:100%; height:48px; margin:-16px 0 0 0}
.nokta{ padding-bottom:10px; margin:10px; border-bottom:1px solid #ccc}

.gohaDiv{border:1px solid #b6b6b6; box-shadow:0 0 7px 0 #b6b6b6; margin:5px 0 30px; line-height:1.1;}
.gohaDiv h3{ background:url(../images/mosmarGo7a.jpg) no-repeat right; width:100%; height:48px; margin:-16px 0 0 0}
.gohaDiv p{ margin:0; padding:10px}


.illustion{border:1px solid #b6b6b6; box-shadow:0 0 7px 0 #b6b6b6; margin:5px 0 30px; line-height:1.1;}
.illustion h3{ background:url(../images/illustionTtl.jpg) no-repeat right; width:100%; height:48px; margin:-16px 0 0 0}
.illustion img{ margin:3px}


/*home feautered Old
.slides_container  .sliderDiv {width:725px;height:383px;display:block;}
.mainImgDiv{ float:right}
.realatedDiv{float:right;  padding: 5px;width: 170px;}
.realatedDiv a{ margin:15px 0; display:block; background:#c3c3c3; font-size:18px; color:#000}
.realatedDiv a span{display: block;font-weight: bold;padding: 5px 10px;}

.featureArea .pagination {list-style:none;margin:0;padding:10px 0; width:600px}
.featureArea .pagination li{ float:right; margin:2px 5px}
.featureArea .pagination li a { display:inline-block}
.featureArea .pagination li.current a { }

.featureArea .nextBckDiv{ float:right; width:100px; padding:15px}
.featureArea .prev{ background:url(../images/featureLeftArrow.png) no-repeat; width:46px; height:57px; display:inline-block}
.featureArea .prev:hover{ background:url(../images/featureLeftArrowOver.png) no-repeat;}	
.featureArea .next{ background:url(../images/featureRightArrow.png) no-repeat; width:46px; height:57px; display:inline-block}
.featureArea .next:hover{ background:url(../images/featureRightArrowOver.png) no-repeat; }
 */
 
 
/*home feautered Old*/
.lof-slidecontent{position:relative;overflow:hidden;height:472px!Important; background:#323232}

/*preloader*/
.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 ul.sliders-wrap-inner{background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;padding:0px;margin:0;position:absolute;list-style:none;}

.lof-slidecontent .sliders-wrapper{position:relative;height:383px;width:100%;z-index:3px;overflow:hidden;}
.lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden;padding:0px;margin:0px;float:left;position:relative;}
.lof-slidecontent .lof-opacity li{position:absolute!Important;top:0;left:0;float:inherit!Important;}

/*main Img and description*/
.mainImgDiv{ float:right; width:75%}
.mainImgDiv p{ bottom: 20px;color: #FFFFFF;font-size: 30px;margin: 0;padding: 10px;position: absolute;background-color: rgba(0,0,0,0.7)}
.realatedDiv{float:right;width:25%;}
.realatedDiv a{ margin:15px 6px; display:block; background:#c3c3c3; font-size:18px; color:#000}
.realatedDiv a span{display: block;font-weight: bold;padding: 5px 10px;}

/*feature Arrows*/
.lof-slidecontent .navigator-content{list-style:none;margin:0;padding:8px 0; width:728px}
.lof-slidecontent .nextBckDiv{ float:right; width:100px;z-index:999; position:relative; padding:8px 0}
.lof-slidecontent .button-next{float:left;margin-right:3px;background:url(../images/featureRightArrow.png) no-repeat right center;display:block;width:46px;height:57px;cursor:pointer;}
.lof-slidecontent .button-next:hover{background:url(../images/featureRightArrowOver.png) no-repeat right center;}
.lof-slidecontent .button-previous{float:left;text-indent:-999px;margin-right:3px;background:url(../images/featureLeftArrow.png) no-repeat left center;display:block;width:46px;height:57px;color:#FFF;cursor:pointer;}
.lof-slidecontent .button-previous:hover{background:url(../images/featureLeftArrowOver.png) no-repeat left center;}

/*images Thumb*/
.lof-slidecontent .navigator-wrapper{position:relative;z-index:10;height:72px!important;width:610px!important;overflow:hidden;color:#FFF; margin:0 0 0 9px}
.lof-slidecontent ul.navigator-wrap-inner{top:0;padding:0 0;margin:0;position:absolute;width:100%;}
.lof-slidecontent ul.navigator-wrap-inner li{cursor:pointer;list-style:none;padding:0;margin:0 9px 0 0 ;overflow:hidden;float:left;display:block;height:72px!important;width:108px!Important}

.lof-slidecontent .button-control{position:absolute;top:10px;right:10px;height:20px;width:20px;cursor:hand;cursor:pointer;background:url(../images/transparent_bg.png) repeat;}
.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{direction:rtl;float:right;font:bold 22px/29px arial;margin:1px 10px 0 0;text-align:right;width:406px;cursor:pointer;}a.slider-link{width:49px;height:50px;background:url(../images/moreBtn.png) no-repeat;display:block;float:left;margin:9px 15px}.slider-description a{cursor:pointer!important;}a#linkk{height:100%;width:100%;cursor:pointer;}.details-tab{display:inline;float:left;width:72px;height:23px;margin:0px;cursor:pointer;}.play-butt{background:url("../images/play-button.png") no-repeat;width:30px;height:30px;position:absolute;top:30px;left:50px;cursor:pointer;} 


/*Article Pages*/
.articleTopBar{float: left;width: 100%; background:#e9e9e9;margin-bottom:30px}
.articleTopBarDiv{ float:right;  width:27%}
.articleTopBarDiv .padding{padding:15px 10px}
.articleTopBarDiv a{ color:#4c4c4c}
.articleTopBarDiv a:hover{ text-decoration:underline}
.articleTopBarDiv p{color:#4c4c4c; font-size:18px; font-weight:bold}
.articleTopBarDiv img{ float:right; margin:0 0 0 7px}
.articleTopBarDiv:last-child{ background:#fff;  width:19%}
.articleTopBarDiv h4{ color:#000; font-weight:normal; margin:0; text-align:left}
.masrawySocial{ border:1px solid #aaaaaa; padding:5px 15px}

.articlePageView .wrapright{float: left;width: 100%;}
.articlePageView .right{margin-left:337px;background-color: #fff;min-height:590px;margin-bottom: 75px; height:auto!important}
.articlePageView .right .padding{padding:15px 25px;border:1px solid #959393; border-left:none;background-color: #fff; margin-right:15px}
p.data{ font-size:18px; color:#010101; font-weight:bold}
.articlePageView h1{font-size:49px; color:#ed0000; margin:0 0 5px 0}
.date{ color:#4b4a4a; font-size:14px; float:right; padding:5px 10px; line-height:1}
.comments{ color:#666666; font-size:18px; float:left; background:#e9e9e9 url(../images/commentsIco.jpg) no-repeat 10px 6px; direction:rtl; padding:5px 10px 2px 35px; line-height:1; margin-left:30px}
.imgTtl{ font-size:14px; color:#616161; text-align:center; margin:5px 0}
.writerInfoDiv{ border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; width:100%}
.writersInfo{ float:right; padding:10px 20px; border-left:1px solid #aaaaaa; width:65%;}
.writersInfo img{ float:right; border:1px solid #000; border-radius:15px; margin:5px 0 0 15px}
.writersInfo h3{ margin:10px 0 5px; font-size:24px; color:#000}
.writersInfo h3 a{ color:#000}
.writersInfo span{ color:#707070; margin:0 5px; font-size:14px}
.writersInfo p{margin:0; font-size:14px; color:#010101}
.writerArticles{ float:right; padding:10px 20px}
.writerArticles h3{ margin:0; color:#c70100; font-size:24px}
.writerArticles ul{ direction:rtl; list-style:none; color:#de2429}
.writerArticles li a{ padding:5px 10px 0; color:#000; display:block; line-height:1; background:url(../images/writerBullet.jpg) no-repeat right 11px}
.articleAd{float:right; padding:0px 0 10px 20px; width:300px}
.articleMoreRelatedDiv{ border-top:2px solid #ed0000; margin-top:20px}
.articleMoreRelatedDiv h2 {margin:0; padding:5px 10px 10px; font-size:30px}
.articleMoreRelatedDiv h2 a{ color:#c70100;}
.articleMoreRelated{ border-bottom:1px solid #aaaaaa;margin-bottom: 15px;}
.articleMoreRelated img{ float:left; margin:0 10px}
.articleMoreRelated p{ margin:0; line-height:1.2; padding:10px 0; font-size:14px; color:#000}



.articlePageView .leftCol{float: left;width:337px;margin-left: -100%;background-color: #fff;min-height:590px;margin-bottom: 75px;}
.articlePageView .leftCol .padding{padding:15px 10px;border:1px solid #959393;margin-left:15px;background-color: #c2c2c2;}
.articleMostRead{ border-top:5px solid #ed0000; padding:0px 8px; margin-top:20px}
.articleMostRead h2{ margin:0; font-size:30px; color:#ed0000; padding:5px 10px 10px; font-weight:normal}
.articleMostRead h2 a{color:#ed0000}
.articleMostReadDiv{ margin-bottom:20px}
.articleMostReadDiv p{position:relative; background:#000; margin:-33px 0 0 0; padding:5px 10px; color:#fff; opacity:0.8; font-size:17px; height:23px; overflow:hidden}

.recentArticles{border-top:5px solid #ed0000; padding:0px 8px; margin-top:20px}
.recentArticles h2{ margin:0; font-size:30px; color:#ed0000; padding:5px 10px 10px; font-weight:normal}
.recentArticles h2 a{color:#ed0000}
.recentArticles ul{ margin:0 10px 0 0; direction:rtl}
.recentArticles li { margin:5px 10px;font-size:18px;}
.recentArticles li a{ color:#000!important}


.keyWords{ width:30%}
.keyWords a{padding:5px 10px; display:inline-block; background:#424242; color:#fff; margin:5px; font-size:14px}
.keyWords a:hover{background:#ed0000}

.commentsTtl{ background:#ed0000; font-size:30px; color:#fff; display:block;padding:5px 20px; margin:10px 0}
.description{ font-size:20px; text-align:center}


/*MasrawyLine*/
.services .content{position:relative}
.ssoForm{ background:rgba(255, 255, 255, 0.8) url(../images/masrawyLineLogo.jpg) no-repeat center 20px ; position:absolute;right:56.7%; bottom:0; width:30%; padding:190px 30px 50px; box-shadow:1px 2px 10px 0 #000;-moz-box-shadow:1px 2px 10px 0 #000;-webkit-box-shadow:1px 2px 10px 0 #000;}
.ssoForm .txtBox{ color:#7c7c7c; background:#fff; font-size:29px; text-align:right; width:95%; margin-bottom:20px; border:1px solid #bababa;-moz-box-shadow:inset 0 0 5px 0 #888;-webkit-box-shadow:inset 0 0 5px 0 #888;box-shadow:inset 0 0 5px 0 #888; padding:2.5%}
.ssoForm .btn{ background:#0095e3; border:none; font-size:29px; color:#fff; padding:5px 22px; margin:0 0 15px 20px; float:right}
.ssoForm .btn:last-child{margin:0 0 15px 0;}

.bulkSsoForm{ background:rgba(255, 255, 255, 0.8) ; position:absolute;right:56.7%; bottom:0; width:30%; padding:0 30px 50px; box-shadow:1px 2px 10px 0 #000;-moz-box-shadow:1px 2px 10px 0 #000;-webkit-box-shadow:1px 2px 10px 0 #000;}
.bulkSsoForm .bulkSmsDec{background: url("../images/bulkSmsDec.png") no-repeat scroll center 0 transparent;
    height: 238px;margin: -50px 0 10px;position: relative; width: 380px;}
.bulkSsoForm .txtBox{ color:#7c7c7c; background:#fff; font-size:29px; text-align:right; width:95%; margin-bottom:20px; border:1px solid #bababa;-moz-box-shadow:inset 0 0 5px 0 #888;-webkit-box-shadow:inset 0 0 5px 0 #888;box-shadow:inset 0 0 5px 0 #888; padding:2.5%}
.bulkSsoForm .btn{ background:#8ccb13; border:none; font-size:29px; color:#fff; padding:5px 22px; margin:0 0 15px 20px; float:right}
.bulkSsoForm .btn:last-child{margin:0 0 15px 0;}

.dslSsoForm{  direction:rtl;background:#fff url("../images/dslDec.png") no-repeat center 30px ; position:absolute;right:56.7%; bottom:0; width:30%; padding:280px 30px 50px; box-shadow:1px 2px 10px 0 #000;-moz-box-shadow:1px 2px 10px 0 #000;-webkit-box-shadow:1px 2px 10px 0 #000;}
.dslSsoForm .txtBox{ color:#d52726; background:#fff; font-size:29px; text-align:right; width:64%; margin-bottom:20px; border:1px solid #bababa;-moz-box-shadow:inset 0 0 5px 0 #888;-webkit-box-shadow:inset 0 0 5px 0 #888;box-shadow:inset 0 0 5px 0 #888; padding:2.5%}
.dslSsoForm select{ color:#d52726; background:#fff; font-size:29px; text-align:right;width:100px; margin:0 10px 20px 0;border:1px solid #bababa;-moz-box-shadow:inset 0 0 5px 0 #888;-webkit-box-shadow:inset 0 0 5px 0 #888;box-shadow:inset 0 0 5px 0 #888; padding:2.5%;}
.srchNumBtn{background:#d52726; border:none; font-size:29px; color:#fff; padding:5px 22px; margin:10px 0 70px 0; display:block; width:100%}
.dslSsoForm .btn{ background:#d52726; border:none; font-size:29px; color:#fff; padding:5px 22px; margin:0 0 15px 20px; float:right; width:175px}
.dslSsoForm .btn:last-child{margin:0 0 15px 0;}

 /*Footer Styling*/
.footer{z-index: 999;position: fixed;bottom:0px;display:block;width: 100%;background-color: #cc0001; height:30px}
#navigationMap{position: fixed;bottom:0px;height:15px;z-index:999;left: 50%; margin-left:-100px;/*width: 200px;*/}
#navigationMap ul{ margin-top:-5px}
#navigationMap ul li a{background:url(../images/bullets.png) no-repeat -12px -4px;height:11px;width: 10px;position: fixed;}
#navigationMap .ascensorLink:hover{background:url(../images/bullets.png) no-repeat -12px -24px;}
#navigationMap .ascensorLinkActive{background:url(../images/bullets.png) no-repeat -12px -24px;}
#footerNav li{height:30px; list-style:none;}
#footerNav .dropdown{position:absolute; z-index:9999; background:#aeaeae; border-top:3px solid #cc0001; width:100%!important;z-index:2000298}
.infoDiv{border-left:1px solid #fff; float:right}
.infoDiv li{ padding:0 20px}
.infoDiv li:hover{ background:#aeaeae;}
.infoDiv li:hover .infoIco{ background:url(../images/infoIcoOver.png) no-repeat;}
.infoIco{ background:url(../images/infoIco.png) no-repeat;display:block;float:right;height:21px; margin:6px 10px;width:11px;}
.favDiv{border-left:1px solid #fff; float:right; padding:0 20px 0 30px;box-shadow:-1px 0 0 0 #930001;
-moz-box-shadow:-1px 0 0 0 #930001;-webkit-shadow:-1px 0 0 0 #930001}
.favIco{ background:url(../images/pinIco.png) no-repeat;display: block;float:right;height:17px;margin: 8px 10px;width: 19px;}
.favIco span{background:url(../images/padgeIco.png) no-repeat;color: #000000;
    display: block;font-family: impact;font-size: 12px;font-weight: bold;height: 16px;margin: -5px 0 0 -15px;
    padding: 2px 0;text-align: center;width: 20px;}

.masrawyIndex{ background:#dbdbdb; padding:0 10px; border-bottom:1px solid #8f8f8f;box-shadow:0 1px 0 0 #e4e4e4;-moz-box-shadow:0 1px 0 0 #e4e4e4;-webkit-shadow:0 1px 0 0 #e4e4e4; }
.masrawyIndex h1{ color:#fff;font-size:47px;text-shadow:1px 2px 0 #5f5f5f; margin:0; padding:0 40px 15px}
.masrawyIndex .list{ float:right; width:11%; padding:0 1%; border-left:1px dotted #7a7a7a; height:275px; overflow:hidden; margin-bottom:15px}	
.masrawyIndex .list h3{ color:#101010; font-size:32px; margin:0 10px; line-height:1}	
.masrawyIndex .list a{ padding:2px 10px}
.masrawyIndex .list:last-child, .masrawyIndex .last{ border-left:none}
	
.masrawyLinks{ height:218px; padding-top:1px}
.masrawyLinks .list{  width:10%;padding:1%}
.masrawyLinks .list a{ color:#fff; font-size:16px; padding:3%}
.masrawyLinks .list a:hover{ color:#cc0001!important; background:none}
.copyRights{ background:url(../images/FooterCopyRights.png) no-repeat bottom; width:522px; height:218px; float:left}
.copyRights p{ color:#000000; font-size:15px; font-weight:bold; padding:150px 85px 0 0}


.loadMoreDiv{cursor:pointer; width:100%;   font-size:16px; clear:both; float:none;  text-align:center; margin-bottom:15px; font-weight:bold}
.loadMoreDiv a{background:#424242;border-radius:3px; color:#fff; margin:0 10px;padding:10px; display:block; box-shadow:2px 2px 7px 0 #c1c1c1}


.SportsSlider{ margin:10px; width:474px}
.SportsSlider #SportsSlider{ position:relative; border:1px solid #b6b6b6; box-shadow:0 0 7px 0 #b6b6b6; margin:5px 0 0; line-height:1.1; }
.SportsSlider .slides_container {width:100%;display:none;}
.SportsSlider .slides_container p{margin:0; color:#fff; font-size:18px}
.SportsSlider .slides_container div {width:474px;height:265px;display:block;}
.SportsSlider .slides_container img {width:474px;height:265px;}
.SportsSlider .pagination {list-style:none;margin:-40px 0px 0 10px; position:relative;padding:0; z-index:9999; display:none}
/*Optional:Show the current slide in the pagination	*/
.SportsSlider .pagination li{ float:left; margin:0 5px}
.SportsSlider .pagination li a { display:inline-block; background:url(../images/jokesFeaturedbullets.png) no-repeat 0 -24px; width:10px; height:10px}
.SportsSlider .pagination li.current a {background:url(../images/jokesFeaturedbullets.png) no-repeat 0 -1px; }

.SportsSlider .prev{ background:url(../images/SportsSliderArrowLeft.png) no-repeat; width:51px; height:106px; display:inline-block; position:absolute; left:0; top:30%; z-index:999}
.SportsSlider .next{ background:url(../images/SportsSliderArrowRight.png) no-repeat; width:51px; height:106px; display:inline-block; position:absolute; right:0; top:30%; z-index:999}

.matchesTable{margin:10px; width:474px}
.matchesTable #matchesTime{ position:relative;  margin:5px 0 0; line-height:1.1; }
.matchesTable .slides_container {width:425px;margin: 0 25px;display:none;}
/*Each slide Important:	Set the width of your slides If height not specified height will be set by the slide content Set to display block*/
.matchesTable .slides_container div.slide {width:425px;height:123px;display:block;}
/*	Set the size of your carousel items	*/
.matchesTable .item {float:left;width:140px;height:123px;margin:00;background:#efefef; border-right:1px dashed #fff}
.matchesTable .item:last-child{border-right:none}
.item h2{}
.item .matchData{}
.item .matchData div{}
.item .matchData div{}
/*Optional:	Reset list default style*/
.matchesTable .pagination {list-style:none;margin:0;	padding:0;display:none}
/*Optional:	Show the current slide in the pagination*/
.matchesTable .pagination .current a {color:red;}
.matchesTable .prev, .matchesTable .next{width:23px; height:76px; display:inline-block; position:absolute; top:35px; z-index:999; border:1px solid #b6b6b6; box-shadow:0 0 7px 0 #b6b6b6;}
.matchesTable .prev{ background:#fff url(../images/matchesTimeArrowLeft.jpg) no-repeat center center;   left:0;}
.matchesTable .next{ background:#fff url(../images/matchesTimeArrowRight.jpg) no-repeat center center; right:0; }


.sportAlbum{ padding:5px 10px}
.sportAlbum h2{margin:0 0 -30px 0; position:relative}
.sportAlbum h2 a{ color:#fff; background:#0e7432; padding:0 15px; line-height:1; font-size:24px}
.sportPics{ list-style:none; padding:0; margin:0}
.sportPics li{ float:right; padding:5px}



/*islamic View*/
.islamicView .wrapContent{float: left;width: 100%;background-color: #cfcfcf}
.islamicView .content{margin-left: 130px;}

.islamicView .wrapleft{float: left;width: 100%;background-color: #fff}
.islamicView .left{margin-right:606px;background-color: #fff;}
.islamicView .middle{float: left;width: 285px;margin-left: -606px;background-color: #fff;}
.islamicView .right{float: right;width: 321px;margin-left: -321px;background-color: #fff;}

.islamicView .leftMenu{ background-color:#8f0100;height: 590px;width:130px; z-index:998; position:relative;float: left;   margin-left: -100%;}
.islamicView .leftMenu a{background:url(../images/leftMenuArrow.png) no-repeat 110px 15px;padding:10px 30px 10px 10px;border-bottom:1px solid #610001;box-shadow:0 1px 0 0 #fff;-moz-box-shadow:0 1px 0 0 #fff;-webkit-shadow:0 1px 0 0 #fff; color:#fff;  display:block; font-size:22px; line-height:1}
.islamicView .leftMenu a:hover{ background:#fff; color:#cc0001}
.islamicView h1{ margin:0 0 -52px 0; padding:0; font-size:30px;/* position:relative*/ display:none}
.islamicView h1 a{margin:0 2%; padding:5px 5%;color:#fff; display:inline-block; position:relative; z-index:999}

.islamic p, .islamic h3, .islamic h2{ margin:0}
.islamic .topislamicMenu{ height:36px; background:#cbcbcb; position:relative}
.topislamicMenu ul{list-style:none}
.topislamicMenu li{float:right; margin:0}
.topislamicMenu .date{ float:right; padding:9px 8px; border-left:1px solid #fff; box-shadow:-1px -1px 0px 0px #8B8B8B}
.topislamicMenu .date{ font-size:18px; color:#000}
.topislamicMenu .prayerTimes{ float:right; padding:4px 8px; border-left:1px solid #fff; box-shadow:-1px -1px 0px 0px #8B8B8B}
.topislamicMenu .prayerTimes h3, .prayerTimes p{float:right; margin:0 0 0 10px; color:#000000}
.timeleftTtl{ float:right; color:#555555; font-size:18px; font-weight:bold}
.timeRegoin{ float:right; color:#555555; font-size:14px; font-weight:bold; line-height:1}
.qur2anPlayer{ float:right; padding:5px 8px; border-left:1px solid #fff; box-shadow:-1px -1px 0px 0px #8B8B8B}
.qur2anPlayer h3, .qur2anPlayer .player{float:right; margin:0 0 0 10px; color:#000000 }
.otherChannels{ float:right; padding:5px 15px}
.otherChannels a{ display:inline-block; margin:0 2px}

#islamicNav li{ position:relative}
#islamicNav .dropdown{position:absolute; z-index:9999; background:#cbcbcb; width:100%!important;z-index:2000298; display:none}
.todayDate{color:#cc0001; font-size:18px; margin:15px}
.country, .city{ width:50%; float:right; text-align:center}
.country h3, .city h3{ margin:0;}
.country select, .city select{margin:10px 0;width:124px; background:#fff; color:#555555; font-size:20px; border:none; line-height:1; direction:rtl}

.prayersTimeTable{ background:#474747; padding:15px; border-top:1px solid #fff; box-shadow:0 -1px 0 0 #6a6a6a; color:#fff;margin: 10px 0 0;}
.prayersTimeTable div{ float:right;padding: 10px 0;text-align: center;width: 20%; font-size:18px; line-height:1.5}
.monthlyTime{ background:#cc0001; color:#fff!important; text-align:center; font-size:18px; display:block; font-weight:bold; padding:8px}

#islamicNav li:hover .ArrowIco{background:url(../images/islamicNavUp.png) no-repeat 10px center}
#islamicNav .ArrowIco{ background:url(../images/islamicNavDown.png) no-repeat 10px center; display:block; padding-left:30px}
.qur2anList{ direction:rtl; padding:20px; text-align:center}
.qur2anList h3{ color:#555555; font-size:23px; display:inline-block; margin:0 0 0 20px; text-align:center}
.qur2anList select{ color:#555555; font-size:20px; display:inline-block; margin:0; width:125px; padding:0 10px 0 0}

.ui-accordion{ background:#fff; border:1px solid #b3b3b3; box-shadow:0px 2px 3px 0 #B3B3B3; margin:15px 10px 0;}
.ui-accordion .ui-accordion-header {cursor: pointer;display: block;background:#e0e0e0 ;padding:5px 35px;position: relative;color:#000; font-size:24px; font-weight:bold; border-bottom:1px solid #fff; box-shadow:0 1px 0 0 #acacac; line-height:1}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{right: 0.5em;margin-top: -4px;position: absolute;top: 50%;}
.ui-state-default .ui-icon{background:url(../images/collapseBullet.png) no-repeat 0 0 ;}
.ui-icon {height:11px;width:10px;background-repeat: no-repeat;display: block;overflow: hidden;text-indent: -99999px;}
.ui-state-active {background: none repeat scroll 0 0 #CC0001 !important;color: #FFFFFF !important;}
.ui-state-active .ui-icon {background:url(../images/collapseBulletActive.png) no-repeat 0 0;}
.ui-accordion .ui-accordion-content {overflow:hidden;padding:10px 20px; font-size:16px; font-weight:bold; margin:0; height:110px}

.accordion-heading{  background:#e0e0e0 ;padding:5px 20px}
.accordion-body{background:#fff;}
.accordion-body p{padding:10px 20px; font-size:16px; font-weight:bold; margin:0}
.accordion-group .accordion-toggle{ display:block; background:url(../images/collapseBullet.png) no-repeat right 11px; padding:0 20px 0 0; color:#cc0001; font-size:24px; font-weight:bold}
.accordion-group .collapsed{ display:block; background:url(../images/collapseBullet.png) no-repeat right -11px!important; padding:0 20px 0 0; color:#000; }
.islamicView .showcase{margin:10px 10px 0}


.articlesDivs{margin:10px 0 10px 10px;border: 0 solid #b3b3b3;border-width:0 1px 1px 0;}
.articleDiv{float:right;border: 0 solid #b3b3b3;border-width:1px 0 0 1px;padding:0 10px; width:185.2px; text-align:center; height:263px; overflow:hidden}
.articleDiv hr{ margin:0 0 10px 0}
.articleDiv h3{ color:#000; font-size:24px; padding:5px 0; text-align:right; line-height:1}
.articleDiv p{ color:#000; font-size:18px; padding:5px 0; font-weight:bold; text-align:right}
.articleDiv img{border:1px solid #b3b3b3}

.featCol{margin:10px 0;border: 0 solid #b3b3b3;border-width: 1px 1px 1px 0;}
.isalamicFeat{border-bottom:1px solid #b3b3b3}
/*.isalamicFeat, .fatawyClip{border: 0 solid #b3b3b3;border-width: 1px 1px 0 0;}*/
.fatawyClip ul{list-style:disc; direction:rtl; padding:0 25px 0 10px; text-align:right}
.articleDiv ul{list-style:disc; direction:rtl; padding:0 15px 0 0px; text-align:right}
.fatawyClip li, .articleDiv li{ color:#cc0001}
.fatawyClip li a, .articleDiv li a{ color:#000}
.fatawyClip li a:hover, .articleDiv li a:hover{ color:#cc0001}
.islamicSlider{ width:284px; height:320px}
.islamicSlider #islamicSlider{ position:relative; line-height:1.1; }
.islamicSlider .slides_container {width:100%;display:none;}
.islamicSlider .slides_container .sliderDiv {width:284px;height:320px;display:block;}
.islamicSlider .slides_container img {width:284px;height:164px;}
.islamicSlider .pagination {list-style:none;margin:-20px 0px 0 10px; position:relative;padding:0; z-index:9999;}
.islamicSlider .pagination li{ float:left; margin:0 5px}
.islamicSlider .pagination li a { display:inline-block; background:url(../images/bullets.png) no-repeat -13px -3px; width:10px; height:10px}
.islamicSlider .pagination li.current a {background:url(../images/bullets.png) no-repeat  -13px -24px; }

.islamicSlider .prev{ background:url(../images/islamicFeatArrowLeft.png) no-repeat; width:29px; height:69px; display:inline-block; position:absolute; left:0; top:50px; z-index:999}
.islamicSlider .next{ background:url(../images/islamicFeatArrowRight.png) no-repeat 2px 0; width:29px; height:69px; display:inline-block; position:absolute; right:0; top:50px; z-index:999}
.islamicSlider .sliderDesc {padding:10px;display: block; height:auto; width:264px;}
.islamicSlider .sliderDesc h3{ font-size:24px; color:#000;font-weight:bold}
.islamicSlider .sliderDesc p{margin:0; color:#878787; font-size:16px}

.fatawyClip{padding:10px;min-height: 186px;}
.fatawyClip img{ float:left; padding:0 10px 0 0}
.fatawyClip h3{padding:10px 0; font-size:24px; color:#000}
.fatawyClip p{font-size:18px; color:#000; font-weight:bold}
.fatawyClip .question{font-size:18px;padding:10px 0 0 0; color:#cc0001}

/*Zakah View*/
.zakahView .wrapContent{float: left;width: 100%;background-color: #fff}
.zakahView .content{margin-left: 130px;}
.zakahView .wrapright{float: left;width: 100%;}
.zakahView .right{margin-left: 320px;}
.zakahView .right .padding{ padding:10px 20px 10px 0}
.zakahView .left{float: left;width: 320px;margin-left: -100%;}
.zakahView .left .padding{ padding:10px}
.zakahView .leftMenu{background-color:#8f0100;height: 590px;width:130px; z-index:998; position:relative;float: left;   margin-left: -100%;}
.zakahView .leftMenu a{background:url(../images/leftMenuArrow.png) no-repeat 110px 15px;padding:10px 30px 10px 10px;border-bottom:1px solid #610001;box-shadow:0 1px 0 0 #fff;-moz-box-shadow:0 1px 0 0 #fff;-webkit-shadow:0 1px 0 0 #fff; color:#fff;  display:block; font-size:22px; line-height:1}
.zakahView .leftMenu a:hover{background:#fff; color:#cc0001}
.zakahView h2{padding:0; font-size:30px; color:#000}
.zakahView .right p{padding:0; font-size:16px; font-weight:bold; color:#000 }
.col2{ width:50%; float:right; direction:rtl}
.col2 .padding{ padding:20px 0 0 15px !important}

.zakahForm .control-group{content: "";display: table;line-height: 0; margin-bottom: 20px; clear:both}
.zakahForm .control-group .control-label {float: right;padding-top: 5px;text-align: right;width: 160px;}
.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-size: 16px;font-weight: bold;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-size:18px; font-weight:bold}
.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}

.islamic .ttlDiv{ display:block; background:#cc0001; color:#fff; margin-bottom:15px}
.ttlDiv h3{ color:#fff; font-size:16px; font-weight:bold; padding:2px 10px; display:inline-block}
.addColIco{ background:url(../images/addIco.png) no-repeat; width:16px; height:16px; display:inline-block; float:left;margin: 6px;}
.controlsOnly{content: "";display: table;line-height: 0; margin-bottom: 20px; clear:both}
.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{ background:#cc0001; padding:15px; direction:rtl}
.calculateZakahBtn{ background:#a50001; color:#fff!important; font-size:30px; font-weight:bold; line-height:50px; margin:0 20px 30px 20px; display:block; border-radius:5px; box-shadow:0px 1px 9px 0 #222222; text-align:center}
.calculateZakahBtn:hover{ box-shadow:0px 1px 2px 0 #222222}
.zakahRes-control{ margin-bottom:10px}
.zakahRes-control label {float: right;padding-top: 5px;text-align: right;width: 160px;display: block;margin-bottom: 5px; color:#fff;font-size:20px;font-weight: bold;line-height:25px}
.zakahRes .controls {margin-right: 120px;}

.zakahRes p{ display:inline-block; background:#fff;box-shadow:0px 1px 2px 0 #222222 inset; font-size:23px; font-weight:bold; line-height: 1;padding: 10px 20px; width:50px; text-align:center}


.fatwaForm{ direction:rtl;}
.fatwaForm .ttlDiv{margin:15px 0}
.fatwaForm .formItems{ width:50%; float:right}
.fatwaForm .formOptions{ width:50%; float:right; text-align:center}
.fatwaForm .control-group{content: "";display: table;line-height: 0; margin-bottom: 20px; clear:both; width:100%}
.fatwaForm .control-group .control-label {float: right;padding-top: 5px;text-align: right;width: 110px;}
.fatwaForm .control-group label {display: block;margin-bottom: 5px; color:#000;}
.fatwaForm label, .zakahRes-control label, .zakahForm input, zakahForm button, .zakahForm select, .zakahForm textarea {font-size: 16px;font-weight: bold;line-height: 20px}
.fatwaForm .controls {margin-right: 120px;}
.fatwaForm 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-size:18px; font-weight:bold}

.formOptions .radio {min-height: 20px;padding-right: 20px;display: inline-block!important;margin:5px 30px 10px;}
p.note{font-size:16px; color:#5a5a5a; margin:10px 0}
.qInput{width:95%; height:200px!important}
.fatwaForm .sendBtn{ color:#fff; background:#cc0001;float: left;height: auto;padding: 3px 20px; font-size:16px}
.prevQ{ background:#b6b6b6; box-shadow:0 2px 2px 0 #333; border:1px solid #b3b3b3; padding:10px; direction:rtl;min-height: 240px; margin-bottom:15px;}
.prevQ h2{font-size:30px; font-weight:bold; color:#000; margin-bottom:15px}
.prevQ ul {list-style-type: disc; padding-right:15px}
.prevQ li { color:#cc0001; margin-bottom:10px}
.prevQ a { color:#000; border-bottom:1px dashed #000; font-weight:bold}



/*tabs CSS*/
.nav-tabs:after {clear: both;}
.nav-tabs:before, .nav-tabs:after{content: "";display: table;line-height: 0;}
.nav {list-style: none outside none;margin:0 415px 0 0; float:left}
.nav-tabs > li {float: right;line-height: 20px; font-size:18px; font-weight:bold}
.nav-tabs > li:first-child > a{ margin:0}
.nav-tabs > li > a {background-color: #FFFFFF; color:#000;display: block;line-height: 20px;padding: 5px 19px;
		border:1px solid #d7d7d7; cursor: pointer; margin:0 -1px 0 0}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {background-color: #909090; color:#fff;}
.tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block;}
.fade.in {opacity: 1;}
.fade {opacity: 0;transition: opacity 0.15s linear 0s;}
.tab-content{width:100%; background:#fff}


/*author page*/
.writerInfoBio{ background:#dadada; border-bottom:1px solid #f6f6f6; box-shadow:0 1px 0 0 #aaaaaa; margin:15px; padding:15px 10px; position:relative}
.writerInfoBio img{ border-radius:5px; border:2px solid #000; float:right; margin:10px 0 10px 10px}
.writerInfoBio h2{ font-size:24px; color:#cc0001; margin:0}
.writerInfoBio .control-group{content: "";display: table;margin-bottom:5px;line-height:0.5;}
.writerInfoBio .control-group .control-label {float: right;padding-top: 5px;text-align: right;width: 50px;}
.writerInfoBio .control-group label {display: block;margin-bottom: 5px; color:#000;}
.writerInfoBio p{margin:0 60px 0 0;padding-top: 5px;}
.writerSocialDiv{ position:absolute; left:10px; bottom:2px}
.writerBio, .writerWork{margin:0 15px 15px;}
.writerBio h3, .writerWork h3{font-size:24px; color:#cc0001; margin:0;border-bottom:1px solid #aaaaaa;}
.writerWork ul{ list-style:none; margin:10px 10px 30px}

/*Colors*/
hr.teal{ height:4px; background-color:#5587aa; border:1px solid #e5e3e4; margin:10px 0 5px 0}
hr.purpule{ height:4px; background-color:#9c39c8; border:1px solid #e5e3e4; margin:10px 0 5px 0}
.news h1 a{background-color:#cc0001}
.news .leftMenu{background-color:#8f0100}
.news .leftMenu a:hover, .news .leftMenu a.active{ background:#fff; color:#cc0001}
.sports h1 a{background-color:#0d8136}
.sports .leftMenu{background-color:#0e7432}
.sports .leftMenu a:hover, .sports .leftMenu a.active{ background:#fff; color:#0e7432}
.women h1 a{background-color:#821290}
.women .leftMenu{background-color:#731583}
.women .leftMenu a:hover, .women .leftMenu a.active{ background:#fff; color:#821290}
.tech h1 a{background-color:#01c3c3}
.tech .leftMenu{background-color:#0193c4}
.tech .leftMenu a:hover, .tech .leftMenu a.active{ background:#fff; color:#0193c4}
.jokes h1 a{background-color:#ffc000}
.jokes .leftMenu{background:#daa500 url(../images/asa7byMan.png) no-repeat bottom left }
.jokes .leftMenu a:hover, .jokes .leftMenu a.active{ background:#fff; color:#daa500}
.writers h1 a{background-color:#3d3d3d}
.writers .leftMenu{background:#343434 }
.writers .leftMenu a:hover, .writers .leftMenu a.active{ background:#fff; color:#343434}
.urNews h1 a{background-color:#fa6700}
.urNews .leftMenu{background:#e65c01 }
.urNews .leftMenu a:hover, .urNews .leftMenu a.active{ background:#fff; color:#e65c01}
.services h1 a{background-color:#928978}
.services .leftMenu{background:#928978 }
.services .leftMenu a:hover, .services .leftMenu a.active{ background:#fff; color:#cc0001}
.fnon h1 a{background-color:#9acd21}
.fnon .leftMenu{background:#8bb722 }
.fnon .leftMenu a:hover, .fnon .leftMenu a.active{ background:#fff; color:#8bb722}
.islamic h1 a{background-color:#165aad}
.islamic .leftMenu{background:#165aad }
.islamic .leftMenu a:hover, .islamic .leftMenu a.active{ background:#fff; color:#165aad}



/* for 1380px or less */
@media screen and (max-width:1300px) {
	.socialDiv li{padding:1px 4.3%;}
	.mainNav li a{font-size:24px}
}

/* for 1024px or less */
@media screen and (max-width:1024px) {
	.mainNav li a {font-size: 20px;}
	.mainNav li{ padding:0 1.9%;}
	.header .logo{margin:5px 2%;}
	.socialDiv li{padding:1px 4%;}
	.mostWatchedVideo a{font-size:14px!important;}
	.searchDiv .padding{ padding:35px 30px}
	.searchBtn{ margin:23px 190px 0; display:none}
	.dropdown .list a{ font-size:14px; padding:0 15px}
	.logIn{width:36%}
	.logIn .padding{padding:15px 20px 0}
	.logInBtnDiv{margin:0 65px 0 0}
	.logInBtn{ float:right}
	.newUser .padding{ padding:20px 10px}
	.newUser h2{font-size:34px}
	.logInBtnDiv a{display: inline-block;font-size: 14px;margin: 10px;}
	.options{width:26%}
	.options .padding{ padding:30px 15px 29px}
	.loginSocial{width:18%}
	.loginSocial .padding{padding:20px 19px}
	.videoGrid h1{font-size: 25px;}
	.videoGrid h1 a{padding: 3px 20px 3px 40px;}
	.vedioDiv p a{font-size:16px}
} 

/* for 800px or less */
@media screen and (max-width:800px) {
	.mainNav { display:none}
}