@charset "utf-8";
/* CSS Document */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strike, strong, sub, sup, b, u, i, dl, dt, dd, ol, fieldset, form, label, legend {
	margin: 0px;
	padding: 0px;
}
html {
	min-height: 101%; /* gives a scrollbar in Mozilla/Firefox */
}
body {
	font: 75%/1.5em Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #000000;
	height:100%;
}
a:link {
	color: #4e88f4;
	text-decoration: none;
}
a:visited {
	color: #4e88f4;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #4e88f4;
}
p {
	padding-bottom:12px;
}
 ul, li, {
}
 input, select, textarea, {
 font: normal 11px Tahoma, Arial, Helvetica, SansSerif
}
h1 {
	font-size: 135%;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #4E88F4;
}
h2 {
	font-size: 125%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	color:#4e88f4;
	font-style: italic;
}
table, tr, th, td {
	font-size: 100%;
}
.clearbr {
	clear: both;
}
br.clearbr {
	clear: both;
	height: 0em;
	line-height: 0em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0px;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 0px;
}
#wrapper {
	margin: auto;
	text-align: left;
	width: 960px;
}
#content {
	margin: 0px auto;
	text-align: left;
	width: 840px;
	padding:0px;
	clear:both;
}
#header {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 130px;
}
#toplogin {
	height: 20px;
	margin-top: 58px;
	float: right;
	font-size:11px;
	clear:right;
}
#toplogin input {
	height: 16px;
	width: 110px;
	margin: 0px;
	padding:2px 0px 0px 5px;
	border:#ccc solid 1px;
	background-color:#D7DEF1;
	font-size:11px;
	margin-right: 10px;
	color: #999999;
}
#toplogin .login {
	background-image:url(/images/button-login.png);
	border:none;
	width:66px;
	margin-right:0px;
	padding:0px;
	color:#FFFFFF;
	font-weight:bold;
	height: 20px;
}
#logo {
	float: left;
	padding-top: 27px;
	padding-left: 5px;
}
/* HEADER NAVIGATION */

#navbar {
	color: #d0d1d3;
	float:right;
	font-size: 1em;
	text-align: right;
	margin-top:20px;
	clear:right;
}
#navbar ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #5454a6;
	white-space: nowrap;
	font-weight:bold;
	display:inline;
}
#navbar li {
	list-style-type: none;
	display: inline;
	border-right: 1px solid #5454a6;
	margin-left:5px;
	padding-right:7px;
}
#navbar li a {
	color: #5454a6;
	text-decoration:none;
	margin-left: 5px;
}
#navbar li a:visited {
	color: #5454a6;
}
#navbar li a:hover {
	color: #000000;
	text-decoration:underline;
}
#navbar ul li.end {
	list-style-type: none;
	display: inline;
	border: none;
	margin-left:5px;
	padding-right:0px;
}
#navbar ul li.end a {
	border: none;
}
#navbar ul li.end a:visited {
	border: none;
}
#navbar ul li.end a:hover {
	border: none;
}
#leftcol {
	float: left;
	width: 620px;
	clear: left;
}
#rightcol {
	float: right;
	width: 190px;
	padding-top: 13px;
}
/* footer */

