/*
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 added .section td vertical alignment
'20/01/10 DB increased range of borderless table to include td and th
'09/04/10 DB removed a.AliasNotSet rules (these are now in comweb.css)
'21/04/10 DB added rule for joining captions by targetting non IE6 browsers (using the adjacent sibling selector)
'21/05/10 DB added back position:relative to .section, to reset the positioning context
'16/06/10 DB added form table table margin reduction
'09/09/10 DB reduced header height, adjusted position of breadcrumbs and TOCHorizontal, reduced padding top on pageNameLong
'---------------------------------------------------------------------- --->

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;
}

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 table+p { /* target non IE6 using the adjacent sibling selector */
	clear: none!important;
}

.section {
	margin-bottom: 20px;
	padding-bottom: 20px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
 cw-Section Divider Line 
	border-bottom-color: #C3D3F8;*/
/* cw-Section Background */
	background: transparent url(../../../../webReady/bg_section_divider.png) bottom left repeat-x;
/* 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 */
    position: relative;/*set positioning context for pagetop and any other custom elements*/
}

.section p.infolist {
	text-indent: 5%;
	font-family: 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;
}

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

div#LatestNews {
	overflow: hidden;/* Prevent the oversized-content css rules from invoking scrollbars */
}

/*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: #5d5c2e;
}

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

.section h3.querytitle,
.section h3.QueryTitle {
	text-align: center;
/* cw-Body Text */
	color: #4c4435;
}

/*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: #5d5c2e;
	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: #5d5c2e;
}

div.NOportlet h2 {
	color: #5d5c2e;
	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: #4c4435;
}

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

/*============================================================================
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: #666666;
	/*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!important;/* effectively align left by default */
}

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

table table {
	margin-bottom: 0;
}

form table table {
margin: 5px 0px!important;
}

#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: #666666;
	/*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: #666666;
}

/* 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: #FFF;
/* cw-noTableStyle Table Header Background */
	background-color: #FFFFFF!important;
}

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

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

.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: 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: #695E4B;
	text-align: center;
}

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

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

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

.section td.QHeader {
	font-weight: 800;
/* cw-Table Header Text */
	color: #FFFFFF;
/* cw-Table Header Background */
	background-color: #695E4B;
	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: #e3e5d8;
/* cw-Table Row 1 Text */
	color: #000000;
}

.section td.QRow2 {
/* cw-Table Row 2 Background */
	background-color: #c7c8b5;
/* 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: Arial,sans-serif;
	font-weight: 800;
/* cw-Table Header Text */
	color: #FFFFFF;
	text-align: center;
}

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

.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: 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: #695E4B;
	padding: 10px;
	font-size: 1.0em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner2,
.Banner2 {
/* cw-Banner 2 Text */
	color: #5d5c2e;
	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: #695E4B;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

#Banner3,
.Banner3 {
/* cw-Banner 3 Text */
	color: #000;
	font-weight: bold;
	font-family: cursive, serif;
/* cw-Banner 3 Background */
	background-color: #e3e5d8;
	border-width: 4px;
	border-style: ridge;
/* cw-Banner 3 Border */
	border-color: #5d5c2e;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	margin-top: 0;
}

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

#Banner5,
.Banner5 {
/* cw-Banner 5 Text */
	color: #EAF2FF;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background */
	background-color: #695E4B;
	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;
	margin-top: 0;
}

/*============================================================================
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: #695E4B;
	border-top: 3px solid #5d5c2e;
	border-bottom: 3px solid #5d5c2e;
	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;
	background-color: #FFFFFF;
	color: #000000;
	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
============================================================================*/