/****************************
Colors for Malmaison People Bank site: medium-grey:#9c9c9c; light-grey:#c8c7c8; error border and content-link-purple:#00D6DE; border color for promotionsList
*****************************/
/****************************
 Global element types
*****************************/
html, body {
	height: 100%;
}
/* See overiding background below */
input, select, textarea, table {
	font: inherit;
	font-size: 100%;
}
table {
	border-collapse: collapse;

}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
abbr, acronym {
	border-bottom: 1px dashed #454545;
	cursor: help;
}
form {
	margin: 0;
}
form * {
	vertical-align: middle;
}
img {
	border: none;
}
p, h1, h2, h3, h4, h5, h5, ul, ol {
	font-size: 100%;
	margin: 0 0 1em 0;
	padding: 0;
}
object, embed {
	display: block;
}
/****************************
 Global styles
*****************************/
a.action {
        background: url('/pb3/img146/images/graphics/arrow-small.gif') 0 50% no-repeat;
	padding-left: 6px;
}
a.actionBack {
        background: url('/pb3/img146/images/graphics/arrow-rev-small.gif') 0 50% no-repeat;
	padding-left: 6px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.floatRightContent {
	float: right;
	margin-left: 7px;
}
/* use to remove bottom margin on last block element */
.last {
	margin-bottom: 0;
}
.divide {
	background: url('/pb3/img146/images/graphics/black-ridge-h.gif') 0 0 repeat-x;
	margin-top: 10px;
	padding-top: 5px;
}
/* styles for images that are dropped in the content area */
.imgLeft {
	float: left;
	margin: 0 7px 7px 0;
}
.imgRight {
	float: right;
	margin: 0 0 7px 7px;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
/****************************
 Layout
*****************************/
#wrapper {
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	text-align: left;
        width: 775px;
}
#wrapperInner {
	padding: 0 0 38px 0;
	overflow: visible;
        width: 775px;
}
#mainCol {
	float: left;
	margin-bottom: 6px;
	overflow: hidden;
        width: 775px;
}
#mainBox {
	background: black;
	float: left;
	padding: 7px;
	color: #000000;
}
#login {
	margin: 14px 0 0 0;
	width: 445px;
	float: left;
}
/*****************************
 Header
******************************/
/* hide h1 as site title is part of background image - see site.css for images */
h1 {
	margin: 0;
}
h1 a {
	display: block;
	height: 95px;
	width: 141px;
	outline: none;
	text-indent: -9000px;
}
#header {
	float: left;
	margin: 0 0 6px 0;
	padding: 7px 7px 10px 7px;
}
#header * {
	margin: 0;
}
#header a {
	color: #c8c7c8;
}
#header a.active, #header a:hover {
	color: white;
}
#header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.headerRow {
	float: left;
        width: 761px;
}
/* breadcrumbs */
#breadCrumbs {
	float: left;
	margin-left: 3px;
        width: 485px;
}
#breadCrumbs p {
	/* 'you are here' text */
	background: url('/pb3/img146/images/graphics/arrow.gif') 0 50% no-repeat;
	float: left;
	margin: 0;
	padding: 0 5px 0 11px;
}
#breadCrumbs li {
	color: #c8c7c8;
	float: left;
}
#breadCrumbs li a {
	background: url('/pb3/img146/images/graphics/breadcrumbs-separator.gif') 100% 50% no-repeat;
	padding-right: 7px;
	margin-right: 4px;
}
#breadCrumbs li a.last {
	background: none;
}
#returnToMal {
	background: url('/pb3/img146/images/graphics/arrow.gif') 0 50% no-repeat;
	float: right;
	margin: 0;
	padding: 0 5px 0 11px;
}

/* skip link */

#skiplink a, #skiplink a:hover, #skiplink a:visited{height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px;} /* hide skip link */
#skiplink a:active, #skiplink a:focus{color:#fff; font-weight:bold; font-size:120%; height:auto; position:static; width:auto;} /* make visible when tabbed to */

