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

'<!--- ---------------------------------------------------------------------
'Sites Style Sheet               CompuCraft Software Solutions (c) 1999-2008
'Date --- Init Reason-------------------------------------------------------
'23/03/06 DB finalised for ComWeb StandardV42
'11/04/06 DB incorporated new step container, and made some minor improvements
'26/04/06 DB added styling for alphabetised navigation
'02/08/06 DB added pseudo-class section:after
'27/09/06 DB modified steps containers, new default is plain, additional style of outlined elements
'03/10/06 DB added section h2s, designed to look the same as the original h3s
'24/10/06 DB added provision for acronym and image borders
'31/10/06 DB modified spacing nested lists, especially where lead-in text is used
'09/11/06 DB modified titletext to become TitleText. To match markup, and creates bold and enlarged text.
'21/11/06 DM section th alignment removed, and instead section th.QHeader has new style of center
'06/02/07 DB added style for banner line height
'06/02/07 DB added float drop fix for IE italic bug
'06/02/07 DB added indent class to the steps container rules
'28/03/07 DB added new pageTop rule to align horizontally
'01/05/07 DB added text-align left to the generic section th (th.Qheader remains centered)
'08/11/07 DB added margin and font-family settings for textarea (textareas are usually incapable of inheriting the body font)
'26/11/08 DB removed css filters and added to ie.css
'25/02/09 DB applied all relevant updates from SampleV4
'---------------------------------------------------------------------- --->

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.
*/

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

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

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

/* paragraph clearing to stack paragraphs vertically, preventing correctly protruding images in adjacent paragraphs from staggering horizontally against each other */
.section p {
    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*/
}

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

.section {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Section Divider Line */
	border-bottom-color:  #C3D3F8;
 /*For IE6, 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: transparent;
/* 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:Arial,sans-serif;
}

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

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

.section h2 {
/* cw-Section Heading Text */
	color: #FF9900;
}

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

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

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

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

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

.section td {
	vertical-align:top;
}

.section th {
	font-weight:bold;
/* cw-Body Text */
	color:#000080;
	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;
}

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

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

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

.section th,
.section th.QHeader {
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
/* cw-Table Header Background */
	background-color:#174BB9;
	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:#174BB9;
	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:Arial,sans-serif;
	font-weight:800;
/* cw-Table Header Text */
	color:#FFFFFF;
	text-align:center;
}

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

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

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

/*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: Navy;
	line-height: 1em;
	background: transparent;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: 600;/*slightly finer than the default bold, which is 800*/
} 

.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:#000080;
}

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

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

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

.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-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

div.Page_Title_Banner2 {
/* cw-Page Title for Banner 2 */
	color:#FFFFFF;
}

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

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

/* For FF and IE7 (IE6 has it's own overriding css in ie.css), '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 */
/* For FF and IE7 (IE6 has it's own overriding css in ie.css), this fix also prevents the cut-off effect of overflow:hidden by forcing the horizontal scrollbar*/
.section,
.leftFeature,
.rightFeature {
    overflow:auto;

}

/*============================================================================
GENERIC TABLE RULES - WILL BE OVERRIDDEN BY MORE SPECIFIC CLASSES
============================================================================*/

table {
	margin-bottom: 10px;
	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 */
	margin-left: 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.*/
/* cw-Table background colour */
	background: #FFFFFF;
/* cw-Table text */
	color: #000000;
}

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

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

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

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

td {
	vertical-align: top;
}

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

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

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

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

.section table img {
	border:none;
}

table.borderless {
	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;
}


/*============================================================================
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: #174BB9;
	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: #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: #174BB9;
	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: #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;
	margin-top: 0;
}

#Banner4,
.Banner4 {
/* cw-Banner 4 Text */
	color: #174BB9;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 4 Background */
	background-color: #EEF4FE;
	border-left-width: 10px;
	border-left-style: double;
/* cw-Banner 4 Border Left */
	border-left-color: #174BB9;
	border-right-width: 10px;
	border-right-style: double;
/* cw-Banner 4 Border Right */
	border-right-color: #174BB9;
	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: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background 
	background-color: #174BB9;
	border-top-width: 4px;
	border-top-style: solid;*/
/* cw-Banner 5 Border Top 
	border-top-color: #073A92;
	border-bottom-width: 4px;
	border-bottom-style: solid;*/
/* cw-Banner 5 Border Bottom 
	border-bottom-color: #073A92;*/
	background: url(bg_banner5.gif) repeat-x 0 0;
	padding: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: 24px!important;/*24px + 10px padding top and bottom = the height of the bg graphic (44px). This suits both FF and IE6, but IE6 required the !important to overwrite the subsequent peek-a-boo bug fix below*/
	margin-top: 0;
}

#content .icon,
#content .newWindow {
	padding-right: 5px;/*uses padding rather than margin, so that the hover bgd color is joined across the gap*/
	border: 0 none!important;
	vertical-align : middle;
}

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

.pageNameLong {
	padding-top: 20px;
/* cw-Page Name */
	color: #0066CC;
}

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

/*============================================================================
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;
}
 
/*============================================================================
Alphabetised Navigation 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: #174BB9;
	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;
}

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

.portlet .pageTop {
 	display:none;
}

div.portlet {
    margin: 0px;
    background-color:transparent;
    color:#000000;
    padding: 10px;
    overflow: auto;
}

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

div.NOportlet h2 {
    color: #000066;
    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;
}

/*Targetting the default banner style*/
p span {
	line-height: 1;
}
	
/* 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;
}

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

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

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

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