/* Start of CMSMS style sheet 'Original' */
/* reset whitespace */
* { 
	margin:0;
	padding:0;
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

body {
	font: normal 11px arial, tahoma, verdana, "sans serif";
	color: #000;
	background: #e8e8e8;
	line-height: 18px;
}

#center {
	width: 978px;
	margin: 20px auto;
	background: #fff url('../i/bg.gif') repeat-y left top;
	overflow: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}

.hidden {
	display: none;
}

.mainCol {
	width: 700px;
	padding: 1px 0 0 0;
	margin: 11px 0 20px 0;
}

.padLeft {
	padding-left: 9px;
}

.padRight {
	padding-right: 9px;
}

.subCol {
	width: 250px;
	padding: 1px 0 0 0;
	margin: 11px 0 20px 0;
}

.third {
	width: 33%;
}

/* /////////////////////////////////
	TEXT + HTML
///////////////////////////////// */

h1 {
	font: normal 32px georgia,"palatino linotype","times new roman",times,serif;
	color: #fff;
	margin: 1px 0 0 0;
	font-style: italic;
	letter-spacing: -1px;
	line-height: 40px;
}

h2 {
	font: bold 14px arial, tahoma, verdana;
	color: #000;
	margin: 18px 0 12px;
	text-transform: uppercase;
}

.sideCol h3 {
	font: bold 13px arial, tahoma, verdana;
	color: #000;
	margin: 15px 0 12px;
	text-transform: uppercase;
}

.mainCol h3 {
	font: bold 14px georgia, "palatino linotype", "times new roman", times, serif;
	color: #000;
	margin: 12px 0;
}

h4 {
	font: bold 12px arial, tahoma, verdana;
	margin: 12px 0 12px 0
	color: #787878;
	text-transform: uppercase;
}

p, ul, ol {
	margin: 12px 0px 12px 0px;
}

ul {
	list-style-type: none;
}

p em {
	font-family: arial, tahoma;
}

.mainCol p,
.mainCol ul,
.mainCol h2,
.mainCol h3 {
	margin-right: 30px;
	margin-left: 24px;
}

/* /////////////////////////////////
	LINKS
///////////////////////////////// */

a img { border: none }

a:link,
a:visited {
	color: #0b95b3;
	text-decoration: none;
}

a:hover {
	color: #27b3cf;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

/* /////////////////////////////////
	HEADER
///////////////////////////////// */

#header {
	height: 81px;
	background: transparent url('../i/bg-header.gif') no-repeat left top;
	overflow: hidden;
	margin: 0 9px;
}

#logo {
	display: block;
	float: left;
	width: 210px;
	height: 52px;
	overflow: hidden;
	background: transparent url('../i/logo.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 13px 0 0 31px;
	display: inline;
}


#logo:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* /////////////////////////////////
	NAV
///////////////////////////////// */

ul#nav {
	height: 33px;
	overflow: hidden;
	margin: 0 9px 3px 0;
	list-style-type: none;
	background: #212121;
	padding-right: 40px;
}

ul#nav li {
	float: left;
	height: 33px;
}

ul#nav li a,
ul#nav li a:visited {
	color: #fff;
	height: 33px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
}

ul#nav li#navHome a { background: transparent url('../i/nav-home.gif') no-repeat left top; width: 97px; }
ul#nav li#navMigrants a { background: transparent url('../i/nav-migrants.gif') no-repeat left top; width: 112px; }
ul#nav li#navEmployers a { background: transparent url('../i/nav-employers.gif') no-repeat left top; width: 120px; }
ul#nav li#navAbout a { background: transparent url('../i/nav-about.gif') no-repeat left top; width: 144px; }
ul#nav li#navTools a { background: transparent url('../i/nav-tools.gif') no-repeat left top; width: 143px; }
ul#nav li#navContact a { background: transparent url('../i/nav-contact.gif') no-repeat left top; width: 98px; }

ul#nav li#navHome a:hover,
ul#nav li#navMigrants a:hover,
ul#nav li#navEmployers a:hover,
ul#nav li#navAbout a:hover,
ul#nav li#navTools a:hover,
ul#nav li#navContact a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

ul#nav li#navHome a.current,
ul#nav li#navHome a.current:hover,
ul#nav li#navMigrants a.current,
ul#nav li#navMigrants a.current:hover,
ul#nav li#navEmployers a.current,
ul#nav li#navEmployers a.current:hover,
ul#nav li#navAbout a.current,
ul#nav li#navAbout a.current:hover,
ul#nav li#navTools a.current,
ul#nav li#navTools a.current:hover,
ul#nav li#navContact a.current,
ul#nav li#navContact a.current:hover  {
	background-position: left -33px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

