* {margin:0; padding:0; }

body{ 
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #53656B;
	margin-top:30px;
}

p{ margin:0px 0; line-height:180%; }

a {text-decoration:none; color:#DE4F87; }
a:visited {text-decoration:none; color:#DE4F87; }
a:hover {text-decoration:underline; color:#DE4F87; }
a:active {text-decoration:none; color:#DE4F87; }

h1,h2,h3,h4,h5,h6{ color:#53656B; font-family: Verdana, sans-serif; font-weight: normal; padding:13px 0;}
h1{ font-size: 20px; border-bottom:2px solid #96B0B8; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4,h5,h6{ font-size: 14px; }

.border_green{ border-bottom: 2px solid #C6DA2B;}
.border_pink{ border-bottom: 2px solid #DE4F87;}

hr{ height:1px; color:#CFCFCF; margin:25px 0; border:none; border-top:2px solid #CFE3F0; }
ul{margin:10px 0 10px 20px;}
ol{margin:10px 0 10px 20px;}

input, textarea, select{ font: 12px Verdana, Arial, Helvetica, sans-serif; border:1px solid #B7B7B7; padding:4px; background: url("../images/formbg.gif"); color: #555; }
.formfield{ width:220px; }

table tr td {
  padding: 5px 0 5px 15px;
  /*border:1px solid #EFEFEF;*/
}

.help_icon{ padding: 5px; width:30px; }

.validate{margin:3px 0;}

.form_left{width:150px; }
.form_center{width:260px; }
.form_right{width:250px; display:block;}

.error{ padding:2px 0 2px 33px; margin:0; display:block; background: url("../images/error_icon.gif") no-repeat; color: #FD3177; }
.success{ height:23px; width:33px; margin:0; display:block; background: url("../images/success_icon.gif") no-repeat; }
.message{ padding:2px 0 2px 33px; display:block; background: url("../images/success_icon.gif") no-repeat; }

.pink, .fb_errors{ color: #DE4F87; }
.green{ color: #B3BF47; } /* C6DA2B */
.grey{ color: #53646B; }
.light_grey{ color: #BCBCBC; }

.home-banner-text{ text-align:right; font:23px verdana; line-height:160%; padding:3px 32px 0 0; }
.home-banner-button-text{ height:70px; padding:16px 0 0 565px; font:21px verdana; }
.home-banner-button-text a, a:visited , a:hover , a:active {text-decoration:none; color:#DE4F87; }

#home-area h1, #home-area h2, #home-area h3{ font: 20px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 10px 0;}
#main ul, #home-area  ul{ margin:10px 0; list-style-type: none; }
#main ul li, #home-area ul li{  margin:0; padding:0 0 0 25px;  background: url("../images/pink_bubbles.gif") 0 5px no-repeat; }
#home-banner-area h1, #home-banner-area h2, #home-banner-area h3{ padding:9px 0; border:none; font: 22px Verdana, Arial, Helvetica, sans-serif; line-height:160%; }

.coloured-bar{ width: 747px; height: 2px; margin:15px auto; background: url('../images/coloured_bar.jpg') no-repeat; }
.coloured-bar-pink{ width: 747px; height: 2px; margin:15px auto; background-color: #DE4F87; }
.coloured-bar-green{ width: 747px; height: 2px; margin:15px auto; background-color: #C6DA2B; }
.coloured-bar-grey{ width: 747px; height: 2px; margin:15px auto; background-color: #96B0B8; }

.clearer{ clear:both; height:1px; overflow:hidden; }

table.vacancy_list th {background-color: #53656B; color: #FFFFFF; text-align: left; padding: 0px 5px;}
table.vacancy_list td {padding: 5px 5px 5px 5px; }
table.vacancy_preview {border: 1px solid #AEB5B7; width:750px;}
table.vacancy_preview th {background-color: #53656B; color: #FFFFFF; text-align: left; padding: 0px 0px 0px 5px; font-size: 20px; font-weight: normal; height: 60px;}
table.vacancy_preview tr td {padding: 5px 15px;}
table.vacancy_preview ul{margin:10px 0px 10px 30px; list-style-type: disc;}
table.vacancy_preview ol{margin:10px 0px 10px 30px;}
table.vacancy_preview li{padding-top:5px; line-height: 170%;}
table.no_padding tr td {padding: 0px 0px;}


/* ==== Conatainers ==== */

#container { 
	width: 804px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#FFF;
}

#blank_container {
  text-align: left; 
  background-color:#FFF;
  padding:10px 30px 0 30px;
}

#header{ height:150px;}
#logo{ width:201px; height:81px; float:left;}
#header-container{ height:115px; width:393px; background: url("../images/header_border.gif") no-repeat; float:right; }
#header-stats{ font-size:9px; font-weight:bold; border-collapse:collapse;}
#header-stats .header-stats-type{ padding-right:8px; border-right:2px solid #D3D8D9; text-align:right; }
#header-stats .header-stats-value{ padding:0 10px; font-weight: bold; }
#header-stats tr td { padding: 4px 0; }

#main{ padding:10px 30px 0 30px; line-height:170%; } /* margin-top:70px;  */
#admin-main{ padding-top:1px; }
.admin-pink{ background: url("../images/border_fade_pink.jpg") no-repeat top; }
.admin-green{ background: url("../images/border_fade_green.jpg") no-repeat top; }
#admin-tab-container{ margin-left:10px; height:29px;}

#footer{ width: 804px; height:30px; margin: 10px auto; background: url("../images/footer.jpg") no-repeat; text-align: left;}
#footer-copyright{padding:7px 20px; float:left;}
#footer-bookmarks{ padding:7px 25px; float:right; text-align:right;} /* background: url("../images/bookmark_icon.gif") no-repeat 0; */
#footer-bookmarks a{ color:#52646B; }

#footernavcontainer{ width: 750px; margin: 10px auto; font-size:11px;}
#footernavcontainer ul{ list-style-type: none; }
#footernavcontainer ul li{ width:180px; padding:3px 0; float:left; text-align:left;}
#footernavcontainer ul li a{ color:#52646B; }

#bg-tl{ background: url(../images/nav_left_on.jpg) no-repeat; }
#bg-tm{ background: url(../images/nav_on.jpg) no-repeat; }
#bg-tr{ background: url(../images/nav_right_on.jpg) no-repeat; }

#bg-l{ background: url(../images/sub_nav_left_on.gif) no-repeat; }
#bg-m{ background: url(../images/sub_nav_on.gif) no-repeat; }
#bg-r{ background: url(../images/sub_nav_right_on.gif) no-repeat; }

#tooltip{
	position:absolute;
	width:230px;
	height:60px;
	padding:5px 7px 5px 28px;
	color:#333;
	display:none;
	background: url("../images/tooltip-bg.gif") no-repeat;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:160%;
	text-align:left;
}	

/* Styled lists */
#main ul{ margin:0; list-style-type: none; }
#main ul li {  margin:0; padding:0 0 15px 25px;  background: url("../images/pink_bubbles.gif") 0 5px no-repeat; }

/* Top navigation styling */

#navcontainer {
	margin: 8px 8px 5px 0;
	padding: 0px;
	height: 28px;
}

#navcontainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float:right;
}

#navcontainer ul li {
	float:left;
}

#navcontainer ul li a {
	text-decoration: none;
	float: left;
	margin: 0px;
	height: 29px;
	width: 138px;
	color: #FFF; 
	font-family: Tahoma, Verdana, Helvetica, sans-serif; 
  font-size:11px;
  font-weight:bold;
  background: url(../images/nav_off.jpg) no-repeat left top;
}
#navcontainer li a:hover {
	background: url(../images/nav_on.jpg) no-repeat left top;
	
}

#navcontainer li a.active {
	background: url(../images/nav_on.jpg) no-repeat left top;
	
}

#navcontainer li a span{display:block; padding:7px 0 0 40px;}

/* Top navigation styling - left */

#navcontainer ul li a.left{
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 29px;
	width: 119px;
  background: url(../images/nav_left_off.jpg) no-repeat left top;
}

#navcontainer li a.left:hover {
	background: url(../images/nav_left_on.jpg) no-repeat left top;
}

#navcontainer li a.left.active {
	background: url(../images/nav_left_on.jpg) no-repeat left top;
}

#navcontainer li a.left span{display:block; padding:7px 0 0 40px;}

/* Top navigation styling - right */

#navcontainer ul li a.right{
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 29px;
	width: 119px;
  background: url(../images/nav_right_off.jpg) no-repeat right top;
}

#navcontainer li a.right:hover {
	background: url(../images/nav_right_on.jpg) no-repeat right top;
}

#navcontainer li a.right.active {
	background: url(../images/nav_right_on.jpg) no-repeat right top;
}

#navcontainer li a.right span{display:block; padding:7px 0 0 40px;}

#navcontainer li span.divider{
  background: url(../images/nav_divider.jpg) no-repeat left top;
  width:3px;
  height:29px;
  display:block;
}

/* ========================= Main navigation styling =========================*/

#mainnavcontainer {
	margin: 0;
	padding: 0px;
}

#mainnavcontainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float:right;
}

#mainnavcontainer ul li {
	float:left;
}

#mainnavcontainer ul li a {
	text-decoration: none;
	float: left;
	margin: 0px;
	height: 45px;
	width: 200px;
	color: #FFF; 
	font-family: Verdana, Helvetica, sans-serif; 
  font-size:15px;
  font-weight:bold;
  background: url(../images/nav.jpg) no-repeat -200px 0;
}
#mainnavcontainer li a:hover {
	background: url(../images/nav.jpg) no-repeat -200px 0;
	color:#53656B;
}

#mainnavcontainer li a.active {
	background: url(../images/nav.jpg) no-repeat -200px 0;
	color:#53656B;
}

