@import url(//fonts.googleapis.com/earlyaccess/droidarabickufi.css);

/*Copyright (c) 2012, Sarmady a Vodafone company. All rights reserved.*/
/* Reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;} a { color:#222; text-decoration:none;}
/*---------------------------------------------------------------------------------------------------------*/
body {font-family:tahoma; font-weight: normal;}

/*/////////////////////// General classes //////////////////////*/


.clear { display:block; height:0; clear:both;}
.title_lvl_1
{	  
	position:relative;
    font-weight:bold;
	font-size:17px;
	color:#222;
	clear:both;
	text-align:right;
    height:40px;
    border-bottom:solid 4px #cc0000;
    line-height:40px;
    margin-bottom:5px; font-family: 'Droid Arabic Kufi', Arial;}

/*/////////////////////// Tabs ///////////////////////////*/

.news .tabs , .live_matches .tabs { position:absolute; width:55%; top:0; height:30px; left:0px; text-align:center;}
.tabs li{
 float:right; display:block;height:40px; width:33%;
} .tabs li a { display:block; width:100%; height:100%; font-size: 13px;font-weight: bold; font-family:"Droid Arabic Kufi",arial;}
.news .tabs li a.current , .live_matches .tabs li a.current 
{
	color:#fff;
    background-color:#cc0000;
    outline:none;
	}

/*/////////////////////// Popup  //////////////////////*/
#popup_box { 
	display:none;position:fixed; height:168px; width:204px;right:50px; bottom:0;z-index:100; background:url(../images/popup.png) no-repeat center center;}
	#popupBoxClose {position:absolute;right:17px;top:0; display:block; width:58px; height:22px; cursor:pointer;}
	 .survey,.pos { position:absolute; display:block; height:30px;width:87px;top: 128px;} 
	 .pos { right:106px; cursor:pointer;}
	 .survey { right:10px;}
	 
