﻿@import("patches/ie5mac.css");
@import url(reset.css);
@import url(headernav/layout.css);
@import url(mainnav/layout.css);
@import url(footernav/layout.css);
@import url(subnav/layout.css);
@import url(text.css);
@import url(snippets.css);
@import url(../search/search.css);
@import url(../register/register.css);


body {
	padding: 20px 0px 20px 0px;
	margin: 0 auto;
	text-align: center;
	background: url(../library/bg-html.jpg) repeat-x 0px 0px #d7d7d7;
	}
.star {
	background: url(../library/bg-body.gif) no-repeat 479px 0;
	position: absolute;
	z-index: 1;
	top: 166px;
	left: 50%;
	height: 600px;
	width: 49.9%;
	margin-left: 0px;
	}	
.frame {
	background: url(../library/bg-frame.png) repeat-y 0px 0px;
	position: relative;
	z-index: 2;
	width: 970px;
	margin: 0 auto;
	}
.innerframe {
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
	}
.con-printlogo {
	display: none;
	}		
.con-header {
	position: relative;
	z-index: 10000;
	height: 146px;
	background: url(../library/header.png) repeat-y 0px 0px #000;
	}	
.con-wrapper {
	width: 960px;
	background-color: #fff;
	}
.content .con-wrapper,
.subsite .con-wrapper {
	background: url(../library/bg-wrapper-dted.gif) repeat-y 640px 0px #fff;
	}
	.investing .con-wrapper {background: url(../library/bg-wrapper-investing.gif) repeat-y 640px 0px #fff;}	
	.innovation .con-wrapper {background: url(../library/bg-wrapper-innovation.gif) repeat-y 640px 0px #fff;}
	.exporting .con-wrapper {background: url(../library/bg-wrapper-exporting.gif) repeat-y 640px 0px #fff;}	
	.business .con-wrapper {background: url(../library/bg-wrapper-business.gif) repeat-y 640px 0px #fff;}
	.live-work .con-wrapper {background: url(../library/bg-wrapper-live-work.gif) repeat-y 640px 0px #fff;}	
	.regional .con-wrapper {background: url(../library/bg-wrapper-regional.gif) repeat-y 640px 0px #fff;}		
		
.con-image {
	width: 960px;
	}
.con-image img {
	display: block;
	}				
.con-supp-1,
.con-supp-2 {
	float: left;
	width: 320px;
	}	
.default .con-supp-1 {
	background: url(../library/bg-supp-hm.jpg) no-repeat 0px 0px;
	padding-top: 15px;
	}
.content .con-supp-1 {
	background: url(../library/bg-supp-dted.gif) no-repeat top right;
	border-top: 4px solid #000;
	min-height: 450px;
	padding-top: 0;
	}
			
.subsite .con-supp-1, 
.content .con-supp-1 {
	background: url(../library/bg-supp-dted.gif) no-repeat top right;
	border-top: 4px solid #000;
	min-height: 450px;
	padding-top: 0;
	}
	.investing .con-supp-1 {border-color: #808284;background-image: url(../library/bg-supp-investing.gif);}
	.innovation .con-supp-1 {border-color: #0067ac;background-image: url(../library/bg-supp-innovation.gif);}	
	.exporting .con-supp-1 {border-color: #009c95;background-image: url(../library/bg-supp-exporting.gif);}	
	.business .con-supp-1 {border-color: #a90533;background-image: url(../library/bg-supp-business.gif);}	 
	.live-work .con-supp-1 {border-color: #f5821f;background-image: url(../library/bg-supp-live-work.gif);}	
	.regional .con-supp-1 {border-color: #00523d;background-image: url(../library/bg-supp-regional.gif);}
			
.con-main,
.con-main-2 {
	float: left;
	width: 640px;
	padding: 0px;
	}	
.content .con-main {
	padding-bottom: 62px;
	}	
.subsitecontent .con-main {
	padding-bottom: 32px;
	}						
.con-footer {
	background: url(../library/bg-footer.jpg) no-repeat 0px 0px;
	width: 970px;
	height: 70px;
	margin: 0 -5px 0 -5px;
	position: relative;
	}	
div.content {
	padding: 0px 20px 20px 20px;
	}
	body.content div.content {
	padding: 0px 50px 0px 50px;
	}	
	body.subsitecontent div.content {
	padding: 0px 20px 20px 20px;
	}	
.mod-sitelogo {width: 320px; height: 114px; overflow: hidden;}
.mod-sitelogo img {margin: 15px 0px 0px 20px;}

.mod-headernav {position: absolute; z-index: 10000; top: 69px; left: 251px; width: 708px; height: 28px;}
.mod-mainnav {height: 28px;}
.mod-footernav {position: absolute; z-index: 1; top: 14px; left: 14px; width: 630px; height: 32px;}
.mod-footerlogos {position: absolute; z-index: 1; top: 14px; left: 660px;}	
.mod-sectionimage {border-top: 4px solid #000; height: 60px; overflow: hidden;}
.mod-image {position: relative; top: 0; left: 0; z-index: 1;}
.promo-statement {position: absolute; z-index: 1; bottom: 0; left: 0px; padding: 20px 20px 5px 20px; min-height: 60px; width: 600px;background: url(../library/bg-promo.png) no-repeat bottom left;}
.promo-statement h2 {color: #fff; padding: 25px 0 0 0; margin: 0;}
.promo-statement h3 {color: #ccc; padding: 0px; font-size: 90%; font-weight: normal; margin: 0;}

.mod-sectionpanel {
	margin: 5px 20px 0px 20px; 
	border-bottom: 1px solid #d8d8d8; 
	position: relative; 
	z-index: 1; 
	min-height: 90px;
	}
.default #pnl-3 {border-bottom: none !important;}
	
.con-main .mod-sectionpanel {
	border: none;
	margin: 0;
	}
.sectionpanel-wrapper {clear: both;}	
.mod-sectionpanel img {position: absolute; z-index: 1; top: 4px; right: 0;}
.subsite .con-main .mod-sectionpanel img {top: 15px; right: 20px;}
.mod-sectionpanel h2,
.mod-sectionpanel p {padding-right: 90px;}
.con-main .mod-sectionpanel p {min-height: 53px;}

.mod-banners {background: url(../library/bg-banners.jpg) no-repeat 0px 0px; clear: both;}
.mod-banners div {float: left; width: 280px; padding: 20px;}
.con-supp-1 .mod-banners {clear: both;}
.con-supp-1 .mod-banners div {padding: 0; float: none;}

.mod-sectionpanel h2,
.mod-latestnews h2,
.mod-latestevents h2,
.mod-quickpoll h2 {
	margin-top: 0; 
	padding-top: 0;
	}
.mod-latestnews,
.mod-latestevents {
	min-height: 100px;
	}
.mod-sectiongroup {
	width: 640px;
	}	

.mod-latestcasestudies div {
	background-image: url(../library/list-seperator.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	position: relative;
	z-index: 1;
	min-height: 95px;
	padding-right: 90px;
	}	
.mod-latestcasestudies img {position: absolute; z-index: 1; top: 10px; right: 0;}
	
.con-main .mod-sectionpanel,
.mod-latestcasestudies,
.mod-latestnews,
.mod-latestevents,
.mod-quickpoll,
.mod-relatedlinks,
.mod-subscriptions-panel,
.mod-register-panel,
.mod-register-planner,
.con-supp-1 .mod-banners {
	float: left; 
	width: 280px; 
	padding: 15px 20px 10px 20px; 
	background: url(../library/bg-panel.png) no-repeat top left;
	}
	body.investing .mod-sectiongroup {background-color: #f0f0f0;}
	body.innovation .mod-sectiongroup {background-color: #e0ecf5;}
	body.exporting .mod-sectiongroup {background-color: #e0f3f2;}
	body.business .mod-sectiongroup {background-color: #f4e1e6;}
	body.live-work .mod-sectiongroup {background-color: #fef0e4;}
	body.regional .mod-sectiongroup {background-color: #e0eae7;}
	
	body.innovation .custom-bg-panel,
	body.innovation .con-supp-1 .mod-banners {
		background-image: url(../library/bg-panel-2.png);
		}
	body.exporting .custom-bg-panel,
	body.exporting .con-supp-1 .mod-banners {
		background-image: url(../library/bg-panel-3.png);
		}	
	body.business .custom-bg-panel,
	body.business .con-supp-1 .mod-banners {
		background-image: url(../library/bg-panel-4.png);
		}	
	body.live-work .custom-bg-panel,
	body.live-work .con-supp-1 .mod-banners {
		background-image: url(../library/bg-panel-5.png);
		}
	body.regional .custom-bg-panel,
	body.regional .con-supp-1 .mod-banners {
		background-image: url(../library/bg-panel-3.png);
		}	
	.custom-bg-panel {
		background-repeat: no-repeat;
		}	
		
/*.mod-subscriptions-panel,*/
.mod-register-panel,
.mod-quickpoll {
	padding-bottom: 20px;
	}	
/*.mod-subscriptions-panel div.list input {
	padding: 3px 0px 0px 0px;
	display: block;
	}
.mod-subscriptions-panel div.list img {
	float: left;
	margin-right: 5px;
	}	
.mod-subscriptions-panel div.list span.text {
	display: block;
	padding: 3px 0px 5px 5px;
	float: left;
	}
	*/

/**/

.mod-subscriptions-panel div.list {	
	padding-top: 3px;
	background: url(../library/list-seperator.png) no-repeat top left;
	}

.mod-subscriptions-panel div.list p {	
	padding-left: 24px;
	}

mod-subscriptions-panel div.list input,	
.mod-subscriptions-panel div.list span,
.mod-subscriptions-panel div.list img {
	float: left;
	}
.mod-subscriptions-panel div.list span {
	padding: 3px 0px 0px 0px;
	display: block;
	float: left;
	}			
.mod-subscriptions-panel div.list img {
	margin: 4px 0px 5px 5px;
	}
.mod-subscriptions-panel div.list span.text {
	padding: 3px 0px 5px 5px;
	display: block;
	width: 200px;
	}

/**/	
	
	
.mod-latestnews div,
.mod-latestevents div {
	padding: 0;
	}	
.mod-subscriptions-panel dl {
	margin-bottom: 1em;
	}	

.mod-subscriptions-panel dd {
	font-weight: bold;
	line-height: 1.5;
	}	
.mod-subscriptions-panel .register {
	padding-bottom: 10px;
	text-align: left;
	padding-left: 0 !important;
	}	


div.subscriptions {
	background: url(../library/bg-options-top.gif) no-repeat 0px 0px ;
	padding-top: 5px;
	position: relative;
	z-index: 1;
	margin-bottom: .8em;
	}	
.subscriptions-inner {
	background: url(../library/bg-options-bottom.gif) no-repeat bottom left;
	padding: 2px 8px 5px 8px;
	}
	
.subscriptions-inner p {
	margin-bottom: .5em;
	}	

div.subscriptions input.btn-add {
	float: right;
	display: inline;
	margin-right: 5px;
	}


body.investing .subscriptions {
	background-image: url(../library/bg-options-top-investing.gif);
	}			
body.investing .subscriptions-inner {
	background-image: url(../library/bg-options-bottom-investing.gif);
	}
body.innovation .subscriptions {
	background-image: url(../library/bg-options-top-innovation.gif);
	}			
body.innovation .subscriptions-inner {
	background-image: url(../library/bg-options-bottom-innovation.gif);
	}
body.exporting .subscriptions {
	background-image: url(../library/bg-options-top-exporting.gif);
	}			
body.exporting .subscriptions-inner {
	background-image: url(../library/bg-options-bottom-exporting.gif);
	}
body.business .subscriptions {
	background-image: url(../library/bg-options-top-business.gif);
	}			
body.business .subscriptions-inner {
	background-image: url(../library/bg-options-bottom-business.gif);
	}
body.live-work .subscriptions {
	background-image: url(../library/bg-options-top-live-work.gif);
	}			
body.live-work .subscriptions-inner {
	background-image: url(../library/bg-options-bottom-live-work.gif);
	}
body.regional .subscriptions {
	background-image: url(../library/bg-options-top-regional.gif);
	}			
body.regional .subscriptions-inner {
	background-image: url(../library/bg-options-bottom-regional.gif);
	}






.mod-welcome {background: url(../library/bg-welcome.jpg) no-repeat 0px 0px #000; width: 640px; position: relative; z-index:1; top: 0; left: 0;}
.mod-welcome .pad-mod {background: url(../library/bg-welcome-corner.jpg) no-repeat bottom right;}
.mod-welcome strong {font-weight: normal;}
.mod-welcome h3 {font-weight: normal; border: none;}

.subsite .mod-welcome {background-image: none; background-color: #fff;}
.subsite .mod-welcome .pad-mod {background-image: none; padding: 17px 20px 17px 20px;}

.message, .quicklinks {float: left; width: 280px; padding: 17px 20px 0px 20px;}
.subsite .message {float: none; width: auto; padding: 0;}
.corner {position: absolute; z-index: 1; bottom: 0; right: 0;  width: 19px; height: 19px;}
.message h2  {
	color: #999;
	font-size: 114%;
	line-height: 25px;
	padding: 0;
	margin: 0;
	}
.message h2 strong {color: #fff;}	

/* Quicklinks */	
.quicklinks,
.quicklinks div {
	padding-bottom: 9px;
	}
.quicklinks h3 {
	color: #fff;
	float: left;
	width: 100px;
	overflow: hidden;
	vertical-align: middle;
	padding: 0 10px 0 0;
	margin: 0;
	text-align: right;
	background: transparent;
	}
.quicklinks select {
	vertical-align: middle;
	width: 160px;
	}	
/* Quickpoll */	
	
.options {
	background: url(../library/bg-options-top.gif) no-repeat 0px 0px ;
	padding-top: 5px;
	position: relative;
	z-index: 1;
	}	
.inner-options {
	background: url(../library/bg-options-bottom-2.gif) no-repeat bottom left;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.btn-vote {
	position: absolute;
	z-index: 1;
	bottom: 5px;
	right: 5px;
	}
body.investing .options {
	background-image: url(../library/bg-options-top-investing.gif);
	}			
body.investing .inner-options {
	background-image: url(../library/bg-options-bottom-investing.gif);
	}
body.innovation .options {
	background-image: url(../library/bg-options-top-innovation.gif);
	}			
body.innovation .inner-options {
	background-image: url(../library/bg-options-bottom-innovation.gif);
	}
body.exporting .options {
	background-image: url(../library/bg-options-top-exporting.gif);
	}			
body.exporting .inner-options {
	background-image: url(../library/bg-options-bottom-exporting.gif);
	}
body.business .options {
	background-image: url(../library/bg-options-top-business.gif);
	}			
body.business .inner-options {
	background-image: url(../library/bg-options-bottom-business.gif);
	}
body.live-work .options {
	background-image: url(../library/bg-options-top-live-work.gif);
	}			
body.live-work .inner-options {
	background-image: url(../library/bg-options-bottom-live-work.gif);
	}
body.regional .options {
	background-image: url(../library/bg-options-top-regional.gif);
	}			
body.regional .inner-options {
	background-image: url(../library/bg-options-bottom-regional.gif);
	}


/* Images */
#imagerotator,
#imagerotator li {
	list-style-type: none;
	width: 960px;
	padding: 0;
	margin: 0;
	height: 184px;
	}
#imagerotator li {
	position: absolute;
	top: 0;
	left: 0;
	}
#imagerotator li,
.mod-image,
.mod-sectionimage {
	border-top: 4px solid #000;
	}
#imagerotator img,
.mod-image img {
	height: 184px;
	width: 640px;
	display: block;
	}
#imagerotator li span {
	position: absolute;
	top: 20px;
	left: 660px;
	width: 280px;
	font-size: 152%;
	}
#imagerotator li span em {
	display: block;
	font-size: 75%;
	font-style: normal;
	line-height: 1.3em;
	}
.js #imagerotator li span {
	z-index: 1;
	}
#imagerotator li a {
	display: block;
	width: 960px;
	height: 184px;
	text-decoration: none;
	}	
	
/* Shared colours/overrides*/	
li#investing {background: url(../library/img-panel-1.png) no-repeat top right;}
li#investing span {color: #c0c1c2;}	
li#investing,
.investing .mod-image,
.investing .mod-sectionimage {
	border-color: #808284; 
	background-color: #808284;
	}
li#innovation {background: url(../library/img-panel-2.png) no-repeat top right;}
li#innovation span {color: #80b3d6;}			
li#innovation,
.innovation .mod-image,
.innovation .mod-sectionimage {
	border-color: #0067ac; 
	background-color: #0067ac;
	}
li#exporting {background: url(../library/img-panel-3.png) no-repeat top right;}	
li#exporting span {color: #80ceca;}		
li#exporting,
.exporting .mod-image,
.exporting .mod-sectionimage {
	border-color: #009c95; 
	background-color: #009c95;
	}
li#business {background: url(../library/img-panel-4.png) no-repeat top right;}		
li#business span {color: #d48299;}	
li#business,
.business .mod-image,
.business .mod-sectionimage {
	color: #d48299;
	border-color: #a90533; 
	background-color: #a90533;
	}
li#live-work {background: url(../library/img-panel-5.png) no-repeat top right;}	
li#live-work span {color: #fbcda5;}		
li#live-work,
.live-work .mod-image,
.live-work .mod-sectionimage {
	border-color: #f5821f; 
	background-color: #f5821f;
	}
li#regional {background: url(../library/img-panel-6.png) no-repeat top right;}
li#regional span {color: #80a99e;}	
li#regional,
.regional .mod-image,
.regional .mod-sectionimage {
	color: #80a99e;
	border-color: #00523d; 
	background-color: #00523d;
	}
/* Breadcrumb */	
div.mod-breadcrumb {
	width: 640px; 
	background: url(../library/bg-breadcrumb.jpg) no-repeat bottom left #fff;
	}
div#breadcrumb ul:after {display: none !important;}
div.mod-breadcrumb ul,
div.mod-breadcrumb li {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
	background-image: none !important;
	display: inline;
	}
div.mod-breadcrumb a,
/*div.mod-breadcrumb ul ul,
div.mod-breadcrumb li,*/
div.mod-breadcrumb strong {
	float: left;
	display: inline;
	}
div.mod-breadcrumb strong {
	white-space: nowrap;
	}	
div.mod-breadcrumb a {
	padding: .3em 0px .3em 17px;
	}
div.mod-breadcrumb ul ul a {
	background: url(../library/icn-crumb.gif) no-repeat 6px 50%;
	}
div.mod-breadcrumb strong {
	padding: .3em 0px .3em 17px;
	background: url(../library/icn-crumb.gif) no-repeat 6px 50%;
	font-weight: normal;
	}	
/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}
	
.con-errormessage {
	margin: 0 auto;
	width: 460px;
	background: url(../library/bg-errorcontent.jpg) no-repeat bottom;
	}
.mod-errorheader {
	width: 460px;
	}	
.mod-errorcontent {
	width: 410px;
	background: url(../library/bg-panel.png) no-repeat top left;
	padding: 0px 20px 20px 20px;
	text-align: left;
	height: 210px;
	}	
.mod-pagemeta {
	background: url(../library/bg-page-meta.png) no-repeat top left;
	text-align: left;
	position: absolute;
	left: 5px;
	top: -32px;
	border-top: solid 1px #FFF;
	height: 32px;
	width: 640px;
	}
.mod-pagemeta p {
	padding: 7px 20px 0 20px;
	margin: 0;
	}
.mod-pagemeta p.content-updated {
	position: absolute;
	top: 0;
	left: 350px;
	text-align: right;
	width: 250px;
	}
.mod-pagemeta a {
    padding: 1px 10px 2px 20px;
	background: transparent no-repeat left top;
	}
.mod-pagemeta a.pagemeta-email {
	background-image: url(../library/page-meta-email.png);
	}
.mod-pagemeta a.pagemeta-print {
	background-image: url(../library/page-meta-print.png);
	}
.mod-pagemeta a.pagemeta-feedback {
	background-image: url(../library/page-meta-feedback.png);
	}	
.mod-casestudy img {
    float: right;
    margin: 0 10px 0 10px;
    }
td {
    border-collapse:inherit !important
    }
.table-title {
    padding:20px 10px 10px 10px;
    font-size:16px;
    color:#5e5e5e;
    font-weight:bold;
    border-bottom:1px solid #d1d1d1
    }
.vacancy-list-wrapper {
    background:#fff;
    padding:5px
    }
.vacancy-list {
    background:#fff;
    border:0
    }
.vacancy-list td{padding:5px;vertical-align:middle;background:#efefef;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2}
.vacancy-list td.title {font-weight:bold;font-size:14px}
.vacancy-list td.title a{text-decoration:none;color:#666}              
.vacancy-list tr.spacer td{background:#fff;border:0;height:5px;line-height:5px;padding:0}    
.vacancy-list .col-1{width:104px}
.vacancy {}
.vacancy-subheader{padding:0 0 20px 0}
.vacancy-name, .vacancy-location, .vacancy-date {
    text-transform: uppercase;
    font-weight:bold;
    color:#666
}
.vacancy-number {
    font-weight:bold;
    color:#666
}
.btn-apply-now{background:url('../library/btn_apply_now.png') top left no-repeat; text-indent:-9999px;display:block;width:70px;height:18px}

    