#mainnavcontainer li a span{display:block; padding:13px 0 0 40px;}

#mainnavcontainer ul li a.employer:hover{background: url(../images/nav.jpg) no-repeat -200px -45px;}
#mainnavcontainer ul li a.employer.active{background: url(../images/nav.jpg) no-repeat -200px -45px;}

#mainnavcontainer ul li a.referrer:hover{background: url(../images/nav.jpg) no-repeat -200px -45px;}
#mainnavcontainer ul li a.referrer.active{background: url(../images/nav.jpg) no-repeat -200px -45px;}

/* Main navigation styling - left */

#mainnavcontainer ul li a.left{
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 45px;
	width: 200px;
  background: url(../images/nav.jpg) no-repeat 0 0;
}

#mainnavcontainer li a.left:hover {
	background: url(../images/nav.jpg) no-repeat 0 -45px;
}

#mainnavcontainer li a.left.active {
	background: url(../images/nav.jpg) no-repeat 0 -45px;
}

#mainnavcontainer li a.left span{display:block; padding:13px 0 0 40px;}

/* Main navigation styling - right */

#mainnavcontainer ul li a.right{
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 45px;
	width: 200px;
  background: url(../images/nav.jpg) no-repeat right top;
  color:#53656B;
}

#mainnavcontainer li a.right:hover {
	background: url(../images/nav.jpg) no-repeat right top;
}

