/*
This style sheet is used for common print styles.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2012
'Date --- Init Reason------------------------------------------------------
'23/03/06 DB finalised for ComWeb StandardV42
'26/09/06 DB modified for smaller font size, and coloured anchors
'27/09/06 DB reduced height of header
'24/10/06 DB added styles to remove borders from general tables but retain on data tables
'30/11/06 DB increased size for titleblock text
'24/01/07 DB changed titleblock position
'06/02/07 DB added identity align left
'07/02/07 DB added styles to nullify the portlet styles
'07/02/07 DB added new table border styles
'06/03/07 DB changed z-index of titleblock to 1000
'06/03/07 DB added padding bottom to titleblock
'05/09/07 DB added rule so h2 anchors print black
'06/12/07 Released V4.3
'25/09/08 DB added section margin-bottom 10mm
'20/11/08 DB added line-height to h2
'28/01/10 DB performed a CSS tidy
'18/02/10 DB added .section overflow: visible (to prevent the elements overlapping)
'18/02/10 DB added table page-break-inside: avoid; not implemented by any browsers but opera and IE8
'18/02/10 DB set section border-bottom to !important;
'18/02/10 DB removed margins from bottom of .section
'18/02/10 DB added 5mm padding to top of .section
'18/02/10 DB removed spacing from bottom of h2 a
'18/02/10 DB added line-height to h2 a
'18/02/10 DB added display: inline-block to h2 a to prevent heading breaking across pages
'18/02/10 DB added text-align: left!important to .section h3.QueryTitle
'18/02/10 DB added margin-top: 5mm!important to .section h3.QueryTitle
'18/02/10 DB added margin-bottom: 10mm!important to table, but reverted it for table table
'26/02/10 DB added list-style-type: none to titleBlock
'22/06/12 DB updated comments copyright date
'22/06/12 DB added styles to display section URLs (rather than only the link text), and colouring black to improve readability
'22/06/12 DB included display removal for script, embed, video, audio, object, map (not certain of effectiveness)
'22/06/12 DB added an @page margin
'12/07/12 DB increased font size from 8pt to 9pt
'12/07/12 DB increased line height from 10pt to 14pt
'12/07/12 DB added .section	clear: both!important to allow vertical stacking without overlaps
'13/07/12 DB added display:block and clear: both to headings and tables so they stack vertically
'10/08/12 DB commented out headings, to allow screen style site colours to be used
'10/08/12 DB commented out header height restriction
'10/08/12 DB commented out h3 colour, pageNameLong colour, 
'10/08/12 DB removed the line-height on h2 and h3
'10/08/12 DB commented out border on table#CWCalendar
'10/08/12 DB commented out portlet colours and backgrounds
'10/08/12 DB added overflow:visible to sections (to prevent the overlapping of sections and tables)
'10/08/12 DB added back #rightContent display:none at JP request to disallow printing of content
'10/08/12 DB commented out generic table treatments, to allow screen style site colours to be used
'10/08/12 DB added visibility for titleSite and titlePage, and default colour as black
'10/08/12 DB added !important to section padding-bottom
'10/05/13 DB uncommented tables, allowing borders to appear
'23/05/13 DB #accessibilityLinks display none
'23/05/13 DB removed collapsable 'Open all sections' interface link
'23/05/13 DB removed visual interface from collapsable tabbed interface (background, arrow), reset padding of section and space aove and below headings h2 and h3
'23/05/13 DB removed .section p line height to avoid overriding body line-height
'23/05/13 DB removed via commenting out the declaration block (.section table th,.section table td,.section dl, .section dd, .section dd p,.section ul li) as the elements were too small, had a reduced line-height, and it seemed redundant.
'23/05/13 DB added declaration to prevent h2 and h3 headings from splitting across pages
'23/05/13 DB added a max-width 100% for images
'23/05/13 DB prevented unordered lists and images from being broken across pages by using page-break-inside: avoid
'---------------------------------------------------------------------- --->

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

/*
============================================================================
global settings - standardise across variety of browsers
============================================================================*/

@page {
    margin-top: 2cm;
    margin-right: 1.5cm;
    margin-bottom: 2cm;
    margin-left: 1.5cm;
}

body {
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 9pt;
	line-height: 1.5em!important;
	background: #FFFFFF;
}

/*default for spacing of all elements*/
* {
	margin: 0;
	padding: 0;
	width: auto;
}

/*removes default border from any hyperlinked images*/
a * {
	border: 0 none;
}

a:link {
	color: #0000FF;
}

a:visited {
	color: #0000FF;
}

h1, h2, h3, h4, h5, h6 {
/*	color: #000000;*/
	clear: both!important;
  	page-break-after: avoid;/*prevent page breaks immediately after a heading*/
}