#footer {
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	margin-bottom: 15px;
	color: #999999;
}
#footerlinks {
	float:right;
	text-align: left;
}
#footerlinks ul {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	color: #999999;
	white-space: nowrap;
	font-weight:bold;
}
#footerlinks li {
	list-style-type: none;
	display: inline;
	margin-left:30px;
}
#footerlinks li a {
	text-decoration:none;
	color: #999999;
}
#footerlinks li a:visited {
	color: #999999;
}
#footerlinks li a:hover {
	color: #000000;
	text-decoration:underline;
}
.small {
	font-size: 0.8em;
}
div.success {
	background-color: #E0FFDD;
	border: 1px solid #009700;
	padding:10px;
	margin-top:20px;
	font-size:0.9em;
	color:#003300;
}
div.warning {
	background-color: #FFFF99;
	border: 1px solid #FF9900;
	padding:10px;
	margin-top:20px;
	font-size:0.9em;
	color:#000000;
}
div.error {
	background-color: #ffdede;
	border: 1px solid #ff0000;
	padding:10px;
	margin-top:20px;
	font-size:0.9em;
	color: #CC0000;
}
div.error ul {
	margin-top:10px;
	margin-left:10px;
}
div.error li {
	padding-left:10px;
	margin-left:10px;
}
.required {
	font-weight: bold;
	color: #CC0000;
	font-size: 14px;
}
#bigquote {
	background: url(/images/blue-bg.jpg);
	clear: both;
	height: 230px;
	width: 960px;
}
#recpic {
	background: url(/images/recruitment-pic.jpg) no-repeat;
	float: left;
	height: 115px;
	width: 605px;
	padding-top: 95px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: normal;
}
#recflash {
	background: url(/images/recruitment-pic.jpg) no-repeat;
	float: left;
	height: 210px;
	width: 625px;
}
#online-recruitment-quote {
	font-size: 100%;
	color: #FFFFFF;
	width: 275px;
	padding-right: 30px;
	float:right;
	text-align:right;
	font-weight:bold;
	padding-top: 30px;
}
#online-recruitment-quote h1 {
	font-size: 1.3em;
	text-align: center;
	color: #FFFFFF;
	font-weight:normal;
	font-style: italic;
}
#column1 {
	width: 280px;
	margin-right: 15px;
	float:left;
	margin-top: 20px;
}
#column2 {
	width: 368px;
	float:left;
	margin-top: 20px;
}
#column3 {
	width: 280px;
	float:right;
}
#column5 {
	float: left;
	width: 240px;
}
#column6 {
	float: right;
	width: 690px;
}
#column7 {
	width: 385px;
	float:left;
	margin-top: 20px;
}
#column8 {
	clear:both;
	padding-top: 20px;
}
#welcome {
	text-align: justify;
	height: 425px;
	line-height: 1.4em;
}
#welcome h1 {
	font-size: 1.5em;
	margin: 0px 0px 15px 0px;
}
#featured-client {
	padding: 10px;
	border: 1px solid #CCCCCC;
	color:#333333;
	margin-top: 20px;
	height: 145px;
}
#featured-client img{
	border: none;
}

#featured-client h1 {
	font-size: 125%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color:#4e88f4;
	font-style: italic;
}
#recruitment-services {
	color:#FFFFFF;
	height: 205px;
}
#recruitment-services a {
	color:#FFFFFF;
}
#recruitment-services ul {
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight: bold;
}
#recruitment-services li {
	height:26px;
	margin:0px 0px 15px 0px;
	padding:9px 5px 0px 12px;
	list-style:none;
}
li.sfixedfee {
	background: url(/images/tab-fixed-fee-online-recruitment.png) no-repeat;
}
li.sonlinerecruitment {
	background: url(/images/tab-recruitment-advertising.png) no-repeat;
}
li.scandidate {
	background: url(/images/tab-candidate-management.png) no-repeat;
}
li.sinterview {
	background: url(/images/tab-interview-assessment-shortlist.png) no-repeat;
}
#latest-jobs {
	padding: 10px;
	border: 1px solid #CCCCCC;
	height: 385px;
}
#latest-jobs h1 {
	font-size: 125%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color:#4e88f4;
	font-style: italic;
}
#latest-jobs ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1em;
}
#latest-jobs li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 23px;
	list-style: none;
	background: url(/images/bullet-double-arrow.png) no-repeat 0px 5px;
}
#job-sectors {
	background: #d7def1;
	padding:20px;
	height: 445px;
}
#job-sectors h1 {
	font-size: 125%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color:#4e88f4;
	font-style: italic;
}
#job-sectors ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#job-sectors li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
	color:#4e88f4;
}
#recruitment-sectors {
	background: #d7def1;
}
#next-job {
	padding: 10px;
	border: 1px solid #CCCCCC;
	color:#333333;
	margin-top: 20px;
	background: url(/images/next-job-bg.png) no-repeat;
	height: 135px;
}
#next-job a {
	color:#4E88F4;
}
#next-job h1 {
	font-size: 125%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color:#4e88f4;
	font-style: italic;
}
#next-job ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1em;
}
#next-job p {
	float:right;
	margin-top:80px;
	margin-right:10px;
}
#next-job li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 23px;
	list-style: none;
	background: url(/images/bullet-circle.png) no-repeat 5px 5px;
}
#subnav {
	color: #033673;
	background: url(/images/subnavbg.png) no-repeat right bottom;
	padding: 20px;
	min-height: 190px;
}
#subnav h1 {
	color: #033673;
	font-size:1.2em;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
