/* CSS Document */

/* Css Created By: Rami A. Shaqdeeh.... eLA..*/

/* CSS Document */
	/*
	Style Index
	$1 - Body
	$2 - Containers
	$3 - Header Styles
	$4 - Contents
	$5 - Footer
*/
	
	/* colors:
	blue: #256a9c
	lite blue: #2573ad
	gray: #7d7d7d
	red: #b20000
	*/
	

/* Body --------------------------------------------*/

/*html,body{
	height: 100%;
	margin: 0;
	padding: 0;
} 
body {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 80%;
	color: #666666;
	background:url(../images/blue_top_bg_pages.jpg) repeat-x top;
}*/
body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 80%;
	color: #666666;
	background:url(../images/blue_top_bg_pages.jpg) repeat-x top;
}
html, body, #container {	
	height: 100%;}

body > #container {
	height: auto;
	min-height: 100%;
}
#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 135px;
	clear:both;
	padding-top:45px;
	background:#898989 url(../images/footer-bg.jpg) repeat-x top;
} 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

ul, ol {
	list-style:none;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}
a img, :link img, :visited img {
	border:none;
}
a:link, a:visited {
	display:inline;
	text-decoration:none;
	outline:none;
	color:#256a9c;
	font-size: 100%;
}
a:hover {
	text-decoration:underline;
}
address {
	font-style:normal;
}
acronym {
	border-bottom:#b20000 dotted 1px;
	cursor:help;
}
p {
	line-height:1.5;
	
}
.imgmargin_5px {
	margin-right:5px;
	float:left;
}
.marginright{
	margin-right:3px;
	margin-left:5px;
}
.client {
	float:left;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:25px;
	height:auto;
	clear:both;
	position:relative;
	background:url(../images/bottom_fade.jpg) bottom no-repeat;
}
.client .logo_img {
	width:150px;
	margin-bottom:10px;
	float:left;
	text-align:center;
}
.client .client_info {
	padding-bottom:10px;
	width:320px;
	float: left;
	padding-left:10px;
	clear:right;
	background: url(../images/v_dot.jpg) left bottom repeat-y;
}
.example-info {
	position:			absolute;
	top:				2px;
	right:				4px;
	padding:			1px 2px;
	font-size:			0.9em;
	color:				#888;
}
.example-dropdown {
	background:			url(images/dropd.png) no-repeat center;
	width:				17px;
	height:				17px;
	float:				left;
	clear:				right;
	margin-left:		-17px;
	cursor:				pointer;
	z-index:			2;
}
ul.elaBullets li{
	padding-top:3px;
	padding-bottom:3px;
	padding-right:0;
	padding-left:15px;
	background:url(../images/elaBullets_w_bg.gif) left center no-repeat;
}

/* End Body---------------------------*/
#container {
	width:100%;
	bottom:0;
	top:0;
	margin:0 auto;
	position:relative;
	min-height:100%;
	clear:both;
}
/****----Site Map ----------*/
#siteMap{
	width:100%;
	height:auto;
	position:absolute;
	height:300px;
	top:-276px;
	z-index:110;
}
.siteMapContentBG{
	position:relative;
}
#siteMap .siteMapContentBG .siteMapContent{
	background:#494949;
	width:100%;
	height:283px;
	color:#FFF;
}
#siteMap .siteMapContentBG .siteMapContent .s_content{
	width:980px;
	margin:0 auto;
	padding-top:50px;
}
.section_sitemap{
	width:222px;
	float:left;
}
.section_sitemap h1{
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
}
.section_sitemap li{
	display:block;
	margin:5px 0;
}
.section_sitemap li a:link, .section_sitemap li a:visited{
	text-decoration:none;
	color:#777;
}
.section_sitemap li a:hover{	
	background:url(../images/dot.gif) bottom repeat-x;
	color:#CCC;
}
.section_sitemap_sep{
	background:url(../images/siteMapSep.png) no-repeat;
	width:15px;
	height:169px;
	float:left;
	margin-right:10px;
}
#siteMapBtn{
	font-size:8px;
	display:block;
	background:url(../images/siteMapLinkBG.png) 50% 0px no-repeat;
	width:84px;
	height:17px;
	margin:0 auto;
	position:relative;
	z-index:60;
}
#siteMapBtn.up{
	background-position: 50% -17px;
}
#UndersiteMap{
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:50;
}
#shadow {
	position:relative;
}
#shadow .bgShadowImg{
	position:absolute;
	height:17px;
	width:100%;
	left:0;
	top:0;
	z-index:59;
	background:url(../images/shadow.png) top repeat-x;			

}
/****----END Site Map ----------*/