h1 {
	line-height:1em;
}

h2 a {
	/*color: #000000!important;*/
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	line-height: 1.1!important;
	display: inline-block!important;/* prevents heading from splitting across pages, moves the heading onto top of next page */
	display: block!important;
	clear: both!important;
}

h2, h3 {
   page-break-after: avoid;/* prevents headings from splitting across pages */
}

acronym {
    border-bottom: none;
}

#accessibilityLinks {
    display: none;
}

a.toggleAllSections {display:none;}

img {max-width: 100%!important;}

ul, img {page-break-inside: avoid;}

/*============================================================================
MAJOR ELEMENTS of layout/positioning: mainly visibility and spacing
============================================================================*/

/*elements are ordered as per source order*/

#perimeter {
	position: static;/*for gecko-based browsers, undoes the positioning, thereby enabling multi-page printing*/
}

#searchContainer {
	display: none;
}

#outerContainer {
	margin: 0; 
	padding: 0; 
	background: transparent;
}

#innerContainer {
	margin: 0; 
	padding: 0; 
	background: transparent;
}

/*#header {
	height: 50mm;
	background: transparent;
}*/

#headerLead {
    display: block;/*change to display: block if need visibility of nested titleBlock*/
    margin-bottom: 10mm;
}

#upperNavigation {
	display: none;
}

#instanceNav {
	display: none;
}

#referenceLinks {
	display: none;
}

#orgHierarchyNav {
	display: none;
}

#titleBlock {
	display: block;/*change to display: block if need visibility of nested titleBlock*/
	position: absolute;
	top: 0mm;
	left: 70mm;
	z-index: 1000!important;
	padding-bottom: 2mm;
}

#titleSite,
#titlePage {
    display: block!important; /* display block to make make visible, display none for invisible*/
    color: #000000; /*default colour, as sometimes these are white over a coloured header background*/
}

#titleBlock ul {
	padding-top: 1mm;
	list-style-type: none;
}

#titleBlock li {
	font-size: 14pt;
	font-weight: bold;
	margin-top: .5mm;
	line-height: 1em;
}
/* Regardless of file dimensions, the #printLogo will be rescaled to a height of 72px (deliberately set in markup), and width is dependent upon proportion of logo shape */
#identity {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	z-index: 100;
	text-align: left;
}

#feature {
	display: none;
}

#banner {
	display: none;/*change to display: block if require visibility*/
	position: absolute;
	top: 0;
	right: 0;
}

#headerTail {/*effectively conceals other divs inside*/
	display: none;
}

#breadcrumbs {
	display: none;/*change to display: block if require visibility*/
}

#TOC {
	display: none;/*change to display: block if require visibility*/
}

#content {
	margin: 0; 
	padding: 0; 
	background: transparent;
}

#rightContent {/*effectively conceals other divs inside*/
	display: none;
}

#leftContent {/*effectively conceals other divs inside*/
	display: none;
}


/*============================================================================
MAIN CONTENT and .section elements
============================================================================*/

body.framed0 #mainContent,
body.framed1 #mainContent,
body#leftMain.framed0 #mainContent,
body#leftMain.framed1 #mainContent,
body#leftMainRight.framed0 #mainContent,
body#leftMainRight.framed1 #mainContent {
	width: auto; 
	margin: 0 !important; 
	padding: 0 !important; 
	background: transparent;
}

#mainContentLead {
	display: none;
}

.section {
	margin-top: 5mm;
	margin-bottom: 0mm;
	padding-bottom: 5mm!important;
	border: 0 none!important;
	border-bottom: 1pt solid #000000!important;
 	background: transparent;
 	overflow: visible;
	clear: both!important;
}

/*targetting gte IE7 */
body>div .section {
    overflow: visible!important; 
}

.pageNameLong {
	/*color: #000000;*/
	margin-top: 5mm;
	line-height: 1.1em;
}

body.home .pageNameLong {
	display: none;
}

h2 {
	margin-bottom: 1em;
	/*line-height: 1em;*/
}

.section ul,
.section ol {
	list-style-position: outside;
	margin: 5mm;
}

.section ul li,
.section ol li {
	margin-bottom: 2mm;
}

.pageTop {
	display: none;
}

.section h3 {
	/*color: #000000;*/
	margin-bottom: 3mm;
}

.section h3.QueryTitle {
	text-align: left!important;
	margin-top: 5mm!important;
}

/*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 {
	/*color: #000000;*/
	display: block!important;
	clear: both!important;
}

.section p {
	margin-bottom: 3mm;
}

/* table page breaks */

table { 
	page-break-inside: avoid;
	page-break-after: auto;
	display: inline-block!important;
}
   