.bpl{ float:right;display:block; width:300px; height:181px;background:url(../images/bpl.jpg) no-repeat center center; margin-bottom:15px;}
.live_matches { display:block; background-color: #EDEDED;padding:10px; overflow:hidden;}

.HTopMatchesContent{font-size: 8pt;overflow: auto;}
.HTopMatchesContent:hover{overflow-y:auto;}
.Live .HTopMatchesContent{border:none; margin:0px 1px 10px 0px; background:#FFF0CF url(../images/LiveMBg.gif) top repeat-x}
.Live .HMatch1{border-top:1px solid #fff}
.Live{background:url(../images/LiveMBgPix.gif) top repeat-x}
.LiveCase{font-weight:700; font-size:7pt; margin:3px 0px}
.HTopMatches h1 a{width:55px; right:25px}
.LiveCon .HMatch1, .LiveCon .HMatch2 { float:right; width:100%; height:auto; border:none; overflow:visible;}
.HMatch1, .HMatch2 {
    margin: 5px auto;
    overflow: hidden;
    width: 267px;
}
  

.HMatch1{float:right; width:100%;background-color: #FFFFFF;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.HMatch1:hover{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
.HMatch2{background: #f57628; /* Old browsers */border:3px solid #c94f1e;}

.HMatch1 span, .HMatch2 span{display:block; width:90%; float:right; text-align:right; margin:5px 10px 0px 0px}
.HMatchTeam{float:right; width:37%; margin:10px 0px; text-align:center; }
.HMatchTeam a { color:#948361; text-decoration:none; display:block; margin:auto;width:70%;}
.LiveCon .HMatchTeam{width:39%; margin:15px 2px 10px 0}
.LiveCon .HMatchTeam p a{font-weight:700; color:#222; font-family:'Droid Arabic Kufi'; display:block;}
.HMatchTeam p{overflow:hidden;}
.StatCon .HMatchTeam{width:129px; margin:20px 0px 15px 0px}
.StatCon .HMatchInfo{margin-top:25px}
.LiveCon .HMatchInfo{margin-top:25px; width:20%; text-align:center}
.LiveCon .SMInfo{color: #555;display: block;font-size: 12px; padding:5px 5px 2px; text-align:center; }
.LiveCon .SMInfo p{ display:inline-block;}
.MTimer{clear:both; width:100%; text-align:center;}
.MinCoverage{background-color:#fff; margin: 10px 1%; position:relative; padding-top:26px;}
.MinCoverage:before{position:absolute; top:0; left:0; right:0; text-align:center; content:'دقيقة بدقيقة'; font-family: 'Droid Arabic Kufi';font-size: 12px;font-weight: bold; background-color:#FFD24F;}
.MinCoverage p{overflow:auto;height:150px;background-color:#FFFFB7; border:5px solid #FFD24F; padding:10px; line-height:15px; font-size:15px;}
.LiveTeamsList{background-color:#eee; margin:1%;overflow:hidden;clear:both;}
.LiveTeamsList h5{float:right; width:100%; text-align:center; line-height:27px; font-family:'Droid Arabic Kufi'; font-size:12px; font-weight:bold; border-bottom:solid 1px #fff; background-color:#e3e3e3;}
.LiveTeamsList span.LiveTeamPoss{width:29%; text-align:left; font-weight:normal; white-space:nowrap; overflow:hidden;}
.LiveTeamsList span.PRedMname{width:57%; font-weight:normal; white-space:nowrap; overflow:hidden;}
.LiveTeamsList .PredBest100R span{color:#535458; border-bottom:1px solid #d9d9d9;}
.LiveTeamsList .PredBest100R span img{margin:1px 5px 0px 0px}
.PredBest100R span{float:right; width:12%; color:#C1121F; text-align:right; line-height:25px; text-indent:2%; font-size:11px; font-weight:bold;}
#popup_ok, #popup_cancel{background-color:#FFE17E; border:1px solid #FFC402; width:70px; text-align:center}
.LiveTeamsList .PredBest100R{width:48%; margin:1%; float:right; background-color:#e0e0e0;}
.LiveTimeLine{margin:1%; position:relative; clear:both;}
.LiveTimeLine:before{position:absolute; top:0; left:0; right:0; text-align:center; content:'أحداث المباراة'; font-family: 'Droid Arabic Kufi';font-size: 12px;font-weight: bold; background-color:#e3e3e3;}
.LiveTCurve{float:right; width:100%; height:10px; background:url(../images/LiveTCurve.gif) no-repeat}
.LiveTimeLineCont{float:right; width:100%; margin:26px 0px 0px 0px; padding:10px 0px; background:#eee;}
.LiveTimeList1{float:right; width:98%; height:25px; line-height:25px; margin:0 1%;}
.LiveTimeList1 a, .PRedMname a { color:#3E4237; text-decoration:none;font-size:12px; line-height:23px;}
.LiveTimeR, .LiveTimeL{float:right; width:48%; height:100%; background-color:#f4f4f4;}
.LTR2{background-color:#fff}
.LiveTimeL{float:left; width:48%; height:100%}
.LiveTimeL img{float:right; margin:5px 5px 0px 0px; width:auto}
.LiveTimeL a{float:right; width:auto; margin-right:5px}
.LiveTimeR img{float:left; width:auto; margin:5px 0px 0px 5px}
.LiveTimeR a{float:left; width:auto; margin-left:5px}
.LiveTimeC{float:right; width:4%; text-align:center; font-size:7.5pt; line-height:25px; color:#ae2c1f; font-weight:bold;}
.HMatchTeam a{text-align:center; margin-top:3px}
.HMatchInfo{float:right; width:26%; position: relative;}
.HMatchInfo span, .HMatchInfo h3{display:block; float:right; font-size:14px; font-weight:bold; color:#c50000; text-align:center; margin:0px}
.Livematch .HMatchInfo span { display:none}
.HMatchInfo span:first-of-type {right: -12px;text-align: right; display:block;position: absolute;top: 20px;z-index:1}
.HMatchInfo span:last-of-type {left: -12px;text-align: left;display:block;position: absolute;top: 20px;z-index:1}
.HMatchInfo h3{font-size:11px; margin-bottom:5px; width:100%; font-family: 'Droid Arabic Kufi', tahoma; font-weight:normal;}
.HMatchInfo p{width:100%; text-align:center; margin-top:5px; position:relative;}
.Livematch .HMatchInfo p span { font-size:10px; color:#777; font-weight:normal; display:block;position: absolute;top: 20px;}
.HMatchInfo a{width:auto}
.HMatchInfo a img{max-width:100%;}
.HmatchesIcons{text-align:center; position:absolute; z-index:2; margin:auto; left:0; right:0;}
.HmatchesIcons a{width:auto}
.HmatchesIcons a img{cursor:pointer}
.NoResult{color:#383838; text-align:center; padding:80px 0px 0px 0px; clear:both; font-weight:bold;font-size:7.5pt;}
.NGmTit{display:block;text-align:right; padding:5px 0;}
.NGmTit a{ color: #222222;font-family: "droid arabic kufi",arial;font-size: 10px;font-weight: bold;line-height: 14px;}
.NGmTit {  color:red;}
.yom7Box{width:100%; float:right; text-align:center; position:relative; min-height:400px;}
.loading{margin:40px 0px 40px 0px;}

.MediaMore
{
	display:block;
	border-bottom:#1c1c1c 5px solid;
	direction:ltr;

    width:285px;
    position:absolute;
    left:8px; bottom:11px;
    display:none;
	}
.MediaMore a
{
	display:block;
	background:url(../images/More.png) 1px 1px no-repeat;
	width:85px;
	height:24px;
	margin-left:12px;
	text-indent:9999px;
	overflow:hidden;

}
.filgoallogo{width:128px; height:30px; position:absolute; top:6px; left:12px;}

.StatCon, .LiveCon{ border:#eee solid 5px; background:none;}
h1{display:none;}
	
/*/////////////////////// LiveMatch  //////////////////////*/
.StatConT{font-family:"Droid Arabic Kufi",arial; font-weight:bold; font-size:12px; text-align:center; background-color:#EDEDED; display:block; padding:2px;}
.LiveCon .HMatchTeam p .Coach { font-size:12px; font-weight:normal; font-family:Tahoma; color:#777;}
.LiveCon .HMatchTeam img { max-width:100%;}

/* Anything smaller than 480 */
@media only screen and (max-width: 479px) {
.LiveCon .HMatchTeam p a{ font-size:11px; width:100%;}
.LiveTimeC{ font-size:10px; font-weight:normal; position:relative;}
.PredBest100R span{ font-size:10px;}
}