#mainnavcontainer li a.right.active {
	background: url(../images/nav.jpg) no-repeat right top;
}

#mainnavcontainer li a.right span{display:block; padding:13px 0 0 30px;}

#mainnavcontainer li span.divider{
  background: url(../images/main_nav_divider.jpg) no-repeat left top;
  width:4px;
  height:45px;
  display:block;
}

/* Sub navigation styling */

#subnavcontainer {
	margin: 8px 8px 5px 0;
	padding: 0px;
	height: 28px;
	text-align:center;
}

#subnavcontainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float:right;
}

#subnavcontainer ul li {
	float:left;
	background: none;
	padding-left: 0px;
}

#subnavcontainer ul li a {
	text-decoration: none;
	float: left;
	margin: 0px;
	height: 28px;
	width: 138px;
	color: #FFF; 
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  background: url(../images/sub_nav_off.gif) no-repeat left top;
  text-align: center;
}
#subnavcontainer li a:hover {
	background: url(../images/sub_nav_on.gif) no-repeat left top;
	
}

#subnavcontainer li a.active {
	background: url(../images/sub_nav_on.gif) no-repeat left top;
	
}

#subnavcontainer li a span{display:block; padding:7px 0 0 2px; }

/* Top navigation styling - left */

#subnavcontainer ul li a.left{
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 28px;
	width: 119px;
  background: url(../images/sub_nav_left_off.gif) no-repeat left top;
}

#subnavcontainer li a.left:hover {
	background: url(../images/sub_nav_left_on.gif) no-repeat left top;
}

#subnavcontainer li a.left.active {
	background: url(../images/sub_nav_left_on.gif) no-repeat left top;
}

#subnavcontainer li a.left span{display:block; padding:7px 0;}

/* Top navigation styling - right */

#subnavcontainer ul li a.right{
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 28px;
	width: 119px;
  background: url(../images/sub_nav_right_off.gif) no-repeat right top;
}

#subnavcontainer li a.right:hover {
	background: url(../images/sub_nav_right_on.gif) no-repeat right top;
}

#subnavcontainer li a.right.active {
	background: url(../images/sub_nav_right_on.gif) no-repeat right top;
}

#subnavcontainer li a.right span{display:block; padding:7px 4px 0 2px;}

#subnavcontainer li span.divider{
  /* background: url(../images/nav_divider.jpg) no-repeat left top; */
  width:2px;
  height:29px;
  display:block;
}