tr { 
	page-break-inside: avoid; 
} 

/* table outlines */

/*All table element properties are written in 'longhand' so as to supercede any screen styles */

table.borderless,
body.SiteMap table {
	border-width: 0;
	border-style: none;
	border-color: white;
}

table.borderless tr,
body.SiteMap table tr {
	border-width: 0;
	border-style: none;
	border-color: white;
}

table.borderless td,
body.SiteMap table td {
	border-width: 0;
	border-style: none;
	border-color: white;
	vertical-align: top;
}

table.borderless th,
body.SiteMap table th {
	border-width: 0;
	border-style: none;
	border-color: white;
	vertical-align: top;
}

td p {
	vertical-align: top;
}

td.QHeader {
	font-weight: bold;
}


/*NOTE: In IE, styling of table rows is not supported, so must target the th and td elements */
.section tr.QHeader th,
.section tr.QRow1 td,
.section tr.QRow2 td {
	border-width: 1pt;
	border-style: solid;
	border-color: #000000;
	padding: 1mm;
}

/*.section table th,
.section table td,
.section dl, 
.section dd, 
.section dd p,
.section ul li {
	line-height: 10pt;
	font-size: 8pt;
	color: #000000 !important;
}
*/

/* table outlines */

table {
	border-width: 0;
	border-collapse: collapse;
	border-top-width: 1pt;
	border-left-width: 1pt;
	border-style: solid;
	border-color: black;
	page-break-inside: avoid;/* at time of authoring only works in IE8 */
	margin-bottom: 10mm!important;
}

table table {
	margin-bottom: 0mm!important;
}

tr {
	border-width: 0;
	border-style: solid;
	border-color: black;
}

th {
	border-width: 1pt;
	border-style: solid;
	border-color: black;
	vertical-align: top;
}

td {
	border-width: 1pt;
	border-style: solid;
	border-color: black;
	vertical-align: top;
}


/* calendar tables */
table.CWCalendarHeight100 tr td {
	width: 14%;
}

table.CWCalendarHeight100 tr.heading img {
	display: none;
}

table.CWCalendarHeight100 tr.heading td {
	border: none;
	width: 0%;
}

table.CWCalendarHeight100 tr.heading td.calCentre {
	width: 100%;
}

table#CWCalendar,
table#CWCalendar th,
table#CWCalendar td
 {
	/*border-width: 1pt ;
	border-style: solid ;
	border-color: #FF0000 ;*/
	padding: 1mm;
}

div.cwAlphaFilter {
	display: none;
}

/*Reverse portlet rules*/

.portlet .pageTop {
	display: none;
}

div.portlet {
    margin: 0;
    border: 0 none;
    /*background-color: #FFFFFF;*/
    /*color: #000000;*/
    padding: 0;
    overflow: hidden;
}

div.portlet h2 {
    /*color: #000000;*/
    font-weight: normal;
    padding: 0;
    height: auto;
    /*background: none;*/
    margin: 5mm 0;
    line-height: normal;
    vertical-align: top;
}

div.portlet h3 {
    margin: 3mm 0;
}

#mainContentTail {
	display: none;
}

script, embed, video, audio, object, map, #swfControls1, #swfControls2 {
    display:none!important;
}

/* styles for URL display -----------------------------------------------*/

/*show link address*/
.section p a:after {
    content: " (" attr(href) ")";
    font-size: 90%;
}

/* show external link address*/
.section p a[href^="http://"]:after {
    content: " (" attr(href) ")";
    font-size: 90%;
}

/* set links to black, improving readability, rather than blue because laser printing blues become grey*/
.section p a {
    color: #000!important;
}

/*avoid long links breaking out of the page */
.section p a {
    word-wrap: break-word;
}

/* END styles for URL display -----------------------------------------------*/

.section.collapsable,
.section.collapsable h2 a {
    background: none;
    margin-top: 0!important;
    padding-left:0!important;
}

.collapsable.section .sectionInner {
    margin-left: 0!important;
    padding-left:0!important;
}

.section.collapsable h2 a {
    margin-top: 5mm!important;
    padding-left:0;
}

.section.collapsable h3 {
    margin-top: 5mm!important;
}

/*============================================================================
PAGEFOOT and FOOTER
============================================================================*/

#pageFoot {
	display: none;
}

#footer {
	margin: 5mm 0 0 0; 
}

#footerNav {
	display: none;
}

/*the following affects footerInfo as well*/
#footer ul, 
#footer li, 
#footer p, 
#footer a {
	margin: 2mm 0 0 0; 
	color: #000000;
	background: transparent;
}

/*the following affects footerInfo as well*/
#footer p,
#footer a {
	font-size: 7pt;
}