/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/
body, html {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	background: #fff url(../images/BG_main.gif) repeat-x;
	color: #666;
	margin-bottom: 20px;
}
a img, fieldset, form {border: 0;}
p {margin: 0 0 1.2em;}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 0.5em;
	font-size: 14px;
}
h1 {color: #cccc99;}
h3 {font-size: 13px;}
h4, h5, h6 {
	font-size: 12px; 
	color: #000;
}
h5, h6 {
	color: #626262;
	margin-bottom: 0.2em;
}
a:link, a:visited {
	color: #666;
	text-decoration: underline;
}
a:hover {text-decoration: none;}
blockquote {
	margin-left: 18px;
	font-style: italic;
}
table, td {font-size: 100%;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.2em;
}
table table {margin: 0;}
ul, ol {
	padding: 0;
	margin: 0 0 12px 25px;
}
ol {margin-left: 35px;}
li {line-height: 1.3;}
hr  {
	border: 0;
	height: 1px;
	color: #e5e5e5;
	background-color: #f5f5f5;
	width: 100%;
}

/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/
div.hr {
	border: 0;
	padding: 0;
	margin: 12px 0 12px 0;
	height: 1px;
	color: #f5f5f5;
	background-color: #f5f5f5;
	clear: both;
	overflow: hidden;
}
div.hr hr {display: none;}
.clear {clear: both;}
.hidden {visibility: hidden;}
.green {
	color: #cccc99;
	font-weight: bold;
}
.goldtext {color: #cccc99;}
.pressP {
	margin-bottom: 10px;
}
.press {
	text-decoration: none;
}
a:hover.press {
	text-decoration: underline;
}
.dataGrid {
	width: 800px;
	margin: 20px;
	background-color:white;
	border: 0px none;
}
.dataGrid th {
	height: 33px;
	padding-left: 5px;
	text-align: left;
	color: black;
	font-size: 12px;
	font-weight: normal;
}
.dataGrid td {
	border-top: 0px none;
	border-bottom: 1px solid #dfe1e3;
	padding: 3px 0 3px 5px;
	color: #7e7e7e;
	font-size: 12px;
	margin: 0;
	vertical-align: top;
	text-align:left;
}
.editGrid {
	height: 33px;
	padding-left: 5px;
	text-align: left;
	color: black;
	font-size: 12px;
	font-weight: normal;
}
.hide {
	position: absolute;
	left: -999em;
}

/****************************************************************************************
	[LAYOUT]
*****************************************************************************************/

/* MAIN =============================================================== */
#main {
	width: 870px;
	margin: 0 auto 50px auto;
}

/* HEADER ============================================================= */
#header {
	width: 870px;
	height: 90px;
	margin-bottom: 5px;
}
#headerL {
	float: left;
	display: inline;
	width: 584px;
	padding: 40px 0 0 16px;
}
#headerL img {
	border: none;
}
#headerR {
	float: right;
	display: inline;
	width: 252px;
	padding: 50px 8px 0 0;
	text-align: right;
}
#headerR p, #headerR a {
	font-size: 11px;
	color: #CCC;
	margin: 0;
}
#headerR a {text-decoration: none;}
#headerR a:hover {text-decoration: underline;}

/* GLOBAL NAV ========================================================= */
#nav {
	width: 849px;
	padding: 6px 16px 0 5px;
	margin: 0;
	float: left;
}
 #nav li {
 	list-style-type: none;
 	float: left; 
 }
 	#nav li a {
		text-decoration: none;
		padding: 0 16px;
		color: #999;
		font-weight: bold; 
	}
#nav a:hover,
#nav a.active {
	color: #666666;
}
#nav.no-subnav {padding-bottom: 49px;}	

/* SUB NAV ============================================================ */
#subnav-wrapper {
	background: url(../images/SN_arrow.gif) no-repeat 46px 11px;
	width: 867px;
	padding: 16px 0 5px 3px;
	clear: both;
	float: left;
}
#subnav-wrapper.section-two {background-position: 145px 11px;}
#subnav-wrapper.section-three {background-position: 248px 11px;}
#subnav-wrapper.section-four {background-position: 320px 11px;}
#subnav-wrapper.section-five {background-position: 400px 11px;}
 
	#subnav {
		background: url(../images/SN_btm_bg.gif) no-repeat 0 100%;
		width: 866px;
		float: left;
	}
		#subnav ul {
			background: url(../images/SN_top_bg.gif) no-repeat 0 0;
			float: left;
			width: 836px;
			padding: 0 15px;
			margin: 0;
		}
			#subnav ul li {
				list-style-type: none;
				padding: 6px 10px 8px 10px;
				font-size: 11px;
				color: #666666;
				float: left;
				background: url(../images/SN_border.gif) no-repeat 0 8px;
			}
			#subnav ul li.first {
				background: none; 
				padding-left: 0;
			}
				#subnav ul li a {
					text-decoration: none;
				}
					#subnav ul li a:hover,
					#subnav ul li a.active {color: #333333;}

