@charset "UTF-8";

/*
TAGI Recruit 5 / 2010 ---------------------------------------------------------------------------------------------------*/

*{margin:0; padding:0; outline:none;} img{border:0;} li{list-style:none;}
a{color:#960; text-decoration:none;} a:hover{color:#300; text-decoration:underline;}

input, select, textarea{font:inherit;}

body{font:normal 12px/1.4 Arial, Helvetica, sans-serif; text-align:center; background:#e4d9b9;}

#wrapper{text-align:left; width:961px; margin: 0 auto; padding:0 10px; background:#fff;}

.header{height:62px; margin-bottom:11px; background:url(bgHeader.png) 0 0 no-repeat #442402;}
.logo{ width:27px; height:38px; margin:12px 30px; float: left; display: inline;}
h1{width: 241px; height: 13px; margin: 24px 0 0 10px; float: left; background: url(name.gif) left top no-repeat;}
h1 a{text-indent:-999px; display:block;}

.topNav{margin:24px 18px 0 0; float:right;}
.topNav li{line-height:1; padding:0 7px; float:left; border-left:1px solid #442402;}
.topNav li a{color:#ecbc5d;}
.topNav li:first-child{border:0;}

.lang{font:14px Tahoma, Arial, sans-serif; margin:20px 25px 0 0; float:right; display:block;}
.lang a{color:#f4cf3f;}

.bar{height:36px;}

.hotNav{color:#cbc8ac; line-height:36px; float:left;}
.hotNav img{position:relative; top:2px;}
.hotNav strong{color:#300;}
.hotNav a{color:#930;}

.bar fieldset{margin-top:7px; padding:0; float:right; border:0;}
.bar fieldset legend{display:none;}
.bar fieldset input{width: 200px; height:20px; padding:0 3px; float:left;  border:1px solid #ccc;}
.bar fieldset .btn{ width:auto; height:22px; padding:0 9px; border-left:0; background-position:0 -54px;}

#content{padding:11px 0; border-top:1px solid #ffcc66;}

h3{font-size:16px;}
.hotJobs, .homeFeature, .homeBanner ,.seekers, .employers, .events, .newsletter, .banners, .content{float:left; border:1px solid #e7e7e7;}
.banners{text-align:center; padding:15px 0; float:right;}

.homeFeature, .homeBanner{width:718px; border:0;}
.homeBanner{height:140px; margin-bottom:11px;}

.hotJobs,.seekers, .employers, .banners{width:230px;}
.hotJobs{margin-right:11px;}
.hotJobs h3{line-height:36px; padding:0 10px;}

.hotJobs a{font-weight:bold;}

.more{ margin:10px; padding:4px 8px;  background:url(bg.gif) 0 -50px no-repeat;} .more a{color:#660000;}

.seekers, .employers{margin-right:11px;}
.seekers h3, .employers h3{line-height:36px; padding:0 10px; background:url(bg.gif) 0 -174px repeat-x;}
.seekers img, .employers img{border:1px solid #fff;}
.seekers ul, .employers ul{padding:10px;}
.seekers li, .employers li{font-weight:bold; padding:5px 0 5px 23px; background:url(bg.gif) 0 -119px no-repeat;}

.events, .newsletter{width:475px; margin-top:11px;}
.events h3, .newsletter h3{line-height:36px; padding:0 10px;}

.newsletter{background:url(newsletter.jpg) right 0 no-repeat;}
.newsletter p{margin:0 10px 10px 10px;}

.btnBar{padding:10px; background:#f3f2e8;}

.list{margin:0 5px;}
.list li{padding:4px 0 4px 13px; border-top:1px dotted #dddcd2; background:url(bg.gif) 0 -368px no-repeat;}
.list li:first-child{border-top:0;}

.major{margin:0 5px;}
.major li{padding:4px 0 4px 13px; border-top:0px dotted #dddcd2; background:url(bg.gif) 0 -368px no-repeat;}
.major li:first-child{border-top:0;}

.btn{padding:4px 17px; cursor:pointer; border:1px solid #cebe95; background:url(bg.gif) 0 -50px no-repeat;}

.floatFix{height:0; line-height:0; overflow:hidden; font:0; clear:both;}


/*-- sub-------------------------------------------------------------------------------------*/

.content{width:718px; border:0;}
.path{margin-bottom:5px;}

h2{ font-size:24px; color:#630; margin:10px 0 20px 0; border-bottom:1px solid #eee;}

.content p{margin:15px 0;}

/*-- form-------------------------------------------------------------------------------------*/

fieldset{ border:none; border-top:1px solid #eee;} 

legend{font-size:16px; color:#442402; font-weight:bold; padding:0 8px;} 

fieldset label{color:#999; float:left; width:150px; padding:1px 10px; text-align:right;} 

fieldset div{margin-bottom:7px; padding:0; display:block;} 

fieldset div input, fieldset div textarea{width:150px; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:1px; color:#333;} 

fieldset div select{padding:1px;}

fieldset div input[type="radio"], fieldset div input[type="checkbox"] {width:auto; margin-top:3px; border:0; background:none;} 

.fm-submit, .fm-add{clear:both;} 

.fm-submit{padding-left:170px;}
.fm-submit input, .delete input{width:auto; padding:5px 20px; cursor:pointer; border:1px solid #cebe95; background:url(bg.gif) 0 -50px no-repeat;} 

input:focus, textarea:focus{background:#efefef; color:#000;} 

fieldset div.fm-req{} 
fieldset div.fm-req label:before{content:"*"; color:#c00;} 

.login{padding-top:20px;}
.login #fm-submit{margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #eee;}
.fm-chk, .fm-rem{padding-left:170px;}
.fm-chk input{width:auto; margin-right:5px; float:left; border:0;}

.fm-rem{padding-bottom:10px; border-bottom:1px solid #eee;}

.formTable{margin:15px 0 15px 170px; border-collapse:collapse; border:3px solid #eee;}
.formTable th, .formTable td{padding:4px 8px; border-bottom:1px solid #eee;}
.formTable th{text-align:right; color:#818181;}

.formTable input{width:auto; padding:1px 8px; cursor:pointer; border:1px solid #cebe95; background:url(bg.gif) -5px -3px no-repeat;}

.fm-add input{width:auto; margin-left:170px; padding:4px 10px; cursor:pointer; border:1px solid #cebe95; background:url(bg.gif) -5px -3px no-repeat;}

.tableSelected{border-collapse:collapse;}
.tableSelected td{padding-right:5px;}
.tableSelected select{width:250px;}
.tableSelected img{margin:10px 0;}

.searchJob{border:0;}
.searchJob label{width:80px;} 
.searchJob .fm-submit{padding-left:100px;}

.inputNote{font-size:11px; color:#333; margin:0 0 5px 170px; display:block;}
fieldset .BTNCheck{width:auto; padding:0 4px; cursor:pointer; border:1px solid #cebe95; background:url(bg.gif) -5px -3px no-repeat;}


/*-- sub details ----------*/

table.tableNews{border-collapse:collapse;}
.listNews{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #d7d7d7;}
.listNews p{color:#7f7f7f; margin:5px; }

.Paginator table{width:auto; margin:0 auto;}
.Paginator table td {padding:0 3px 0 0;}
.Paginator table span{font-weight:bold; padding:1px 7px; display:block;}
.Paginator table a{ padding:1px 7px; border: solid 1px #ddd; display:block; background: #fff;}
.Paginator a:hover {text-decoration:none; color:#000; border-color: #a5caf5; background:#ddd;}

.links{}
.links dt{font-size:13px; font-weight:bold;background:url(bg.gif) no-repeat  -6px  -368px; padding-left:10px}
.links dd{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}

.faq{}
.faq dt{font-size:14px; font-weight:bold;}
.faq dd{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}

/*-- can home -----------------------------------------------------------------------------------*/

.candidateMas{margin-bottom:20px; padding:8px; border:1px solid #ddddaa; background:#f8ffee;}
.candidateMas strong{font-size:15px; color:#F00;}

.myCv{margin-bottom:20px; padding:8px; border:1px solid #ddddaa; background:#ffffee;}
.myCv .note{color:#F00;}
.myCv fieldset{border:0;}
.myCv label{width:auto; padding-left:0;}
.myCv input{margin-top:3px;}

/*-- CV -----------------------------------------------------------------------------------*/

#pnlName h2{margin:10px 0; border:0;}

.cvView{width:100%; margin-bottom:25px; border-collapse:collapse;}
.cvView td{padding:0;}
.cvView th{font-weight:normal; color:#666; text-align:left; padding:5px;}

.cvView .row{background:#fafaf6;}

.bor{text-align:left; padding:10px;}
.bor table{width:100%;}

.tableView{ margin-bottom:10px; border-collapse:collapse;}
.tableView td{width:20%; padding:4px 10px; border-bottom:1px solid #eee;}

.tableView .cvTitle{font-size:15px; font-weight:bold; color:#660000; border-bottom:1px solid #e9dfc3; background:#f6efdb;}

/*-- applied job -----------------------------------------------------------------------------------*/

.appliedJob{ border-collapse:collapse; width:100%; border:0; margin-bottom:15px;}
.appliedJob th{ text-align:left; padding:6px 10px; border:0; border-bottom:3px solid #ddd9aa; background:#ffffee;}
.appliedJob td{ padding:6px 10px; border:0; border-bottom:1px solid #e7e7e7;}
.appliedJob td input[type="checkbox"]{width:auto; margin-top:0; border:0; background:none;}
.appliedJob td .fm-submit{padding-left:0;}

/*-- footer-----------------------------------------------------------------------------------*/

#footer{font-size:11px; line-height:20px; padding:15px 10px; border-top:1px solid #ffcc66;}


/*---------  Ayman -------------------------*/
.viewJob{
	width: 570px; 
	padding: 0;
	margin: 0 0 0 30px;
	background-color:#fff;
	text-align: left;	
	

}
.viewJob tr td{
	padding: 5px 4px;
	margin:  0;
	font: normal 10px Verdana ,Arial, Helvetica, sans-serif;
	color: #7B3104;
	vertical-align: top;

}
.viewJob h2{
	color: #CC5F2C;
	text-align: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

}
.viewJob .BTNviewJob{
	width: 150px;
	padding: 1px 0;
	background: #741F0A;
	color: #FFFFFF;
	text-align: center;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	cursor: hand;			
	border: 1px #fff solid ;

}

.viewJob .BTNviewJob1{
width: 150px;
	padding: 1px 0;
	background: #CC5F2C;
	color: #FFFFFF;
	text-align: center;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	cursor: hand;			
	border: 1px #fff solid ;

}

.viewJob span{
	font: bold 10px Verdana ,Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: justify;
	color: #7B3104;
	padding: 0;
	margin:0;
}

.viewJob .txtspan{
	font: normal 10px Verdana ,Arial, Helvetica, sans-serif;
	color: #7B3104;
	line-height: 16px;
	text-align: justify;
	padding: 0;
	margin:0;
}


.viewJob .lblInfo{
	font: bold 12px Verdana ,Arial, Helvetica, sans-serif;
	color: #D49B20;
}


/*-- to friend --*/
#popupMask
{
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .5;
	filter: alpha(opacity=50);
	background-color: transparent !important;
	background-color: #333333;
	background-image: /**/ url(maskBG.png) !important; /* For browsers Moz, Opera, etc.*/
	background-image: none;
	background-repeat: repeat;
	display: none;
}
#popupContainer
{
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1001;
}
#popupInner
{
	border-width: 1px;
	border-style: solid;
	border-color: #4f4f4f #000000 #000000 #4f4f4f;
	background: #fffded;
}
#popupFrame
{
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1002;
}
#popupTitleBar
{
	color: #ffffff;
	height: 20px;
	padding: 0 10px;
	position: relative;
	z-index: 1003;
	border-bottom: 1px solid #72adf4;
	background: #01305F;
}
#popupTitleBar img
{
	margin-top: 2px;
	float: right;
}
#popupTitleBar h3
{
	font: bold 15px Arial, sans-serif;
	color: #003781;
	line-height: 33px;
	float: left;
}

.thank
{
	padding-left: 50px;
}

.tableChk tr td input
{
	border:0;
	width:20px;
	}
.tableChk tr td label
{
	width:50px;
	}

/*==========end send to firend=====*/

.BTNSubmit{
	width: 120px;
	padding: 1px 0;
	background: #741F0A;
	color: #FFFFFF;
	text-align: center;
	cursor: hand;			
	border: 1px #fff solid ;
}

.cvRequestBTN{
	width: 120px;
	padding: 1px 0;
	margin: 0 0 50px 60px;
	background: #741F0A;
	color: #FFFFFF;
	text-align: center;
	cursor: hand;			
	border: 1px #fff solid ;
}


.cvRequestedMessage{
	padding: 5px 0;
	margin: 0 0 0 95px;
	color: Red;
	float:left;
}


.breakDiv
{
	height:30px;
	width:700px;
	float: right;
	background-color:#FFFFFF;
}

.BTNGrid{
	width: 60px;
	padding: 1px 0;
	background: #741F0A;
	color: #FFFFFF;
	text-align: center;
	cursor: hand;			
	border: 1px #fff solid ;
}

 .cvViewjob{
	width: 650px; 
	text-align: left;	
	border: 1px #DDBB00 solid;
}

.cvViewjob tr td{
	padding: 5px 10px; 
	width:200px;
	color: #7F624B;

}

.cvViewjob tr td a{
	color: #7F624B;
}


.cvViewjob .gridPage td {
	text-align: center;
	width:20px;
	}

.cvViewjob .gridPage table{
	width: auto;
	margin: 5px auto;
	}

.cvViewjob .gridPage table td{
	color: #999;
	}

.cvViewjob .gridPage table td span{
	color: #7F2C00;
	padding: 2px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #E6E6E6 #F4F4F4 #F4F4F4 #E6E6E6;
	}

.cvViewjob .gridPage table td a {
		color: White;
		display: block;
		padding: 2px 4px;
		border-style: solid;
		border-width: 1px;
		border-color: #E6E6E6 #F4F4F4 #F4F4F4 #E6E6E6;
		background-color:#7F2C00;
		}
	
	.cvViewjob .gridPage a:hover {
			color: #7F2C00;
			background-color:#F1CC88;
			text-decoration: underline;
		}

.cvViewjob .gridPage td table tr td{
border-style:none;
padding:0 2px;
	}
	
	.cvViewjob .gridPage td {
border-style:none;
	}
	
	.cvViewjob .gridPage  {
border-bottom-style:none;
border-left-style:none;
border-right-style:none;
	}