@charset "utf-8"; 
/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect site_header.tpl and site_footer.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#mainbody 								{ width:940px; margin:auto; padding-left:20px; direction:rtl; unicode-bidi: normal;  }   

#header_top								{ height:105px; } 

#company_logo a							{ float:right; height:105px; width:240px; background:url(images/logo.png) right top no-repeat; }
#topnav									{ float:left; }
#topnav .link 							{ float:left; font-weight:normal;color:#fff; height:23px; padding-top:2px; background-color:#666;background-image:url(images/nv_01.gif); background-position:left top; background-repeat:no-repeat; padding-left:0px }
#topnav .link a							{ font:400 12px Tahoma,"Lucida Sans Unicode"; color:#fff; text-transform:uppercase;padding:0 15px ;}
#topnav .link a:hover					{ color:#FFFF99;}
#topnav .link_right 					{ float:left; background-image:url(images/nv_02.gif); background-position:right top; background-repeat:no-repeat; height:25px; width:10px; margin-left:-10px;}
#topnav .language						{ float:left; padding:5px 0 0 24px; background-repeat:no-repeat; background-position:right 9px; margin-right:8px }
#topnav .language select 				{ font:400 11px "Trebuchet MS", "Lucida Sans Unicode"; color:#666; height:20px;}
#header_left							{ width:200px; float:right;  }
#header_right							{ width:730px; float:left; background:url(images/container_1.gif) top no-repeat; background-color:#fff; }
#innertube								{ width:704px; margin:0 auto;height:auto!important; height:700px; min-height:700px;   }

#breadcrumb								{ color:#999; padding:11px 18px; }	
#breadcrumb	a							{ color:#999; }
#breadcrumb	a:hover						{ color:#666; } 

#footer 								{ width:730px; background:url(images/container_2.gif) no-repeat bottom; text-transform:uppercase;  }
#footer .link							{ color:#aaa; font-size:10px; text-align:center; text-transform:uppercase; padding:50px 15px 10px 0; }
#footer .link a							{ color:#aaa; padding:0 10px }
#footer .link a:hover					{ color:#666; }
#footer .link li 						{ display:inline }

#copyright 								{ background-color:#1a1a1a; width:100%; text-align:center;  }
#copyright 								{ color:#aaa; font-size:10px; text-align:center; text-transform:uppercase; padding:12px 0 10px 0; }
#copyright a							{ color:#aaa; }
#copyright a:hover						{ color:#666; }

#loginbox								{ float:left; padding-left:15px; padding-right:15px; padding-top:36px; text-align:right; width:175px; height:198px; color:#ddd; line-height:1.8; }
#loginbox dt 							{ font-weight:700}
#loginbox dd 							{ height:25px;}

#loginbox ul							{ list-style:none ;margin:0 0 10px; font-weight:bold; list-style-position: outside; }
#loginbox li 							{ background:url(images/sidemenu_separate.gif) repeat-x bottom; padding:7px 0px; line-height:1.6;}
#loginbox li a 							{ color:#ddd; background-repeat: no-repeat;	background-position:right -1px; padding: 0 23px 0 23px; font-size:12px;}
#loginbox li a:hover 					{ color:#fff; }
#loginbox a 							{ color:#ddd; }
#loginbox a:hover	 					{ color:#fff; }
#loginbox h1							{ font:700 14px Tahoma, "Lucida Sans Unicode"; color:#C93; text-transform:uppercase; margin:0 0 2px; line-height:1.8; }
#loginbox .greeting 					{ padding:0; margin:0 0 8px 0; font-weight:700}
#loginbox .inputbox1					{ width:160px; }