ul#nav li#navLogin {
	float: right;
	text-align: right;
}

ul#nav li#navLogin a,
ul#nav li#navLogin a:visited {
	color: #999;
	line-height: 34px;
	display: block;
	text-indent: 0px;
	display: inline;
}

ul#nav li#navLogin a span {
	color: #22b1ce;
}

ul#nav li#navLogin a:hover {
	color: #fff;
}

ul#nav li#navLogin a:hover span {
	color: #22b1ce;
}

ul#subNav {
	background: #d8f6fb url('../i/bg-subnav.gif') no-repeat left top;
	margin: 0 9px 0 0;
	float: none;
	overflow: hidden;
	width: 921px;
	padding: 15px 0px 15px 48px;
	font: normal 17px georgia, "palatino linotype", "times new roman", times, serif;
	font-style: italic;
	color: #00a0bf;
}

ul#subNav li {
	float: left;
	margin-right: 20px;
}

ul#subNav li a,
ul#subNav li a:visited {
	color: #00759c;
}

ul#subNav li a:hover {
	color: #000;
}

ul#subNav li a.current,
ul#subNav li a.current:visited,
ul#subNav li a.current:hover {
	color: #000;
}

/* /////////////////////////////////
	CONTENT
///////////////////////////////// */

#content {
	background: transparent url('../i/bg-content.gif') no-repeat 9px -2px;
	height: 1%;
}

#slideshow {
	height: 260px;
	margin-bottom: 11px;
}

.col1 {
	width: 242px;
}

.col1 h2 {
	padding-left: 40px;
}

.col2 {
	width: 217px;
}

.col3 {
	width: 217px;
}

.col2 h2,
.col3 h2 {
	padding-left: 15px;
}

.col1 h2,
.col2 h2,
.col3 h2 {
	margin-left: 0;
}

.marginRight {
	margin-right: 12px;
}

ul.stripe {
	margin: 12px 0;
}

ul.stripe li {
	padding: 5px 15px 5px 15px;
	line-height: 15px;
}

ul.stripe li.shade {
	background: #f2f2f2;
}

.col1 ul.stripe li {
	padding-left: 40px;
}

#titleBar {
	height: 73px;
	background: #afcf61 url('../i/bg-titlebar.gif') no-repeat left top;
	padding-left: 24px;
	padding-right: 24px;
	margin-bottom: 18px;
}

#breadcrumb {
	color: #426805;
	margin: 0;
	height: 16px;
	padding-top: 8px;
	overflow: hidden;
}

#breadcrumb a,
#breadcrumb a:visited {
	color: #426805;	
}

#breadcrumb a:hover {
	color: #000;	
}

a.sharethis,
a.sharethis:visited {
	float: right;
	margin: 8px 0;
	color: #426805;
	background: transparent url('../i/sharethis.gif') no-repeat left 1px;
	padding-left: 22px;
}

a.sharethis:hover {
	color: #000;
}

.box {
	background: #f2f2f2;
	padding: 8px 30px 8px 24px;
	margin: 18px 0;
}

.box p,
.box ul,
.box h2,
.box h3 {
	margin-right: 0;
	margin-left: 0;
}

.third p,
.third ul,
.third h2,
.third h3 {
	margin-right: 20px;
}

a.callAction {
	display: block;
	margin: 12px 0 16px 0;
}

a.callAction img {
	display: block;
}

ul.jobs {
	margin: 18px 0;
}

ul.jobs li {
	padding: 15px 24px 15px 21px;
}

ul.jobs li.shade {
	background: #f2f2f2;
}

ul.jobs li ul.details {
	float: right;
	width: 190px;
	margin: 0 0 15px 40px;
}

ul.jobs li ul.details li {
	padding: 0;
}

ul.jobs li h3 {
	margin: 0 0 -6px 0;
}

ul.jobs li p {
	margin-left: 0;
}

.buttonApply,
.buttonApply:visited {
	display: block;
	float: left;
	width: 108px;
	height: 22px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-apply.gif') no-repeat left top;
	margin: 0;
}

.buttonApply:hover{
	background-position: left -22px;
}

a.qualify,
a.qualify:visited {
	margin-left: 20px;
}

ul.paginate {
	margin: 0 0 18px;
	height: 24px;
	border-top: solid 3px #f2f2f2;
	padding: 10px 21px 0 21px;
}

