/* CSS Document */ 

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; border:none;}

a img,:link img,:visited img { border:none; }

address { font-style:normal }

body {
	background-color: #ffffff;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

/* ----- POSITIONING STYLES ----- */

.divider {clear:both;}
.divider001 {clear:both;}
.divider002 {height:42px;}
.divider003 {height:0px;}
.divider004 {height:1px; border-bottom: solid 1px #4a8ad6; margin: 10px 5px 10px 5px; clear:left;}
.divider005 {height:1px; margin: 10px 5px 10px 5px; clear:left; padding:0px;}
.divider0051 {height:1px; margin: 10px 5px 10px 5px; clear:both; }
.divider006 {height:1px; border-bottom: solid 2px #9bb6d6; margin: 5px 0px 10px 0px; clear:both;}
.divider007 {clear:both; margin: 3px 0px 3px 0px;}


/* ----- LAYOUT STYLES ----- */

#container {
	width: 946px;
	margin: 13px auto 10px auto;
	text-align:left; 
	padding-bottom:0px; 
	height: 100%;
	position:relative;
	}

/* ----- HEADER ----- */
#header { 
	height:59px;
	vertical-align: bottom;
	background-repeat:no-repeat;
	background-position: bottom left;
	background-image:url(images/logo-xist4-recruitment.gif);
	padding-right:13px;
	}
	
#header h1 {float:left;}
#header span {display:none;}

#headerPanel001 {position:absolute; top:0px; right:0px; text-align:right;}
#headerPanel001 h5 {color:#27539a; font-size:1.6em; font-weight:normal;}
#headerPanel001 h6 { font-size:1.2em; font-weight:normal;}
#headerPanel001 a {color:#9bb6d6;}
#headerPanel001 a:hover {text-decoration: underline; color:#014596;}


/* ----- MENU (top / main menu)  ----- */
#menu {background-color:#004596; padding:5px 0px 5px 13px; color:#ffffff; font-size:11px; margin-top:11px; text-transform: uppercase; }
#menu ul {}
#menu li {float:left; display:inline; padding: 0px 0px 0px 22px;}
#menu a { color:#e2e040; text-decoration:none;}
#menu a.selected { color:#ffffff; text-decoration:none;}
#menu a:hover {color:#ffffff; text-decoration:underline;}

/* ----- MENU (top / sub menu)  ----- */
#submenu {}

#submenu ul {
	display:block;
	height:37px;
	background-image:url(images/bg-sub-menu.jpg);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 293px;
	}
	
#submenu li {
	float:left;
	display:block;
	white-space:nowrap;
	height:27px;
	padding: 10px 20px 0px 22px;
	background-image:url(images/divider-sub-nav.gif);
	background-position:top right;
	background-repeat:no-repeat;
	}

#submenu a {color:#004596; text-decoration:none;}

#menu li.CMSListMenuHighlightedLI a {color:#ffffff;}
#submenu li.CMSListMenuHighlightedLI a {color:#ffffff;}		



/* ----- CONTENT  (main content types) ----- */

