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

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: 455px;
}

#welcome h1 {
	font-size: 1.4em;
	margin: 0px 0px 15px 0px;
}

#featured-client {
	padding: 10px;
	border: 1px solid #CCCCCC;
	color:#333333;
	margin-top: 20px;
	height: 145px;
}

#featured-client h1 {
	font-size: 125%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color:#4e88f4;
	font-style: italic;
}

#recruitment-services {
	color:#FFFFFF;
	height: 235px;
}

#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;
	border:1px #CCCCCC solid;
	margin:10px 0px 25px 0px;
}

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

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