/*-------------------------------------------    
    Global
-------------------------------------------*/
img { border:0; }

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide from IE-mac */
 
body {
	background: #DFE4E6 url(../images/core/bg.jpg) center top no-repeat;
	margin: 0;
}


/*-------------------------------------------    
    header (logo/track)
-------------------------------------------*/
#header {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#header #logo {
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 0;
}

#header #track {
	position: absolute;
	right: 16px;
	top: 35px;
	z-index: 0;
}

/*-------------------------------------------    
    Container / content containers
-------------------------------------------*/
#container {
	width: 870px;
	margin: 0 auto; 
	padding-top: 134px;
}

#content-left-container {
	float: left; 
	width: 511px;
	margin-right: 7px;
	background: #fff url("../images/curves/content-bottomright.gif") right bottom no-repeat;
}

#content-container.colx1 #content-left-container {
	float: none;
	width: 870px;
	margin: 0;
}

#content-left {
	background:  url("../images/curves/content-topleft.gif") no-repeat;
	padding: 20px 25px;
}

body.home #content-left { background:  url("../images/curves/content-home-topleft.gif") no-repeat; }

#content-right-container {
	float: left; 
	width: 252px;
	background: #005883 url("../images/curves/content2-bottomleft.gif") left bottom no-repeat;
}

#content-right {
	background:  url("../images/curves/content2-topright.gif") right top no-repeat;
	padding: 20px 25px;
	color: #fff;
}

body.home #content-right { background:  url("../images/curves/content2-home-topright.gif") right top no-repeat; }
	


/*-------------------------------------------    
    Nav
-------------------------------------------*/
#nav {
	width: 820px;
	padding-left: 50px;
	background: #005883 url(../images/core/bg-nav.gif) right top no-repeat;
}

#nav ul { padding:0; margin:0; list-style-type:none; }
#nav li { margin:0; float:left; }

/* level 1 styles */
#nav li a {
	display: block;
	background: #005883;
	font: bold 9px/9px Verdana;
	padding: 10px 8px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}

#nav li a:hover { background:#0F78AB !important; }

/* level 2 styles */
#nav li ul li a {
	border: 1px solid #1382B8;
	border-top: 0;
	background: #005883 !important;
}

/* level 2 widths */
#nav li ul, #nav li ul li a { width:160px; }

 /* level 2 - hide/position */ 
#nav li ul {
  position: absolute; 
  left:-9999px;
}
  
#nav li:hover ul, #nav li.sfhover ul { left:auto; }

/* active page */
body.detailed #nav li.detailed a, 
body.contact #nav li.contact a { background:#1382B8; }



/*-------------------------------------------    
    Panels (3 big buttons on homepage)
-------------------------------------------*/
#panels { margin: 7px 0; }

#panels .item {
	width: 252px;
	margin-right: 7px; 
	float: left;
}

#panels .last { margin: 0; }


/*-------------------------------------------    
    footer
-------------------------------------------*/
#footer-container {
	margin-top: 7px;
	background: #C2C8CA url(../images/curves/footer-topleft.gif) no-repeat;
}

#footer {
	background:url(../images/curves/footer-bottomright.gif) right bottom no-repeat;
	padding: 20px 25px;
	font-size: 9px;
	color: #34393B;
	margin-bottom: 30px;
}

#footer a { color: #34393B; }
#footer a:hover { color: #005883; }


/*-------------------------------------------    
    Text/content formatting 
-------------------------------------------*/
#container {
	font:13px/20px Verdana, Arial;
	color: #676767;
}

a { color: #005883; }
a:hover { color: #F0B410; }

#content-right a { color: #fff; }
#content-right a:hover { color: #F0B410; }

.bold {font-weight: bold;}

#title {
	background: #1382B8 url(../images/curves/title-bottomleft.gif) left bottom no-repeat;
	height: 42px;
	padding: 30px 0 0 25px;
	margin-bottom: 7px;
}

#title h1 {
	padding: 0;
	margin: 0;
	font:normal 24px/24px "Trebuchet MS", Verdana, Arial;
	color: #fff;
}

#content-left ul, #content-left li { margin: 0;	padding: 0; }
#content-left ul {
	list-style: none;
	margin: 25px 0 25px 30px;
}
#content-left li {
	background: url(../images/core/bullet.gif) left 9px no-repeat;
	padding-left: 15px;
}


#content-left h1,#content-left  h2, #content-left h3, #content-left h4 {
	color: #1382B8;
	font:normal 16px/16px "Trebuchet MS", Verdana, Arial;
	margin-top: 35px;
}
#content-left h1 { font-size: 24px; }
#content-left h2 { font-size: 22px; }
#content-left h3 { font-size: 20px; }
#content-left h4 { font-size: 18px; }

table.datatable.small {
	font-size: 0.8em;
}
table.datatable td {
	border: 0;
	border-bottom: 1px solid #E2E2DF;
	border-right: 1px solid #E2E2DF;
	vertical-align: top;
	padding: 3px;
}
table.datatable th {
	border: 0;
	border-bottom: 1px solid #E2E2DF;
	border-right: 1px solid #E2E2DF;
	vertical-align: top;
	padding: 3px;
	background: #005883;
	color: #fff;
	text-align: left;
}
table.datatable th a { 
	color: #e0e3e4; 
}

table.datatable th a:hover { 
	color: #F0B410; 
}

table.datatable {
	border: 1px solid #E2E2DF;
	border-right: 0;
	border-bottom: 0;
	margin: 0 auto 0 auto;
}

table.datatable.left {
	margin: 0;
}

table.datatable caption {
	margin: 0 auto 0 auto;
	text-align: center;
}

.picright {
	float: right;
	width: 180px;
	margin: 0 0 10px 10px;
}

.picleft {
	float: left;
	width: 180px;
	margin: 0 10px 10px 0;
}

.caption {
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	font-size: 9px;
	line-height: 13px;
	color: #888;
}

.centre {text-align: center;}

/*-------------------------------------------
		Vacancy Settings
--------------------------------------------*/
#vacancy {margin-left: 3em; margin-right: 3em;}
#vacancy table {border: none;}
#vacancy table tbody td {background-color: #FFF;}

.name {
	font-size: 1.2em; 
	color: #1382b8;
	font-weight: bold
}

.location {
	color: #005883;
	font-weight: bold;
}
/*#vacancy h1 {text-align: center;)*/

table.search {
	border: solid 1px #fff;
	padding: 0;
	background-color: #e0e3e4;/*#005883;*/
	color: #000;
	font-weight: bold;
	margin: 0 auto 0 auto;
}

table.search  tfoot {
	text-align: right;
	/*background-color: #c2c8ca;/*#3f4447;*/
}

table.search td, th {
	border: solid 1px #fff;
}

table.search th {
	border: solid 1px #fff;
	background-color: #c2c8ca;
	text-align: left;
}

table.search tbody input {
	border: inset 2px #f0f1f2;
}

table.search tfoot {
	background-color: #a5aaac;
}

table.search tfoot input {
	background-color: #1382b8;/*#1382b8;/*#c2cbca;*/
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
}

form {
	top: 0;
	margin: 0;
	padding: 0;
}

.error {
	color: #f00;
	font-weight: bold;
}

/*-------------------------------------------    
    print settings
-------------------------------------------*/
.showwhenprint { display:none; }