/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect sidemenu_common.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#sidemenu								{ float:left; padding-left:15px; padding-right:15px; text-align:right; width:175px; }
#sidemenu ul							{ list-style:none;margin:0 0 10px; font-weight:700; list-style-position: outside; }
#sidemenu li 							{ background:url(images/sidemenu_separate.gif) repeat-x left bottom; padding:7px 0px; line-height:1.6; color:#ccc;}
#sidemenu li a 							{ color:#ddd; background-repeat: no-repeat;	background-position:right -1px; padding: 0 23px 0 23px; font-size:12px; }
#sidemenu li a:hover 					{ color:#c60; }
#sidemenu h1							{ font:700 14px Tahoma, "Lucida Sans Unicode"; color:#C93; text-transform:uppercase; margin:20px 0 5px; line-height:1.8; }
#sidemenu dd 							{ padding:3px 0; }
#sidemenu select 						{ font:400 11px "Trebuchet MS", "Lucida Sans Unicode"; color:#666; height:20px; }
#sidemenu .inputbox1 					{ width:160px; }

/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect clientareahome.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#clientareahome .title					{ height:35px; }
#clientareahome h1 						{ background:url(images/title_icon.gif) no-repeat right 14px; font:700 13px Tahoma, "Lucida Sans Unicode"; color:#666 line-height:1.8; padding:11px 40px 0 0; margin-right:18px; }

#lastlogin								{ background:url(images/lastlogin.gif) no-repeat bottom; height:26px; text-align:center; padding:5px 0 0 0; margin-bottom:10px; color:#fff}
#clientinfo 							{ float:right; width:260px; }
#clientinfo .address					{ line-height:1.8; font-weight:bold; color:#858585; padding:10px 50px 0 0;}
 
#clientstats		 					{ float:right; width:365px; padding:15px 33px 5px 0; height:auto!important; height:200px; min-height:200px; background:url(images/clientstats.jpg) no-repeat top; margin-right:25px; }
#clientstats .topic						{ font-weight:bold; padding:5px 0 5px 2px; font-size:12px;font-family:Tahoma, "Lucida Sans Unicode"; color:#930}
#clientstats dl 						{ padding:5px 0 8px 0; line-height:2; border-top:1px #ddd solid; width:320px;  }
#clientstats dt 						{ float:right; width::auto!important; min-width:auto; white-space:nowrap; padding:0 0 0 3px; }
#clientstats a							{ color:#C60; }
#clientstats a:hover					{ color:#930; }

/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect homepage.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#homepagetopic							{ background:url(images/arabic/headline_homepage.jpg) no-repeat left top; height:210px; }
#homepagetopic .slogan					{ padding:30px 320px 0 0; width:280px; }
#homepagetopic h1						{ font:700 20px "Lucida Sans Unicode"; color:#999; line-height:1.8; border-bottom:1px #ddd solid;}
#homepagetopic h2						{ font:700 16px "Lucida Sans Unicode"; color:#aaa; line-height:1.6; margin:6px 0 0 1px; }	

#homepagetags 							{ width:100%; margin:0 0 15px 0}
#homepagetags ul						{ list-style:none; cursor:pointer; padding-right:5px; display:inline-block;}
#homepagetags li 						{ float:right; width:220px; height:auto!important; height:60px; min-height:60px; background-position:right 2px; background-repeat:no-repeat; margin:0 10px 18px 0; color:#666 }
#homepagetags p 						{ padding:0 10px 0 0; margin:0 50px 0 0; border-right:1px #ddd solid; line-height:1.5; }
#homepagetags p.title					{ font:700 13px Tahoma, "Lucida Sans Unicode"; padding-bottom:5px; }

/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect homepage.tpl & contact.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#contact .padding 						{ padding:30px 0 0 0 }
#contactform							{ margin:0 0 20px 0;}
#contactform							{ clear:both; width:100%; height:auto!important; height:280px; min-height:280px; background:url(images/contact_form.jpg) no-repeat; }
#contactform dl							{ float:right; padding:15px 0 0 0; width:400px;}
#contactform dt							{ float:right; clear:left; width:90px; padding:4px 8px 0 8px; text-align:left; white-space:nowrap; }
#contactform dd							{ padding:3px 0; }

#contactinfo							{ float:left; padding:25px 0 0 95px; }
#contactinfo p.addr_title				{ font:700 12px Tahoma, "Lucida Sans Unicode"; color:#666; text-transform:uppercase; padding:15px 0 }

