body{
	background:#00303c url('images/BodyBG.gif') repeat-x top;
	margin:0;
	font:11px Tahoma;
	color:black;
}
/* ------ ستايل الموقع الرئيسي ---------- */
#Warpper{
	width:770px;
	background:white;
	margin:12px auto;
}
#Header{
	width:90%;
	margin:0 auto;
	height:120px;
}
#Header .Left{
	margin:17px 0 0 0;
}
#Banners{
	width:755px;
	margin:15px auto;
	
}
#Banners div{
	border:1px #dedede solid;
	width:362px;
	height:102px;
}
#NavBar{
	background:#464646;
	width:746px;
	height:145px;
	margin:0 auto;
}
#NavBar .Head{
	height:47px;
	background:url('images/NavBar_Head-F.gif');
}
#NavBar .Content{
	height:102px;
	background:url('images/NavBar_Content-F.gif') top;
	margin:-4px 0 0 0;
}
#NavBar a{
	background-repeat:no-repeat;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:70px;
	height:41px;
	padding:22px 0 0 0;
	text-align:center;
	color:#7d7d7d;
	margin:0 9px;
	
}
#NavBar a:hover{
	color:white;
}
a.B1{
	background:url('images/NavBtns.gif') -600px top ;
}
a:hover.B1{
	background:url('images/NavBtns.gif') -1274px top;
}
a.B2{
	background:url('images/NavBtns.gif') -515px top;
}
a:hover.B2{
	background:url('images/NavBtns.gif') -1189px top;
}
a.B3{
	background:url('images/NavBtns.gif') -435px top;
}
a:hover.B3{
	background:url('images/NavBtns.gif') -1109px top;
}
a.B4{
	background:url('images/NavBtns.gif') -351px top;
}
a:hover.B4{
	background:url('images/NavBtns.gif') -1025px top;
}
a.B5{
	background:url('images/NavBtns.gif') -271px top;
}
a:hover.B5{
	background:url('images/NavBtns.gif') -945px top;
}
a.B6{
	background:url('images/NavBtns.gif') -188px top;
}
a:hover.B6{
	background:url('images/NavBtns.gif') -862px top;
}
a.B7{
	background:url('images/NavBtns.gif') -108px top;
}
a:hover.B7{
	background:url('images/NavBtns.gif') -782px top;
}
a.B8{
	background:url('images/NavBtns.gif') -10px top;
}
a:hover.B8{
	background:url('images/NavBtns.gif') -684px top;
}
#NavBar .Cntr{
	margin:5px;
	height:100% !important;
}
#NavBar .Welcome{
	width:350px;
	height:45px;
	background:url('images/Mar7aba.gif') no-repeat right top;
	padding:25px 0 0 0;
	color:white;
	position:relative;
	top:12px;
	right:8px;
}
#NavBar .Domain{
	width:350px;
	height:90px;

}
#NavBar .SrchTxt{
	border:0;
	background:url('images/InputBG.gif') no-repeat;
	width:185px;
	height:20px;	
	color:white;
	direction:ltr;
	padding:3px 4px 0 4px;
	position:relative;
	top:-8px;
	*top:-4px;
}
#NavBar .Ext {
	width: 53px;
	height: 20px;
	background:url('images/Ext.gif') no-repeat;
	position:relative;
	top:-7px;
	*top:-7px;
	-webkit-margin:-20px 0 0 0;
	right:5px;
	padding:3px 0 0 0;
	*padding:0;
}

