body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
	background-color:#e1e1d1;
	}

a:link, a:visited, a:active {color:#b02a30;}
a:hover {color: #333333;}

p {margin-top:0;}
img {border:0;}

h1 { 
	font-size:20px;
	color:#b02a30;
	margin:0;
	font-weight:normal;
	width:100%;
	}
h2 { 
	font-size:14px;
	font-weight:bold;
	color:#b02a30;
	margin:0 0 10px 0;
	padding:0;
	}

.smalltext_A {font-size:11px; color:#333333;}
.smalltext_B {font-size:10px; color:#999999;}
.errortext {font-size:10px; color:#ff0000;}

div.img_float {float:left; padding-right:12px;}
div.text_float {float:left; width:84%;}

.highlight {font-size:12px; font-weight:bold; background-image:url(../images/highlight.gif);}
.text_title {font-size:13px; font-weight:bold; color: #b02a30; }
.bold_text {font-size:12px; font-weight:bold; color: #b02a30; }

#list_bullet {padding-left:20px; margin:10px 0; background:url(../images/bullet01.gif) 4px 4px no-repeat;}

ol li {margin:12px 0;}


#container {width:1000px; margin:auto;}
#container_main {margin:auto; float:left; width:100%; background-color:#FFFFFF;}
#mainContent {float:left; width:960px; padding:10px 20px;}

div.box {float:left; padding:8px 12px; margin:5px 0; border:1px solid #a8a595;}
div.box2 {float:left; margin-top:20px;}
div.box4 {float:left; padding:10px 12px 10px 12px;}
div.box5 {padding:30px 50px;}
div.box6 {float:left; padding:30px 50px;}

div.box_testimonials {
	float:right;
	padding:10px 10px 0 0;
	width:66%;
	border:1px solid #a8a595;
	background:url(../images/choose-us/testimonials.gif) no-repeat bottom right;
	
	font-weight:bold;
	color:#333333;
}
div.box_testimonials span.name {font-weight:bold; color:#a8a595; }



#header {
	width:100%;
	height:154px;
	float:left;
	background:url(../images/careers-in-middle-east.gif) no-repeat 0 0 #a8a595;
}
#header div.mainNav{
	width:100%;
	float:left;
	background:url(../images/navBg01.gif) repeat-x 0 0;
}

/* MAIN NAVIGATION TOP - START*/
#topLinks {float:left; padding-top:21px; padding-left:16px; height:29px;}
#topLinks ul {list-style-type:none; margin:0; padding:0;}
#topLinks ul li {float:left; line-height:12px; padding:0 8px;}

#topLinks ul li.home a {display:block; width:44px; background:url(../images/buttons/btn-main-nav.gif) 0 0; text-decoration:none;}
#topLinks ul li.home a:hover {display:block; background:url(../images/buttons/btn-main-nav.gif) 0 12px; text-decoration:none;}
#topLinks ul li.about a {display:block; width:72px; background:url(../images/buttons/btn-main-nav.gif) -42px 0; text-decoration:none;}
#topLinks ul li.about a:hover {display:block; background:url(../images/buttons/btn-main-nav.gif) -42px 12px; text-decoration:none;}
#topLinks ul li.why a {display:block; width:122px; background:url(../images/buttons/btn-main-nav.gif) -116px 0; text-decoration:none;}
#topLinks ul li.why a:hover {display:block; background:url(../images/buttons/btn-main-nav.gif) -116px 12px; text-decoration:none;}
#topLinks ul li.join a {display:block; width:54px; background:url(../images/buttons/btn-main-nav.gif) -239px 0; text-decoration:none;}
#topLinks ul li.join a:hover {display:block; background:url(../images/buttons/btn-main-nav.gif) -239px 12px; text-decoration:none;}
#topLinks ul li.logout a {display:block; width:57px; background:url(../images/buttons/btn-main-nav-logout.gif) 0 0; text-decoration:none;}
#topLinks ul li.logout a:hover {display:block; background:url(../images/buttons/btn-main-nav-logout.gif) 0 12px; text-decoration:none;}


#topRightLinks {float:right;padding-top:8px;padding-right:20px;height:42px;}
#topRightLinks ul {list-style-type:none; margin:0; padding:0;}
#topRightLinks ul li {float:left; line-height:35px; margin:0 3px;}

#topRightLinks ul li.jobseeker a {display:block; width:158px; background:url(../images/buttons/btn-jobseekers.gif) 0 0; text-decoration:none;}
#topRightLinks ul li.jobseeker a:hover {display:block; background:url(../images/buttons/btn-jobseekers.gif) 0 35px; text-decoration:none;}
#topRightLinks ul li.recruiters a {display:block; width:158px; background:url(../images/buttons/btn-recruiters.gif) 0 0; text-decoration:none;}
#topRightLinks ul li.recruiters a:hover {display:block; background:url(../images/buttons/btn-recruiters.gif) 0 35px; text-decoration:none;}
/* MAIN NAVIGATION TOP - END*/


/* HOME CONTENT - START */

table.pageGrids {border:1px solid #a8a595; font-size:11px;}
table.pageGrids td.title {font-size:12px; color:#fff; font-weight:bold; background-color:#a8a595; padding:2px 10px;}
table.pageGrids td.rowA {background-color:#fff; padding:4px 10px;}
table.pageGrids td.rowB {background-color:#e8e6da; padding:4px 10px;}
table.pageGrids td.rowA a {color:#b02a30; text-decoration:none;}
table.pageGrids td.rowA a:hover {color:#000000; text-decoration:underline;}
table.pageGrids td.rowB a {color:#b02a30; text-decoration:none;}
table.pageGrids td.rowB a:hover {color:#000000; text-decoration:underline;}
table.pageGrids td {padding:2px 10px;}
table.pageGrids tr.otherlinks a {text-decoration:none; color:#555555;}
table.pageGrids tr.otherlinks a:hover {text-decoration:none; color:#111111;}

/* HOME CONTENT - END */


/* LAYERS - START */
.reg_layer_container {margin:auto; margin-top:100px; width:800px;position:absolute}
.box3 {float:left; width:800px; border:2px solid #000000; background-color:#FFFFFF;}
.box3 div.reg_details {float:left; width:340px; padding:16px 28px;}
.box3 div.reg_labels{float:left; width:120px; padding-bottom:4px;}
.box3 div.texfield{float:left; width:230px; padding-bottom:4px;}

div.existingUser {float:left; width:600px; padding:20px 100px; border-top:2px dotted #111111;}
div.existingUser div.userlogin {float:left; padding-right:10px;}

table.membership {text-align:center; font-size:11px; border-top:1px dotted #999999; border-left:1px dotted #999999;}
table.membership td {padding:0; border-bottom:1px dotted #999999; border-right:1px dotted #999999;}
table.membership td.featDetails {text-align:left; padding:8px 20px;}
/* LAYERS - END */


/* CONFIRMATION LAYER - START */
table.paymentdetails {border-top:1px solid #000000; border-left:1px solid #000000;}
table.paymentdetails td {border-right:1px solid #000000; border-bottom:1px solid #000000;}
table.paymentdetails td.pay_label{font-weight:bold; padding:5px; background-color:#b02a30; color:#fff;}
table.paymentdetails td.pay_details{padding:5px; font-size:11px; }
table.paymentdetails td.pay_total{font-weight:bold; padding:5px;}
/* CONFIRMATION LAYER - END */


/* POPUP LAYER - START */
div#popup {position:relative;}
div#popup a {text-decoration:underline; color:#006600;}
div#popup a span {display: none; text-decoration:none; position:absolute;}
div#popup a:hover span {display:block; position:absolute; width:200px; top:-92px; left:-30px; padding:10px; z-index:1000; color:#000000; background-color:#ffffff; text-decoration:none; border:1px solid #000000;}
div#popup a:hover {color: #aa0000;  border:0; text-decoration:none;}
/* POPUP LAYER - END */

#footer {
	width:100%;
	height:40px;
	float:left;
	border-top:6px solid #c5c1ac;
	background-color:#a8a595;
	padding-top:10px;
	
	color:#d6d3c1;
	font-size:11px;
	text-align:center;
}
#footer a {margin:0 6px; color:#fff; text-decoration:none;}
#footer a:hover {color: #b02a30; text-decoration:underline;}

#breaker {float:left; width:100%;}


.mask 
{
 position: absolute;
left: 0px;
top: 0px;
display: none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
background:#efefef;
opacity:.50;
WIDTH: 100px;
height:50px; 
background-color:#CCCCCC;
}

.boxx3 {
background-color:#FFFFFF;
border:2px solid #000000;
float:left;
width:800px;
}

.reg_layer
{
	width:800px;
	top: 20%;
	left: 12%;
	position:absolute;  
}


.search_reg_layer
{
	width:800px;
	position:absolute; 
	top: 20%;
	left: 12%;
	z-index:999px;
}
.boxx4{float:left; width:800px; border:2px solid #000000; background-color:#FFFFFF;}
#topLinks ul li.services a {display:block; width:100px; background:url(../images/buttons/btn-main-nav.gif) -355px 0; text-decoration:none;}
#topLinks ul li.services a:hover {display:block; background:url(../images/buttons/btn-main-nav.gif) -355px 12px; text-decoration:none;}

.text{ font-family: verdana; font-size: 9px; color: #000000; text-decoration: none; padding:2px 2px 2px 2px;}
