/*
This style sheet is used for the main content elements.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet				CompuCraft Software Solutions (c) 1999-2010
'Date --- Init Reason------------------------------------------------------
'29/07/08 DB restarted for ComWeb 4.4
'31/07/08 DB corrected case from querytitle to QueryTitle 
'18/09/08 DB removed the comma from form table tr td textarea,
'18/09/08 DB added new alignment styles for table td contents: center and right
'23/10/08 DB added margin-top of zero to Banner1 through Banner5
'11/11/08 DB added new portlet builder styles
'20/11/08 DB extended noTableStyle to include th and th.Qheader
'20/11/08 DB removed #LatestNews background color as it overrode color set in portlet #LatestNews
'27/11/08 DB added hr styling
'27/11/08 DB increased space beneath sections from 10px to 20px
'03/12/08 DB removed css filters and added to ie.css
'29/01/09 DB added paragraph clearing to stack paragraphs vertically, preventing correctly protruding images in adjacent paragraphs from staggering horizontally against each other.
'11/02/09 DB added code to ensure that specific dates within tables do not wrap
'25/02/09 DB revised paragraph stacking to target only within sections, see 'section p'
'13/05/09 DB added table centering by default (which also voids the margin-left: 1px fix for Firefox display bug)
'13/05/09 DB made tables left align by default, by using left margin of 0.
'14/05/09 DB added padding to top of #content .icon and #content .newWindow
'01/10/09 DB added border-color property to table th
'05/11/09 DB changed default position of pageTop button to right: 0
'12/11/09 DB ran a CSS tidy
'13/01/10 DB updated style sheet copyright date to 2010
'13/01/10 DB ran an extended CSS tidy
'14/01/10 DB added code from Master.css for groups and tabs
'14/01/10 DB regrouped and rearranged declarations to be more logically organised
'20/01/10 DB used updated SampleV4 master.css to restart DSG
'20/01/10 DB merged existing DSG declarations, properties and values
'20/01/10 DB added custom DSG declarations, properties and values
'28/01/10 DB added padding bottom to custom rightFeature #ForCustomers and leftFeature #ourMissionVision
'28/01/10 DB added margin-bottom reference to #forCustomers img
'25/02/10 DB removed bottom padding and added height to custom rightFeature #ForCustomers and leftFeature #ourMissionVision
'25/03/10 DB added image border colours
'---------------------------------------------------------------------- --->

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or Redundant labels.
*/

/*============================================================================
GENERIC ELEMENTS
============================================================================*/