/* site nav (top level navigation within current site) */
ul#siteNav {
	float: left;
	padding: 7px 0 0 3px;
}
ul#siteNav li {
	background: url('/pb3/img146/images/graphics/site-nav-separator.gif') 100% 50% no-repeat;
	float: left;
	padding-right: 10px;
	margin: 3px 10px 0 0;
}
ul#siteNav li.last {
	background: none; /* remove divider on last item */
}
/*************************
 Content
 *************************/
/* section/page image and header */
#headerImage {
	margin-bottom: -3px;
}
#headerContent {
	background: url('/pb3/img146/images/graphics/content-header-bg.jpg') repeat-x 0 100px;
	padding: 0 0 2px 0;
	overflow: hidden;
        #width: 636px;
        width: 760px;
}
#headerContentImage {
	float: left;
}
#headerContent h2 {
	float: left;
	margin: 0;
}
#headerContentLinks {
	float: right;
	padding: 16px 10px 0 0;
	overflow: hidden;
}
#headerContentLinks a {
	float: left;
	margin: 0 0 0 5px;
}
/* section nav (subnavigation within current section) */
ul#sectionNav {
	background: url('/pb3/img146/images/graphics/section-nav-bg.jpg') 0 0 repeat-x;
	list-style-type: none;
	overflow: hidden; /* contain floats */;
	height: 1%; /* contain floats in <= IE6 */;
	margin: 0;
	padding: 2px 10px 7px 10px;
	width: 616px;
}
ul#sectionNav a {
	color: #7c7b7c;
}
ul#sectionNav a.active, ul#sectionNav a:hover {
	color: #fff;
}
ul#sectionNav li {
	background: url('/pb3/img146/images/graphics/section-nav-separator.gif') 100% 50% no-repeat;
	float: left;
	margin: 3px 10px 0 0;
	padding-right: 10px;
}
ul#sectionNav li.last {
	background: none; /* remove divider on last item */
}

/* Main content */
#content {
	clear: left;
	overflow: hidden;
  border: solid 10px black;

  font-family: Arial,Helvetica,sans-serif;
  color: #CCCCCC;
  font-size: 0.8em;
  background: #000;
}
#contentLeft, #contentRight {
	float: left;
	overflow: hidden;
	padding: 11px 10px 10px 10px;
	width: 213px;
	margin: 0 0 -7px 0;
}
#contentRight {
	margin: 0 0 -7px 8px;
}
.columnImg {
	margin: -6px 0 0 -9px;
}
#content a {
	color: #00D6DE;
	text-decoration: none;
}
#content a:hover, #content active {
	text-decoration: underline;
}
/* page title */
#content h3, #content h4.people, #contentLeft h3, #contentRight h3 {
	background: url('/pb3/img146/images/graphics/dotted-rule.gif') repeat-x 0 100%;
	font-size: 95%;
	padding: 0 0 .50em 0;
	text-transform: uppercase;
}
#content h3 {
	margin: .10em 0 .75em 0;
}
#content h4.people {
	margin: .75em 0 .75em 0;
}
#content h4 {
	font-size: 130%;
	margin: 0 0 .80em 0;
	text-transform: uppercase;
}
#content h5 {
	margin: 0;
}
#content h6 {
	margin: 0;
}

#content hr {
  margin: 0px 0px 10px 0px;
}