/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect $template/specific/headline_common.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#headline_common						{ margin-bottom:-70px; background: no-repeat; height:150px;}
#headline_common .slogan				{ padding:18px 100px 0 0; width:380px; }
#headline_common h1						{ font:700 20px "Lucida Sans Unicode"; color:#666; line-height:1.5; text-transform:uppercase;}
#headline_common h2						{ font:400 16px "Lucida Sans Unicode"; color:#777; line-height:1.5; text-transform:uppercase; margin-left:1px; }	

/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Modify this section of styles will affect $template/specific/headline_clientarea.tpl
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#headline_clientarea1					{ background-image:url(images/arabic/headline_clientarea1.jpg); background-repeat:repeat-x; background-position:left top; height:150px; margin:0;padding:0;margin-bottom:-25px;}
#headline_clientarea1 .slogan			{ padding:30px 100px 0 0;width:400px; }
#headline_clientarea1 h1				{ font-size:20px; font-weight:bold; color:#999; line-height:1.8; margin:0; padding:0; border-bottom:1px #ddd solid;}
#headline_clientarea1 h2				{ font-size:16px; font-weight:bold; color:#aaa; line-height:1.6; margin:0; padding:0;}	

#headline_clientarea					{ background:url(images/arabic/headline_clientarea.jpg) repeat-x left bottom; height:210px; margin:0;padding:0;  }
#headline_clientarea .slogan			{ height:100px; padding:30px 100px 0 0; margin:0px;width:400px;  }
#headline_clientarea h1					{ font-size:21px; font-weight:bold; color:#999; line-height:1.8; margin:0; padding:0; border-bottom:1px #ddd solid;}
#headline_clientarea h2					{ font-size:14px; font-weight:bold; color:#aaa; line-height:1.6; margin:0; padding:0; }
 
#headline_clientarea .shortcut 			{ text-align:center; font-size:11px;font-family: "Trebuchet MS", Tahoma; padding-right:8px}
#headline_clientarea .shortcut ul		{ list-style:none;}
#headline_clientarea .shortcut li 		{ float:right; margin:2px 3px;padding:0px;width:80px;height:70px;line-height:1.3;background:url(images/clientarea_icon.gif) no-repeat ;}
#headline_clientarea .shortcut li a 	{ color:#858585; margin:0px 0 0 0; padding:42px 0px 0px 0px;display:block;  }
#headline_clientarea .shortcut li a:hover{ color:#CC9900; text-decoration:underline; }