/* CONTENT ============================================================ */
#contentHome {
	width: 870px;
	clear: both;
}
#contentHome img {border: none;}
#content {
	width: 870px;
	background-image: url(../images/content_mid.gif);
	background-repeat: repeat-y;
	clear: both;
}
#contentMid {
	width: 862px;
	min-height: 400px;
	background-image: url(../images/content_mid2.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	padding: 4px;
	float: left;
}
* html #contentMid {height: 400px;}
#contentTop, #contentBot {
	width: 870px;
	height: 6px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#contentTop {background-image: url(../images/content_top.gif);}
#contentBot {
	background-image: url(../images/content_bot.gif);
	clear: both;
}
#contentCopy {
	width: 522px;
	padding: 28px 0 30px 0;
	margin-left: 250px;
	float: left;
}
body.panel #contentCopy {margin-left: 0;}
body.panel div.panel {
	float: left;
	width: 205px;
	padding: 28px 0 30px 0;
	margin: 0 28px 0 17px;
}
	body.panel div.panel p {margin: 0;}
	body.panel div.panel img {max-width: 205px;}
	* html body.panel div.panel {display: inline;}
	* html body.panel div.panel img {width: 205px;}
body.page-wide #contentCopy {
	width: 828px;
	margin: 0 17px;
}
* html #contentCopy {display: inline !important;}

/* Title */
#title {
	width: 845px;
	padding: 16px 0 18px 17px;
	min-height: 40px;
	float: left;
	border-bottom: 1px solid #E5E5E5;
}
* #title {height: 40px;}
#title h1 {
	color: #cccc99;
	font-size: 14px;
	margin: 0;
	font-weight: bold;
}
#title h2 {
	color: #666666;
	font-size: 14px;
	margin: 0;
	font-weight: bold;
}


/****************************************************************************************
	[COMPONENTS]
*****************************************************************************************/

/* CAREERS ============================================================ */

/* Job Listing Page */
table#jobvacancies {
	width: 100%;
	margin: 0;
}
table#jobvacancies th,
table#jobvacancies td {
	padding: 3px;
	vertical-align: top;
}
table#jobvacancies th {
	color: #c7c78d;
	background-color: #f0f0f0;
	text-align: left;
}
table#jobvacancies td {font-size: 11px;}

/* Job Details Page */
p.back-listing {
	float: right; 
	margin: -20px 0 0 0;
}
p.back-listing.no-logo {margin: 0;}

table#jobdetails {
	margin: 2em 0 0 0;
	width: 100%;
}
table#jobdetails th,
table#jobdetails td {
	padding: 0 0 8px 0;
	vertical-align: top;
}
table#jobdetails th {
	color: #c7c78d;
	width: 24%;
}
table#jobdetails td.apply {padding-left: 24%;}
	table#jobdetails td.apply a {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 14px;
		color: #000;
	}

/* Job Application Page */
table#applicationform {
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
}
table#applicationform th,
table#applicationform td {padding: 8px 0;}
table#applicationform th {
	color: #c7c78d;
	width: 24%;
}

/* Logos - Job Details Page */
#contentMid div.logo-dl,
#contentMid div.logo-js,
#contentMid div.logo-marcs,
#contentMid div.logo-morrissey {text-indent: -9999em;}
#contentMid div.logo-dl {
	background:  url(../images/logo-dl.gif) no-repeat 0 0;
	width: 200px;
	height: 20px;
}
#contentMid div.logo-js {
	background:  url(../images/logo-jigsaw.gif) no-repeat 0 0;
	width: 200px;
	height: 26px;
}
#contentMid div.logo-marcs {
	background:  url(../images/logo-marcs.gif) no-repeat 0 0;
	width: 200px;
	height: 33px;
}
#contentMid div.logo-morrissey {
	background:  url(../images/logo-morrissey.gif) no-repeat 0 0;
	width: 200px;
	height: 40px;
}

/* IMAGE LIBRARY ============================================================ */
#contentMid ul#img-gallery {
	margin: 0 auto;
	list-style: none;
	width: 465px;
	padding-top: 10px;
}
	#contentMid ul#img-gallery li {
		float: left;
		margin: 0;
		padding-bottom: 20px;
		width: 155px;
		text-align: center;
	}
	#contentMid ul#img-gallery li.divider {
		width: 465px;
		height: 0;
		clear: both;
		display: block;
		padding: 0;
		float: none;
		line-height: 0;
		font-size: 0;
	}
		#contentMid ul#img-gallery li p {
			padding: 5px 10px 0 10px;
			color: #666;
			font-size: 0.9em;
			text-transform: uppercase;
			line-height: 1.1em;
			margin: 0;
		}
		#contentMid ul#img-gallery li a.thickbox img {
			border: 6px solid #CCCC99;
			width: 88px;
			height: 63px;
		}
		#contentMid ul#img-gallery li a.thickbox:hover img {border-color: #666;}