#langHolder{
	width:106px;
	height:30px;
	position:absolute;
	right:0;
	top:40px;
	z-index:89;
}
#langHolder .lngHolder{
	width:106px;
	height:30px;
	position:relative;
	overflow: hidden;
}
#lang_ar{
	width:106px;
	height:30px;
	position:absolute;
	left:-80px;
	top:0;		
	background:url(../images/arabicLangLinkBG.png) right center no-repeat;
}
#lang_en{
	width:106px;
	height:30px;
	position:absolute;
	right:-80px;
	top:0;		
	
}
#lang_en a{
	display:block;
	width:106px;
	height:30px;
	background:url(../images/arabicLangLinkBG.png) right center no-repeat;	
}
#lang_ar a{
	display:block;
	width:106px;
	height:30px;
	background:url(../images/arabicLangLinkBG.png) right center no-repeat;	
}
#header {
	position:relative;
	margin:0 auto;
	width:980px;
	height:120px;
	left:0px;
	top:0px;
	clear:both;
}
#header #sitemap_home {
	position:absolute;
	left:633px;
	top:0px;
	width:145px;
	height:20px;
	z-index:1;
	text-align:right;
	padding-top:10px;
}
#header #sitemap_home a.home:link, #header #sitemap_home a.home:visited {
	font-size:80%;
	color:#999999;
	margin-left:5px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	background: url(../images/house_gray.png) left 0 no-repeat;
}
#header #sitemap_home a.home:hover {
	color:#000000;
	text-decoration:none;
	background: url(../images/house.png) left 0 no-repeat;
}
#header #sitemap_home a.smap:link, #header #sitemap_home a.smap:visited {
	font-size:80%;
	color:#999999;
	margin-left:5px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	background:url(../images/sitemap.png) left 0 no-repeat;
}
#header #sitemap_home a.smap:hover {
	color:#000000;
	text-decoration:none;
	background: url(../images/sitemap_color.png) left 0 no-repeat;
}
#header #logo {
	position:absolute;
	width:174px;
	height:50px;
	left:0px;
	top:53px;
}
#header #logo a {
	background:none;
}
#headermenu {
	width:100%;
}
#headermenu {
	margin:0;
	padding:0;
	text-align:right;
	padding-top:85px
}
#headermenu li {
	position:relative;
	display:inline;
}
#headermenu li a {
	background: url(../images/underLinks.png) -2000px 100% no-repeat;
	color:#464A52;
	font-weight:normal;
	margin-left:17px;
	padding-bottom:19px;
	font-size:100%;
	text-decoration:none;
	/*text-transform: uppercase;*/
}
#headermenu li a.Selected {
	background:transparent url(../images/underLinks.png) no-repeat 50% 15px;
	text-decoration:none;
	text-transform: uppercase;
	color:#ac4739;
}
#headermenu li a.Selected:hover {
	color:#ac4739;
	cursor:default;
	background:transparent url(../images/underLinks.png) no-repeat 50% 15px;
}
#headermenu li a:hover {
	background: url(../images/underLinks.png) no-repeat 50% 15px;
	text-decoration:none;
	color:#256a9c;
}
/*-----*/
#headermenu .subuls {
	text-align:left;
	display: none;
	width:250px;
	position: absolute;
	top: 20px;
	left: 0;
	border: 1px solid black;
}
#headermenu .subuls li {
	display:block;
	width: 100%;
	background:#FF00FF;
}
#headermenu .subuls li a {
	display:block;
	text-decoration: underline;
	width:100%;
	background:#FFFF00;
}
#headermenu li>ul {
	top: auto;
	left: auto;
}
#headermenu li:hover ul, li.over ul {
	display: block;
	z-index:15;
}
#restofcontent {
	clear: left;
}
/*-----*/

/*----End Headers---------------------*/


.borderimg{
	border:#ddd solid 1px;
}
.noteimg {
	border:1px solid #dddddd;
	background:#eeeeee;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	width:475px;
	text-align:center;
	padding:5px;
}
.noteimg .frontnote {
	text-align:left;
	padding-left:10px;
	position:absolute;
	left:0;
	width:465px;
	font-size:95%;
	font-weight:bold;
	bottom:0;
	height:15px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px;
	background: url(../images/trnparentbg_blue.png);
	z-index:10;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px
}
.noteimg .bigone{
	padding-bottom:8px;
	height:30px;
}
.tabcontentsheaders {
	display:block;
	color:#256a9c;
	font-size:130%;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:3px;
	background: url(../images/dot.gif) right bottom repeat-x;
}
.tabcontentsheaders2{
	display:block;
	color:#256a9c;
	font-size:130%;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:3px;
	margin-top:20px;
	background: url(../images/dot.gif) right bottom repeat-x;
}
.bullets {
	padding-top:10px;
}
.bullets li {
	padding-left:15px;
	margin-bottom:10px;
	background:url(../images/bullet_blue.gif) -3px 0px no-repeat;
}
.float_left-img {
	float:left;
	margin-right:10px;
	margin-top:8px;
}
#mainimg {
	position:relative;
	margin-top:4px;
	width:780px;
	height:200px;
	clear:both;
}
#submenu {
	height:25px;
	text-align:right;
	color:#FFFFFF;
}
#submenu ul li {
	font-size:110%;
	display:inline;
	margin-left:10px;
}
#submenu ul li a:link, #submenu ul li a:visited {
	color:#FFFFFF;
	padding-bottom:7px;
	font-size:100%;
}
#submenu ul li a:hover {
	text-decoration: underline;
	/*background: url(../images/bottom_hover.gif) repeat-x bottom;*/
}
#submenu ul li a.selectedsub:link, #submenu ul li a.selectedsub:visited {
	/*background: url(../images/bottom_hover.gif) repeat-x bottom;*/
	color:#b4cfe2;
	text-decoration: none;
}
#submenu ul li a.selectedsub:hover{
	cursor:default;
}
#mainimg #slogans {
	position:absolute;
	width:277px;
	height:auto;
	top:67px;
	left:504px;
	text-align:justify;
	color:#FFFFFF;
	font-size:150%;
}

