*{ margin:0; padding:0}
body{ background:#000 url(../images/page-bg.jpg) repeat-x; font:bold 90% arial; color:#fafafa }
h1,h2{ font:bold 100% arial; text-align:right; padding:2px 4px 4px 4px }
#wrapper{ width:948px; margin:0 auto; background:#fff; height:100%;position:relative; z-index:5}
.clr{ clear:both; content:""; height:1px; overflow:hidden}
a:link,a:visited{color:#ff0000; text-decoration:none}
a:hover{ color:#001538; text-decoration:none}
.blkbg{  background:url(../images/blkbg.jpg) repeat-x;}
.topheader{ background:url(../images/top-header-bg.jpg) repeat-x; color:#fafafa; height:30px}
.topheader a{ color:#fff}  
.login{ float:right; margin:7px 10px 0 0}
.login a{ padding:0 15px 0 0; background:url(../images/login-icon.jpg) right 0 no-repeat }
.hp{ float:right; margin:7px 20px 0 0}
#wrapper .topheader a{ padding:0 15px 0 0; background:url(../images/home-icon.jpg) right 0 no-repeat; color:#fff }
.search{ float:left ; padding:7px 25px 0 0; background:url(../images/top-arrow.jpg) right bottom no-repeat; height:auto}
.btn{ background:url(../images/search-button.jpg) no-repeat; width:41px; height:19px; border:0; cursor:pointer; color:#fafafa}
.inputt{ background:url(../images/searchbg.jpg) repeat-x; direction:rtl;width:160px; height:18px; border:0; }

/*menu*/


#menu{ background:url(../images/menu-bg.jpg) repeat-x; height:38px; text-align:center; font-size:110%}
#menu img{ border:0}
ul.jd_menu_slate ul li{ filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75; background:#000;}
  
  
.statusicon{ position:absolute;top:-30px;left:5px;border: none;}
span.accordsuffix{ display:block ; position:relative; width:100%}
.tarteb .statusicon{ ;top:-20px;}
/*

#menu li ul li { background-image:none}
#menu a{ padding:0px 8px;color:#fff;height:28px;}
#menu a:hover,.topheader a:hover{ color:#ff0; }

#menu  li {float:right;position:relative;z-index:99;padding:7px 3px; background:url(../images/menu-sep.jpg) no-repeat 0 0; list-style:none}
#menu li ul,#menu li ul li ul{ display:block;margin-top:6px;position:absolute;top:-999em;width:130px}
#menu li ul li ul{left: 64px; top: 2px; display: block;}
#menu li:hover ul,#menu ul li.sfHover ul {right:0pt;top:1.5em;}
#menu  li:hover li ul,#menu  li.sfHover li ul, .superfish li:hover ul, .superfish li li:hover ul {top:-999em;}
#menu  li li:hover ul,#menu  ul li li.sfHover ul{right:7.8em;top:10px;}
#menu  li ul li,#menu  li ul li ul li {height:auto;width:90%;  border-bottom:1px dashed #7E7E7E; filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9; background:#670000;}
#menu li ul li a {display:block;height:auto;padding:2px 10px;text-align:right}
#menu li.menudrop {background:url(../images/arrow.jpg) right 13px no-repeat; padding-right:20px ; display:block}
#menu li.hoverClass a{ }
#menu img{ vertical-align:middle; border:0; margin:0 3px 0 0}
*/
#centent{ clear:both}
#right{ float:right; width:593px; padding-bottom:200px}
#left{ float:right; width:355px}

.flash{ background:url(../images/top-bg.jpg) repeat-x; height:426px; position:relative }
.f-left{ background:url(../images/top-l.jpg) no-repeat; width:27px; float:left; height:431px}
.f-right{ background:url(../images/top-r.jpg) no-repeat; width:28px; float:right; height:431px}
.details { background:url(../images/top-bg-details.jpg) repeat-x; height:410px}
.details .f-left{ background:url(../images/top-l-details.jpg) no-repeat; width:27px; float:left; height:410px}
.details .f-right{ background:url(../images/top-r-details.jpg) no-repeat; width:28px; float:right; height:410px}
.f-center{ position:absolute; top:10px; left:20px; z-index:1; width:557px}

/*ticker*/
.ticker{  margin:5px 11px 0 0 ;background:url(../images/ticker1.jpg) no-repeat right 0; height:34px;padding-right:128px;}
.ticker2{ background:url(../images/ticker2.jpg) no-repeat; width:9px; height:34px; float:right}
.ticker3{ background:url(../images/ticker3.jpg) repeat-x; width:385px; height:34px; float:right; padding-top:7px}
.ticker4{ background:url(../images/ticker4.jpg) no-repeat; width:24px; height:34px; float:right}

/* balckclip*/
.blackclip{ clear:both; margin:10px auto; width:570px}
.blacktop{background:url(../images/blacktop.jpg) no-repeat; height:23px; margin-bottom:0px;}
.blackcontent{clear:both; background:#232323 url(../images/blackbg.jpg) repeat-x top; height:286px; margin-top:0px}
.blackbottom{ clear:both; background:url(../images/blackbottom.jpg) no-repeat; height:13px; overflow:hidden; }

.fclip{ float:right; width:37%; background:url(../images/fclipbg.jpg) repeat-x 0 25px; height:276px; position:relative; margin:3px 10px 3px 0}
.fclip h1{ background:url(../images/cm.jpg) repeat-x; width:100%; font-size:100%; height:25px; padding:0}
.fclip span{ float:right}
.fclip span.name{ width:145px; text-align:center}
.fclip .right{background:url(../images/cr.jpg); width:32px; height:25px; float:right}
.fclip .left{background:url(../images/cl.jpg); width:32px; height:25px; float:left}
.fcliprcorner{ background:url(../images/rightcorner.jpg) no-repeat; height:7px; bottom:0; position:absolute; width:7px;right:0}
.fclipfcorner{ background:url(../images/leftcorner.jpg) no-repeat; height:7px; bottom:0; position:absolute; width:8px;left:0}

.fclip1{ float:right; width:37%; background:url(../images/fclipbg1.jpg) repeat-x 0 25px; height:170px; position:relative; margin:3px 10px 3px 0}
.fclip1 h1{ background:url(../images/cm.jpg) repeat-x; width:100%; font-size:100%; height:25px; padding:0}
.fclip1 span{ float:right}
.fclip1 span.name{ width:145px; text-align:center}
.fclip1 .right{background:url(../images/cr.jpg); width:32px; height:25px; float:right}
.fclip1 .left{background:url(../images/cl.jpg); width:32px; height:25px; float:left}
.fcliprcorner1{
	background:url(../images/rightcorner.jpg) no-repeat;
	height:7px;
	bottom:0;
	position:absolute;
	width:7px;
	right:0;
	background-image: url(../images/rightcorner1.jpg);
}
.fclipfcorner1{
	background:url(../images/leftcorner.jpg) no-repeat;
	height:7px;
	bottom:0;
	position:absolute;
	width:8px;
	left:0;
	background-image: url(../images/leftcorner1.jpg);
}

.fantasy{ float:right; width:105px;height:276px;margin:3px 10px 3px 0}

.natiga{ padding:2px 5px}

.online{ margin-top:25px;}
.strip{ background:url(../images/natigabg.jpg) center no-repeat; color:#FFFF00; font:normal 80% arial; text-align:center}
.natiga td{ padding:3px}

.video{ border:3px solid #000000; clear:both; width:345px; margin:10px auto;background:url(../images/rot.png);}

/*ads*/
.ads div{ float:right; padding:7px 15px 7px 0; width:30%}
.newsletter{  background:url(../images/newsletter.jpg) no-repeat 0 7px ; width:182px; height:103px; color:#484848; text-align:center; font-size:12px}
.newsletter h1{ padding:5px 5px 0 0; color:#fff}
.newsletter p{ margin:20px 0 0 10px; padding:2px 0 }
.newsletter .btn{ background:url(../images/ashtarik.jpg) no-repeat; width:41px; height:19px; border:0; cursor:pointer; color:#fafafa; padding:0 4px}
.newsletter .inputt{background:url(../images/searchbg.jpg) repeat-x; direction:rtl;width:100px; height:18px; border:0; }
.shareicon{ background:url(../images/ad6.jpg) no-repeat 0 7px; height:99px}
a.facebook{ float:left; width:80px; height:40px; float:right}
a.twitter{ float:left; width:80px; height:40px}
a.youtube{ float:left; width:80px; height:40px;}
a.flickr{ float:left; width:80px; height:40px;  float:right}
/*home news*/
.connews{ clear:both; background:url(../images/connewsbg.jpg) repeat-x; height:518px; text-align:right}
.connewsleft{ background:url(../images/connewsleft.jpg) no-repeat; width:15px; height:518px; float:left}
.connewscenter{ width:565px; height:518px; float:right;background:url(../images/connewsright.jpg) no-repeat right 0 ; padding:5px 12px 0 0}
.el a:link,.el a:hover,.el a:visited{ color:#FFF; font-size:17px; font-weight:bold;}

/*category*/

.category1{ margin:20px 0 0}
.category { clear:both; background:url(../images/categorybg.jpg) repeat-x 0 0px; height:711px; width:570px; margin:0px auto; text-align:right; position:relative}
.category .connewsleft{ background:url(../images/connewsleft-news.jpg) no-repeat; width:15px; height:743px; float:left}
.category .connewscenter{ width:565px; height:743px; float:right;background:url(../images/connewsright-news.jpg) no-repeat right 0 ; padding:5px 12px 0 0}
.category1 .head{ width:570px;background:url(../images/categoryh1bg.jpg) repeat-x; height:29px; margin:0 auto }
.category1 .head h1{ background:url(../images/categoryh1right.jpg) no-repeat top right ; height:24px; padding:5px 10px; color:#FFF }
.category1 .head span.categorylist{ background:#747474 url(../images/categoryh1left.jpg) no-repeat 0 -1px; height:29px; width:9px ; float:left  }
.categoryrightfooter{ background:url(../images/category-right-footer.jpg) no-repeat; width:9px; height:11px; overflow:hidden; position:absolute; right:0; bottom:0}
.categoryleftfooter{ background:url(../images/category-left-footer.jpg) no-repeat; width:9px; height:11px; overflow:hidden; position:absolute; left:0; bottom:0}


.connewscenter h1{text-align:justify;margin:0 5px 10px 0}
.newsclip{text-align:justify;float:right; width:180px ;margin:5px 6px 5px 0; color:#484848}
.newsclip p{ text-align:justify; padding:9px 4px 4px 4px}
.just{text-align:justify; word-spacing: 1; letter-spacing: inherit; padding:2px 4px 4px 4px}
.newsclip .top{ background:url(../images/newstop.gif) no-repeat; height:6px; overflow:hidden}
.newsclip .con{text-align:justify; background:url(../images/newsbg.jpg) repeat-x; height:208px;padding:0px 4px 0px 4px }
.newsclip .bottom{ background:url(../images/newsbottom.gif) no-repeat; height:7px; overflow:hidden}
.newsclip h1{text-align:justify;}
 
/*do u know*/
#know{  background:url(../images/doyouknow.jpg) no-repeat; width:329px;height:138px; margin:7px 0px 0px 6px; text-align:right; padding:4px 8px 4px 10px; color:#000000; font-size:15px; font-weight:bold }
#know h1{ color:#fff; margin:4px 5px 5px 0}

.banner{ text-align:center; padding:5px 0px 0px 5px;background:url(../images/rot.png); width:339px;height:230px; clear:both; margin-left:6px; margin-top:7px;}


/*multimdeia*/
#multimedia{ display:none ;width:350px; background:url(../images/maulimediashadow.jpg) no-repeat right top; float:right; clear:both; margin:0 0 10px 0; padding:20px 0 0;  }
.mclip{ padding:0 10px 0 0 ; color:#000}
.mclip .top{ background:url(../images/mtop.jpg); height:6px; clear:both; overflow:hidden}
.mclip .con{ background:url(../images/mbg.jpg) repeat-x; border:1px solid #E3E3E3; border-bottom:0; border-top:0; height:84px; padding:15px 0 0 }
.mclip .bottom{ background:url(../images/mbtton.jpg); height:8px; overflow:hidden}
.tab{ clear:both; padding:0 10px 0 0}
#multimedia .tab a{ list-style:none ;background:url(../images/tabred.jpg) no-repeat; width:81px; height:20px; float:right; text-align:center; padding:5px 0  0 0; color:#fff}
#multimedia a.selected{ background:url(../images/tabgray.jpg) no-repeat; width:81px; height:20px; float:right; text-align:center; padding:5px 0  0 0; color:#6F0000}
.tabs-hide { display:none}
.tabs-container{ clear:both}

/*bestpic*/
#bestpic{ background:url(../images/bestbg.jpg); height:284px; clear:both}
.bestleft{ background:url(../images/bestleft.jpg); width:12px; float:left; height:284px}
.bestdata{ padding:0 15px 0 0; background:url(../images/bestright.jpg) no-repeat right 0 ;float:right; height:284px}
#bestpic h1{clear:both; margin:7px 0px 12px 0; text-align:right}

/*blockarea*/
#blockarea{ clear:both; margin:20px 0}
#blockarea .leftarea{ float:left; width:130px; padding:0 0 0 10px}
#blockarea .leftarea .sms{ margin:0 0 5px 0}
#blockarea .leftarea .sky{ margin:0 0 5px 0}

#blockarea .rightarea{ float:right; width:200px}

.tarteb{ background:#000; width:185px; text-align:right; margin:5px 0 0 5px}
.tartebtop{ background:url(../images/tartebtop.jpg); height:7px; overflow:hidden}
.tartebbottom{ background:url(../images/tartibbottom.jpg); height:12px; overflow:hidden}
.team{ width:175px; background:#000 url(../images/tartib.jpg) top repeat-x; margin:0 auto}
.team td{ text-align:center; color:#FF0;}
.team div{ width:100%; clear:both}
.team th{ text-align:center}
.tarteb h1{ background:url(../images/tartebtabbg.jpg) repeat-x; height:24px; text-align:right;padding:5px 5px 0 0;color:#484848}
.tarteb h1 img{ vertical-align:top} 
.foot h1{ background:url(../images/tartebtabtop.jpg); height:24px; text-align:right; padding:5px 5px 0 0; color:#484848; margin:5px 0 0 0}
.taira h1{ background:url(../images/tartebtabbottom.jpg); height:24px; text-align:right; padding:5px 5px 0 0; color:#484848}



/*vote*/
.votesymbole{ clear:both; padding:0 0 0 10px; float:left}
.vote{ min-height:216px;background:#EBEBEB url(../images/votebg.jpg) repeat-x 0 -1px; clear:both/*;position:relative*/; width:97%; margin:0 auto }
.vote h1{  margin:5px 0 10px; color:#FFF}
.vright{ width:86%; height:225px; float:right;  background:url(../images/vote-right.jpg) no-repeat right -1px; padding:0 20px 0 0;color:#484848; text-align:right}
.vright p{ padding:3px 4px}
.vright h2{ padding:8px 4px; font-size:110%;font-weight:bold; }
.vleft{min-height:205px; float:left; background:url(../images/vote-left.jpg) 0 -1px; width:7px;}
.vfooter{ clear:both;/* position:absolute;*/ left:0; bottom:0; background:url(../images/votefm.jpg) repeat-x; height:9px; width:100%; overflow:hidden}
.vfooterright{background:url(../images/votefr.jpg) repeat-x; height:9px; width:9px; float:right}
.vfooterleft{background:url(../images/votefl.jpg) repeat-x; height:9px; width:10px; float:left}
.vorebutton input{ background:url(../images/votebotton.jpg) no-repeat; height:21px; width:64px; border:0; cursor:pointer; outline:none }
.vorebutton{ text-align:left;}

/*newsdetails*/
.newsdetails{ padding:20px 0 10px; border-bottom:1px dotted #9D9D9D }
.artical{ clear:both; color:#484848; text-align:justify; margin-bottom:30px; font-size:15px; font-weight:bold; direction:rtl}
.artical h1{ background:url(../images/artical-h1.jpg) repeat-x; height:38px; padding:10px 10px 0 0; font-size:130%; direction:rtl; color:#00245E}
.artical p{ clear:both; padding:10px; color:#5D5D5D }
.caption{ background:url(../images/captiaon.jpg) no-repeat right center; padding:0 20px 0 0; margin:0 20px 0 0 }
/*footer*/
.footer{ background:url(../images/footer0.jpg) repeat-x top; height:108px; clear:both}
.footertop{ background:url(../images/footer1.jpg); height:7px; width:948px; overflow:hidden; margin:0 auto}
.footercon{ background:#000 url(../images/footerbg.jpg) repeat-x; height:80px; width:948px;margin:0 auto; padding:20px 0 0; position:relative}
.footercon p{ font:normal 80% arial; padding:2px 0 0 10px} 
.footercon a:link, .footercon a:visited{ font:normal 80% arial; padding:2px 0 0 10px; color:#FFF}

.share{ text-align:center; clear:both; margin:15px 0; font:normal 90% tahoma}
.share div{ border-left:1px solid #AEB5C4; padding-left:15px }
.shareit{ float:right; margin:0 140px 0 20px}
.sendfriend{float:right; margin:0 10px 0 20px; padding-right:20px; background:url(../images/sentfriends.jpg) no-repeat right 0}
.print {float:right;margin:0 10px 0 20px; padding-right:20px; background:url(../images/print.jpg) no-repeat right 0}
/* paging*/
.paging{ border:0px solid #BCBCBC; margin:5px auto; width:95%;}
.paging a{float:right; display:block; margin:2px; text-align:center; font:normal 80% arial; direction:ltr}
.paging a.next1{width:17px ; height:17px; background:url(../images/next1.jpg) no-repeat; direction:ltr}
.paging a.next2{width:17px ; height:17px; background:url(../images/next2.jpg)  no-repeat; direction:ltr}
.paging a.prev1{width:17px ; height:17px; background:url(../images/prev1.jpg)  no-repeat; direction:ltr}
.paging a.prev2{width:17px ; height:17px; background:url(../images/prev2.jpg)  no-repeat; direction:ltr}


.paging1{ border:0px solid #BCBCBC; margin:auto; width:95%; margin-top:660px; height:18px; direction:ltr}
.paging1 a{float:right; display:block; text-align:center; font:normal 80% arial; color:#FF0000;padding-top:0px; margin-top:0px; padding-left:3px; padding-right:3px;}
.paging1 a.next1{width:17px ; height:17px; background:url(../images/next1.jpg) no-repeat;padding-top:0px; padding-left:3px; padding-right:3px;}
.paging1 a.next2{width:17px ; height:17px; background:url(../images/next2.jpg) no-repeat;padding-top:0px;padding-left:3px;padding-right:3px;}
.paging1 a.prev1{width:17px ; height:17px; background:url(../images/prev1.jpg) no-repeat;padding-top:0px;padding-left:3px;padding-right:3px;}
.paging1 a.prev2{width:17px ; height:17px; background:url(../images/prev2.jpg) no-repeat;padding-top:0px;padding-left:3px;padding-right:3px;}


/*date*/
.date .tab a{ width:30px; height:32px; float:right;background:url(../images/date-dimed.jpg) no-repeat 0 0; margin:4px 1px; outline:none}
.date .tab a.selected {background:url(../images/date-active.jpg) no-repeat}
.date .tab a.foot{ background-position:-160px 0}
.date .tab a.basket{ background-position:-127px 0}
.date .tab a.volley{ background-position:-94px 0}
.date .tab a.tinnes{ background-position:-63px 0}
.date .tab a.hand{ background-position:-32px 0}
.date .tab a.radif{ background-position:-2px 0}
.datestrib{ background:url(../images/date1bg.jpg) repeat-x 0 0; height:51px; clear:both; width:95%; margin:0 auto}
.lstrib{ float:left; background:url(../images/date1left.jpg) no-repeat; width:52px; height:48px; text-align:center; padding:4px 0 0 }
.rstrib{ float:right; background:url(../images/date1right.jpg) no-repeat; width:54px; height:48px; text-align:center; padding:4px 0 0 }
.cstrib{ float:left; width:91px; height:51px; text-align:center}

.datestrib2{ background:url(../images/date2bg.gif) repeat-x 0 0; height:51px; clear:both; width:95%; margin:0 auto}
.lstrib2{float:left; background:url(../images/date2left.jpg) no-repeat; width:51px; height:52px; text-align:center}
.lstrib2 a{ background:url(../images/leftbtn.gif) no-repeat; width:14px; height:16px; display:block; margin:18px auto}
.rstrib2{float:right; background:url(../images/date2right.jpg) no-repeat; width:54px; height:52px; text-align:center}
.rstrib2 a{ background:url(../images/rightbtn.gif) no-repeat; width:14px; height:16px; display:block; margin:18px auto}
.cstrib2{float:left; width:91px; text-align:center; padding:20px 0 0 0; font:normal 70% tahoma; color:#000}


.scorestrib{height:26px; clear:both; width:90%; margin:3px auto; color:#730000}
.lscore{ float:left; background:url(../images/score.jpg) no-repeat; width:31px; height:26px; text-align:center; font-size:120%; padding:3px 0 0 }
.rscore{ float:right; background:url(../images/score.jpg) no-repeat; width:31px; height:26px; text-align:center; font-size:120%; padding:3px 0 0 }
.cscore{ float:left; width:120px; height:26px; text-align:center; color:#FFD200; padding:3px 0 0}

.clubname{ clear:both; width:90%; margin:0 auto}
.fclub{ float:left; padding:5px; font-size:110% }
.sclub{ float:right; padding:5px; font-size:110% }

.stadum{ background:url(../images/stad.jpg) no-repeat; width:113px; height:25px ; margin:2px auto; text-align:right ;padding:6px 20px 0 0}

.submenu table{ clear:both}
.sponsor{position:absolute; top:-220px;right:171px; background:#fff; width:300px }
.sponsor2{position:absolute; top:-220px;right:259px; background:#fff; width:260px}

/*overlay menu*/

	.modal-overlay
	{position:fixed;top:0;right:0;bottom:0;left:0;height:100%width:100%margin:0;padding:0;background:#C60001;opacity:.75;filter: alpha(opacity=75);-moz-opacity: 0.75;z-index:101;}
	* html .modal-overlay
	{   
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	.modal-window
	{
		position:fixed;
		top:50%;
		left:50%;
		margin:0;
		padding:0;
		z-index:102; padding:50px 15px 15px; background:url(../images/transparent.png) top no-repeat; text-align:center
	}
	* html .modal-window
	{
		position:absolute;
	}
	.close-window
	{
		position:absolute;
		width:32px;
		height:32px;
		left:28px;
		top:13px;
		background:transparent url(../images/closer.png) no-repeat scroll right top;
		text-indent:-99999px;
	
		cursor:pointer;
		opacity:.5;
	
	}
	.close-window:hover
	{
		opacity:.99;
	
	}


.error{ text-align:center; padding:20px;color:#484848; font-size:110%}
.error .txt{ font-size:130%; margin:10px 0}
.error img{ margin:30px 0}
.ts{padding:0px 45px 0px 0px}
.direct{background:url(../images/btn2.png) no-repeat; width:65px; height:22px; border:0;color:#ffffff; font-weight:bold; font-size:15; cursor:hand}
.football{ display:none}
#header{ height:143px}
   #myModal800
    {
         background:url(../images/transparent2.png) top no-repeat
    }