acronym {
/* cw-Acronym underline color */
	border-bottom-color: #000000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

img { 
/* cw-Image Border */
	border-color: #C3D3F8;
}

/* image border colors */
img.lightblue {border-color: #C3D3F8!important;}
img.blue {border-color: #015A91!important;}
img.lightgrey {border-color:  #EDEDED!important;}
img.grey {border-color:  #CCCCCC!important;}
img.orange {border-color: #DE7B18!important;}
img.black {border-color: #000000!important;}

hr {
	height: 1px;
	color: #C3D3F8;
	background-color: #C3D3F8;
	margin: 10px 0 20px 0;
	border: 0px solid #C3D3F8;
	clear: both;
}

#content ul {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1.2em;/*1.2em left will make flush left*/
}

#content .section ul {/*for section content only, NOT left and right content*/
	list-style-position: outside;
	margin: 1em 3.2em 1.6em;/*1.2em left will make flush left*/
}

#content .section ul li p {
	margin-top: 1.6em;
}

#content ol {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1em 1em 3.5em;/*extra wide margin-left to prevent numbered lists of 2-and-3 digits from being cut off, 3.5em will make flush left*/
}

#content .section ol {/*for section content only, NOT left and right content*/
	list-style-position: outside;
	margin: 1em 1em 1em 5.5em;/*extra wide margin-left to prevent numbered lists of 2-and-3 digits from being cut off, 3.5em will make flush left*/
}

/*Targetting the default banner style*/
p span {
	line-height: 1;
}

/*============================================================================
SPECIFIC ELEMENTS
============================================================================*/

/*assume all sections to be part of #mainContent*/

/* paragraph clearing to stack paragraphs vertically, preventing correctly protruding images in adjacent paragraphs from staggering horizontally against each other */
.section p {
	clear: both;
}

.section {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Section Divider Line */
	border-bottom-color: #C3D3F8;
 /*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
	position: relative;/*invoking 'hasLayout' correctly positions the backToTop button */
/*end prevent IE peekaboo bug*/
/* cw-Section Background  */
	background: #FFFFFF;
/* Assist with clearing floated images within sections. Also prevents section from underlapping of the newsTicker and rightFeatures. IE6 does not need any of this. This is fortunate, as it would conflict with the fix for the IE6 float drop italic bug, which uses _overflow: visible */
	overflow: hidden;/*auto worked, hidden worked better in Firefox. eg. section divider line was being cut off the section which rounded the right column */
}

.section p.infolist {
	text-indent: 5%;
	font-family: Verdana,Arial,sans-serif;
}

.section p.draft {
	color: #333333;
}

.section p.indent {
	margin-left: 40px;
	margin-right: 60px;
}

.section .title {
	font-size: 1.4em;
	font-weight: bold;
	text-align: Center;
/* cw-Body Text */
	color: #000000;
}

ul.titleText li {
	line-height: 1em;
}

.section .edited {
	background-color: #FFFF00;
}

.section .otheredited {
	background-color: #FFCC33;
}

.section .submitted {
	background-color: #99FF99;
}

.section .accepted {
	background-color: #99CCFF;
}

.section .rejected {
	background-color: #FFCCCC;
}

.section .remove {
	background-color: #C0C0C0;
}

/* pagetop buttons */

.pageTop {
	position: absolute;
	right: 0;
}

.pageTop img {
	float: right;
	border: none !important;
}

/*Site map link styles*/
.section a.SiteMapURL,
a.SiteMapURL {
/*no longer required due to overriding general anchor ruling*/
}

/* Used for the site map titles that are not links*/
.section a.SiteMapNoURL,
a.SiteMapNoURL {
/* cw-Site Map Links with No URL */
	color: #666666;
	text-decoration: none;
}

.section a.SiteMapURL:visited {
/* cw-Body Text */
	color: #000000;
}

a.HeirLinks,
a.SiteLinks {
/* cw-Heirarchy Link Text */
	color: #FFFFFF;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

.section a.HeirLinks, .section a.HeirLinks:visited {
/* cw-Heirarchy Link Text */
	color: #FFFFFF;
	font-size: x-small;
	font-variant: small-caps;
	text-decoration: none;
}

.section a.HeirLinks:hover {
/* cw-Heirarchy Link Hover Text */
	color: #0000FF;
	font-size: x-small;
	font-variant: small-caps;
	text-decoration: underline;
}

.section p.SectionTOC {
	text-align: right;
}

.section caption {
	font-size: .9em;
	font-weight: bold;
}

a.AliasNotSet, a.AliasNotSet:visited {
	color: #333333;
}

a.AliasNotSet:hover {
	color: #FF0000;
	text-decoration: underline;
}

p.RSSTitle {
	margin-bottom: 0px;
}

div#LatestNews {
	overflow: hidden;/* Prevent the oversized-content css rules from invoking scrollbars */
	border: 1px dotted #C3D3F8;
    background: url(bg_latestnews.gif) no-repeat top right;
}

/*ensure that specific dates within tables do not wrap*/
td.typeEnum135 {
	white-space: nowrap!important;
}

#content .icon,
#content .newWindow {
	padding: 1px 5px 0 0;
	border: 0 none!important;
	vertical-align: middle;
}

p.error {
	font-weight: bold;
	color: #FF0000;
	padding: 10px;
	border: 2px solid #FF0000;
}

/*============================================================================
HEADINGS
============================================================================*/

.section h2 {
/* cw-Body Text */
	color: #000000;
	font-weight: normal;
}

.section h3 {
	font-weight: normal;
/* cw-Section Heading Text */
	color: #000000;
	line-height: 1em;
}

.section h3.querytitle,
.section h3.QueryTitle {
	text-align: center;
/* cw-Body Text */
	color: #000000;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.4em;
}

/*This is the section header - it is also the targetted anchor for TOC*/
.section a.h2,
.section td.h2,
.section h2 a,
.section h2 a:hover,
.section a.h3,
.section td.h3,
.section h3 a,
.section h3 a:hover {
/* cw-Section Heading Text */
	color: #000000;
	line-height: 1em;
	background: transparent;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
} 

.section a.h3:visited {
/* cw-Body Text */
	color: #000000;
}

div.NOportlet h2 {
	color: #000000;
	font-weight: normal;
	padding: 3px 10px 3px 45px;
	height: 40px;
	background: url(icon_logo.jpg) 0 0 no-repeat;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	vertical-align: middle;
	line-height: 30px;
}

.pageNameLong {
	padding-top: 0px;
/* cw-Page Name */
	color: #888888;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 1px solid black;
	margin-right: 240px;
}

body.home .pageNameLong {
	padding-top: 0px;
	display: none;
}

/*============================================================================
FLOAT DROP AND OVERSIZED CONTENT FIX
============================================================================*/

/* Non IE 'float drop' fix. For sections containing oversized inline content, force a horizontal scrollbar. This affects sections in main content and features in left and right content, and by targetting with low specificity it does not affect the news ticker, thus preserving it's required vertical scrollbar */
/* Non IE clipping, this fix also prevents the horizontal clipping of overflow: hidden, by forcing the horizontal scrollbar*/
.section,
.leftFeature,
.rightFeature {
	overflow: auto;/*for Firefox (not currently supportive of the CSS3 overflow-x and overflow-y), will achieve the effect of invoking the horizontal scrollbar only, since the vertical height will not be constrained.*/
}

/*============================================================================
TABLES AND TABLE CHILDREN
============================================================================*/

table {
	font-size: inherit;/*for FireFox only*/
/* cw-Table border */
	border-color: #006EA9;
	/*the border weight is set in the markup*/
	border-collapse: collapse;/*enables single-width borders between table cells */
/* cw-Table background colour */
	background: #FFFFFF;
/* cw-Table text */
	color: #000000;
	margin: 10px 0 10px -1px!important;/* effectively align left by default. Left-margin -1px to assist Firefox, which cuts off the left border due to the overflow: auto applied to the section. Ultimately will need to find another way to solve this, as sometimes the table may want a negative margin for positioning.*/
}

table.tdPad td,
table.padding td {
	padding: 5px;
}

table table {
	margin-bottom: 0;
}

#leftContent table {
/* cw-Left Content Table Background */
	background: #FFFFFF;
}

