/*
This style sheet is used for each Sites main content frame.

'<!--- ---------------------------------------------------------------------
'Sites Style Sheet          CompuCraft Software Solutions (c) 1999-2006
'Date --- Init Reason----------------------------------------------
'25/10/06 DB initiated based on DOCMV42
'1/11/06 DB upgraded elements of current StandardV42
'27/07/07 MT upgraded elements to suite IE7 and Mozilla
'21/08/07 MT new design for Intranet
'23/08/07 DB added styles for div.portlet
'10/12/07 MT Updated for Released V4.3
'22/01/08 MT Updated for DualMenu
'05/05/08 MT New Banner styles
'---------------------------------------------------------------------- --->

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

#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[id] { /* attribute selectors only for Firefox and >IE7 */
	margin: 0 0 10px 0;/*for FireFox and non-IE7 only, see IE7 override rule below*/
	padding: 33px 7px 7px 7px;
 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
	position: relative;
/*end prevent IE peekaboo bug*/
/* cw-Section Background */
	background: #ffffff url(portal_bg.gif) repeat-x 0 0; 
	border: 1px solid #ccc;
}

* html .section {
	margin: 0 0 10px 0; /*for FireFox and non-IE7 only, see IE7 override rule below */
	padding: 43px 7px 7px 7px;
/* preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html */
	position: relative;
/* end prevent IE peekaboo bug */
/* cw-Section Background */
	background: #ffffff url(portal_bg.gif) repeat-x 0 0; 
	border: 1px solid #ccc;
}

 /* Hide the rule from IE5-mac \*/
 /*Holly Hack, IE only, to force to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
* html .section {
	height: 1px;
}
 /* End Hide the rule from IE5-mac */

.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-Body Text */
	color: #000000;
}

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

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

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

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

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

.section td{
	vertical-align:top;
}

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

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

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

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

.section th.QHeader{
	font-weight: 800;
/* cw-Table Header Text */
	color: #000;
/* cw-Table Header Background */
	background-color: #b4b49d;
	padding: 2px 5px;
/* cw-Table Header Border */
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #999;
}

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

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

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

.section td.QRow2{
/* cw-Row 2 Background */
	background-color:#FCFCE8;
}

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

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

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

/*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: #000;
	line-height: 1.2em;
	background: transparent;
	font-weight: 600;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
} 

/* ============================================================================================================================
.section H2 - section background header image 
============================================================================================================================ */

.section h2 a,
.section h2 a:hover {
/* added to give the section header a background image */
/* adding background to .section caused a problem when the TOC was in the first section */
	line-height: 2.0em; 
	margin: -47px 0 0 0;
	padding: 0 0 0 10px ;
}


* html .section h2 a {
	height: 1px;
}

.pageTop {
	margin-top: -46px;
}

.section .pageTop a img {
	border: none!important;.
	margin: 0 15px;
	float: right;
}

* html .section .pageTop a img {
	margin: 0;
}

div .portlet .pageTop img { /* hides the image within the portlets */
	display: none;
}

/*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:#333;
	text-decoration:none;
}

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

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

a.HeirLinks,
a.SiteLinks {
/* cw-Heirarchy Link Text */
	color:#000000;
	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:#000000;
	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:10px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

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

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

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

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

table {
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: inherit; /*for FireFox only*/
/* cw-Table border */
	border-color: #afafaf;
	/*the border weight is set in the markup*/
	border-collapse: collapse; /*enables single-width borders between table cells */
}

/*Targetting IE only, to accommodate differences in treatments of tables*/
* html table {
	border-collapse: collapse; /*enables single-width borders between table cells */
	font-size: 1em; /*IE ignores the default body font-size, must be respecified here. 1em sets whatever the percentage is already set in the body rule*/
}

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 */
	border-collapse: collapse;
	background: transparent;
	width: 100%!important;
}

#rightContent #rightFeature table {
/* cw-Right Feature Table Background */
	background: transparent; /* to allow the background color to be visible */
	border: 1px solid #cccccc;
}

table td {
	padding: 0 5px;
	border-color: #afafaf; /*for IE only, since the border weight is in the markup*/
	/* cw-Table border */
	border-color: #afafaf;
	/*the border weight is set in the markup*/
}