#subnav a {
	color:#033673;
}
#subnav ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#subnav li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	list-style: none;
	background: url(/images/arrow1.png) no-repeat 3px 6px;
}
#admincol {
	clear: both;
}
#littlequote {
	background: url(/images/blue-bg.jpg) right top;
	clear: both;
	height: 230px;
}
#quotecpic {
	float: left;
	height: 200px;
	width: 385px;
}
#quote {
	font-size: 100%;
	color: #000000;
	padding-right: 20px;
	float:right;
	text-align:right;
	font-weight:bold;
	padding-top: 30px;
}
#quote h1 {
	font-size: 1em;
	text-align: center;
	color: #666666;
	font-weight:normal;
	font-style: italic;
}
#normaltxt {
	text-align: justify;
}
#normaltxt h1 {
	font-size: 1.4em;
	margin: 0px 0px 15px 0px;
	color:#4E88F4;
}
.jobs {
	background-color:#e9ebf8;
	color:#012557;
	clear:both;
	padding:15px;
	margin-bottom:15px;
}
.jobs img {
	float:right;
}
.jobs a {
	color:#012557;
	text-decoration:none;
}
.jobs a:hover {
	color:#012557;
	text-decoration:underline;
}
.jobs h1 {
	margin: 0px 0px 7px 0px;
	color: #033673;
}
.jdtab {
	width: 80px;
	float: left;
	font-weight:bold;
}
.jobdetails {
	background-color:#e9ebf8;
	color:#012557;
	clear:both;
	padding:20px;
	margin-bottom:15px;
	text-align:center;
}
.jobdetails a {
	color:#012557;
}
.jobdetails h1 {
	margin: 10px 0px 7px 0px;
	color: #033673;
	font-size:1.5em;
	font-weight:bold;
}
.jobdetails h2 {
	margin: 18px 0px 7px 0px;
	color: #033673;
	font-size:100%;
	font-weight:bold;
	font-style:normal;
}
.jobdetails img {
	background:#FFFFFF;
	margin:10px 0px 25px 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.jobdetails img a{
	border: none;
}
.jobdesc {
	clear:both;
	margin:0px;
	padding-top:10px;
	text-align:justify;
}
.jobAppLogo {
	float:right
}
.button {
	color: #FFFFFF;
	background: #4e88f4;
	padding: 5px;
	border: 1px solid #cbcdc8;
	width:170px;
	text-align: center;
	font-weight: bold;
}
.button a {
	color:#FFFFFF;
}
#morenav {
	margin-top: 15px;
}
#morenav a {
	color:#FFFFFF;
}
#morenav ul {
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight: normal;
}
#morenav li {
	height:23px;
	margin:0px 0px 15px 0px;
	padding:6px 5px 0px 15px;
	list-style:none;
	background: url(/images/more-bg.png) no-repeat;
}
.form300 {
	width: 300px;
}
.form250 {
	width: 250px;
}
.form255 {
	width: 254px;
}
.form200 {
	width: 200px;
}
.form150 {
	width: 150px;
}
.form100 {
	width: 100px;
}
.form120 {
	width: 120px;
}
.form80 {
	width: 80px;
}
.form160 {
	width: 60px;
}
.EmailTempBut {
	width: 150px;
	margin-left:20px;
	margin-bottom:10px;
}
#clientboxoutline {
	border: 1px solid #D7DEF1;
	padding: 10px;
}
.accountsummary {
	padding: 10px;
	border: 1px solid #D7DEF1;
	margin-bottom: 10px;
}
.admintitle {
	color: #000000;
	background: #D7DEF1;
	padding: 15px 10px;
	font-size: 1em;
	font-weight: normal;
}
.admintitle a {
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
}
.admintitle a:hover {
	color:#036;
	text-decoration:underline;
}
.contact {
	font-size: 2em;
	font-weight: normal;
	color: #2857A5;
	margin-bottom:20px;
}
.contact img {
	padding-right:20px;
}
.contact a {
	color: #2857A5;
}
#contactquote {
	font-size: 100%;
	color: #FFFFFF;
	width: 260px;
	padding-right: 20px;
	float:right;
	text-align:left;
	padding-top: 20px;
}
.telno {
	margin:53px 0px 0px 45px;
}
.bullets {
}
ul.bullets a {
	color:#033673;
	text-decoration:underline;
}
ul.bullets a:hover {
	color:#00000;
	text-decoration:none;
}
ul.bullets {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul.bullets li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	list-style: none;
	background: url(/images/arrow2.png) no-repeat 3px 6px;
}
#sbullets {
	float:right;
	width:260px;
	margin-top:20px;
}
#sbullets h1 {
	font-size:120%;
	font-style:italic;
}
#sbullets a {
	color:#4E88F4;
	text-decoration:none;
}
#sbullets a:hover {
	color:#00000;
	text-decoration:underline;
}
#sbullets a:visited {
	color:#4E88F4;
}
#sbullets ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#sbullets li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	list-style: none;
	background: url(/images/arrow2.png) no-repeat 3px 6px;
}
/* input button */

