@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ffffff url(../images/bg.jpg);}
html { padding:0; margin:0;}

.main { margin:0 auto; padding:0;}
/********** header **********/
.header { padding:0; margin:0 auto; width:960px;}
/* logo */
.logo {padding:2px 0 4px; margin:0; width:335px; float:left;}
.logo span{display:block;width:173px;height:90px;background:url(../images/logo.png) no-repeat bottom center;}
.logo span:hover{background:url(../images/logo.png) no-repeat top center;cursor:pointer;}
/* rss */
.rss { text-align:right; width:215px; margin:0; padding:10px 10px 10px 0; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; line-height:1.8em;}
.rss_img { float:left; margin:0; padding:20px 0 0 0;}
.rss_img img { margin:5px; padding:0;}
/*menu*/

.menu { padding:0; margin:0; float:right; width:530px;}
.menu ul { text-align:left; padding:5px 0 0; margin:0; list-style:none; border:0; float:right; height:33px;}
.menu ul {#padding-top:35px;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:31px;}
.menu ul li a { float:left; margin:0; padding:8px 0; color:#39352f; font:bold 12px/15px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:12px 15px; background:none; }
.menu ul li a:hover, .menu ul li a.active { color:#dedede; background:url(../images/menu_r.png) no-repeat right; }
.menu ul li a:hover span, .menu ul li a.active span {color:#dedede; background:url(../images/menu_l.png) no-repeat left; }
/* body */
.body { padding:30px 0; margin:0;background:url(../images/ramdan_background.png) no-repeat center bottom ;}
.body_resize { width:920px; margin:0 auto; padding:10px 20px; background:url(../images/transparent.png);}
.body h2 { font: normal 20px Arial, Helvetica, sans-serif; color:#907961; padding:10px 0; margin:0 0 15px 0; border-bottom:1px solid #262421;}
.body h2 span { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#b1b1b1; padding:0; margin:0; }
.body h3 { font: normal 15px Arial, Helvetica, sans-serif; color:#848484;font-weight:bold; margin:15px 0 0px 0;}
.body h4 { font: normal 15px Arial, Helvetica, sans-serif;text-decoration:underline; color:#907961;font-weight:bold; margin:15px 0 0px 0;}
.body .comment { float:right; width:44px; height:46px; background:url(../images/comment_bg.gif) no-repeat; font:normal 22px Arial, Helvetica, sans-serif; color:#a4a4a4; line-height:38px; text-align:center;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#848484; line-height:1.8em; padding:5px 0; margin:0;}
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}
.body p span { font-size:18px; font-weight:bold; color:#888;}
.body a { color:#e2d7b1; text-decoration:none;}
.body a:hover {text-decoration:underline;}
.body ul.list { padding:0; margin:0; list-style:none;}
.body ul.list li { float:left; width:50%; padding:3px 0;}
.body ul{margin-top:0;}
.body li{font:normal 12px Arial, Helvetica, sans-serif; color:#848484; line-height:1.8em;list-style-type:square;}
.body img.border { margin:5px auto; padding:5px; background:#fff; border:1px solid #d4d4d4;}
.body img.adeffect{background:url(../images/shadow_slide_910.png) no-repeat bottom center; padding-bottom:30px}
.body img.noborder { border:0; padding:0; margin:10px 10px 0 0;}
.body img.none { float:none; margin:0; padding:0; border:none; background:none;}
.body img.f_left { float:left;margin:10px 10px 10px 0;}
.right { width:271px; margin:0; padding:0; float:right;}
.left { width:621px; margin:0; padding:0 28px 0 0; float:left;}
.port { width:288px; margin:0; padding:0 28px 0 0; float:left;}
.port img{display:block;background:url(../images/shadow_slide_288.png) no-repeat bottom center;height:95px;padding-bottom:11px;}
.port .js-kit-rating{margin:5px 0 0;display:inline-block ;float:right;color:#f2f2f2}         
.port a.button-beh{margin:10px 3px 0 0;}
.last { padding:0;}
.port-sep {clear:both;height:14px;border-bottom:1px solid #262421;}
.item{padding:0 5px;border-left:3px solid brown}
a.button-beh,a.button-beh-yes,a.button-beh-no{font:normal 12px Arial, Helvetica, sans-serif; color:#848484;line-height:1.8em;
             display:inline-block;padding:3px 5px;color:gray;
             background:url(../images/transparent3.png);border:1px dotted #3c3c2c;
                /* use this color as bg :#292928; with transparent.png*/}
a.button-beh-no{color:tomato; background:url(../images/no.gif) no-repeat 7px center;padding-left:25px; }  
a.button-beh-yes{color:yellowgreen; background:url(../images/yes.png) no-repeat 7px center;padding-left:25px; }         
a.button-beh:hover{color:#cfcfcf;border:1px solid #3c3c2c;}
.sep{background:url(../images/line_bg.gif) repeat-y left;padding-left:8px;margin-left:8px; display:inline-block;}
.loading{font:bold 13px Arial; color:#848484; text-align:center;padding:20px 0 0 40px;}
/********** contact form **********/
.contactform { margin:0; padding:5px 0; }
.contactform * { color:#000; }
.contactform ol { margin:0 15px; padding:0; }
.contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;list-style:none;}
.contactform li.buttons { margin:5px 0 5px 0; clear:both;text-align:center;}
.contactform label { margin:0; width:100px; display:block;height:15px; padding:5px 0;margin:5px 0; color:#737373; font:normal 12px Arial, Helvetica, sans-serif; float:left; }
.contactform label span { color:#d66423; font-weight:bold; }
.contactform input.text{ width:450px;margin:5px 0; padding:3px 2px; height:15px;float:left;margin-right:3px; background:#fdfdfd;border:1px solid #3c3c2c;}
.contactform .select{ width:458px;margin:5px 0; padding:0;float:left; background:#fdfdfd ;border:1px solid #3c3c2c;}
.contactform textarea { width:450px;margin:5px 0; padding:2px;float:left;margin-right:4px; background:#fdfdfd;border:1px solid #3c3c2c; }
.contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 100px; border:0; color:#FFF; float:left; }
/* FBG */
.FBG { padding:0; margin:0; background:url(../images/transparent2.png);}
.FBG_resize { width:960px; margin:0 auto; padding:20px 0;}
.FBG img { margin:0; padding:0;border:none;}
.FBG a {color:#757575; text-decoration:none; font-weight:bold; }
.FBG h2 { font: normal 22px Arial, Helvetica, sans-serif; color:#bebdbd; padding:10px 0; margin:0;}
.FBG p {font: normal 11px Arial, Helvetica, sans-serif; color:#919191; padding:5px 0; margin:0; line-height:1.8em;}
.FBG ul { padding:0; margin:0; list-style:none;}
.FBG li { padding:2px 0; margin:0;border-bottom:1px dotted #757575 }
.FBG li a,.navbox a,.feedback a{ font:normal 12px Arial, Helvetica, sans-serif; color:#757575; padding:5px 0 5px 0; margin:0 0 0 2px;text-decoration:none;}
.FBG li a:hover ,.FBG a:hover,.login a:hover,.feedback a:hover{ color:#317c91; text-decoration:none;}
.FBG .blog { width:210px; float:left; margin:0 20px 0 0; padding:0 20px 0 0; background:url(../images/line_bg.gif) repeat-y right;}
.FBG .blog.last { padding:0; margin:0; background:none;}

/*************footer**********/
.footer { background:url(../images/transparent3.png);}
.footer_resize { width:960px; padding:17px 0; margin:0 auto;}
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#979797;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#a9a9a9; text-decoration:none; }
.footer p.right { text-align:right; margin:0; padding:0 5px 0; float:right;} 
.footer p.right img {border:none;}
.footer p.leftt { text-align:left; width:550px; margin:0;padding:0 5px 0; float:left;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;height:0;}
.bg { clear:both; padding:3px 0; margin:0; border-bottom:1px solid #ededed;}
/* Slider */
#slider { width:960px; padding:0 0 18px; margin:0 auto 47px; background:url(../images/shadow_slide.png) no-repeat bottom;}
#slider .flash_slider { width:960px; height:322px; margin:0; overflow:hidden;}
/* Top LIne */
.top_line { background:url(../images/transparent.png); color:#999999; font:normal 11px Arial, Helvetica, sans-serif; border-bottom:1px solid #39352f;}
.top_line_resize { width:960px; margin:0 auto; height:35px;}
.support { float:left; padding:8px 0; line-height:19px;}
.support span { font-weight:bold; color:#e8f5f9;}
.feedback,.plus1 { float:left; padding:8px 0; line-height:19px;}
.plus1 {margin-left:4px; line-height:17px;}
 
.feedback span { float:left; padding:0 2px;}
.feedback img { float:left; padding:0 2px;}
.nocross{width:24px;height:19px;display:inline-block;position:absolute;
					background:#1D1B17 url(../images/sharethumb.png) no-repeat}
					
.navbox {float:left; margin:8px 0 8px 10px;}
a.dlink {height:18px; background:url(../images/userthumb.png) no-repeat center left; line-height:18px;padding-left:23px;cursor:pointer}      

#LoginBox{background:url(../images/transparent3.png);position:absolute;width:185px;height:67px;padding:20px 0;margin:4px 13px 0;border:1px solid #2b2b2b;border-top:none;
          display:none;z-index:99}
#LoginBox input {width:150px;margin:3px auto; padding:3px 5px; height:16px;background:url(../images/transparent3.png);border:none;color:#c4c4c4;display:block;}
#LoginBox a{padding-left:127px;color:#907961;display:block;font-weight:bold;}
#LoginBox a:hover{text-decoration:underline;color:#907961}
#LoginBox span{width:29px;height:29px;background:url(../images/close.png) no-repeat;position:absolute;top:-9px;right:-9px;cursor:pointer;}

a.dlink:hover,a.nlink:hover{ color:#317c91;}
#NewsLetterBox{background:url(../images/transparent2.png);position:absolute;width:185px;padding:20px 0 10px;margin:4px 13px 0;border:1px solid #000;border-top:none;
               display:none;z-index:99}
a.nlink {height:40px; background: url(../images/news.png) no-repeat center left;line-height:21px;padding-left:40px;cursor:pointer;position:absolute;margin-top:-7px;}
        
#NewsLetterBox .text,#NewsLetterBox .text2 {width:150px;margin:3px auto; padding:3px 5px; height:16px;background:url(../images/transparent2.png);border:none;color:#c4c4c4;display:block;}
#NewsLetterBox .text2 {height:50px;margin-top:10px;}
#NewsLetterBox p {padding:7px 0 9px 15px;width:153px;color:#317c91;margin:0}
.checkgroup input[type=checkbox]{margin-left:15px;} 
.checkgroup label{margin-left:4px; font-weight:bold;color:#907961;} 

#NewsLetterBox a{padding-left:107px;color:#907961;display:block;font-weight:bold;}
#NewsLetterBox a:hover{text-decoration:underline;color:#907961}
#NewsLetterBox span{width:29px;height:29px;background:url(../images/close.png) no-repeat;position:absolute;top:-9px;right:-9px;cursor:pointer;}      
          
/* search */
.search { padding:5px 0; margin:0; width:222px; float:right;}
/*-- Hedaer blog --*/
.header_text {padding:0; background:url(../images/transparent.png);height:75px;}
.header_text_resize { width:960px; margin:0 auto; padding:15px 0;}
.header_text h1 { font:normal 30px Arial, Helvetica, sans-serif; color:#d4d4d4; padding:5px 20px 0; margin:0; float:left}
.header_text h1.ihs{padding-top:0;}
.header_text p { margin:0; padding:0; color:#33312f; font:normal 18px Arial, Helvetica, sans-serif;}
.header_text span { display:block; color:#b1b1b1; font:normal 11px Arial, Helvetica, sans-serif;text-indent:3px;}
.header_text  a { color:#e2d7b1; text-decoration:none;}
.header_text  a:hover { text-decoration:underline;}

/*-- Arabic Div --*/
.ar{direction:rtl;font-family:Tahoma !important;}
.ar p, .ar a,.ar li{font:normal 14px tahoma;line-height:1.4em;}
.ar p{text-indent:5px}
.ar h1,.ar h2,.ar h3,.ar h4,.ar li{font-family:Tahoma;}