#leftContent #leftFeature table {
/* cw-Left Feature Table Background */
	background: #FFFFFF;
}

#rightContent table {
/* cw-Right Content Table Background */
	background: #FFFFFF;
}

#rightContent .rightFeature table {
/* cw-Right Feature Table Background */
	background: #FFFFFF;
}

td p {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

table td {
	padding: 0 5px;
/* cw-Table border */
	border-color: #C3D3F8;
	/*the border weight is set in the markup*/
	vertical-align: top;
}

table td.center {
	text-align: center;
}

table td.right {
	text-align: right;
}

td.surveyHeading {
	font-weight: bold;
	margin-bottom: 1em;
	height: 30px;
}

table th {
	padding: 5px;
/* cw-Table th background colour */
	background-color: #FFFFFF;
/* cw-Table th text colour */
	color: #000000;
	border-color: #C3D3F8;
}

/* border removal*/

.section table img {
	border: none;
}

table.borderless,
table.borderless td,
table.borderless th {
	border: 0 none!important;
}

/* replace the deprecated markup of border='1' */
table.border,
table.border td,
table.border th {
	border-style: solid;
	border-collapse: collapse;
	border-width: 1px;
}

/* Make screen table styles disappear */							 
	
.noTableStyle tr.QHeader,
.noTableStyle td.Trim {
	display: none;
}

.noTableStyle table,
.noTableStyle tr.QRow1,
.noTableStyle tr.QRow2,
.noTableStyle td.QRow1, 
.noTableStyle td.QRow2 {
	background: transparent!important;
}

.noTableStyle table,
.noTableStyle table tr,
.noTableStyle table td {
	border: 0 none!important;
	padding: 0;
}

.section .noTableStyle th,
.section .noTableStyle th.QHeader {
/* cw-noTableStyle Table Header Text */
	color: #000000;
/* cw-noTableStyle Table Header Background */
	background-color: #FFFFFF!important;
}

/* Used for top table in Search Screen */
table.search {
/* cw-Search Table Background */
	background-color: #DCE8F4;
}

table.SearchMain {
/* cw-Search Table Background */
	background-color: #DCE8F4;
}

.section td {
	vertical-align: top;
}

.section th {
	font-weight: bold;
	padding: 0 5px;
/* cw-Body Text */
	color: #000000;
	vertical-align: top;
	text-align: left;
}

.section td.numlist {
	font-weight: bold;
}

.section tr.small {
	font-size: .8em;
/* cw-Small Text */
	color: #005DAA;
}

.section tr.smallnavy {
	font-size: .8em;
	line-height: 1em;
	font-family: Verdana, Arial,sans-serif;
	color: #000080;
}

.section td.TitleText {
	font-size: 1.2em;
	font-weight: bold;
/* cw-Table Header Text */
	color: #FFFFFF;
}

.section tr {
	font-size: 1em;
}

.section tr.QHeader {
	font-weight: 800;
/* cw-Table Header Text */
	color: #FFFFFF;
/* cw-Table Header Background */
	background-color: #006EA8;
	text-align: center;
}

.section th,
.section th.QHeader {
	font-weight: 800;
/* cw-Table Header Text */
	color: #FFFFFF;
/* cw-Table Header Background */
	background-color: #006EA8;
	padding-left: 5px;
	text-align: center;
}

.section tr.QRow1 {
/* cw-Row 1 Background */
	background-color: #F0F8FF;
/* cw-Row 1 Text  */
	color: #000000;
}

.section tr.QRow2 {
/* cw-Row 2 Background */
	background-color: #E0F1FF;
/* cw-Row 2 Text */
	color: #000000;
}

.section td.QHeader {
	font-weight: 800;
/* cw-Table Header Text */
	color: #FFFFFF;
/* cw-Table Header Background */
	background-color: #006EA8;
	text-align: center;
}

.section td.Trim {
	height: 2px;
/* cw-Table Header Trim */
	background-color: #FF0000;
}

/* TD.QRow1 used for individual cells on Search Screen. Same as TR.QRow1 */
.section td.QRow1 {
/* cw-Table Row 1 Background */
	background-color: #F0F8FF;
/* cw-Table Row 1 Text */
	color: #000000;
}

.section td.QRow2 {
/* cw-Table Row 2 Background */
	background-color: #E0F1FF;
/* cw-Table Row 2 Text */
	color: #000000;
}

.section td.wsbheader1 {
	font-size: 1em;
	font-family: Arial,sans-serif;
	font-weight: 800;
/* cw-WSB Title */
	color: #000000;
	text-align: center;
}

.section td.wsbheader2 {
	font-size: 1.2em;
	font-family: Verdana,Arial,sans-serif;
	font-weight: 800;
/* cw-Table Header Text */
	color: #FFFFFF;
	text-align: center;
}

.section table.wsb {
/* cw-WSB Table Borders */
	border-color: #006EA8;
}

.section td.caption {
	font-weight: bold;
	text-align: center;
/* cw-Image Caption Text */
	color: #000080;
}

.section td.HeirLinks {
	font-size: x-small;
	font-variant: small-caps;
/* cw-Heirarchy Inactive Link or Text */
	color: #333333;
	padding-bottom: 1px;
}

/*============================================================================
FORMS
============================================================================*/

/* forms within tables */

form {
	margin: 0;
	padding: 0;
}

form table tr td input,
form table tr td select,
form table tr td textarea {
	margin: 2px 5px;
	font-family: Verdana, Arial;/*textarea does not inherit, so has to be set explicitly*/
}

/* rule for browsers with CSS2 support*/
form table tr td input[type=submit] {
	margin: 5px;
}

input.btn {
	background-color: #FFFFFF;
	background-image: url(../../theme/grey_grad.gif);
}

form table tr td input.btn {
	margin: 10px 0 5px;
}

/*============================================================================
BANNERS
============================================================================*/

#Banner1,
.Banner1 {
/* cw-Banner 1 Text */
	color: #000000;
	font-weight: bold;
/* cw-Banner 1 Background */
	background-color: #FFFFCC;
	border-width: 2px;
	border-style: solid;
/* cw-Banner 1 Border */
	border-color: #006EA8;
	padding: 10px;
	font-size: 1.0em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner2,
.Banner2 {
/* cw-Banner 2 Text */
	color: #3333CC;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
/* cw-Banner 2 Background */
	background-color: #FFFFFF;
	border-width: 6px;
	border-style: double;
/* cw-Banner 2 Border */
	border-color: #006EA8;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner3,
.Banner3 {
/* cw-Banner 3 Text */
	color: #444499;
	font-weight: bold;
	font-family: cursive, serif;
/* cw-Banner 3 Background */
	background-color: #EEEEFF;
	border-width: 4px;
	border-style: ridge;
/* cw-Banner 3 Border */
	border-color: #0054E3;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner4,
.Banner4 {
/* cw-Banner 4 Text */
	color: #006EA8;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 4 Background */
	background-color: #DCE8F4;
	border-left-width: 10px;
	border-left-style: double;
/* cw-Banner 4 Border Left */
	border-left-color: #006EA8;
	border-right-width: 10px;
	border-right-style: double;
/* cw-Banner 4 Border Right */
	border-right-color: #006EA8;
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner5,
.Banner5 {
/* cw-Banner 5 Text */
	color: #EAF2FF;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background */
	background-color: #006EA8;
	border-top-width: 4px;
	border-top-style: dashed;
/* cw-Banner 5 Border Top */
	border-top-color: #000000;
	border-bottom-width: 4px;
	border-bottom-style: dashed;
/* cw-Banner 5 Border Bottom */
	border-bottom-color: #000000;
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

/*============================================================================
STEPS CONTAINER
============================================================================*/

/* 'steps' container */
.indent.cwContainer {
	width: 99%;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.indent.cwContainer.outlined {
	border: 1px solid silver;
}

/* 'steps' container step */
.indent div.cwNumber,
.indentMore div.cwNumber {
	float: left;
	display: inline;
	padding-bottom: 10px;
	margin-top: 0;
	padding-top: 3px;/*to assist alignment with content in cwInformation */
	margin-left: -100px;
}

.indent div.cwNumber {
	width: 100px;
}

.indentMore div.cwNumber {
	width: 150px;
}

.indent.cwContainer.outlined div.cwNumber {
	margin-left: -60px;
	background: #eeeeee;
	margin-top: 0;
	border-top: 5px solid silver;
}

.indent div.cwNumber h3 {
	margin: 0 10px 0 0;
}

.indent div.cwNumber p,
.indent div.cwNumber ul,
.indent div.cwNumber ol {
	margin: 0 10px;
}

.indent.cwContainer.outlined div.cwNumber h3 {
	margin: 10px;
	margin-bottom: 0;
}

/* 'steps' container main information */

.indent .cwInformation,
.indentMore .cwInformation {
	margin-left: 100px;
	margin-right: 10px;
}

/* 'steps' container tables */

.indent.cwContainer table {
	font-size: 1em;
	width: 100%;
	border-top: 1px solid #ddd;
}

.indent.cwContainer td {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}

.indent.cwContainer td.label {
	padding-right: 10px;
	width: 100px;
	font-weight: bold;
}

/* 'steps' container forms */

.indent.cwContainer input {
	margin-bottom: 3px;
	margin-left: 3px;
}

.indent.cwContainer input.fullWidth {
	width: 100%;
}

.indent.cwContainer input.halfWidth {
	width: 50%;
	margin-right: 0;
}

/*============================================================================
ALPHABETIZED NAVIGATION AND PAGE/META LINKS
============================================================================*/

div.cwAlphaFilter {
	text-align: left;
	margin: 0 0 20px 0;
	width: 95%;/* same width as the tables being created for the displayed entries*/
	padding: 0 0 0 8px;
/* cw-Alphabetised Navigation Overall Strip Background */
	background-color: #006EA8;
	border-top: 3px solid #3980F4;
	border-bottom: 3px solid #3980F4;
	height: 1.7em;/*variable height aids accessibility*/
	line-height: 1.7em;/*vertically-center the single line of text*/
	height: 30px;
}

#content div.cwAlphaFilter ul {
	float: left;
	list-style-type: none;
/* Alphabetised Navigation Items Unordered List Background */
	background-color: transparent;
/* cw-Alphabetised Navigation Text */
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: auto;
	height: 30px;
}

#content div.cwAlphaFilter li {
	float: left;
	padding: 0;
	margin: 0px;
/* cw-Alphabetised Navigation Individual Menu Items Background */
	background-color: transparent;
	height: 30px;
}

div.cwAlphaFilter li.notUsed {
/* cw-Alphabetised Navigation Background Not Used */
	background-color: transparent;
	height: 30px;
	line-height: 30px;
	padding: 0 4px;
	color: #666666;
}

#content div.cwAlphaFilter a {/*all anchors*/
	padding: 0 7px;
	margin: 0;
	height: 30px;
	line-height: 30px;
	float: left;
	display: block;
	text-decoration: none;
}

#content div.cwAlphaFilter li.used a:link, 
#content div.cwAlphaFilter li.used a:visited {
	font-weight: bolder;
/* cw-Alphabetised Navigation Menu Item Text Link */
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
}

#content div.cwAlphaFilter li.used a:hover {
	font-weight: bolder;
/* cw-Alphabetised Navigation Menu Item Text Link Hover */
	color: #000000;
	text-decoration: none;
/* cw-Alphabetised Navigation Menu Item Text Link Hover Background */
	background-color: #CCCCCC;
}

#content div.cwAlphaFilter li.current a {
/* cw-Alphabetised Navigation Menu Current Item Background */
	background-color: #666666;
/* cw-Alphabetised Navigation Menu Current Item Text Link */
	color: #FFFFFF;
	text-decoration: none;
}

/*============================================================================
PORTLETS
============================================================================*/

.portlet .pageTop {
 	display: none;
}

div.portlet {
	margin: 0px;
	border: 1px solid #D6D6E7;
	background-color: #FFFFFF;
	color: #000000;
	padding: 10px;
	overflow: auto;
}

/*============================================================================
SURVEY RESULTS
============================================================================*/
	
/* Hide all survey results */
body.hideSurveyResults td.surveyBars, 
body.hideSurveyResults td.surveyPercent, 
body.hideSurveyResults td.surveyVotes {
	display: none;
}

/* Hide only survey result bars */
body.hideSurveyBars td.surveyBars {
	display: none;
}

/* Hide only survey percent symbol */
body.hideSurveyPercent td.surveyPercent {
	display: none;
}

/* Hide only survey vote count */
body.hideSurveVotes td.surveyVotes {
	display: none;
}

/*============================================================================
SECTION GROUPS AND TABS
============================================================================*/

.sectionGroups {
	width: 100%;
}

.groupLeft {
	width: 49%;/*slightly less than 50% to avoid calculation / rounding pushing the groupRight underneath groupLeft*/
	float: left;
}

.groupRight {
	width: 49%;/*slightly less than 50% to avoid calculation / rounding pushing the groupRight underneath groupLeft*/
	float: left; 
}

.sectionGroups .section {
	margin-right: 20px!important; 
}

.sectionGroups .section h2 {
 /*background-image: url(feature_top_left_corner.gif);
 background-position: 0 0;
 background-repeat: no-repeat;*/
}

.sectionGroups .section .pageTop {
	display: none; 
}

#tabs {
	padding-bottom: 0;
	background: url(rule.gif) bottom left repeat-x;
	border-bottom: none;
}

