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

'<!--- ---------------------------------------------------------------------
'Sites Style Sheet          CompuCraft Software Solutions (c) 1999-2006
'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
'03/05/06 DB edited to suit CGDV42
'01/08/06 DB modified table border treatments, added generated content for firefox (search for :after)
'23/08/06 DB added capability for large image with image maps, and removing surrounding elements
'28/08/06 DM and DB added new indentation-with-bullet-graphic method
'1/11/06 DB upgraded elements of current StandardV42
'21/11/06 DM section th alignment removed, and instead section th.QHeader has new style of center
'---------------------------------------------------------------------- --->

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-Body Text */
border-bottom-color: #000000;
border-bottom-style:  dotted;
border-bottom-width: 1px;
}

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

#content ul {/*for left and right content*/
	list-style-position: outside;
	margin: 1em 1.2em;/*1.2em 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: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
/* cw-Section Divider Line */
	border-bottom-color:  #CCCCCC;
 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
	position:relative;
/*end prevent IE peekaboo bug*/
/* cw-Section Background  */
	background: transparent;
}

 /* 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:after {/*CSS2 pseudo-class to ensure that images in floated sections do not overlap subsequent sections. Does not work in <IE6, but <IE6 has a bug which I am exploiting here. The bug renders the effect we are after anyway.*/
	content: ".";
	display:block;
	visibility:hidden;
	clear:both;
	height: 0;
}

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

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

.section td{
	vertical-align:top;
}

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

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

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

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

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

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

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

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

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

.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: #000000;
	line-height: 1em;
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
} 

.pageTop {
	padding-top: 1em;
}


*  html .pageTop {
	padding: 0;
	height: 1px;
}

.pageTop img {
	margin-right: 10px;
	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;
}

.section a.h3: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 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:#FF0000;
	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:#FFFFFF;
}

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-bottom: 20px;
	font-size: inherit;/*for FireFox only*/
/* cw-Table border */
	border-color: #666666;
	/*the border weight is set in the markup*/
}

table img {
	border: none;
}

/*Targetting IE only, to accommodate differences in treatments of tables*/
* html table {
	border-color: #CCCCCC;
	border-collapse: collapse;/*enables single-width borders between table cells */
	font-size: .9em;/*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 */
	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*/
}

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 {
	margin: auto 5px;
}

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



/*
===========================================================
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: #666666;
	padding: 10px;
	font-size: 1.0em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

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

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

#Banner4,
.Banner4 {
/* cw-Banner 4 Text */
	color: #666666;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 4 Background */
	background-color: #E2E2E2;
	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: 10px;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
}

#Banner5,
.Banner5 {
/* cw-Banner 5 Text */
	color: #E2E2E2;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
/* cw-Banner 5 Background */
	background-color: #1F2325;
	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;
}

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


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

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

.pageNameLong {
/* cw-Page Name */
	color: #000000;
	margin-top: 0px;
	line-height: 1.1;
}

body.Splash .pageNameLong {
	display:none;
}



/*
NEW ELEMENTS BEYOND INITIAL V42
-----------------------------------------------------------------------------------------------------------------*/
/* 'steps' container
---------------------------------------------------- */

.cwContainer {
width: 99%;
padding-top: 0px;
padding-bottom: 10px;
margin-bottom: 10px;
}

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

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

/* 'steps' container step
---------------------------------------------------- */
div.cwNumber {
float: left;
margin-left: -160px;
display: inline;
width: 140px;
padding-bottom: 10px;
margin-top: 0;
/*border-top: 5px solid silver;*/
}

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

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

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

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

/* 'steps' container main information
---------------------------------------------------- */

.cwInformation {
margin-left: 170px;
margin-right: 10px;
}

/* 'steps' container tables
---------------------------------------------------- */
.cwContainer table {
font-size: 1em;
width: 100%;
border-top: 1px solid #ddd;
}

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

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

/* 'steps' container forms
---------------------------------------------------- */
.cwContainer input {
margin-bottom: 3px;
margin-left: 3px;
}

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

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

#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: underline;
	height: 30px;
	line-height: 30px;
}

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

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

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


 /* Non-StandardV42 Additions
------------------------------------------------------------------------------------- */


/* START method to indent anchors with bullets */

a.indent1 {
	margin-left: 20px !important;
	display:block;
	margin-bottom: -10px !important;
}

a.indent2 {
	margin-left: 60px !important;
	display:block;
	margin-bottom: -10px !important;
}

a.indent1:visited {
	padding: 2px 0 !important;
}

a.indent2:visited {
	padding: 2px 0 !important;
}

/* END method to indent anchors with bullets */




/* 'Indent' container
---------------------------------------------------- */

.indent.cwContainer {
border: none;
width: 99%;
padding-top: 0px;
padding-bottom: 10px;
margin-bottom: 10px;
}


/* 'Indent' container step
---------------------------------------------------- */
.indent.cwContainer div.cwNumber {
float: left;
margin-left: -70px;
display: inline;
width: 40px;
padding-bottom: 10px;
background: transparent;
margin-top: 0;
border-top: none;
}

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

/* 'Indent' container main information
---------------------------------------------------- */

.indent.cwContainer .cwInformation {
margin-left: 40px;
margin-right: 10px;
}