.contentContainer {background-image:url(images/bg-page-001.jpg);background-repeat:no-repeat;background-color:#9bb6d6;}

.content {	
	background-position: top left;
	background-image:url(images/bg-page-001.jpg);
	background-repeat:no-repeat;
	}

.contentIndex {	
	background-image:url(images/panel-index-001.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding-bottom:0px;
	margin-bottom:0px;
	}	
	
.contentIndex a, .contentIndex a:visited {color:#000000; text-decoration:underline;}
.contentIndex a:hover {text-decoration:underline;}

.contentSubPage {background-color:#9bb6d6;; /* min-height: 800px; */ padding-bottom:40px;}

/* ----- CONTENT  (header) ----- */

#contentHeader {height:49px;padding-top: 20px;padding-left: 31px;}
#contentHeader span.subHeader {color:#ffffff; font-size:22px; font-weight:normal;}
#contentHeader span.subHeader h1 {font-size:22px; font-weight:normal;}
#contentHeader span.subHeader h2 {font-size:22px; font-weight:normal;}
#contentHeader span.subHeader h3 {font-size:22px; font-weight:normal;}
#contentHeader span.subHeader h4 {font-size:22px; font-weight:normal;}

/* ----- CONTENT  (panel 01) ----- */
.contentPanel001 {float:left; padding:0px 0px 0px 13px; position:relative; display:inline;}

.Panel001index {width:187px; padding: 0px; height:auto;}
.Panel001subPage {width:286px;}

.Panel001candidates {
	width:210px;
	background-image:url(images/bg-panel-0021.gif);
	background-repeat:no-repeat;
	height: 300px;
	padding: 0px;
	margin: 0px 48px 0px 27px;
	}

.Panel001employers {
	width:210px;
	background-image:url(images/bg-panel-0021.gif);
	background-repeat:no-repeat;
	min-height: 227px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 27px;
	}

.Panel001generic {
	width:210px;
	background-repeat:no-repeat;
	height: 227px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 27px;
	}

.contentPanel0011 {margin:10px 0px 85px 0px; padding-top:80px; background-position: top center; background-repeat:no-repeat;}
.contentPanel0011 h5 {text-align:center; color:#004596; font-size:13px;}
.contentPanel0011 img {float:left;}
.contentPanel0011 a {	padding: 0px 0px 5px 5px;	display:block; float:left; line-height:18px; color:#000000;}
.contentPanel0011 a:hover {text-decoration:underline;}	
.contentPanel0011 ul {margin-top: 15px; padding: 0px 0px 0px 20px;}
.contentPanel0011 li {clear:left; padding-top: 1px;}

.Panel0011employers {height:106px; background-image:url(images/icon-employers.gif);}
.Panel0011employers  ul {padding-top: 20px;}

.Panel0011candidates  {height:146px; background-image:url(images/icon-candidates.gif);}
.Panel0011candidates ul {padding-top: 10px;}


#contentPanel0012 { color:#004596; position:absolute; top:0px; left:670px;}
#contentPanel0012 blockquote {font-size:1.3em; padding-bottom:3px;}
#contentPanel0012 h6 {font-size:1.2em;}

.header {
	width:210px;
	height:19px;
	background-image:url(images/panel-quote-001.gif);
	background-repeat:no-repeat;
	background-position: top left;
	background-color:#000066;
	}
	
.quote {
	background-image:url(images/panel-quote-002.gif);
	width:170px;
	line-height: 1.8em;
	height: auto;
	padding: 0px 20px 0px 20px;
	}
	
.footer {
	width:210px;
	height:19px;
	background-image:url(images/panel-quote-003.gif);
	background-repeat:no-repeat;
	background-position: top left;
	}

/* ----- CONTENT  (panel 02) ----- */
.contentPanel002 {float:left; width:420px; position:relative;}
.contentPanel002 h1 {color:#ffffff; font-size:22px; font-weight:normal;}
.contentPanel002 h2 {color:#ffffff; font-size:22px; font-weight:normal;}
.contentPanel002 h3 {color:#ffffff; font-size:18px; font-weight:normal;}
.contentPanel002 h4 {color:#ffffff; font-size:18px; font-weight:normal; padding-bottom: 10px;}
.contentPanel002 h5 {color:#000000; font-weight:bold;}
.contentPanel002 h6 {font-size: 1.6em; color:#004596;}
.contentPanel002 p {color:#000000; font-size:1.1em; line-height: 1.5em; padding: 0em 0em 1.5em 0em;}
.contentPanel002 ul {padding: 0px; margin: 0px 0px 20px 20px;}
.contentPanel002 li {list-style-type:disc;line-height: 1.5em;}

.Panel002index {padding:20px 30px 0px 30px; width:400px !important;}
.Panel002subPage {padding:0px 0px 0px 0px; width:380px !important;}
.Panel002subPage table {margin: 0px 0px 20px 0px;}
.Panel002subPage th, .Panel002subPage td {}
.Panel002subPage a {color:#000000; text-decoration:underline;}
.Panel002subPage a:visited {color:#000000;}
.Panel002subPage ul {padding: 0px;}
.Panel002subPage li {padding: 0px 0px 2px 0px;}
.Panel002subPage ul li ul {padding: 15px 0px 0px 0px;}

.Panel002subForm {padding:0px; margin:0px; background-color:#f2f5fa;}
.Panel002subForm fieldset {padding: 10px;}
.Panel002subForm legend {color:#004596; padding:0px 0px 15px 0px; margin:0px; font-size: 1.2em;}
.Panel002subForm li {list-style-type:none; padding: 4px 0px 4px 8px; clear:left; }
.Panel002subForm label {display:block; float:left; text-align:left; width: 120px; padding-right:6px;}

.contentPanel002 ul.labelset001 {margin: 0px; padding:0px; float:left; width:180px;}
.contentPanel002 ul.labelset001 li {list-style-type:none; margin:0px; padding: 2px 20px 0px 5px;}

.contentPanel002 ul.labelset002 {margin: 0px; padding:0px; float:left; width:180px;}
.contentPanel002 ul.labelset002 li {list-style-type:none; margin:0px; padding: 2px 0px 0px 5px;}

/* ----- CONTENT  (callback panel) ----- */
#panelCallback {background-color:#e0e8f2; width:205px; margin:0px 0px 0px 4px;}
#panelCallback fieldset {display:block;}
#panelCallback ol li {clear:left; padding: 5px 0px 0px 5px;}
#panelCallback label {display:block; float:left; width:70px; text-align:left; padding-left:10px;}
#panelCallback input {display:block; width:110px; float:left; border: solid 1px #004596;}

.headerPanelCallback {background-image:url(images/header-panel-callback.gif); width:205px; height:45px; background-repeat:no-repeat;}
.titlePanelCallback {color:#004191; font-size:15px; padding: 15px 0px 0px 15px; display:block;}
.footerPanelCallback {background-image:url(images/footer-panel-callback.gif); width:205px; height:15px;}

/* ----- CONTENT  (form) ----- */
.formHeader {
	width: 420px;
	height: 15px;
	background-image:url(images/panel-header-420px.gif);
	background-repeat:no-repeat;
	background-position: left top;
	}

.formcontent { background-color:#f2f5fa;}
.formcontent input {border: solid 1px #004596;}
	
.formFooter {
	width:420px; height: 15px;
	background-image:url(images/panel-footer-420px.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	}
	
.formPanel001 {}
.formPanel001 td {border:solid 1px #9bb6d6; padding:10px; margin:10px; background-color:#cbdcf2;}
.formLabel001 {width:300px !important; font-weight:bold;}


.contentPanelNote {font-size:.7em;}
.buttonNext {float:right; text-align:right; padding-top:5px;}

/* ----- CONTENT vacancy summary ----- */
#vacancySummary {padding:20px;}
#vacancySummary h5 {padding:13px 0px 3px 0px;}
#vacancySummary h6 {padding:0px 0px 13px 0px;}
#vacancySummary p {padding:3px 0px 3px 0px;}

/* ----- CONTENT  (panel 03) ----- */
.contentPanel003 {
	float:left;
	background-image:url(images/bg-panel-003.gif);
	background-repeat:no-repeat;
	width: 270px;
	height: 374px;
	color:#014596;
	line-height: 18px;
	}
	
.Panel003index {margin-top:11px;}
.Panel003index  a {font-weight:bold; color:#014596; text-decoration:none;}
.Panel003index  a:hover {text-decoration:underline;}

.contentPanel0031 {height:67px; padding-top:70px; padding-left:25px;}
.contentPanel0031 a {color:#004596;}
.contentPanel0031 a:hover {color:#004596;}
.contentPanel0031 a:visited {color:#004596;}
.contentPanel0031 a:active {color:#004596;}

.contentPanel0032 { height:107px; padding: 8px 0px 0px 25px;}
.contentPanel0032 img {float:left;}
.contentPanel0032 a { padding: 0px 0px 5px 5px; display:block; float:left; line-height:18px; color:#004596;}
.contentPanel0032 a:hover {color:#004596;}
.contentPanel0032 a:visited {color:#004596;}
.contentPanel0032 a:active {color:#004596;}

.contentPanel0033 {height:74px; padding: 5px 0px 0px 25px;}
.contentPanel0033 p.select {margin-top:5px;}

/* ----- CONTENT  (job listing panel) ----- */
.panelJobListing {padding: 0px 15px 0px 15px; background-color:#e0e8f2; width:363px; margin:0px;}
.panelJobListing h5 {font-size: 15px;}

.btn {margin-top:10px;}

.panelHead {background-image:url(images/panel-header-393px.gif); background-repeat:no-repeat; width:393px; height:13px; margin:0px; padding:0px; background-color:#e0e8f2;}
.panelFooter {background-image:url(images/panel-footer-393px.gif); background-repeat:no-repeat; width:393px; height:13px; clear:both; margin-bottom:10px;}

.controlclass { padding: 0px; margin-top:5px;}
.controlclass span {color:#5A7DA6; font-weight:bold; padding:1px 3px 1px 3px;}
.controlclass a {color:#004596; font-weight:bold; padding:0px;}
.controlclass div {margin-bottom:5px; padding-bottom: 5px; border-bottom: solid 1px #BECDE0;}

a.selectedPrevclass {}
.unselectedclass {color:#004596;}
a.unselectedclass {color:#004596;}
a.unselectedPrevclass {color:#004596;}
a.unselectedNextclass {color:#004596;}
.selectedclass  {color:#004596; background-color:#E0E8F2; border: solid 2px #EEF3F8;}
a.selectedclass {color:#004596; background-color:#E0E8F2; border: solid 2px #EEF3F8;}

/* ----- CONTENT  (footer) ----- */
#footer {background-color:#e2e03e; padding: 8px 13px 15px 13px; margin:0px;}
#footer ul {}
#footer li {display:inline; float:left; font-size:12px; color:#004596; padding: 0px 15px 0px 0px;}
#footer a {text-decoration:underline; color:#004596;}
#footer a:active, #footer a:visited {text-decoration:underline; color:#004596;}

#footerLinks {height:100px; width:946px; position:relative; border-bottom:solid 1px #E2E03E; }
#footerLinks ul {}
#footerLinks li {float:left;}

.links {position: absolute; bottom:10px;}
.links li {padding: 0px 5px 0px 5px; border-right: solid 1px #014596; font-weight:normal;}
li.last { border-right: none;}

.links a {color:#014596;}

.accreditationLogos {float:right;}

/* ----- CONTENT  (policies) ----- */

#containerPolicy {
	width: 500px;
	margin: 10px auto 0px auto;
	text-align:left; 
	position:relative;
	}

.contentPolicy {padding:20px;}

.contentPolicy h1,.contentPolicy h2, .contentPolicy h3  {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #014596;
	font-size: 1.3em;
}
.contentPolicy p {padding: 0px 0px 20px 0px;}
.contentPolicy ul {margin: 0px 0px 10px 10px; padding: 0px 0px 5px 10px; }
.contentPolicy li {display:block; padding: 0px 0px 5px 10px; list-style-type:square;}

.visualIEFloatFix { min-height: 0.01%; }

/* ----- ERROR STYLES ----- */
#ctl00_plcMain_edtBody_ctl00_Bizform1_lblErrorLabel {width:400px; display:block; padding:5px 0px 0px 20px; font-size:14px; font-weight:bold;}

/* ----- BIZ FORM BUTTON STYLES ----- */
#ctl00_plcMain_edtBody_ctl00_Bizform1_ctl00_btnOK {margin-left:35px;}

.quoteText {line-height: 1.5em; padding: 10px 5px 10px 5px;}
.quoteSummary { display: block; }
.quoteFull { display: none; }

.buttonright { float: right; }

.ErrorLabel {color: red;}