/** Neutralise implicit browser styling */
body, html, address, form, p, ol, ul, li, h1, h2, h3, big, small {margin: 0; padding: 0; font-size: 100%;}
ol, ul, li {list-style: none;}
a img {border: none;}

span.plus {color: #009dda;}

/** Base body styling */
body {background-color: white; color: #3b3b3b; 
	font-family: Arial, Helvetica, sans-serif; font-size: 87.5% /* 14px */; 
	letter-spacing: -0.02em; line-height: 1.214 /* 17px */;}

/** Standard heading styles */
h2 {color: #009dda; font-size: 171.4% /* 24px */; font-weight: bold; letter-spacing: -0.04em; line-height: 1.208 /* 29px */;}
h2 em {color: #000000; font-style: normal;}
big.fauxHeading {display: block; color: #000000; font-size: 128.6% /* 18px */; font-weight: bold; line-height: 1.1;}

/** Standard hyperlink styles */
a {color: #3b3b3b; text-decoration: underline;}
a:hover {color: #009dda; text-decoration: underline;}

/** Clearers and spacers */
.clear {clear: both;}
div.rule, div.clearer, div.spacer, div.spacerDouble {clear: both; height: 0; overflow: hidden; font-size: 0.01%; line-height: 0.01;}
div.spacer {height: 12px;}
div.spacerDouble {height: 24px;}


/**============================================================================================================*/

/** Document body and layout container */
body, html {height: 100%;}
html {overflow-y: scroll;}
div#layout {min-height: 100%; position: relative; min-width: 980px;}

/** Layout heading section */
div#layoutHead {border-bottom: 1px solid #dcdcdc; padding: 10px 0 18px 0; background-color: #eeeeee;}
div#layoutHead div.layoutCentre {margin: 0 auto; position: relative; width: 960px;}

/** Layout body section */
div#layoutBody {padding: 16px 0 180px 0; width: 100%;}
div#layoutBody div.layoutCentre {margin: 0 auto; width: 960px;}
div#layoutBody div.layoutCentre div.layoutWelcome {height: 34px; padding-left: 1px;}

/** Layout footer section */
div#layoutFoot {bottom: 0px; height: 96px; padding-top: 20px; position: absolute; width: 100%; background-color: #009eda; color: #ffffff;}
div#layoutFoot div.layoutCentre {margin: 0 auto; width: 960px; font-size: 85.7% /* 12px */; font-weight: bold;}

/** Basic ribbon (between header and body) styling */
div.layoutRibbon {border-bottom: 1px solid #dddddd; width: 100%; background-color: #009eda; background-position: 50% 0; background-repeat: no-repeat;}
div.layoutRibbon div.layoutCentre {margin: 0 auto; width: 960px;}


/**============================================================================================================*/

/** Banner advert spanning top header */
div#layoutHead div.vert728by90 {margin-bottom: 28px;}

/** Primary site logo */
div#layoutHead a.mainLogo {display: block; float: left;}
div#layoutHead a.mainLogo img {display: block;}


/**------------------------------------------------------------------------------------*/

/** Comment */
div#layoutWelcome {font-weight: bold; position: absolute; right: 0; top: 10px; text-align: right;}

/** Comment */
div#layoutWelcome form {background-color: #939393; float: right; padding: 2px;}
div#layoutWelcome form label {color: #fff; float: left; padding: 3px 4px 2px 3px;}
div#layoutWelcome form label img {display: block;}
div#layoutWelcome form input {border: 0; float: left; font-family: Arial, Helvetic, sans-serif; font-size: 13px; margin: 0; padding: 2px;}

/** User login/welcome area of header */
div#layoutWelcome ul {clear: both; float: right; padding-top: 50px; font-size: 85.7% /* 12px */;}
div#layoutWelcome ul li {float: left; padding-left: 12px;}
div#layoutWelcome ul li a {text-decoration: none;}
div#layoutWelcome ul li a:hover {text-decoration: underline;}
div#layoutWelcome ul li.login a {padding: 1px 3px; background: #dddddd; text-transform: uppercase;}


/**------------------------------------------------------------------------------------*/

/** Base styling for main menu list */
ul#layoutMainMenu {float: right; font-weight: bold; line-height: 1.1;}
ul#layoutMainMenu li {display: inline; float: left; padding-bottom: 9px; margin-left: 1px;}

/** Rollover links/buttons in main menu */
ul#layoutMainMenu li a {display: block; height: 30px; padding: 13px 0 0 0; width: 85px;
	background: url(/images/menu_main_middle.png) 0 0; color: #3b3b3b; text-align: center; text-decoration: none;}
ul#layoutMainMenu li a:hover {background-position: 0 -43px; color: #009dda;}

/** Special styling for first and last elements of main menu */
ul#layoutMainMenu li.first a {padding-left: 6px; background-image: url(/images/menu_main_first.png);}
ul#layoutMainMenu li.last a {padding-right: 6px; background-image: url(/images/menu_main_last.png); background-position: 100% 0;}

/** Last menu item requires a different background position */
ul#layoutMainMenu li.selected {background: url(/images/menu_main_pointer.png) 50% 100% no-repeat;}
ul#layoutMainMenu li.selected a {background-position: 0 -86px; color: #ffffff;}
ul#layoutMainMenu li.selected a:hover {background-position: 0 -86px; color: #ffffff;}

/** Special styling for highlighted menu item */
ul#layoutMainMenu li.last.selected a {background-position: 100% -86px;}
ul#layoutMainMenu li.last.selected a:hover {background-position: 100% -86px;}

/** Comment */
/*ul#layoutMainMenu li.last form {padding: 11px 21px 0 15px;}
ul#layoutMainMenu li.last form label {float: left; overflow: hidden; padding: 0; width: 20px; cursor: text; text-indent: -99.9em;}
ul#layoutMainMenu li.last form input {border-width: 0; float: left; padding: 1px 0; height: 1%; width: 124px; 
	background-color: transparent !important; 
	background-color: #ededed; 
	border-color: transparent; font-family: Arial, Helvetic, sans-serif; font-size: 13px;}*/


/**============================================================================================================*/

/** User welcome-bar found at top of body (doubles as spacer) */
div#layoutBody div.layoutWelcome {color: #009dda; font-weight: bold;}
div#layoutBody div.layoutWelcome strong {color: #000000;}


/**------------------------------------------------------------------------------------*/

/** Fixed-width columns in page body */
div#layoutBody div.singleColumn {float: left; margin-right: 20px; min-height: 1px; overflow: hidden; width: 225px;}
div#layoutBody div.doubleColumn {float: left; margin-right: 20px; min-height: 1px; overflow: hidden; width: 470px;}
div#layoutBody div.tripleColumn {float: left; margin-right: 20px; min-height: 1px; overflow: hidden; width: 715px;}
div#layoutBody div.lastColumn {margin-right: 0;}


/**------------------------------------------------------------------------------------*/

/** General content area (managed content) */
div#layoutBody .pageContent h2 {padding-bottom: 15px; width: 88%;}
div#layoutBody .pageContent p {padding-bottom: 15px;}
div#layoutBody .pageContent p strong {color: #000000;}

div#layoutBody .pageContent ol {margin-left: 18px; padding-bottom: 15px; list-style-type: decimal;}
div#layoutBody .pageContent ul {margin-left: 18px; padding-bottom: 15px; list-style-type: disc;}
div#layoutBody .pageContent ol li {padding: 1px 0; list-style-type: decimal;}
div#layoutBody .pageContent ul li {padding: 1px 0; list-style-type: disc;}

div#layoutBody .pageContent img.topImage {display: block; margin-bottom: 15px;}
div#layoutBody .pageContent img.sideImage {display: inline; float: left; margin: 0 16px 8px 0;}

/** Content area adjustments for specific-sized columns */
div#layoutBody div.doubleColumn .pageContent {padding-right: 10px;}
div#layoutBody div.tripleColumn .pageContent {padding-right: 30px;}
/*div#layoutBody div.doubleColumn .pageContent img.splash {width: 460px;}*/

/** Further content area styling based on specific elements */
div#layoutBody div.pageContent {padding-bottom: 20px;}


/**------------------------------------------------------------------------------------*/

/** Emboldened content areas (predominantly found in rounded panels) */
div#layoutBody .boldContent {color: #555555; font-weight: bold;}
div#layoutBody .boldContent strong {color: #000000;}



/**============================================================================================================*/

/** Left-hand copyright notice on footer */
div#layoutFoot div.copyright {float: left;}
div#layoutFoot div.copyright img {float: left;}
div#layoutFoot div.copyright p {float: left; padding: 15px 0 0 6px;}

/** Right-hand shortcut menu on footer */
div#layoutFoot ul {float: right; padding-top: 15px; text-transform: uppercase;}
div#layoutFoot ul li {float: left; padding-left: 10px;}
div#layoutFoot ul li a {color: white; text-decoration: none;}
div#layoutFoot ul li a:hover {color: white; text-decoration: underline;}


/**============================================================================================================*/

/** Generic styling for rounded-corner content boxes */
div.rounded {background-position: 0 0; background-repeat: no-repeat; zoom: 1;}
div.rounded div.rounded1 {background-position: 100% 0; background-repeat: no-repeat;}
div.rounded div.rounded2 {background-position: 0 100%; background-repeat: no-repeat;}
div.rounded div.rounded3 {padding: 18px; background-position: 100% 100%; background-repeat: no-repeat;}
div.rounded h2 {line-height: 1.1;}

/** Rounded-corner styling specific to boxes in body section */
div.rounded {background-image: url(/images/panels/w_tl.png);}
div.rounded div.rounded1 {background-image: url(/images/panels/w_tr.png);}
div.rounded div.rounded2 {background-image: url(/images/panels/w_bl.png);}
div.rounded div.rounded3 {background-image: url(/images/panels/w_br.png);}

/** Background-colouring for rounded-corner boxes */
div.roundedMenu {background-color: #e0e0e0;}
div.roundedPanel {background-color: #f1f1f1;}
div.roundedFocus {background-color: #ffffff;}


/**------------------------------------------------------------------------------------*/

/** Vertical single-tier menu (used for page navigation) */
ul.stripMenu {line-height: 1.1; border-bottom: 1px solid #bdbdbd;}
ul.stripMenu li {border-top: 1px solid #bdbdbd; padding: 6px 0;}
ul.stripMenu li.inactive {border-top-color: #009eda;}
ul.stripMenu.lastIsInactive {border-bottom-color: #009eda;}

/** Standard anchor styles for strip-menu */
ul.stripMenu li a {display: block; padding: 2px 0 1px 10px; 
	background: url(/images/menu_strip_bullets.png) 0 4px no-repeat; color: #3b3b3b; font-size: 114.3% /* 16px */; font-weight: bold; text-decoration: none;}
ul.stripMenu li a:hover {color: #009eda; text-decoration: none;}

/** Anchor styles for highlighted entries on strip-menu */
ul.stripMenu li.selected a {color: #009eda;}
ul.stripMenu li.selected a:hover {color: #009eda;}

/** Anchor styles for inactive entries on strip-menu */
ul.stripMenu li.inactive a {background-position: 0 -36px; color: #959595;}
ul.stripMenu li.inactive a:hover {color: #1188c1;}


/**------------------------------------------------------------------------------------*/

/** Folding fixed-width chevron menu (contains e.g. related links) */
ul.chevrons li {padding-bottom: 2px;}
ul.chevrons li h3 {height: 24px; padding: 7px 0 0 13px; 
	background: url(/images/single_chevrons_lt.png) 0 0 no-repeat; color: #323232; font-size: 114.3%; line-height: 1.1;}
ul.chevrons li h3:hover {background-position: 0 -31px;}
ul.chevrons li.open h3 {background-position: 0 -62px; color: #ffffff;}
ul.chevrons div.drawer {margin: 0 10px 0 2px; width: 213px; background-color: #ffffff;}
ul.chevrons div.innerDrawer {padding: 10px 10px 20px 11px;}

/** Comment */
ul.chevrons div.boldContent {padding-right: 30px;}
ul.chevrons .boldContent a {color: #009dda; text-decoration: none;}
ul.chevrons .boldContent a:hover {color: #009dda; text-decoration: underline;}

/** Comment */
ul.chevrons form {padding-bottom: 5px;}
ul.chevrons form label {display: block; padding: 0 20px 12px 0; color: #555555; font-weight: bold;}
ul.chevrons form label strong {color: #000000;}
ul.chevrons form input.text {border: 1px solid #bdbdbd; float: left; padding: 4px; width: 130px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
ul.chevrons form input.submit {border-width: 0; display: inline; float: left; height: 26px; margin: 0 0 0 3px; padding: 0; width: 3.0em; 
	background: #009eda; border-color: transparent; color: #ffffff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}

/** Comment */
ul.chevrons div.related {}
ul.chevrons div.related a {display: block; padding: 3px 0 2px 12px; 
	background: url(/images/bullet_relatedlink.png) 0 7px no-repeat; font-weight: bold; line-height: 1.071 /* 15px */; text-decoration: none;}
ul.chevrons div.related a:hover {text-decoration: none;}

/** Comment */
ul.chevrons div.topics {padding-bottom: 8px; font-weight: bold;}
ul.chevrons div.topics p {padding-bottom: 15px;}
ul.chevrons div.topics p big {display: block; color: #000000;}
ul.chevrons div.topics p a {color: #009dda; text-decoration: none;}
ul.chevrons div.topics p a:hover {color: #009dda; text-decoration: underline;}


/**------------------------------------------------------------------------------------*/

/** Multiple-category news reel (found on left of news page) */
.newsReel h2 {padding-bottom: 8px;}
.newsReel h3 {border-top: 1px solid #bdbdbd; padding: 8px 0 6px 11px; 
	background: url(/images/news_toggle.png) 0 11px no-repeat; color: #000000; font-size: 114.3% /* 16px */; line-height: 1.1;}
.newsReel h3.first {border-top: 0 none;}
.newsReel div.newsGroup ol {width: 189px;}
.newsReel div.newsGroup.open h3 {background-position: 0 -40px;}

/** News headline list styling (found on homepage / in newsreel) */
ol.news li {padding: 8px 0 16px 0;}
ol.news li big {display: block; padding: 6px 6px 6px 10px; 
	background-color: #bdbdbd; color: #ffffff; font-size: 85.7% /* 11px */; font-weight: bold; text-transform: uppercase;}
ol.news li em {font-style: normal; font-weight: normal;}
ol.news li a.boldContent {display: block; padding: 14px 8px 4px 0; background: url(/images/news_angle.png) 13px 0 no-repeat; text-decoration: none;}
ol.news li a.boldContent:hover {text-decoration: underline;}

/** Comment */
.archiveLink {font-weight: bold;}
.archiveLink a {color: #000; font-size: 114.3%; text-decoration: none;}
.archiveLink a:hover {color: #009DDA; text-decoration: underline;}


/**------------------------------------------------------------------------------------*/

/** Shopping cart contents table */
table.cartContents {width: 100%; color: #555555;}
table.cartContents thead tr th {padding-bottom: 8px; color: #1f87d1; text-align: left;}
table.cartContents tbody tr td {border-top: 1px solid #e0e0e0; padding: 8px 0;}
table.cartContents tbody tr.vat td {border-top-color: #777777;}
table.cartContents tbody tr.total td {padding-bottom: 0; color: #000000;}


/**------------------------------------------------------------------------------------*/

/** Modal Box */
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
	display: none;
	
	position: fixed;
	top: 17%;
	left: 50%;
	
	margin-left: -368px;
	width: 735px;
	
	color: #333;
	padding: 0;
	z-index: 2000000;
}

.jqmWindow .modalTop { background: url(/images/modal_top.gif) 0 0 no-repeat; width: 100%; height: 27px; }
.jqmWindow .modalMiddle { background: url(/images/modal_slice.gif) 0 0 repeat-y; width: 673px; padding: 38px 31px 12px 31px; }
.jqmWindow .modalBottom { background: url(/images/modal_bottom.gif) 0 0 no-repeat; width: 100%; height: 7px; }
.jqmWindow .jqmClose { width: 9px; height: 10px; float: right; overflow: hidden; margin: 7px 9px 0 0; text-indent: -999em; }

.jqmWindow .modalMiddle #loginForm h2 { float: left; width: 101px; height: 21px; background: url(/images/heading_pleaselogin.png) no-repeat; text-indent: -999em; overflow: hidden; margin: -79px 0 0 -30px; }
.jqmWindow .modalMiddle #loginForm { padding-top: 10px; }
.jqmWindow .modalMiddle #loginForm div.input input { width: 300px; }

.jqmWindow .modalMiddle #becomePlus h2 { float: left; width: 595px; height: 40px; background: url(/images/heading_become-memberplus-large.png) no-repeat; text-indent: -999em; overflow: hidden; margin: 0 0 0 0; }

.jqmWindow .modalMiddle .rounded3 { padding: 24px 30px 107px 30px; }

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
	 Star selector used to hide definition from browsers other than IE6
	 For valid CSS, use a conditional include instead */
* html .jqmWindow {
	 position: absolute;
	 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/**------------------------------------------------------------------------------------*/

/** Advertisement containers */
div.vert728by90 {height: 90px; overflow: hidden; width: 728px;}


/**------------------------------------------------------------------------------------*/

/** Full-page article/news list styling */
ol.articleList {padding-right: 10px;}
ol.articleList li {border-top: 2px solid #009eda; padding: 25px 10px 20px 0;}
ol.articleList li.first {border-top: 0 none;}

/** Date-heading style for items in article/news lists */
ol.articleList li big {display: block; padding: 6px 6px 6px 10px; width: 15.0em;
	background-color: #bdbdbd; color: #ffffff; font-size: 85.7% /* 11px */; font-weight: bold; text-transform: uppercase;}
ol.articleList li em {font-style: normal; font-weight: normal;}

/** Anchor and content style for items in article/news lists */
ol.articleList li a {clear: both; display: block; padding: 14px 8px 4px 0; background: url(/images/news_angle.png) 13px 0 no-repeat; text-decoration: none;}
ol.articleList li a:hover {text-decoration: none;}
ol.articleList li a strong {display: block; padding: 4px 0; color: #000000; font-size: 121.4% /* 17px */;}
ol.articleList li a:hover strong {color: #009dda;}


/**------------------------------------------------------------------------------------*/

/** Large "wizard" image with overlaid chevron-links */
div.wizardImage {height: 326px; padding-left: 19px;}
div.wizardImage img {display: block;}
div.wizardImage p {min-height: 95px; padding: 38px 0 15px 0;}
div.wizardImage a {clear: both; float: left; padding-bottom: 2px;}
div.wizardImage a img {float: left;}


/**------------------------------------------------------------------------------------*/

/** Rounded buttons for per-page options (e.g. "Email to friend") */
div.pageOptions {clear: both; height: 23px; padding-top: 10px;}
div.pageOptions a {display: inline; float: left; height: 21px; margin: 0 20px 0 0; overflow: hidden; padding: 2px 0 0 20px; width: 110px; 
	background: url(/images/buttons/rounded.png) 0 0 no-repeat; color: #000000; text-decoration: none;}
div.pageOptions a:hover {/*background-position: 0 -23px; color: #ffffff;*/ color: #000000; text-decoration: underline;}
div.pageOptions a.addthis_button {padding-left: 2px; width: 128px;}
div.pageOptions a.addthis_button img {float: left; height: 18px; width: 18px;}


/**------------------------------------------------------------------------------------*/

/** Pagination bar styling */
div.pagination {font-weight: bold;}
div.pagination p {float: left; padding-right: 18px; color: #000000;}
div.pagination a {padding: 2px 0; color: #3b3b3b; text-decoration: none;}
div.pagination a:hover {color: #009dda; text-decoration: none;}
div.pagination a u {color: #009dda; text-decoration: underline;}


/**------------------------------------------------------------------------------------*/

/** Comment */
div.nestedList {padding-top: 12px;}
div.nestedList ul {margin-left: 18px; padding: 0; list-style-type: disc;}
div.nestedList ul li {padding: 1px 0; list-style-type: disc;}
div.nestedList ul li ul {padding-bottom: 4px; padding-left: 12px;}


/**------------------------------------------------------------------------------------*/

/** Comment */
ul.peopleSummary li {padding-top: 15px;}
ul.peopleSummary li h3 {color: #009dda; font-size: 128.6% /* 18px */;}
ul.peopleSummary li h3 a {color: #009dda; text-decoration: none;}
ul.peopleSummary li h3 a:hover {color: #009dda; text-decoration: underline;}
ul.peopleSummary li p {padding: 4px 0;}
/* #todo Rename class or move to a page-specific section */

/** Comment */
div.teamBio {padding-top: 8px;}
div.teamBio h3 {padding-bottom: 12px; color: #009dda; font-size: 128.6% /* 18px */;}
div.teamBio p {padding: 4px 0;}
/* #todo Rename class or move to a page-specific section */


/**============================================================================================================*/

/** Ribbon/wizard overrides specific to homepage */
body.homePage div.layoutRibbon {height: 389px;}
body.homePage div.layoutRibbon div.wizardImage {height: 389px; padding-left: 0;}
body.homePage div.layoutRibbon div.wizardImage p {padding-bottom: 35px; padding-top: 64px;}

/** Layout overrides specific to homepage */
body.homePage div#layoutBody {padding-top: 28px;}
body.homePage div#layoutBody div.layoutWelcome {display: none;}

/** Heading overrides specific to homepage */
body.homePage big.fauxHeading {padding-bottom: 16px;}

/** Comment */
body.homePage div.rounded h2 a {color: #009dda; text-decoration: none;}
body.homePage div.rounded h2 a:hover {color: #009dda; text-decoration: underline;}

/** "Top-jobs" listing specific to homepage */
body.homePage div#layoutBody ul.topJobs {margin-top: -6px;}
body.homePage div#layoutBody ul.topJobs li {padding-top: 24px;}
body.homePage div#layoutBody ul.topJobs strong {display: block;}
body.homePage div#layoutBody ul.topJobs h3 {color: #009dda; font-size: 128.6% /* 18px */;}
body.homePage div#layoutBody ul.topJobs h3 a {display: block; padding: 1px 0 4px 0; color: #009dda; text-decoration: none;}
body.homePage div#layoutBody ul.topJobs h3 a:hover {color: #009dda; text-decoration: underline;}
body.homePage div#layoutBody ul.topJobs p {padding-bottom: 5px;}
body.homePage div#layoutBody ul.topJobs em {padding: 1px 2px; background-color: #ffffff; color: #323232; font-style: normal;}

/** "Hot topics" listing specific to homepage */
body.homePage div#layoutBody ul.hotTopics {padding-top: 2px;}
body.homePage div#layoutBody ul.hotTopics li {padding-top: 16px;}
body.homePage div#layoutBody ul.hotTopics li strong {display: block;}
body.homePage div#layoutBody ul.hotTopics li a {display: block; padding-top: 2px; text-decoration: none; zoom: 1;}
body.homePage div#layoutBody ul.hotTopics li a:hover {color: #555555; text-decoration: underline;}
body.homePage div#layoutBody ul.hotTopics li em {display: block; color: #009dda; font-style: normal;}

/** Comment */
body.homePage div#homeIntroChevron {margin-bottom: 28px;}
body.homePage div#homeIntroChevron h2 {
	background: url(/images/chevron_fullwidth.png) 0 0 no-repeat; 
	color: #fff;
	cursor: default;
	font-size: 128.6% /* 18px */;
	height: 28px;
	overflow: hidden;
	padding: 9px 0 0 18px;
}
body.homePage div#homeIntroChevron div.drawer {
	background: #fff;
	margin: 0 12px 0 2px;
}
body.homePage div#homeIntroChevron div.pageContent {
	line-height: 1.5;
	padding: 12px 24px 8px 16px;
}


/**------------------------------------------------------------------------------------*/

/** Pagination override specific to jobsearch */
body.jobsPage div.pagination {padding: 20px 0;}

/** Job-summary box specific to jobsearch */
body.jobsPage div.jobSummary {border-top: 2px solid #009dda; margin-right: 10px; padding: 10px 10px 20px 0; font-weight: bold;}
body.jobsPage div.jobSummary h3 {float: left; color: #515151; font-size: 128.6% /* 18px */;}
body.jobsPage div.jobSummary h3 a {display: block; padding: 8px 0; text-decoration: none;}
body.jobsPage div.jobSummary h3 a:hover {text-decoration: underline;}
body.jobsPage div.jobSummary ul {clear: both; color: #009dda;}
body.jobsPage div.jobSummary ul li {padding: 1px 0;}
body.jobsPage div.jobSummary ul li em {color: #000000; font-style: normal;}
body.jobsPage div.jobSummary ul li strong {padding: 0.05em 0.2em; background-color: #e0e0e0; color: #000000;}
body.jobsPage div.jobSummary.first {border-top: 0 none;}
body.jobsPage div.jobSummary big.expired {display: block; padding-top: 20px; color: #ef0000;}

/** Comment */
body.jobsPage div.jobSummary div.desc {margin: 8px 0; color: #515151;}
body.jobsPage div.jobSummary div.desc p {margin: 8px 0 16px 0;}
body.jobsPage div.jobSummary div.desc ul {margin: 8px 0 16px 0;}
body.jobsPage div.jobSummary div.desc li {margin: 6px 0;}

/** Column width-adjustment specific to jobsearch */
body.jobsPage div#layoutBody div.doubleColumn {float: left; margin-right: 20px; width: 445px;}
body.jobsPage div#layoutBody div.lastColumn {width: 250px;}
body.jobsPage div#layoutBody div.lastColumn ul.chevrons {margin: 0 0 40px 0;}


/**------------------------------------------------------------------------------------*/

/** Column width-adjustment specific to newspage and advicepage */
body.newsPage div#layoutBody div.doubleColumn, 
body.advicePage div#layoutBody div.doubleColumn {float: left; margin-right: 20px; width: 445px;}
body.newsPage div#layoutBody div.lastColumn, 
body.advicePage div#layoutBody div.lastColumn {width: 250px;}
body.newsPage div#layoutBody div.lastColumn ul.chevrons, 
body.advicePage div#layoutBody div.lastColumn ul.chevrons {margin: 0 0 40px 0;}


/**------------------------------------------------------------------------------------*/

/** Left-hand address/phone details on contact page */
div.contactPanels div.roundedMenu {margin-bottom: 22px; zoom: 1;}
div.contactPanels div.roundedMenu table {margin: 12px 0; width: 100%;}
div.contactPanels div.roundedMenu table th {color: #000; text-align: left;}
div.contactPanels div.roundedMenu table td {text-align: right;}
div.contactPanels div.roundedMenu a {font-size: 85.7% /* 12px */;}
div.contactPanels div.roundedMenu address {padding-top: 12px; font-style: normal;}


/**------------------------------------------------------------------------------------*/

/** Comment */
div.accountLanding big {display: block; padding: 16px 0 8px 0; color: #009dda; font-size: 128.6% /* 18px */; font-weight: bold;}
div.accountLanding div.intro {padding: 16px 20px 0 0; color: #555555; font-weight: bold; line-height: 1.5;}

/** Comment */
div.memberStatus div.intro {padding: 14px 20px 0 0; color: #000000; font-weight: bold; line-height: 1.5;}
div.memberStatus div.rounded {width: 392px; color: #009dda; font-size: 128.7% /* 18px */; line-height: 1.5; text-align: center;}
div.memberStatus div.rounded big {font-size: 120.0%;}
div.memberStatus div.rounded strong {color: #000000;}
div.memberStatus div.submit {padding-top: 24px;}


/**------------------------------------------------------------------------------------*/

/** Comment */
ul.partnerList {padding-top: 12px;}
ul.partnerList li {padding-bottom: 16px;}

ul.partnerList li h3 {display: block; padding: 4px 0 12px 0; color: #000000; font-size: 121.4% /* 17px */;}

ul.partnerList li div.partnerLeft {float: left; width: 120px;}
ul.partnerList li div.partnerLeft img {}
ul.partnerList li div.partnerLeft p {font-family: Verdana, Helvetica, sans-serif; font-size: 71.4% /* 10px */; text-align: center;}
ul.partnerList li div.partnerLeft p a {display: block; padding-top: 3px;}

ul.partnerList li div.partnerRight {float: left; padding-left: 15px; width: 335px;}

ul.partnerList li div.boldContent {padding-bottom: 20px; line-height: 1.5;}
ul.partnerList li div.youSave {clear: both; float: left; padding: 6px 16px 0 0; width: 130px; 
	color: #009dda; font-size: 121.4% /* 17px */; font-weight: bold; text-align: right;}
ul.partnerList li div.youSave strong {color: #000000;}
ul.partnerList li a.fakeButton {float: left;}

ul.partnerList li div.upgradeNow {padding-left: 146px;}

ul.partnerList li div.callNow {padding-left: 16px; color: #009dda; font-size: 121.4% /* 17px */; font-weight: bold; line-height: 1.5; text-align: left;}
ul.partnerList li div.callNow big {color: #000000; font-size: 120%;}
ul.partnerList li div.callNow strong {color: #000000;}

ul.partnerList li div.rule {clear: both; height: 32px; margin: 0 40px; border-bottom: 1px solid #bdbdbd;}


/**------------------------------------------------------------------------------------*/

/** Comment */
div.teaserIntro {padding-top: 20px; color: #000000; font-size: 121.4% /* 17px */; font-weight: bold; line-height: 1.5; text-align: center;}
div.teaserIntro a {margin: 0 auto 4px auto;}
div.teaserIntro span {}

/** Comment */
table.teasers {margin: 0 auto; width: 360px;}
table.teasers tr td {padding: 16px 15px; color: #555; font-weight: bold; text-align: center;}
table.teasers tr td p {margin: 0 auto; width: 150px;}
table.teasers tr td p img {display: block; height: 80px; margin: 0 auto 8px auto; width: 80px; color: #009dda;}
table.teasers tr td p strong {color: #000;}


/**------------------------------------------------------------------------------------*/

/** Comment */
div#checkout {width: 672px;}
div#checkout div.rounded3.checkout {padding: 18px 28px;}


/**------------------------------------------------------------------------------------*/

/** Multiple-category advice navigation menu (found on left of news page) */
.adviceMenu h2 {padding-bottom: 8px;}
.adviceMenu h3 {border-top: 1px solid #bdbdbd; padding: 8px 0 6px 11px; 
	background: url(/images/news_toggle.png) 0 11px no-repeat; color: #000000; font-size: 114.3% /* 16px */; line-height: 1.1;}
.adviceMenu h3.first {border-top: 0 none;}
.adviceMenu div.adviceGroup ul {width: 189px;}
.adviceMenu div.adviceGroup.open h3 {background-position: 0 -40px;}

/** News headline list styling (found on homepage / in newsreel) */
.adviceMenu ul.options {padding-bottom: 6px;}
.adviceMenu ul.options li {padding: 0 0 4px 0;}
.adviceMenu ul.options li em {font-style: normal; font-weight: normal;}
.adviceMenu ul.options li a {display: block; padding: 2px 0;  text-decoration: none;}
.adviceMenu ul.options li a:hover {text-decoration: underline;}