/*
------------------------------------------------------------------------------------------------------------------------------------------------------
Below styles are used for handle all buttons for this template
------------------------------------------------------------------------------------------------------------------------------------------------------
*/
button 									{ position: relative; border: 0; padding: 0; cursor: pointer; #overflow: visible; text-align:center; vertical-align:top; font:700 10px Tahoma, "Lucida Sans Unicode"; text-transform:uppercase; }
button::-moz-focus-inner				{ border: none; } /* overrides extra padding in Firefox */
button span 							{ position: relative; display: block; white-space: nowrap;}

button.BtnSubmit 						{ padding: 0 12px 0 0; margin:0 0 0 -3px; #margin:0; color:#444; } 
button.BtnSubmit span 					{ padding: 6px 0 0 13px; width:auto!important; width:55px; min-width:55px; height:19px; #margin:0 0 -2px 0; #padding-right:3px; }
button.BtnSubmit:hover, button.BtnSubmitHover { background-position: right -150px;  color:#777; }
button.BtnSubmit:hover span, button.BtnSubmitHover span { background-position: 0 -50px; }

button.BtnSmall 						{ padding: 0 7px 0 0; margin:0 0 0 -3px; #margin:0; color:#fff; }
button.BtnSmall span 					{ padding: 3px 0 0 8px; width:auto!important; width:40px; min-width:40px; height:17px; #margin:0 0 -2px 0; #padding-right:3px; }
button.BtnSmall:hover, button.BtnSmallHover { background-position: right -150px; color:#eee; }
button.BtnSmall:hover span, button.BtnSmallHover span { background-position: 0 -50px; }

button.BtnSearch 						{ padding: 0 7px 0 0; margin:0 0 0 -3px; #margin:0; color:#fff; }
button.BtnSearch span					{ padding: 3px 0 0 8px; width:auto!important; width:40px; min-width:40px; height:17px; #margin:0 0 -2px 0; #padding-right:3px; }
button.BtnSearch:hover, button.BtnSearchHover { background-position: right -150px;  color:#eee; }
button.BtnSearch:hover span, button.BtnSearchHover span { background-position: 0 -50px; }

button.BtnGo							{ height:20px; width:28px; margin:0; }
button.BtnGo span 						{ display:none; }
button.BtnGo:hover, button.BtnGoHover 	{ background-position: right -50px; }

button.BtnHeaderLogin					{ padding: 0 10px 0 0; margin:0 0 0 -3px; #margin:0; color:#666; } 
button.BtnHeaderLogin span				{ padding: 6px 0 0 10px; width:auto!important; width:40px; min-width:40px; height:18px; #margin:0 0 -2px 0; #padding-right:3px; } 
button.BtnHeaderLogin:hover, button.BtnHeaderLoginHover { background-position: right -150px;  color:#333; }
button.BtnHeaderLogin:hover span, button.BtnHeaderLoginHover span { background-position: 0 -50px; }
 
 
 
 
 
   
 .moreclienttab {
 	font-family: tahoma;
	font-size: 10pt;
	font-weight:bold; 
	padding: 2px;
	border: 1px solid #C0C0C0;
	margin-top: 50px;
	overflow: auto;
}
.moreclienttab ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.moreclienttab ul li{
	font-family: tahoma;
	font-size: 10pt;
	font-weight:bold; 
	display: inline;
	float: right;
	margin-right: 4px;
	margin-left: 4px;
	font-family: tahoma;
	font-size: 9pt;
	line-height: 20px;
	color: #003399;
}
.moreclienttab ul li a{
	font-family: tahoma;
	font-size: 10pt;
	font-weight:bold; 
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	color: #003399;
	background-color: #EAEAEA;
}
.moreclienttab ul li a:hover{
	font-family: tahoma;
	font-size: 10pt;
	font-weight:bold; 
	color: fuchsia;
	background-color: #66CCFF;
}

.shadrightteam {
	font-family: tahoma;
	font-size: 10pt;
	font-weight:bold; 
	background-image: url('images/team_31.gif');
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 14px;
}
.shadleftteam {
	font-family: tahoma;
	font-size: 10pt;
	font-weight:bold; 
	background-image: url('images/team_28.gif');
	background-repeat: repeat-y;
	padding-left: 14px;
}
.teamin {
	font-family: tahoma;
	font-size: 10pt;
	font-weight:bold; 
	padding: 20px;
	background-color: #fff;
}
.clienttable {
	margin: 20px auto 0px auto;
	color: #003399;
	font-family: tahoma;
	font-size: 10pt;
	font-weight:bold; 
	border-top-width: 1px;
	border-top-color: #003399;
	border-top-style: dashed;
}
.clienttable tr td{
	font-family: tahoma;
	font-weight:bold; 
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #003399;
}
.clienttable tr td a{
	color: #999999;
}
.clienttable .dashborderleft{
	font-family: tahoma;
	font-weight:bold; 
	border-left-style: dashed;
	border-left-color: #003399;
	text-align: center;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.clienttable .dashborderbgr{
	font-family: tahoma;
	font-weight:bold; 
	background-color: #F2F2F2;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #003399;
}


 
 #t4serv								{ background:#19344D; color:#fff; padding:2px; border-right:1px #fff solid;  border-left:1px #fff solid;}	

 #t4serv:hover { background:#34699D; color:#D3E1EF; padding:1px; border:1px #fff solid; }	

#t4serv	a							{ color:#fff; }
#t4serv	a:hover						{ color:#000; } 


 
 
/* Safari and Google Chrome only - fix margins */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span { margin-top: -1px;
	}
}