ul.paginate li {
	float: left;
}

ul.paginate li.prev {
	width: 100px;
	font-weight: bold;
	font-size: 14px;
}

ul.paginate li.prev a:link,
ul.paginate li.prev a:visited {
	padding: 3px 0 3px 22px;
	background: transparent url('../i/button-prev.gif') no-repeat left 4px;
}

ul.paginate li.prev a:hover {
	background-position: left -36px;
}

ul.paginate li.page {
	width: 460px;
	text-align: center;
	color: #999;
}

ul.paginate li.page a:link,
ul.paginate li.page a:visited {
	padding: 0 8px;
	border-left: solid 1px #ccc;
}

ul.paginate li.page a:hover {
	background-position: left -36px;
}

ul.paginate li.page a.current:link,
ul.paginate li.page a.current:visited,
ul.paginate li.page a.current:hover {
	color: #000;
	font-weight: bold;
}

ul.paginate li.next {
	width: 80px;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

ul.paginate li.next a:link,
ul.paginate li.next a:visited {
	padding: 3px 22px 3px 0;
	background: transparent url('../i/button-next.gif') no-repeat right 4px;
}

ul.paginate li.next a:hover {
	background-position: right -36px;
}

.imgRight {
	float: right;
	margin: 12px 0 12px 24px;
}

.imgLeft {
	float: left;
	margin: 12px 24px 12px 0px;
}

.imgWide {
	float: none;
	margin: 6px 0px 6px 0px;
}


/* /////////////////////////////////
	SIDE COL (see also FORMS)
///////////////////////////////// */

#wizardBox {
	background: #e6f4bf url('../i/bg-wizardlink.gif') repeat-y left top;
	padding: 10px 0;
	margin: 12px 0px;
}

#wizardBox2 {
	background: #e6f4bf url('../i/bg-wizardlink2.gif') repeat-y left top;
	padding: 10px 0;
	margin: 0px 0px 12px 0px;
}

#wizardBox h3,
#wizardBox2 h3 {
	font: normal 18px georgia, "palatino linotype", "times new roman", times, serif;
	font-style: italic;
	color: #000;
	text-transform: none;
	margin: 2px 40px 12px 21px;
	line-height: 24px;
}

#wizardBox2 h3 {
	margin-left: 30px;
}

#visaWizard,
#visaWizard:visited {
	display: block;
	width: 250px;
	height: 52px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-visawizard.gif') no-repeat left top;
	margin: 0;
}

#visaWizard:hover{
	background-position: left -52px;
}

.sideNav {
	margin: 18px 0px 18px 9px;
}

.homeCol .sideNav {
	margin: 18px 9px 18px 0;
}

.sideNav li {
	padding: 0 20px 0 20px;
	margin-bottom: 6px;
}

.sideNav li a,
.sideNav li a:visited {
	display: block;
	padding-left: 18px;
	background: transparent url('../i/bullet-plus.gif') no-repeat left 2px;
	font: bold 12px georgia, "palatino linotype", "times new roman", times, serif;
	font-style: italic;
}

.sideNav li a:hover {
	background-position: left -48px;
}

.sideNav li a.current,
.sideNav li a.current:visited
.sideNav li a.current:hover {
	background-position: left -48px;
	color: #000;
}

.sideNav li ul{
	margin: 8px 0 8px 18px;
}

.sideNav li ul li {
	padding: 0;
	margin-bottom: 4px;
}

.sideNav li ul li a,
.sideNav li ul li a:visited {
	display: inline;
	padding: 0;
	background: none;
	font: normal 11px georgia, "palatino linotype", "times new roman", times, serif;
	font-style: normal;
}

.sideNav li ul li a:hover {
}

.sideNav li ul li a.current,
.sideNav li ul li a.current:visited
.sideNav li ul li a.current:hover {
	color: #000;
}


.lines li {
	border-bottom: solid 3px #f1f1f1;
	margin-bottom: 0;
	padding: 6px 0 6px 21px;
}

.lines li ul li {
	border: 0;
	margin: 0;
	padding: 0;
}

a.ad,
a.ad:visited {
	margin: 12px 0 12px 9px;
	display: block;
}

a.ad img {
	display: block;
}

a.square,
a.square:visited {
	margin-left: 0;
}

/* /////////////////////////////////
	FORMS
///////////////////////////////// */

fieldset {
 	border: 0;
}

input:focus {
	outline: 0;
}