#NavBar select {
	width: 46px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;	
	background:transparent;
	border:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#NavBar select{
		margin-top:1px;
		position:relative;
		top:-1px;
		background-color:ActiveCaption;	
	}
	#SFooter .Left{
		margin:10px 0 0 0;
	}
	#SFooter img.Left{
		position:relative;
		top:-10px;
	}
}
#NavBar option{
	background:gray;
	border:0;
}
#Board{
	width:745px;
	height:351px;
	background:url('images/MainCenterBG.gif') no-repeat;
	margin:10px auto;
	padding:32px 0 0 0;
}
.ReflctBoxCntr{
	width:490px;
}
.ReflctBox{
	background:url('images/PlanBox-trans.png') no-repeat center top;
	width:245px;
	height:312px;
	padding:22px 0 0 0;
}
.ReflctBox img{
	position:relative;
	right:14px;
}
.ReflctBox .all{
	text-align:right;
	width:190px;
	margin:10px auto 0 auto;
}
.ReflctBox .title{
	font:bold 15px Arial;
	color:#464646;	
}
.ReflctBox .Desc{
	color:#6e9907;
}
.ReflctBox .Order{
	color:#1baacc;
	text-align:right;
	font-weight: bold;
}
.ReflctBox ul{
	margin:6px 0;
	padding:0;
	width:210px;
	position:relative;
	right:25px;
}
.ReflctBox li{
	list-style:none;
	margin:0;
	padding:0 5px 0 0;
}
.ReflctBox a{
	display:block;
	color:black;
	position:relative;
	top:12px;
	right:180px;
	width:40px;
}
.ReflctBox a:hover{
	color:#1baacc;
}
#Statuts{
	width:95%;
	margin:-25px auto 25px auto;
	height:20px;
}
#Footer{
	height:55px;
	text-align:center;
	color:#c6d1ac;
}
#Footer a.InLn{
	margin:0 5px;
	color:black;
	height:16px;
}
#Footer a:hover.InLn{
	color:#34640a;
	height:15px;
	border-bottom:1px gray dotted;
}
#Footer div{
	color:#1baacc;
	margin:15px auto 0 auto;
	width:99%;
	overflow:auto;
	z-index:999;
	position:relative;
	top:0;
	left:0;
}
/* ------  ستايلات الدعم الفني -------- */
body.Support{
	background:#00303c url('images/SupportBG.gif') repeat-x top;
}
#SWarpper{
	width:960px;
	background:#fff;
	margin:12px auto;
}
#SHeader{
	width:960px;
	margin:0 auto;
	height:80px;
}
#SHeader .Right{
	width:320px;
	background: url('images/SupportLogo.gif') no-repeat 80px 0px;
	height: 55px;
	display: block; 
	margin:15px 0 0 0;
}
#SHeader .Right h1{
	text-indent: -1000px;
	overflow:hidden;
}
#SHeader .Right h2{
	position:relative;
	top:25px;
	*top:34px;
	left:-104px;
	width:215px;
	color:#777;
	font:11px Tahoma;
}
#SHeader .Left{
	width:490px;
	height:69px;
	background:url('images/BlueLeftHeader.gif');
}
#SHeader .Left .Right{
	position:relative;
	top:-8px;
	right:6px;
	width:245px;
	background:none;
	text-align:center;
}
#SHeader .Left .Right a{
	color:#7e7e7e;
	font:normal 11px Tahoma;
	height:20px;
	padding:2px 10px 0 2px;
	text-align:center;
}
#SHeader .Left .Right a:hover{
	color:#000;
}
#SHeader .Left a.Profile{
	background:url('images/Btn_Profile.gif') no-repeat;
	width:72px;
}
#SHeader .Left a.Logout{
	background:url('images/Btn_Logout.gif') no-repeat;
	width:84px;
}
#SHeader .Left p{
	margin:5px 0 9px 0;
}