span.tab {
	border: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
	margin-left: 10px;
	margin-bottom: 0px;
	background: #EEE;
	z-index: 100;
	color: #666;
	cursor: pointer;
}

span.currentTab {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
}

/*============================================================================
Non-Standard Sample Additions
============================================================================*/

div.portlet a.h2,
div.portlet td.h2,
div.portlet h2 a,
div.portlet h2 a:hover {
/* cw-Portlet Section Heading */
	color: #000000;
	font-weight: bold;
	line-height: 1.4em;
	font-size: .7em;
}

div.portlet h2 {
	background: #C3D3F7 url(bg_rightFeature_heading.jpg) 0 0 repeat-x;
	padding: 6px 10px 4px;
	min-height: 17px;/* results from subtracting padding top and bottom and borders from the 28px high graphic */
	margin-top: -10px;
	width: 100%;
	margin-left: -10px;
}

#main .pageNameLong,
#leftMain .pageNameLong {
	margin-right: 0px;
}


/*************************************************************************** 
Michael Demasi Div and Class additions 
=DEM
****************************************************************************/

/**********Remove background colour on For Customers right feature section**********/

#ForCustomers {
	border-top-width: 0px!important; 
	border-left-width: 0px!important; 
	background: url(bg_customer.gif) no-repeat 0px 0px!important;
	border-bottom-width: 0px!important; 
	border-right-width: 0px!important;
	height: 125px;
}

#ForCustomers p {
	clear: both;
}

#ForCustomers img {
	margin-bottom: 6px!important;
}


/**********Remove background colour on Our Vision and Mission left feature section**********/

#OurMissionVision {
	border-top-width: 0px!important; 
	border-left-width: 0px!important; 
	background: url(bg_mission&vision.gif) no-repeat 0px 0px!important;
	border-bottom-width: 0px!important; 
	border-right-width: 0px!important;
	height: 195px;
}

/* Additional CSS to assist consistency between IE6 and IE7 ------------------------------*/

/*fix the portal positioning (eg. detdexplorer home) */
body#leftMain.portal #mainContent {padding-left:0;}

/* prevent horizontal scrollbar on bullets with indent (eg. recruitment guide > recruitment services */
.indent.cwContainer {width:auto;}

/* target unordered lists in content using adjacent sibling selector, not understood by <IE7, targets IE7. This allows IE to recognise the block of the element (not via hasLayout, which is further buggy with lists) */ */
p+ul {border-top: 1px solid transparent;}