/****************************************************************************************
	[FORMS]
*****************************************************************************************/

form,
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
form fieldset legend span {
	position: absolute;
	top: -999em;
}

/* Filter ============================================================ */
fieldset#jobvacancies {
	border: 0; 
	text-align: right;
	padding: 0;
	margin: 0;
}
	fieldset#jobvacancies p {
		margin: 0;
		display: inline;
		padding: 0 10px 0 0;
	}
	fieldset#jobvacancies select {margin-left: 10px;}

/* Application Form ============================================================ */
form fieldset {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
	form fieldset div.form-row {
		padding: 6px 0;
		clear: both;
		width: 522px;
		float: left;
	}
	form fieldset div.form-row label {
		width: 11em;
		float: left;
		padding: 2px 8px 1px 0;
		font-weight: 500;
		line-height: 1.25;
	}
		form fieldset div.form-row label.full-length {
			width: auto;
			padding-bottom: 10px;
			clear: both;
		}
		
	form fieldset div.form-row textarea,
	form fieldset div.form-row select,
	form fieldset div.form-row input {
		font: 1em Arial, Helvetica, sans-serif;
		color: #666;
		width: 16em;
	}
	form fieldset div.form-row select {width: auto;}
	form fieldset div.form-row textarea {		
		height: 40px;
		overflow: auto;
	}
	form fieldset div.form-row table {margin: 0;}
	form fieldset.attach-resume div.note {
		font-size: 10px;
		margin-left: 14em;
		padding: 5px 0 8px 0;
	}
	form fieldset.attach-resume div.terms label {
		width: auto; 
		clear: both; 
		margin-top: 10px;
	}
	form fieldset.attach-resume div.terms input {width: auto;}
		
		form fieldset div.form-row .hide-show.one-row {
			width: 34em;
			padding-top: 20px;
			/*margin-left: 11.5em;*/
		}
			form fieldset div.form-row .hide-show.one-row label {
				width: 6em;
				display: inline !important;
			}
			form fieldset div.form-row .hide-show.one-row input {width: 6.5em !important;}
	
	form fieldset div.form-row div.multi-inputs,
	form fieldset div.form-row table.tble-availability {
		display: block;
		float: left;
		clear: none;
		width: 26em;
	}
		form fieldset div.form-row div.multi-inputs label {
			width: auto;
			padding: 0;
			float: none;
			display: block;
		}
		form fieldset div.form-row div.multi-inputs input {
			width: auto; 
			margin-right: 5px;
		}
			form fieldset div.form-row div.multi-inputs.indent {
				width: 12em;
				margin-left: 11em;
				margin-right: 0;
				display: inline;
			}
			/* Availability */
			form fieldset div.form-row div.multi-inputs table.tble-availability {
				margin: 0 0 10px 0; 
				width: 260px;
			}
				form fieldset div.form-row div.multi-inputs table.tble-availability th {
					font-weight: normal;
					text-align: left;
					vertical-align: middle;
					padding: 0 20px 0 0;
				}
				form fieldset div.form-row div.multi-inputs table.tble-availability td {
					vertical-align: top;
					padding: 0 20px 0 0;
				}
					form fieldset div.form-row div.multi-inputs table td label {display: inline;}
					form fieldset div.form-row div.multi-inputs table.tble-availability td input {margin: 0;}
		
	/* Submit button */
	form fieldset.form-submit {
		padding-top: 15px;
		clear: both;
		border: 0;
	} 
		form fieldset.form-submit input {
			background-color: #666;
			color: #fff;
			padding: 5px;
			width: 130px;
			text-align: center;
		}
	/* Dialog Window Popup */
	.dialogwindow-bg {
		background-color: #333;
		filter: alpha(opacity=90);
		opacity: 0.9;
	}
		.dialogwindow {
			border: 3px solid #333;
			width: 350px;
			padding: 0;
			background: #fff;
		}
		/* Title */
		.dialogwindow .dialogwindow-title {
			cursor: move;
			background-color: #CCCC99;
			color: #000;
			text-align: center;
			font-weight: bold;
			font-size: 1.2em;
			padding: 4px;
			text-transform: uppercase;
			border-bottom: 5px solid #333;
		}
		/* Close Btn */
		.dialogwindow a.dialogwindow-btn {
			text-decoration: none;
			background: #ccc;
			padding: 4px;
			font-weight: bold;
			font-size: 1.1em;
			color: #000;
			text-transform: uppercase;
			border-right: 1px solid #666;
			border-bottom: 1px solid #666;
		}
		.dialogwindow a.dialogwindow-btn:hover {background: #999;}
		/* Content */
		.dialogwindow .dialogwindow-text {padding: 10px;}
		.dialogwindow .dialogwindow-text p {
			font-size: 1.1em;
			font-weight: bold;
			margin: 0;
		}
		.dialogwindow .dialogwindow-text ul {color: #000;}
		.dialogwindow .dialogwindow-text ul li {}