.btn_blue {
	vertical-align:middle;
	border:solid 1px #2f3f68;
	padding:3px 5px 3px 5px !important;
	color:#fff !important;
	margin:3px 1px !important;
	background:#6b9ff1 url(/images/button_bg_blue.png) left top repeat-x;
	white-space:nowrap;
	cursor:pointer;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em
}
.btn_blue:hover {
	text-decoration:none !important;
	background:#6b9ff1 url(/images/button_bg_blue_hover.png) left top repeat-x
}
input.btn_blue {
	padding:3px 5px 3px 5px !important;
	width:150px;
}
/* button */
.note {
	font-size: 10px;
	line-height:1em;
}
#msheader1 {
	float: left;
	width: 240px;
	padding-top:20px;
}
#msheader2 {
	float: right;
	width: 690px;
	padding-top:20px;
}
#mssidenav1 {
	padding-top: 20px;
}
.form-label-username {
	background: url("/images/login-un.png") no-repeat;
}
.form-label-password {
	background: url("/images/login-pw.png") no-repeat;
}
.loginerror {
	background-color: #ffdede;
	border: 1px solid #ff0000;
	padding:0px 0px 0px 10px;
	margin-top:1px;
	margin-right:15px;
	font-size:0.9em;
	color: #CC0000;
	width:185px;
}
.loginform {
	margin-top:0px;
	font-size:0.9em;
	width:330px;
}
.jboards ul {
	margin:20px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	border-top: 1px solid #CCC;
}
.jboards li {
	margin:0px 0px 0px 0px;
	padding:4px 0px 6px 0px;
	list-style: none;
	border-bottom: 1px solid #CCC;
}
.intprep ul {
	margin:0px 0px 20px 0px;
	padding:0px;
}
.intprep li {
	margin:0px;
	padding:0px 0px 0px 15px;
	list-style-type:none;
	background: url(/images/bullet-circle.png) no-repeat 0px 8px;
}
.box300 {
	width: 300px;
}
#latest-jobs-cont {
	height: 320px;
	overflow: hidden;
}
.na span {
	color:#999999;
}
#subnav li.na {
	background: url(/images/arrow1grey.png) no-repeat 3px 6px;
}
#slideBox {
	margin:0px;
	margin-top: 0px;
}
.grey {
	color: #666;
}
#slideBox ul {
	margin:0px;
	padding-left: 0px;
}
#slideBox li {
	display: block;
	background: url(../images/service-box-bg.png);
	color: #333;
	list-style:none;
	margin-left: 0px;
	padding-left: 0px;
}
#slideBox li h2 {
	clear: both;
	padding:0px;
	font-size:12px;
	font-weight: bold;
	margin: 0px;
	font-style: normal;
	color: #000;
	padding-left: 5px;
	cursor:pointer;
	cursor:hand;
}
#slideBox li h2 a {
	color: #03C;
	text-decoration:underline;
}
#slideBox li h2 img {
	display: block;
}
#slideBox li a {
	display: inline;
}
.black {
	color: #000;
}
.black a {
	color: #000;
	text-decoration:none;
}
.black a:hover {
	color: #000;
	text-decoration:underline;
}
#navbar li.minisite-contact {
	border-right:0;
}
#sectorquote {
	font-size: 100%;
	color: #000000;
	padding-right: 20px;
	float:right;
	text-align:right;
	font-weight:bold;
	padding-top: 30px;
	width:230px;
}
#sectorquote h1 {
	font-size: 1em;
	text-align: center;
	color: #666666;
	font-weight:normal;
	font-style: italic;
}
#news {
	text-align: justify;
	line-height: 1.4em;
}
#ticker {
	width:670px;
	height:20px;
	margin:20px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
}
#ticker ul {
	color:#4E88F4;
	padding:0px 0px;
	margin:0px;/*	-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
}
#ticker ul li {
	list-style:none;
	font-size:125%;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.linkedingroup {
	margin:57px 0px 0px 0px;
	float: right;
}
/* ajax loader */
.loader {
	color: #3C3C3C;
	padding: 5px;
	border: 1px solid #F90;
	background: #FFC;
	font-size:11px;
	margin-bottom:15px;
	top:50%;left: 44%;position:fixed;text-align:center;z-index:100;
}
.loading_container
{
  opacity:0.5;
  filter:alpha(opacity=50);
  z-index:0;
  width:100%;
  height:100%;
  background-color:#eeeeee;position:fixed  
}