#content ul li {
  margin: 0 0 0 20px;
  padding: 0;
}
/*Content Columns */
#content .colLeft {
	margin: 0 1em 0 0;
	padding: 0;
}
#content .colRight {
	margin: 0;
	padding: 0;
}
#content .colRight p {
	margin: 0;
}
#content .colLeft h5 {
	font-size: 100%;
	margin: 0;
}
#content .colLeft75 {
	width: 445px;
	float: left;
}
#content .colRight25 {
	width: 140px;
	float: right;
	margin: 0 0 0 20px;
}
#jobInfo {
	margin: 0 0 14px 0;
}
#jobInfo p {
	margin: 0;
}
/* Job Listing table*/
#jobListing {
}
#jobListing td {
	background: transparent url(/images/graphics/listing-divider.gif) no-repeat top left;
	padding: 3px 0;
}
#jobListing th {
	font-weight: bold;
	padding: 0 0 10px 0;
	text-align: left;
}
#jobListing .title {
	font-weight: bold;
}
#jobListing .listingAlt {
	background: #eeeeee;
}
#jobListing .first {
	background-image: none;
}
/* Content footer*/
#contentFooter {
	float: left;
	width: 75%;
	margin: 0 10px 0 0;
}
.pager {
	width: 445px;
	float: left;
}
.pager ul {
	margin: 0;
	display: inline;
}
#content .pager li {
	display: inline;
	list-style-type: none;
	border-left: 1px solid #000;
	padding: 0 4px;
}
#content .pager li.first {
	border-left: none;
	margin: 0;
	padding: 0 4px 0 0;
}
.contentFooter .button {
	float: right;
	margin: 0 0 0 20px;
}
/* ordered list */
#content ol li {
	margin-left: 23px;
}
* + html #content ol li {
	margin-left: 28px;
}
#content blockquote {
	color: #fff;
	width: 200px;
	padding: 10px;
	background: #a2365d;
}
#content blockquote p {
	margin: 0;
}
/* inserts dotted horizontal rule */
#content .section, #content .sectionDivided, .section {
	background: url('/pb3/img146/images/graphics/dotted-rule.gif') repeat-x 0 0;
	margin-top: 1em;
	padding-top: 1em;
}
#content .sectionDivided {
	background: none;
	border-top: 7px solid #000;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
}
/* Standard table */
.contentTable {
	border: 0;
	margin-top: 0;
	width: 100%;
}
/* overwriting margin-top from rule above */
.contentTable caption {
	display: none;
}
.contentTable td {
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}
.contentTable th {
	text-align: left;
}
.contentTable tr.alt {
	background-color: #eee;
}
.contentImage {
	margin-bottom: 10px;
}

/*****************************
 Forms (IE7 hacks for the floats and pixel-perfect positioning)
******************************/
#content h4.formHeader {
	font-size: 100%;
}
table.form {
	background: none;
	margin-bottom: 0;
	width: 580px;
}
table.form tr {
	background: none;
}
/* strange bug in IE6, IE7 that renders each tr with a dotted line */
table.form td {
	font-weight: normal;
	padding: 0 0 10px 0;
	vertical-align: top;
}
table.form td, table.form th {
	font-weight: normal;
	padding: 0pt 0pt 5px 0;
	vertical-align: top;
	text-align: left;
}
#formButtons td {
	width: 100px;
}
col.fieldsLeft {
	width: 150px;
}
.formButton {
	float: right;
	position: relative;
	margin-top: -20px;
}
* + html .formButton {
	margin: -12px 0 -10px 0;
}
/* Search Form - Listings page (With tables) */
#searchForm {
	width: 450px;
}
.form .dropDown, .form .textField {
	border: 1px solid #9c9c9c;
	color: #000;
	font: inherit;
}
.form .dropDown {
	width: 130px;
}
.form .textField {
	padding: 1px 3px;
	width: 124px;
}
.form .action {
	margin: 0 0 0 10px;
}
.errors {
	color: #00D6DE;
}
.error .textField, .error .calander, .error select, .error textarea {
	border: 1px solid #00D6DE !important;
}
.required {
	color: #00D6DE;
}

#content .buttn {
  background: url("https://www.malmaison.com/images/site/BTN-lg-blue-l.png") repeat scroll 0 0 transparent;
  border: none;
  padding: 2px 5px 2px 5px;
  color: #FFFFFF;
}

#content {
  min-height: 250px;
}

.WarningNormal {
  color: #FF8A8A;
	font-weight: normal;
}
.WarningNormalBold {
  color: #FF8A8A;
	font-weight: bold;
}