#content{
	padding-bottom:0;
}
.topPageInfo{
	height:30px;
	padding-top:2px;
	clear:both;
}
.topPageInfo .title{
	float:right;
	color:#ffffff;
	font-size:16px;
	text-transform:uppercase;
}
.topPageInfo .links{
	float:left;
	width:75%;
	color:#ffffff;
}
.topPageInfo .links a{
	color:#F4EBBC;
}
.topPageInfo .title span{
	color:#F4EBBC;
}
.textarea1 {
	width:auto;
	clear:both;
}
.textarea1 .textareastyle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	background: url(../images/comment_edit.png) 2px 5px no-repeat;
	color:#999999;
	padding-top:5px;
	border:#ddd solid 1px;
	padding-left:20px;
	height:150px;
	width:455px;
}
.submitionbutton {
	position:relative;
	margin-top:5px;
	width:478px;
	text-align:right;
}
.submitionbutton #ajaxsender {
	position:absolute;
	width:400px;
	left:-5px;
	top:0;
	height:20px;
	text-align:left;
}
.submitionbutton #ajaxsender img {
	float:left;
}
.submitionbutton .button_style {
	border:none;
	background: url(../images/button_style.png) no-repeat transparent;
	width:75px;
	height:25px;
	cursor:pointer;
	color:#ffffff;
}
#homecontents .leftpan .contacts .fielddiv .f_name {
	background:url(../images/user.png) 2px center no-repeat;
}
#homecontents .leftpan .contacts .fielddiv .f_phone {
	margin-left:9px;
	background:url(../images/telephone.png) 2px center no-repeat;
}
#homecontents .leftpan .contacts .fielddiv .f_country {
	background:url(../images/world.png) 2px center no-repeat;
}
#homecontents .leftpan .contacts .fielddiv .f_city {
	margin-left:9px;
	background: url(../images/building.png) 2px center no-repeat;
}
#homecontents .leftpan .contacts .fielddiv .f_email {
	background: url(../images/email_go.png) 2px center no-repeat;
}
#homecontents .leftpan .contacts .lastfielddiv .f_skype {
	margin-left:9px;
	background: url(../images/skype.png) 2px center no-repeat;
}
.logo_bg {
	background:url(../images/ref_logo.jpg) left 6px no-repeat;
}
#homecontents .leftpan .contents_header {
	font-size:170%;
	color:#256a9c;
	height:30px;
	background:url(../images/tap-bg-top_long.gif) right bottom no-repeat;
}
#homecontents .leftpan .contents_header .arrow_sep {
	margin-left:3px;
	margin-right:3px;
}
#homecontents .profile {
	float:left;
	width:500px;
	height:auto;
	text-align:left;
	background: url(../images/left_corner.jpg) top left no-repeat;
	padding-left:10px;
	padding-top:10px;
	clear:both;
}
#homecontents .profile h1 {
	font-size:150%;
	color:#256a9c;
	font-weight:normal;
	background:url(../images/linespacer3.png) -300px bottom no-repeat;
}
.s_img {
	margin-right:5px;
}
#homecontents .profile p {
	line-height:1.5;
	padding-top:5px;
	margin-bottom:10px;
}
.s-button {
	height:24px;
	width:75px;
	text-align:center;
	background:url(../images/button.gif);
	float:right;
	clear:both;
}
.s-button a.link_btn:link, a.link_btn:visited {
	font-size:90%;
	display:block;
	padding-bottom:5px;
	padding-top:5px;
	color:#256a9c;
}
.s-button a.link_btn:hover {
	color:#000000;
}
/* products tab  --------------*/
.product_left{
	margin-right:10px;
	width:150px;
	height:200px;
	position:absolute;
	left:10px;
	top:48px;
	z-index:100;
}
.product_right{
	width:590px;
	padding-left:160px;
	position:relative;
	height:auto;
}
.tagsimg{
	margin-top:30px;
	text-align:center;
}
/*-----------------------------*/
/*---banners--------------------*/
a.banner_1{
	display:block;
	height:102px;
	width:267px;
	background:url(../images/banners_sides.jpg) 0 0 no-repeat;
}
a.banner_1:hover{
	background-position:0 100%;
	}