#search {
	width: 198px;
	height: 25px;
	border: solid 1px #dadada;
	float: right;
	margin: 29px 40px 0 0;
	display: inline;
	background: #fff;
	overflow: hidden;
}

#search .input {
	float: left;
	width: 136px;
	border: 0;
	background: #fff;
	padding: 5px;
	font: normal 14px arial;
	font-style: italic;
	color: #a2a2a2;
}

#search .button {
	float: right;
}

#quickFind {
	background: #3dd0ed;
	border-left: solid 9px #37bdd8;
	height: 58px;
	padding: 15px 0 0 21px;
	margin-bottom: 12px;
}

.homeCol #quickFind {
	border-left: none;
	border-right: solid 9px #37bdd8;
}

#quickFind h3 {
	width: 137px;
	height: 12px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h3-quickfind.gif') no-repeat left top;
	margin: 0 0 8px 0;
}

#quickFind select {
	font: normal 11px arial;
	width: 180px;
	padding: 3px 4px;
	background: #fff;
	border: solid 1px #29a1b9;
}

#newsletter {
	margin: 12px 0px 12px 9px;
	background: #f2f2f2;
	padding: 20px 0 16px 21px;
}

.homeCol #newsletter {
	margin: 12px 9px 12px 0;
}

#keepInformed {
	width: 159px;
	height: 26px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h3-keepinformed.gif') no-repeat left top;
	margin: 0 0 16px 0;
}

#jobAnnounce {
	width: 142px;
	height: 27px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h3-jobannounce.gif') no-repeat left top;
	margin: 0 0 16px 0;
}

#findCandidates {
	width: 110px;
	height: 11px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h3-findcandidates.gif') no-repeat left top;
	margin: 0 0 16px 0;
}

#newsletter input {
	font: normal 11px arial;
	font-style: italic;
	width: 170px;
	padding: 4px 4px;
	background: #fff;
	border: solid 1px #d9d9d9;
	margin-bottom: 5px;
}

#newsletter select {
	font: normal 11px arial;
	font-style: italic;
	width: 180px;
	padding: 3px 4px;
	background: #fff;
	border: solid 1px #d9d9d9;
	margin-bottom: 5px;
}

a.formSubmit,
a.formSubmit:visited {
	display: block;
	padding-left: 18px;
	background: transparent url('../i/bullet-plus.gif') no-repeat left 3px;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 6px;
}

a.formSubmit:hover {
	background-position: left -47px;
}

#refine {
	margin: 18px 0;
	padding-left: 21px;
	font: normal 12px georgia;
	font-style: italic;
}

#refine a,
#refine a:visited {
	font-weight: bold;
	margin: 0 10px;
}

#refine select {
	font: normal 11px arial;
	font-style: italic;
	width: 180px;
	padding: 3px 4px;
	background: #fff;
	border: solid 1px #d9d9d9;
	margin-left: 18px;
}

/* /////////////////////////////////
	FOOTER
///////////////////////////////// */


#footer {
	clear: both;
	height: 162px;
	background: transparent url('../i/bg-footer.gif') no-repeat left top;
	color: #999;
} 

#footer h4 {
	margin-bottom: 3px;
}

#footer p {
	margin: 0 0 12px 0;
}

#foot1 {
	float: left;
	width: 110px;
	margin: 24px 20px 24px 49px;
	display: inline;
}

#foot1 h4 {
	height: 11px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h4-migrants.gif') no-repeat left top;
	margin: 0 0 6px 0;
}

#foot2 {
	float: left;
	width: 125px;
	margin: 24px 20px 24px 20px;
	display: inline;
}

#foot2 h4 {
	height: 11px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h4-employers.gif') no-repeat left top;
	margin: 0 0 6px 0;
}

#foot3 {
	float: left;
	width: 300px;
	margin: 24px 20px 24px 20px;
	display: inline;
}

#foot3 h4 {
	height: 11px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h4-about.gif') no-repeat left top;
	margin: 0 0 6px 0;
}

#foot4 {
	float: right;
	width: 210px;
	margin: 12px 40px 24px 0;
	padding-top: 12px;
	color: #000;
	background: transparent url('../i/bg-twitter.gif') no-repeat 170px top;
	display: inline;
}

#foot4 h4 {
	height: 11px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h4-twitter.gif') no-repeat left top;
	margin: 0 0 6px 0;
}

#foot4 p {
	font-style: italic;
	color: #999;
}

#footer a,
#footer a:visited {
	color: #999;
}

#footer a:hover {
	color: #0b95b3;
}

#footer #foot4 a,
#footer #foot4 a:visited {
	color: #0b95b3;
}

