@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:#262525;
	scrollbar-3dlight-color:#8a14e3; 
	scrollbar-arrow-color:#8a14e3; 
	scrollbar-base-color:#8a14e3; 
	scrollbar-darkshadow-color:#8a14e3; 
	scrollbar-face-color:#000000; 
	scrollbar-highlight-color:#8a14e3; 
	scrollbar-shadow-color:#464646;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image:url(images/background.jpg); 
	background-repeat:repeat-y;
	width:1000px;
	height:auto;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
}

a:link{ 	font-weight:bold;	color: #8a14e3; text-decoration:none; }
a:visited{ color: #8a14e3; font-weight:bold;	text-decoration: none; }
a:active{ 	color: #8a14e3; font-weight:bold;	text-decoration: none; }
a:hover{ 	text-decoration:none;	color:#d3a4f7; }

/*==========main container==========*/

.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#363636;
}

.leftBG{ width:35px; height:650px; float:left; background-image:url(images/left-bg.jpg);}
.rightBG{ width:35px; height:650px; float:left; background-color:#262525;}

.mainContainer{
	width:930px; 
	height:auto; 
	float:left;
	background-color:#ebebeb;
}

.h1{ font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#464646;}
h2{ font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#464646;}

.textfield{ border:thin #9900CC solid;}

/*==========header==========*/
.headerContainer{width:930px; height:75px; float:left; background-color:#ebebeb; font-size:1px;}

.banner{width:602px; height:241px; float:left;}
.banner2{width:602px; height:106px; float:left;}

#slideshow {    position:relative;    height:241px;}
#slideshow IMG {    position:absolute;    top:0;    left:0;    z-index:8;    opacity:0.0;}
#slideshow IMG.active {    z-index:10;    opacity:1.0;}
#slideshow IMG.last-active {    z-index:9;}

/*==========menu==========*/

.leftContainer{ width:328px; height:auto; float:left;}
.menuContainer{ width:328px; height:314px; float:left; background-image:url(images/menu-bg.jpg);}
.menuLinks{ width:270px; height:auto; float:left; margin-left:30px; margin-top:10px;}
.menuLinks a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ebebeb;
	text-decoration:none;
}
.menuLinks a:hover{ text-decoration:underline; color:#ebebeb;}
.menuLinks a:active{ text-decoration:none; color:#ebebeb;}
.menuLinks a:visited{ text-decoration:none; color:#ebebeb;}

.careerSearch{ width:250px; height:auto; float:left; margin-left:30px; margin-top:15px; background-color:#464646;}
.jobSearch{ width:250px; height:auto; float:left;}

.cvContainer{ width:328px; height:103px; float:left; background-color:#ebebeb; font-size:1px;}
.talkContainer{ width:328px; height:100px; float:left; background-color:#ebebeb; font-size:1px;}


/*==========content==========*/

.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;
}

.contentContainer{width:602px; height:auto; float:left;}
.contentText{
	width:562px; 
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	margin:15px; 
}
.contentHalf{width:280px; height:auto; float:left; margin-bottom:10px;}

.contentContact-left{
	width:220px; 
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	margin:15px;
}

.contentContact-right{
	width:290px; 
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	margin:15px; 
}

/*==========footer==========*/

.footerBorder{width:930px; height:22px; float:left; background-image:url(images/footer.jpg); background-repeat:repeat-x;}
.footerContainer{ width:930px; height:59px; float:left; background-color:#ebebeb;}
.footerLeft{ width:410px; height:59px; float:left; margin-left:20px;}
.footerLinks{
	width:200px; 
	height:89px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
}
.footerLinks a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	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;}

.footerRight{
	width:460px; 
	height:59px;
	float:left;
	margin:0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	text-align:right;
}
.footerRight a{	color:#464646;	text-decoration:none;}
.footerRight a:hover{ text-decoration:underline; color:#464646;}
.footerRight a:visited{ text-decoration:none; color:#464646;}

.footerDivider{ width:24px; height:89px; float:left; background-image:url(images/divider.jpg);}

/*==========admin==========*/

.menuContainerAdmin{ width:328px; height:264px; float:left; background-image:url(images/menu-admin.jpg);}
.menuSearch{ width:250px; height:auto; float:left; margin-left:20px; margin-top:15px; background-color:#464646;}
.logIn{
	width:920px; 
	height:20px; 
	float:left; 
	background-color:#ebebeb; 	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
	
}
.logIn a{ 
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}
.logIn a:active{ color:#000000; text-decoration:none;}
.logIn a:active{ color:#000000; text-decoration:none;}
.logIn a:active{ color:#000000; text-decoration:underline;}

.footerLeftAdmin{ width:680px; height:89px; float:left;}

/*==========table==========*/

.tableTitle{ 
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}
.tableBody{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#CCCCCC; 
}

/*==========latest vacancies==========*/

.vacanciesTableTitle{
	width:550px;
	height:22px;
	/*background-image:url(images/table-top.jpg);*/
	background-color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
}

.tableBodyJob{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	background-color:#CCCCCC; 
	padding-left:10px;
	padding-top:5px;
	Padding-right:10px;
}

.tableBodyResult{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#CCCCCC; 
	padding-left:10px;
	padding-top:5px;
	Padding-right:10px;
}

.tableBodyOverview{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#CCCCCC; 
	padding-left:10px;
	padding-top:5px;
	Padding-right:10px;
	
	
}