#Warpper .BHead,#Warpper .BFoot,#SWarpper .BHead,#SWarpper .BFoot{
	height:11px;
	z-index:100;
	width:100% !important;
}
#TopBtns{
	margin:10px 5px 20px 5px;
}
#TopBtns a{
	width:85px;
	height:20px;
	padding:4px 15px 0 0; 
	color:#727272;
	text-align:center;
	margin:0 3px;	
}
#TopBtns a:hover{
	color:#ff7200;
}
a.Btn01{
	background:url('images/SprtTopBtns.gif') 0px -1px;
}
a:hover.Btn01{
	background:url('images/SprtTopBtns.gif') 0px -26px;
}
a.Btn02{
	background:url('images/SprtTopBtns.gif') -102px -1px;
}
a:hover.Btn02{
	background:url('images/SprtTopBtns.gif') -102px -26px;
}
a.Btn03{
	background:url('images/SprtTopBtns.gif') -204px -1px;
}
a:hover.Btn03{
	background:url('images/SprtTopBtns.gif') -204px -26px;
}
a.Btn04{
	background:url('images/SprtTopBtns.gif') -305px -1px;
}
a:hover.Btn04{
	background:url('images/SprtTopBtns.gif') -305px -26px;
}
a.Btn05{
	background:url('images/SprtTopBtns.gif') -405px -1px;
}
a:hover.Btn05{
	background:url('images/SprtTopBtns.gif') -405px -26px;
}
a.Btn06{
	background:url('images/SprtTopBtns.gif') -506px -1px;
}
a:hover.Btn06{
	background:url('images/SprtTopBtns.gif') -506px -26px;
}
a.Btn07{
	background:url('images/SprtTopBtns.gif') -607px -1px;
}
a:hover.Btn07{
	background:url('images/SprtTopBtns.gif') -607px -26px;
}
a.Btn08{
	background:url('images/SprtTopBtns.gif') -708px -1px;
}
a:hover.Btn08{
	background:url('images/SprtTopBtns.gif') -708px -26px;
}
#SRightSide{
	width:215px;
	min-height:100% !important;
	* height:100% !important;
	float:right;
	background:#ebffb0 url('images/SRightSideBG.gif') no-repeat left top;
	padding:30px 15px 10px 5px ;
	color:#4e5c11;	
}
#SRightSide p.header{
	background:#f5ffd9;
	font:Bold 15px Arial;
	text-align:center;
	vertical-align: 5px;
}
#SRightSide a{
	color:#4e5c11;
}
#SRightSide a:hover{
	color:#000;
}
#SLeftSide{
	width:661px;
	height:100% !important;
	min-height:100% !important;
	margin:0 0 0 32px;
	float:left;	
}
p.breadcrumb,p.breadcrumb a{
	color:#999;
}
p.breadcrumb a:hover{
	color:#56685a;
	background:#F6FFDC;
}
#SLeftSide .Section{
	/*margin:0 0 15px 0;*/
}
#SLeftSide .Section .head{
	height:33px;
	background:url('images/SecCatHead.gif') no-repeat top;
	padding:3px 10px 0 0;
}
#SLeftSide .Section h1.InLn{
	color:#6f9500;
	font:bold 15px Arial;
	position:relative;
	top:-10px;
}
#SLeftSide .Section .Content{
	background:url('images/SecCatFill.gif') repeat-y center top;
	padding:7px;
	margin:-2px 0 0 0;
}
#SLeftSide .Section h2{
	color:#de9e06;
	border-bottom:1px #e1edd2 dotted;
	padding:5px;
	font:bold 15px Arial;
}
#SLeftSide .Section a.big{
	padding:2px 5px;
	color:#555;
	border:1px #f9861e solid;
	background:#ebffb0;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
}
#SLeftSide .Section a.big:hover{
	color:#889875;
	border:1px #889875 solid;
	background:#e1edd2;
}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
#SLeftSide .admin,#SLeftSide .client{
	width:591px;
	margin:10px auto;
	min-height:40px;
	height:expression(document.body.clientHeight < 40? "40px" :  "auto");
}
#SLeftSide .admin p,#SLeftSide .client p{
	padding:0 10px;
}
#SLeftSide .admin{
	background:#ffc38c url('images/Tkt-adminTbl.gif') no-repeat top;
	color:#633409;
}
#SLeftSide .client{
	background:#cdeded url('images/Tkt-clientTbl.gif') no-repeat top;
	color:#0b6262;
}

#SFooter{
	width:960px;
	margin:0 auto 20px auto;
	height:46px;
	background:#f1ffc9;
	color:#999;
}
#SFooter div{
	margin:0 11px;
	position:relative;
	top:11px;
}
#SFooter .Icon{
	margin:0 3px;
}

#SFooter a{
	color:#999;
}
#SFooter a:hover{
	color:#000;
}
div.contentbox{
	margin:0 auto;
	text-align:center;
	color:#7c7c7c;
}
div.contentbox strong{
	padding:3px;
	border-bottom:1px gray dotted;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;

}
/* ------------ متغيرات عامة و مشتركة ---------*/
a:hover.Home{
	background:#e1edd2;
	width:100%;
}
input.Input1{
	width:208px;
	height:23px;
	background:url('images/InputBG-1.gif') no-repeat;
	padding:4px 3px 0 3px;
	color:gray;
	border:0;
}
input.Input3{
	width:94px;
	height:23px;
	background:url('images/InputBG-3.gif') no-repeat;
	padding:4px 3px 0 3px;
	color:gray;
	border:0;
}
input.button{
	padding:2px 5px;
	color:gray;
	background:url('images/InputBG-2.gif') repeat-x ;
	border:1px #c5d972 solid;
}
table.data{
	background:#e1edd2 url('images/TableBG.gif') no-repeat top;
	width:591px;
	color:#505050;
}

input,select,option,textarea{
	font:11px Tahoma;
}
.InLn{
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.cler{
	overflow:hidden;
}
.Left{
	float:left;
}
.Right{
	float:right;
}
img{
	border:0;
}
a{
	text-decoration:none;
	color:black;	
}#Warpper #NavBar .Content.cler .Cntr.cler .Welcome.Right a {
	margin: 0px;
	padding: 0px;
	display: inline;
}
.reviews {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	font-family: tahoma;
	font-size: 12px;
}
.reviews  .clientr {
	width: 90%;
	padding: 5px;
	margin: 5px;
	background-color: #ebffb0;
	border: 2px solid #F5FF7D;
}