.log {background:url(bgLogin.png) no-repeat;_background:#f2e8ef;width: 370px; float:left; margin:10px 0 0 -4px; padding: 5px 5px 0 0; color:#8f2985; font-size:11px; white-space: nowrap}
.log .field {width: 100px;}
.log .btn {font-weight:400; font-size:11px; background:#8f2985; padding:2px 15px; *padding:2px 10px}
.log .info {color:#666; line-height:15px; width: 170px; white-space:nowrap}
.log .info div {white-space:nowrap}
.log .arrow{padding-top:8px;}
.pink {color:#8f2985}
.pink a:link, .pink a:visited {color:#8f2985;}
.log .outCon {margin:0 45px 35px 0; *margin-bottom: 20px; height:100%;}
.log .out {font-weight:700; float: right; margin-right:3px;}

h2, h3 {font-size:13px;}
.content {padding-top:15px;}

.mart5 {margin-top:5px;}
.mart10 {margin-top:10px;}
.mart15 {margin-top:15px;}
.mart30 {margin-top:15px;}

.padb5 {padding-bottom:5px;}
.pad5 {padding:5px;}

.hRight {width:12em; float:right}
.hMid {width: 42em; margin-right:15px; float:right}
.hLeft {width: 19.15em; float:left}

.rNav a:link,.rNav a:visited {color: #50565c; display:block; padding: 6px 40px 6px 0;}
.rNav a:hover {display:block;}

.rNav {white-space: nowrap; height:100%; border:#ebebeb solid 1px;margin-top:-15px}
.rNav li {background: url(right_nav.gif) no-repeat; list-style: none; border-bottom: #e2e3e2 solid 1px; padding: 2px 0}

.rNav h3,h2 {font: 400 90% tahoma;}
.rNav .n1 {background-position: right 5px; border-top: #fff solid 1px;}
.rNav .n333 {background-position: right -1880px;}
.rNav .n2 {background-position: right -49px;}
.rNav .n3 {background-position: right -810px;}
.rNav .n4 {background-position: right -737px;}
.rNav .n5 {background-position: right -202px;}
.rNav .n6 {background-position: right -120px;}
.rNav .n7 {background-position: right -305px;}
.rNav .n8 {background-position: right -356px;}
.rNav .n9 {background-position: right  -251px}
.rNav .n10 {background-position: right -1170px;}
.rNav .n11 {background-position: right -509px;}
.rNav .n12 {background-position: right -560px;}
.rNav .n13 {background-position: right -485px;}
.rNav .n14 {background-position: right -669px;}
.rNav .n18 {background-position: right -905px;}
.rNav .n19 {background-position: right -963px;}
.rNav .n20 {background-position: right -1017px;}
.rNav .n21 {background-position:right -1066px;}
.rNav .n22 {background-position:right -1118px;}
.rNav .n23 {background-position:right -416px;}
.rNav .n24 {background-position:right -1228px;}
.rNav .n25 {background-position:right -610px;}
.rNav .n26 {background-position:right -1346px;}
.rNav .n27 {background-position:right -1402px;}
.rNav .n28 {background-position:right -1462px;}
.rNav .n29 {background-position:right -967px;}
.rNav .n30 {background-position:right -1518px;}
.rNav .n31 {background-position:right -1285px;}
.rNav .n32 {background-position:right -1573px;}
.rNav .n40 {background-position:right -1691px;}
.rNav .n33 {background-position:right -1640px;}
.rNav .n34 { background-position: right -1773px; }
.rNav .n35 { background-position: right -1825px; }
.rNav .n50 { background-position: right -1939px; }
.stcNavs {white-space: nowrap; background: url(bgServices.jpg) no-repeat bottom left; height:100%;}
.stcNavs li {list-style: none; border-bottom: #e2e3e2 solid 1px; background: url(stcArrow.gif) no-repeat 133px center; padding: 1px 0}
.stcNavs a:link,.stcNavs a:visited {color: #50565c; display:block;}
.stcNavs a:hover {display:block;}

.tabs {border:#ebebeb solid 1px; height:100%;}
.tabs .hdr {background:#692279 url(bgTabs.gif) repeat-y left; overflow:hidden; height:100%} 
.tabs .hdr li {list-style:none; float:right; height:20px; padding:5px 8px 0; color:#fff; font:700 12px Tahoma; cursor:pointer} /* modified */
.tabs .hdr li a:link, .tabs .hdr li a:visited {color:#fff; position:relative; *position:inherit; z-index:99} /* modified */
.tabs .hdr li a:hover {color:#fff;}
.tabs .hdr .ui-tabs-selected {background:#fff; color:#751d77; cursor:auto; padding-right:2px;}
.tabs .hdr .ui-tabs-selected  a:link, .tabs .hdr .ui-tabs-selected a:visited {color:#751d77;}
.tabs .hdr .ui-tabs-selected a:hover {color:#751d77;}
.tabs .con {padding:15px;}
.tabs h2 { font:700 12px Tahoma;} /* modified */

.thumb {border:#ebebeb solid 1px; margin:0 0 5px 10px; line-height:0}
.thumb img {border:#fff solid 1px;}
.more {background:url(ttlNav_-1.gif) center -272px;}

.newsSub {font-size:12px; margin-top:10px;}

.vid {padding: 3px;border:#ebebeb solid 1px;}
.vid .ttl {padding: 5px}

.overH {overflow:hidden; height:100%}


.bar {margin:-27px -473px 0; *margin:-31px 0 0 0; width: 100px; height: 30px;position:absolute;*position:relative;*left:310px;  z-index:999}
.bar div {cursor:pointer}
.bar .first {background:url(bar.gif) no-repeat 0 -58px; width: 25px; height: 15px;}
.bar .stop {background:url(bar.gif) no-repeat 0 0; width: 17px; height: 15px;}
.bar .last {background:url(bar.gif) no-repeat 0 -107px; width: 25px; height: 15px;}
.bar .on {width: 14px; height:14px; background:#f7941d; border:#9ba4a2 solid 1px}
.bar .off {width: 14px; height:14px; background:#fff; border:#9ba4a2 solid 1px}
.bar .play {background:url(bar.gif) no-repeat 0 -170px; width: 17px; height: 15px;}

.bgPray {background:url(bgPray.jpg) no-repeat bottom left}
.bgPray select {width: 120px;}

.bgPrayMore { background:#a5218a; padding:5px; color:#fff; text-align:right; font-size:11px}
.bgPrayMore a:link, .bgPrayMore a:visited {color:#fff;}


.box {border:#ebebeb solid 1px; padding:2px; height:100%}
.box .in {background: url(bgGrd.jpg) repeat-x 0 -50px; padding:15px 15px 10px;height:100%;}

.ttlChannel {background:url(ttlNav_.gif) 0px -4px;}
.ttlChannelH {background:url(ttlNav_.gif) 0px -43px; cursor:pointer}
.ttlServices {background:url(ttlNav_.gif) 0px -81px;cursor:pointer}
.ttlServicesH {background:url(ttlNav_.gif) 0px -120px;cursor:pointer}
.ttlSTC {background:url(ttlNav_.gif) 0px -160px;cursor:pointer}
.ttlSTCH {background:url(ttlNav_.gif) 0px -200px;cursor:pointer}
   
.ttlMagazine {background: url(ttlNav_.gif) no-repeat 70px -375px; height:25px; margin-top: 5px;}
/*.ttlMagazine { background: transparent url('bg_newsletter.gif') no-repeat scroll 60px 0px; height: 25px; margin-top: 5px; }*/

.ttlVote {background: url(ttlNav_.gif) no-repeat 102px -430px; height:25px;}
.ttlSelected {background: url(ttlNav_.gif) no-repeat center -325px; float:right; width: 125px; height:25px}

.ttl_travel {background: url(ttlNav.gif) no-repeat center -530px; float:right; width: 105px; height:25px; margin-right: 10px;}
.ttl_ask {background: url(ttlNav.gif) no-repeat center -580px; float:right; width: 105px; height:25px; margin-right: 10px;}
.ttl_islam {background: url(ttlNav.gif) no-repeat center -630px; float:right; width: 132px; height:25px; margin-right: 10px;}
.ttl_forum {background: url(ttlNav.gif) no-repeat center -680px; float:right; width: 128px; height:25px; margin-right: 10px;}
.ttl_manutd {background: url(ttlNav.gif) no-repeat center -727px; float:right; width: 117px; height:25px; margin-right: 10px;}
.ttl_cards {background: url(ttlNav.gif) no-repeat center -777px; float:right; width: 105px; height:25px; margin-right: 10px;}
/*Ramadan
.ttl_cards {background: url(ttlNav.gif) no-repeat center -828px; float:right; width: 105px; height:25px; margin-right: 10px;}
*/
.btn_travel {background:url(btns_.gif) 0 0; width:166px; height:23px; float:right; margin-right:160px; _margin-right:80px;}
.btn_tube {background:url(btns_.gif) 0 -54px; width:117px; height:23px; float:right; margin-right:185px; _margin-right: 90px}
.btn_album {background:url(btns_.gif) 0 -104px; width:117px; height:23px; float:right; margin-right:185px; _margin-right: 90px}
.btn_jokes {background:url(btns_.gif) 0 -153px; width:117px; height:23px; float:right; margin-right:185px; _margin-right: 90px}


.txtSmall {font-size: 11px; color:#666}

.txtMore {font-size:12px;}

.bgMag {background: #fafafa url(bgMag.jpg) no-repeat top left; border:#ebebeb solid 1px; padding: 10px;}

.btnSmall {font-weight:400;background: #793c82; border: #3c1e40 solid 1px; padding: 1px 5px;* padding: 0px; color:#fff; cursor: pointer;}
.magField { margin: 0pt 5px 0pt -4px; width: 120px; }

.w49h {width: 49%;}

.boxThumb {border:#ebebeb solid 1px; padding:5px; margin-left:8px; float:right; height:130px; font-size:12px;}
.boxThumb a{display:block; margin:5px 0;}

.box5 {width: 80px;}
.box4 {width: 105px;}

.country {width: 152px;}
.bgGrad {background: url(bgGrd.jpg) repeat-x 0 0;}


.cls {font-size:0;height:1px;line-height:0;margin:0 -1px -1px 0;overflow:hidden;padding:0;width:1px;}
.center {text-align:center}

#HPSlider { width: 535px; height: 190px; *width:530px  }
#slider { *width: 500px;height:180px; }
.bar {*left:840px;position: absolute; z-index: 60;margin:-27px -85px 0;*margin-right:10px;*position:relative;*left:310px;}



html*#HPSlider {
padding-right:29px;
}/*end*/

body:nth-of-type(1) #HPSlider{ margin-right:23px; padding-right:28px; }
body:nth-of-type(1)  .bar { padding-left:520px;}


.hq1 {background: #A9097D; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq2 {background: #793C82; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq3 {background: #50565c; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq4 {background: #F1E78C; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq5 {background: #D3691F; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq6 {background: #F08080; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq7 {background: #FFDDE3; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq8 {background: #B0C4DD; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq9 {background: #BCBCBC; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}
.hq10 {background: #B88609; height: 10px; float:right; overflow:hidden; margin: 2px 0 0 0}


.zBox {border:#ebebeb solid 1px; background:#fff url(zBgbottom.gif) repeat-x bottom;  height:100% }
.zBgTop {background:url(zBgtop.gif) repeat-x bottom; padding:9px 10px 6px 0 }
.zBgMid {background: url(zBgmid.gif) repeat-x top; padding:3px 0; overflow:hidden}
.zBgMid div{background:url(zBgicons.gif?st=8Dec09) no-repeat; width:68px; height:65px; float:right; margin:5px}
.zBgMid .naqa {background-position: 0px 0px;}
.zBgMid .file {background-position: 0px -88px; border:#f0f0f0 solid 1px; border-bottom-width:0; border-top-width:0}
.zBgMid .edu {background-position: 0px -170px;}
.zBgMid .mail {background-position: 0px -255px;}
.zBgMid .sms {background-position: 0px -340px; border:#f0f0f0 solid 1px; border-bottom-width:0; border-top-width:0}
.zBgMid .kasper {background-position: 0px -425px;}


/* new styles */
.tabs .hdrclr {background:#b9016b;}
.tabs .hdrclr h2{ font-weight:normal}

/*new brocafe*/
.bro1{background:url(cofe2.gif) bottom left no-repeat}
.bro2{padding:15px; line-height:22px}

/*img, div, a, input { behavior: url(http://www.m3com.com.sa/iepngfix.htc)}*/


.service {clear:both; margin:5px 0px 8px 0px}
.rest {background:url(ttlNav_.gif) 0px -792px;cursor:pointer}
.restH {background:url(ttlNav_.gif) 0px -830px;cursor:pointer}