#footer #foot4 a:hover {
	color: #27b3cf;
}

#footLogos {
	background: #e8e8e8;
	height: 80px;
	padding: 12px 40px;
}

#footLogos a.footLogo,
#footLogos a.footLogo:visited {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

#footLogos a.footLogo:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

p#copyright {
	float: right;
	margin: 8px 0 0 0;
	color: #999;
}

p#copyright a,
p#copyright a:visited {
	color: #999;
	margin-left: 10px;
}

p#copyright a:hover {
	color: #0b95b3;
}

/* /////////////////////////////////
	WIZARD
///////////////////////////////// */

#wizard {
	width: 700px;
	margin: 50px auto; /* REMOVE THIS - put it in just to visualise it better */
	background: #fff;
}

#wizard p,
#wizard ul {
	margin: 10px 0;
}

#wizard .titleBar {
	height: 40px;
	background: #3dd0ed;
	padding: 0 14px 0 30px;
	overflow: hidden;
}

#closeX,
#closeX:visited {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-close.gif') no-repeat left top;
	margin: 8px 0;
}

#closeX:hover {
	background-position: left -24px;
}

#wizard h1 {
	width: 341px;
	height: 20px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/h1-wizard.gif') no-repeat left top;
	margin: 14px 0;
}

.wizardContent {
	padding: 4px 30px;
}

#wizard .borderBottom {
	border-bottom: solid 3px #f2f2f2;
}

ul.plus li {
	padding-left: 12px;
	background: transparent url('../i/bullet-plus2.gif') no-repeat left 7px;
	margin-left: 10px;
}

#wizard form {
	margin: 12px 0;
}

#wizard form ul li {
	margin-bottom: 5px;
}

#wizard form ul li.marginTop {
	margin-top: 12px;
}

#wizard form ul li p {
	margin: 16px 0;
}

#wizard label {
	display: block;
	float: left;
	font-weight: bold;
	width: 110px;
	text-align: right;
	margin-right: 12px;
	margin-top: 2px;
}

#wizard .wideLabels label {
	width: 200px;
}

#wizard label.block {
	float: left;
	width: auto;
	text-align: left;
}

#wizard label .inst {
	font-weight: normal;
}

#wizard input {
	border: solid 1px #d9d9d9;
	padding: 3px;
	width: 240px;
	font: normal 11px arial, tahoma, verdana;
}

#wizard input.radio {
	border: 0;
	padding: 0;
	width: auto;
	margin: 4px 4px 4px 12px;
	float: left;
}

#wizard select {
	border: solid 1px #d9d9d9;
	padding: 3px;
	width: 240px;
	font: normal 11px arial, tahoma, verdana;
}

#wizard .answer {
	display: block;
	float: left;
	margin: 2px 0 0 0;
}

.good {
	margin: 0 0 0 10px;
	padding: 2px 0 2px 20px;
	background: transparent url('../i/wizard-check.gif') no-repeat left 2px;
	color: #fff;
}

.bad {
	margin: 0 0 0 10px;
	padding: 2px 0 2px 20px;
	background: transparent url('../i/wizard-x.gif') no-repeat left 2px;
	color: #dd1616;
}

.alert {
	padding: 6px 12px;
	background: #faf7ce;
}

#launchWizard,
#launchWizard:visited {
	display: block;
	width: 168px;
	height: 22px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-launchwizard.gif') no-repeat left top;
	margin: 8px 0;
}

#launchWizard:hover {
	background-position: left -22px;
}

#saveContinue,
#saveContinue:visited {
	display: block;
	width: 146px;
	height: 22px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-savecontinue.gif') no-repeat left top;
	margin: 8px 0;
}

#saveContinue:hover {
	background-position: left -22px;
}

#wizardProgress {
	background: #e6f4bf;
	padding: 18px 30px;
}

#saveProgress,
#saveProgress:visited {
	display: block;
	float: right;
	width: 116px;
	height: 22px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-saveprogress.gif') no-repeat left top;
	margin: 0;
}

#saveProgress:hover {
	background-position: left -22px;
}

#complete {
	width: 500px;
	height: 20px;
	border: solid 1px #dadada;
	background: #fff;
	position: relative;
	overflow: hidden;
}

#complete #bar {
	height: 20px;
	width: 5%; /* manipulate this as percentage complete */
	background: #aece60;
}

#complete span {
	display: block;
	width: 500px;
	text-align: center;
	position: absolute;
	top: 1px;
}



/* End of 'Original' */