td  {
	vertical-align: top;
}

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

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

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

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

#Banner1,
.Banner1 {
/* cw-Banner 1 Text */
	color: #000000;
	font-weight: bold;
/* cw-Banner 1 Background */
	background-color: #EFEFD3;
	border-width: 2px;
	border-style: outset;
/* cw-Banner 1 Border 
	border-color: #666644;*/
	padding: 5px 10px;
	font-size: 1.4em;
	position: relative;
	text-align: center; 
	width: auto;
	height: auto;
}

#Banner2,
.Banner2 {
/* cw-Banner 2 Text */
	color: #333333;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
/* cw-Banner 2 Background */
	background-color: #efefd3;
	border-width: 2px;
	border-style: inset;
/* cw-Banner 2 Border 
	border-color: #FF0000; */
	padding: 6px 10px;
	font-size: 1.7em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner3,
.Banner3 {
/* cw-Banner 3 Text */
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, sans-serif;
/* cw-Banner 3 Background */
	background-color: #cccccc;
	border-width: 4px;
	border-style: ridge;
/* cw-Banner 3 Border */
	border-color: #cccccc;
	padding: 10px;
	font-size: 1.5em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

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

#Banner5,
.Banner5 {
/* cw-Banner 5 Text */
	color: #333333;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background */
	background: transparent url(portal_bg.gif) repeat-x 0 0;
/* cw-Banner 5 Border */
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	padding: 4px 10px;
	font-size: 1.4em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

/*Targetting IE only,  to supply different widths*/
* html #Banner5,
* html .Banner5 {
	border-top-width: 2px;
	border-bottom-width: 2px;
}

  /*Holly Hack, IE only, to force into 'hasLayout' mode and fix the peekaboo bug*/
* html .Banner1, 
* html .Banner2,
* html .Banner3,
* html .Banner4,
* html .Banner5 {
	height: 1px;
	width: auto;
}

/*Prevent banner from sliding behind right feature in IE7 and Firefox - OK in IE6.*/
.withRightFeature {
	margin-right: 260px;
}


#content .icon {
	padding-right: 5px;/*uses padding rather than margin, so that the hover bgd color is joined across the gap*/
	vertical-align: text-bottom;
}

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

#mainContent .pageNameLong {
	padding: 0;
}

#mainContent h1.pageNameLong {
	line-height: 0.8em; 
	margin: 0 0 5px 7px; 
	padding: 10px; 
	color: #000;
	z-index: 98;

}

#mainContent .section#sitemap {
	margin-bottom: 10px;
	padding-top: 30px;
	z-index: 97;
	background: #fff url(portal_bg.gif) repeat-x left top; 
}


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




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

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

* html .indent.cwContainer {
padding-top: 10px;
}

/* '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: -70px;
}

.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: 70px;
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;
}

 /* Hide the rule from IE5-mac \*/
 /*Holly Hack, IE only, to force to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
* html .cwContainer .IE-3pxJogFix
 {
	height: 1px;
}
 /* End Hide the rule from IE5-mac */
 
 
 
 
 /* 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: #666644;
	border-top: 3px solid #999966;
	border-bottom: 3px solid #999966;
	height: 1.7em;/*variable height aids accessibility*/
	line-height: 1.7em;/*vertically-center the single line of text*/
}

#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.NOportlet h2 {
	color: #000;
	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;
	}
	
/*Fix for the IE 6 float drop italic bug, for more information, see http://www.positioniseverything.net/explorer/italicbug-ie.html*/	
#mainContent .section {
	_overflow: visible;
	_height: 1%;
	_width: auto;
	}
	
/* 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;
}

 /* Non-Standard Additions
------------------------------------------------------------------------------------- */
	
div.portlet {
	border: 1px solid #ccc;
	padding: 0 5px;
	margin: 0;
	background: #fff url(portal_bg.gif) 0 0 repeat-x;
	overflow: visible;
}

div.portlet h2 {
	color: #000;
	font-size: 1.4em;
	line-height: 0.5em;
	padding-bottom: 7px;
}