@charset "utf-8";
/* CSS Document */

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color:#000000;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#000000;
	width:980px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; color:#fc6418; text-decoration: none;}
a:visited{ color: #fc6418;	text-decoration: none;}
a:active{ color: #fc6418;	}
a:hover{	text-decoration: underline;	color: #000000;}


/*==========main container==========*/
.mainContainer{
	width:980px; 
	height:auto; 
	float:left;
	/*border-left:thick;
	border-left-color:#FF6600;
	border-left-style:solid;
	border-left-width:5px;*/
	background-color:#FFFFFF;
}
.textSmall{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}
.textNormal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.textForm{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

.h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#fc6419;}
h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000;}
.h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; text-decoration:underline;}

/*==========header==========*/

.headerContainer{ width:980px; height:111px; float:left; font-size:1px; background-color:#000000;}
.headerLogo{ width:329px; height:111px; float:left; font-size:1px;}
.headerSpace{ width:429px; height:111px; float:left; background-color:#000000; font-size:1px;}
.headerContact{ 
	width:222px; 
	height:111px; 
	float:left; 
	background-color:#000000;
}
.headerContactAdmin{ 
	width:651px; 
	height:62px; 
	float:left; 
	background-color:#000000;
}
.headerLogin{ 
	width:641px; 
	height:39px; 
	float:left; 
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
}

.headerLogin a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
}
.headerLogin a:active{ color:#FFFFFF;font-weight:bold; text-decoration:none;}
.headerLogin a:visited{ color:#FFFFFF;font-weight:bold; text-decoration:none;}
.headerLogin a:hover{ color:#FFFFFF;font-weight:bold; text-decoration:underline;}

/*==========content==========*/

.contentContainer{ width:671; height:auto; float:left;}
.banner{width:671px; height:177px; float:left;}
.pageTitle{width:671px; height:63px; float:left; margin-bottom:10px;}
.contentText{
	width:600px;
	height:auto;
	float:left;
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin-left:15px;
}

/*==========right==========*/

.rightContainer{ width:309px; height:auto; float:left;}
.menuContainer{ width:309px; height:auto; float:left;}
.menuLinks{ width:250px; height:auto; float:left; margin-left:59px; margin-top:20px;}
.menuLinks a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.menuLinks a:hover{ text-decoration:underline; color:#000000;}
.menuLinks a:active{ text-decoration:none; color:#000000;}
.menuLinks a:visited{ text-decoration:none; color:#000000;}


.menuTopIndex{width:309px; height:177px; float:left; background-image:url(images/menuTop-index.jpg);}
.menuTopClient{width:309px; height:177px; float:left; background-image:url(images/menuTop-client.jpg);}
.menuTopCandidate{width:309px; height:177px; float:left; background-image:url(images/manuTop-candidate.jpg);}
.menuTopMarkets{width:309px; height:177px; float:left; background-image:url(images/manuTop-markets.jpg);}
.menuTopTestimonials{width:309px; height:177px; float:left; background-image:url(images/menuTop-testimonials.jpg);}
.menuTopContact{width:309px; height:177px; float:left; background-image:url(images/menuTop-contact.jpg);}
.menuTopCV{width:309px; height:177px; float:left; background-image:url(images/cv-menu.jpg);}


.menuMiddle{width:309px; height:auto; float:left; background-image:url(images/menu-middle.jpg); background-repeat:repeat-y;}
.menuBottom{width:309px; height:23px; float:left; background-image:url(images/menu-bottom.jpg); background-repeat:no-repeat;}

.jobFinder{ width:250px; height:auto; float:left; margin-left:59px; margin-top:15px; background-color:#fe661d;}
.finderTitle{ width:125px; height:26px; float:left; background-color:#009999;}
.jobSearch{ width:250px; height:auto; float:left;}

.cvContainer{ width:309px; height:136px; float:left; background-image:url(images/job-seeker.jpg); background-repeat:no-repeat;}
.talkContainer{ width:309px; height:140px; float:left; background-image:url(images/hiring.jpg); background-repeat:no-repeat;}
.spacer{ width:120px; height:136px; float:left;}
.space{ width:170px; height:40px; float:left;}
.title{ width:170px; height:50px; float:left; text-align:center; margin-top:5px;}
.clickHere{ width:99px; height:20px; float:left; margin-left:38px;}

.spacer-hiring{ width:300px; height:45px; float:left;}
.space-hiring{ width:35px; height:40px; float:left;}
.title-hiring{ width:270px; height:50px; float:left; text-align:center;}
.clickHere-hiring{ width:99px; height:20px; float:left; margin-left:120px;}

/*==========job seekers==========*/

.bgboxTop{ width:600px; height:22px; float:left; background-image:url(images/bg-box-top.jpg);}
.bgboxMiddle{ width:600px; height:auto; float:left; background-image:url(images/bg-box-middle.jpg);}
.bgboxBottom{ width:600px; height:25px; float:left; background-image:url(images/bg-box-bottom.jpg);}

.textField{
	background-color:#ffffff;	
}

/*==========footer==========*/

.footerBorder{width:980px; height:22px; float:left; background-image:url(images/footer.jpg); background-repeat:repeat-x;}
.footerContainer{ width:980px; height:111px; float:left;}
.footerAddress{
	width:160px; 
	height:91px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}
.footerContact{
	width:200px; 
	height:91px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}
.footerContact a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
	text-decoration:none;
}
.footerContact a:hover{ text-decoration:underline; color:#464646;}
.footerContact a:active{ text-decoration:none; color:#464646;}
.footerContact a:visited{ text-decoration:none; color:#464646;}
.footerLinks{
	width:500px; 
	height:91px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}
.footerLinks a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
	text-decoration:none;
}
.footerLinks a:hover{ text-decoration:underline; color:#464646;}
.footerLinks a:active{ text-decoration:none; color:#464646;}
.footerLinks a:visited{ text-decoration:none; color:#464646;}

.footerDivider{ width:24px; height:111px; float:left; background-image:url(images/divider.jpg);}

/*==========admin==========*/

.menuContainerAdmin{ width:309px; height:300px; float:left; background-image:url(images/menu-admin.jpg); background-repeat:no-repeat;}
.menuContainerAdmin2{ width:309px; height:255px; float:left; background-image:url(images/menu-admin-2.jpg); background-repeat:no-repeat;}
.bannerAdmin{width:671px; height:22px; float:left;}
.manageCandidates{ width:250px; height:auto; float:left; margin-left:55px; margin-top:15px;}

/*==========table==========*/

.tableTitle{ 
	background-color:#e1e1e1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
}
.tableBody{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#f0efef; 
}

/*==========latest vacancies==========*/

.vacanciesTableTitle{
	width:600px;
	height:22px;
	/*background-image:url(images/table-top.jpg);*/
	background-color:#e1e1e1;
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
}

.tableBodyJob{ 
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	background-color:#f0efef; 
	padding-left:10px;
	padding-top:5px;
	Padding-right:10px;
}

.tableBodyResult{ 
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#f0efef; 
	padding-left:10px;
	padding-top:5px;
	Padding-right:10px;
}

.tableBodyOverview{ 
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#f0efef; 
	padding-left:10px;
	padding-top:5px;
	Padding-right:10px;
	
	
}