a.banner_2{
	display:block;
	height:102px;
	width:268px;
	background: url(../images/sis-banner02.png) 0 0 no-repeat;
}
a.banner_2:hover{
	background-position:0 100%;
	}
a.banner_3{
	display:block;
	height:102px;
	width:268px;
	background: url(../images/banners_econtent.png) 0 0 no-repeat;
}
a.banner_3:hover{
	background-position:0 100%;
	}
a.banner_4{
	display:block;
	height:102px;
	width:268px;
	background: url(../images/banners_partners.png) 0 0 no-repeat;
}
a.banner_4:hover{
	background-position:0 100%;
	}	
a.banner_5{
	display:block;
	height:102px;
	width:268px;
	background: url(../images/banners_services.png) 0 0 no-repeat;
}
a.banner_5:hover{
	background-position:0 100%;
	}	
a.banner_6{
	display:block;
	height:102px;
	width:268px;
	background: url(../images/banners_cons.png) 0 0 no-repeat;
}
a.banner_6:hover{
	background-position:0 100%;
	}	
	
	a.banner_7{
	display:block;
	height:102px;
	width:268px;
	background: url(../images/banners_whyLMS.png) 0 0 no-repeat;
}
a.banner_7:hover{
	background-position:0 100%;
	}
	
.info{
	text-align:left;
	width:257px;
	min-height:200px;
	height:auto;
	background: url(../images/left_corner.jpg) left top no-repeat;
	padding-top:10px;
	padding-left:10px;
	margin-top:0px;
}
.info h1{
	font-size:150%;
	color:#256a9c;
	font-weight:normal;
	margin-bottom:5px;
	background: url(../images/linespacer4.png) right bottom no-repeat;
}
.info h1 img{
	margin-right:5px;
}
.info ul li{
	display:block;
	
	padding-top:5px;
	padding-bottom:5px;
	height:16px;
	
}
.info ul li a:link,.info ul li a:visited{
	padding-left:18px;
	display:block;
	background:url(../images/10.gif) left center no-repeat;
	color:#333;
}
.info ul li a.selected:link,.info ul li a.selected:visited{
	color:#2573ad;
	background-image: url(../images/10_selected.gif);
}
.info ul li a.selected:hover{
	text-decoration:none;
	cursor:default;
}
/*------------------------------*/

/*----------------*/
/*----control-----*/
.control {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
 	position: absolute;
	left: 20px;
	top: 160px;
	padding-top:5px;
}
body > div.control {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  	position: fixed;
	width:28px;
	height:84px;
}
/*----------------*/
/*---Footer*/
/*#footer {
	position:absolute;
	clear:both;
	width:100%;
	height:135px;
	padding-top:45px;
	bottom:0;
	background:#898989 url(../images/footer-bg.jpg) repeat-x top;
	z-index:40;
}*/

#footer .footercontents {
	width:980px;
	margin:0 auto;
	padding-top:15px;
	color:#999999;
	height:50px;
}
#footer .footercontents .footernavigater {
	width:600px;
	margin-bottom:10px;
	float:left;
	height:50px;
}
#footer .footercontents .contactsfooter {
	float:right;
	width:300px;
	clear:right;
	height:50px;
	text-align:right;
}
#footer .footercontents .contactsfooter ul li {
	display:block;
	margin-bottom:10px;
	color:#999999;
}
#footer .footercontents .contactsfooter ul li a:link,#footer .footercontents .contactsfooter ul li a:visited {
	color:#999999;
	font-size:90%;
}
#footer .footercontents .contactsfooter ul li a:hover {
	color:#ffffff;
	text-decoration:none;
}
#footer .footercontents .footernavigater ul {
	display:block;
	margin-bottom:10px;
	clear:right;
}
#footer .footercontents .coppyright {
	color:#999999;
	font-size:90%;
}
#footer span {
	color: #FFFFff;
}
#footer .footercontents .footernavigater ul li {
	font-size:95%;
	display:inline;
	padding-left:2px;
	margin-right:2px;
	text-transform:uppercase;
}
#footer .footercontents .footernavigater ul li a:link, #footer .footercontents .footernavigater ul li a:visited {
	margin:0;
	padding:0;
	margin-right:5px;
	color:#999999;
}
#footer .footercontents .footernavigater ul li a:hover {
	color:#fff;
	text-decoration:none;
}