/*
This style sheet contains all IE filters (which do not pass W3C validation).

<!--- ---------------------------------------------------------------------
'Sites Style Sheet				CompuCraft Software Solutions (c) 1999-2010
'Date --- Init Reason------------------------------------------------------
'03/12/08 DB started ie.css, using code removed from the suite of css files
'24/12/08 DB corrected: none to the value 'hidden'
'22/01/09 DB corrected overflow-x: none and overflow-y: none to the value 'hidden'
'22/01/09 DB removed the footerNav positioning of -70px for IE6
'29/01/09 DB removed all * html selectors and replaced the filter-functionality with underscore hack within the property
'29/01/09 DB edited multiple areas to fix the oversized content issue across browsers, adjusting overflows
'29/01/09 DB adjusted newsticker width, appears to work now when the same as in newsticker.css, but am leaving for case-by-case adjustment
'29/01/09 DB increased the innerContainer min-width from 770px to 900px
'05/02/09 DB removed image borders
'12/02/09 DB re-assigned widths within div.IE-3pxJogFix_NewsTicker, so the news article text does not disappear under the scrollbar. Still remains 100% wide, but is distributed between 90% overall width and 10% padding-right.
'25/02/09 DB changed the IE6 allowance for oversized content from a width of 100% to 99%, to prevent float stacking
'27/03/09 DB changed .section p height from 1% to 1px. This setting is an IE6 bugfix only, and intentionally does not reduce the size, the setting is to invoke hasLayout and fix the peekaboo bug.
'30/04/09 DB removed part 4 of 4 of code for bullet appearance on submenus
'13/05/09 DB modified approach to intra-browser allowances for oversized content, by changing the spacing on leftMainRight mainContent, and the overflow properties of section, leftFeature and rightFeature
'13/05/09 DB enabled the IE6 Italic Bug fix to work in conjunction with the oversized content allowance fix to invoke a scrollbar rather than dropping beneath the left or right content
'14/05/09 DB removed the min-width expression, originally used to create a max and min fluidity, but was preventing the oversized content allowance from working.
'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
'13/01/10 DB started for DSG upgrade
'14/01/10 DB added div.portlet h2
'14/01/10 DB integrated IE filters from DSG CSS suite
'28/01/10 DB altered leftMain Maincontent padding-left from 17 to 15px
'26/02/10 DB added x-axis padding to .psthdlfeature p
'23/03/10 DB commented-out the IE6 3px Jog Fix when used within a cwContainer as it also invoked a peekaboo bug
'23/03/10 DB added body.portal position:relative for positioning context when using portals
'26/03/10 DB increased width of leftMain leftContent from 128 to 148
'---------------------------------------------------------------------- --->

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

/* THE FOLLOWING IE FILTERS ARE USED FOR IE6, 7 AND 8: 

/* IE8-only: html>/**/body 
/* IE7-only: *+html
/* IE7 and IE6 only: *property
/* IE6-only: _property

/*============================================================
Declarations for Master.css
============================================================*/

/* Targetting pre-IE7 only */
p {/* to assist with the 'extra spacing' allowable in the ComWeb page builder. 2 br tags seem to equal 1 full line-height, so set to same as the body line-height */
	_margin-bottom: 1.6em;
}

/*Prevent hover jump*/
a:link:hover, a:link:active {
	padding: 0;/*needs to be zero so that only hovered list items use the padding, NOT images*/
}
 
/*Targetting pre-IE7 only*/
#leftMain #content {
	_height: 1px;/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html. Uses Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
	_position: relative;/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
	_margin-top: 0px;/*IE requires margin to move it down (padding forced the right content down as well). Conversely, firefox requires using padding for same effect */
}

#leftMain #leftContent {
	_width: 148px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of leftFeatures */
	_position: relative;/* IE only, invoke 'hasLayout' so the leftContent floats above the the maincontent, not enough simply to use z-index */
}

/*Targetting pre-IE7 only*/
#leftMain.framed0 #mainContent,
#leftMain.framed1 #mainContent {
	_position: relative;/*Invokes 'hasLayout' mode, and stops the section 'jog' when the page loads*/
/*Holly Hack, pre-IE7 only, 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*/
	_height: 1px;/*putting the height on moved the maincontent across*/
}

/*Targetting pre-IE7 only, to alter the original settings above*/
#leftMain #mainContent,
#leftMain #mainContent {
	_padding-top: 0px;
	_padding-left: 15px!important;/*new entry, after creating float drop fixes, assists section to move back up to correct location */
	_margin-top: 10px;/*IE requires margin to move it down (padding forced the right content down as well). Conversely, firefox requires using padding for same effect */
}


/*Targetting pre-IE7 only*/
 /*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
 /*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
#leftMainRight #content {
	 _height: 1px;
}

/*Pre-IE7, position the mainContent*/
body#leftMainRight #mainContent,
body#leftMainRight #mainContent {
	/*_margin: 30px 0 0 0;*/
	_margin: 10px 278px 0 210px!important;
	/*_padding: 10px 256px 10px 178px!important;
	_padding: 10px 270px 10px 210px!important;*/
	_padding: 0!important;
	_position: relative;/*for IE Win, to force into 'hasLayout' mode, to stop the section 'jog' when the page was loading*/
}

#leftMainRight #leftContent {
	_width: 148px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of leftFeatures */
	_position: relative;/*for pre-IE7 only, invoke 'hasLayout' so the leftContent floats above the the maincontent, not enough simply to use z-index */
}

#leftMainRight #rightContent { 
	_width: 218px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of rightFeatures */
 	_position: relative;/*for IE only, firefox allows the section rules to layer beneath it, otherwise they run on top, regardless of z-index*/
}

/*Targetting pre-IE7 only*/
#mainRight #mainContent {
	_padding-top: 0;
	_margin: 10px 0 10px 20px;/*IE requires margin to move it down. Padding forced the right-content down as well. Conversely, firefox requires using padding for same effect (see rule above)*/
}

/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
/*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
#mainRight #mainContent {
	_height: 1px;
 	_position: relative;/*for IE Win, to force into 'hasLayout' mode, to stop the section 'jog' when the page was loading*/
}

#mainRight #rightContent { 
	_width: 220px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of rightFeatures */
	_position: relative;/*for IE only, firefox allows the section rules to layer beneath it, otherwise they run on top, regardless of z-index*/
}

/*Targetting pre-IE7 only*/
#mainRight #rightContent { 
/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
	_position: relative;
/*end prevent IE peekaboo bug*/
}

/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
/*Holly Hack, pre-I 7 only, to force into hasLayout mode and fix the peekaboo bug*/
#main #mainContent {
	_height: 1px;
}

#main #mainContent,
body.SiteMap #mainContent {
/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
/*to stop the section 'jog' when the page loads*/
	_position: relative;
/*end prevent IE peekaboo bug*/
}

body.portal #mainContent {
	position: relative;/*also targetting IE7, after original pre-IE7 code above was written for individual mainContent divs, due to needing a portal positioning context*/
}

/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
/*Holly Hack, pre-IE7 only, to force into hasLayout mode and fix the peekaboo bug*/
#innerContainer {
	_height: 1px;/*prevents IE bug from overlapping of footer*/
}

/*IE7 only */
*+html .searchTextField {
	top: 0;
}

#titleBlock {
	top: 75px;
}

#content {
	_height: 300px; /* for IE6, acts the same as a min-height, ensuring that pages with little or no content are a substantial size */
	display: inline-block;/* required for IE7 only, but doesn't harm IE6, prevents the child #rightContent from 'jumping'*/
    /*Holly Hack, IE only, to force into hasLayout mode and fix the peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
	_position: relative;/* remove if require a background image */
}

 /*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
 /*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
.leftFeature {
	_height: 1px;
}

/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
 /*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
.rightFeature {
	_height: 1px;
}

/* Targetting pre-IE7 only, to provide a more spacious line height*/
#TOCVertical ul li {
	_line-height: 1.5em;
}

#changeMenu {
	/*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/
	_position: relative;
	/*end prevent IE peekaboo bug*/
}

/*============================================================
Declarations for MainContent.css
============================================================*/

 /*Holly Hack, IE only, 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*/
.section {
	_height: 1px;
}
 
 /*IE only, to fix the guillotine bug */
 /*preventing the guillotine bug, see http: //www.positioniseverything.net/explorer/threepxtest.html and http: //css-class.com/articles/explorer/guillotine/index.htm*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
.section p {
	_height: 1px;
/*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*/
}

.pageTop {/*for IE6 only */
	_top: 8px;
	_padding: 0;
	_height: 1px;
}

/*Targetting IE only, to accommodate differences in treatments of tables*/
table {
	_border-collapse: collapse;/*enables single-width borders between table cells */
	font-size: 1em;/*IE6 ignores the default body font-size, must be respecified here. 1em sets whatever the percentage is already set in the body rule*/
 	margin-left: 0!important;/*bring the margin back from -1px*/
}

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

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

.indent.cwContainer {
	_padding-top: 10px;
}

 /*Holly Hack, IE only, to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http: //www.positioniseverything.net/explore /threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
/* DB removed, was invoking the peekaboo bug
.cwContainer .IE-3pxJogFix {
	_height: 1px;
}
*/

div#LatestNews,
div#WhatsnewinRecruitmen {
	overflow-y: hidden!important;
	overflow-x: hidden!important;
	overflow: hidden;/* Prevent the oversized-content css rules from invoking scrollbars */
}

/*Fix for the IE 6 float drop italic bug, for more information, see http: //www.positioniseverything.net/explorer/italicbug-ie.html*/
/*may be redundant because the following declaration block (allowing oversized content) - which is necessary - reverts some of these settings */	
#mainContent .section { 
	_overflow: visible;
	_height: 1%;
	_width: auto;
} 

/* Allow oversized content (unfortunately it also voids the IE6 italic bug fix, see declaration block immediately above */
#mainContent .section,
.leftFeature,
.rightFeature {
	overflow: auto;/* declaration was used within the non IE reference in mainContent.css. IE7 uses it. */
	_overflow-x: auto;/* for IE6, invoke the horizontal scrollbar if content width is larger than parent, or when browser is resized so the parent is dynamically smaller than the content */
	overflow-y: hidden;/*required by both IE6 and IE7*/
	_height: auto!important;/* stop previous holly hacks from collapsing the height to 1px*/
	_width: 100%;
}

/* Allow oversized content, modify width for IE6, prevents dropdown effect in layouts with fluid content when resizing browser smaller */
#mainContent .section {
	_width: 98%;/* For IE6, constrain to 98% of available parent width, instead of forcing wider. Be aware, this may not work for fixed layouts in IE6, and may work if % is decreased substantially, eg. 80% */
}

div.portlet h2 {
	_height: 17px;/*IE6, effectively a min-height*/
}

.psthdlfeature p {
	_padding: 5px 10px;
}

.orgContentfeature {
	_height: 120px;
}


/*============================================================
Declarations for MenuHorizontal.css
============================================================*/

/* establish general styles */
#headerTail #menuList,
#headerTail #menuListLG1 { 
	bottom: -18px;/*for IE7*/
	_bottom: -18px;/*for IE6*/
}

/* Reposition and display menus level 3 to 5 upon hover / rollover */
	#headerTail #menuList li li:hover ul,
	#headerTail #menuListLG1 li li:hover ul,
	#headerTail #menuList li li li:hover ul,
	#headerTail #menuListLG1 li li li:hover ul,
	#headerTail #menuList li li li li:hover ul,
	#headerTail #menuListLG1 li li li li:hover ul, 
	#headerTail #menuList li li.iehover ul,
	#headerTail #menuListLG1 li li.iehover ul,
	#headerTail #menuList li li li.iehover ul,
	#headerTail #menuListLG1 li li li.iehover ul,
	#headerTail #menuList li li li li.iehover ul,
	#headerTail #menuListLG1 li li li li.iehover ul {
	_margin-left: 15.2em;/*IE6*/
}

/* Only applies to anchors within list items of fixed widths */
#headerTail #menuList ul ul a,
#headerTail #menuListLG1 ul ul a {
	_width: 13em; /*for IE 6, reduce the width of the anchor to accomodate padding and borders of parents */
/* this em unit needs reassessment because we can't accurately subtract the padding or borders for IE unless it is also originally set in ems*/
	_padding: 5px 10px;/*for IE 6, space above and to the sides of the anchor text*/
}

/* hover style on all li's, but particularly for top-level, as children styles are subsequently modified */
#headerTail #menuList li:hover,
#headerTail #menuListLG1 li:hover,
#headerTail #menuList li.iehover,
#headerTail #menuListLG1 li.iehover {
/*For IE7 only, to fix the sticky flyout menus. Applies hasLayout.*/	
	min-height: 1%!important;
}

/*============================================================
Declarations for MenuVertical.css
============================================================*/	
	
/*Targetting IE6 only, to adjust the doubled-margin float bug*/
/*adjusting the doubled-margin float bug, see http: //www.positioniseverything.net/explorer/doubled-margin.html*/
#leftContent #leftNavigation #menuList {
	_margin: 0 5px 0 5px;
}

/*Targetting IE6 only */
#leftContent #leftNavigation #menuList ul { /*affects overall unordered list and submenu unordered lists only*/
	_width: 170px!important;
}

/*Targetting IE6 only, to fix Box Model issues */
#leftContent #leftNavigation #menuList ul li a {
	_width: 138px!important;/* in addition, IE requires the border widths to be subtracted */
}
	
/*For IE7 only, to fix the sticky flyout menus. Applies hasLayout.*/	
#mainMenu li:hover {
	min-height: 1%!important;
}

/*============================================================
Declarations for MenuText.css
============================================================*/

/*Targetting IE only, to adjust the doubled-margin float bug*/
 /*adjusting the doubled-margin float bug, see http: //www.positioniseverything.net/explorer/doubled-margin.html*/
#leftNavigation #menuList {
	_margin: 0 5px 0 5px;
}

/*============================================================
Declarations for MenuTree.css
============================================================*/

/* none */

/*============================================================
Declarations for newsTicker.css
============================================================*/

div.NewsTicker {
	_width: 223px;/*From the overall leftContent or rightContent width subtract the scrollbar width (18px), and the padding of the leftFeature or rightFeature (in master.css) */
}

div.IE-3pxJogFix_NewsTicker {
	_width: 90%!important; /* for IE6, combines with padding-right to make 100%, stops the text going under the scrollbar */
	_height: 100%!important;/*using underscore hack, change to percentage to suit IE6*/
	overflow: hidden;/* for IE6 and IE7, using star hack, reverse the auto, change to none */
	overflow-y: scroll;/* always invoke vertical scrollbar*/
	_padding-right: 10%;/* for IE6, combines with overall width to make 100%, stops the text going under the scrollbar */
}

/*============================================================
Declarations for i_ClientPreferences.css
============================================================*/

/*Targetting less-than-IE7 only, to supply a min-width (for fluid layouts) */
body.framed0 #innerContainer,
body.framed1 #innerContainer {
	_width: expression(document.body.clientWidth < 770? "770px": "auto" );
}

marquee {
	padding: 1em;
}

/*============================================================
Declarations for calendar.css
============================================================*/

* html table.eventsCalendar td div.scroll {
	height: 350px;
	overflow-y: scroll;
}

/*============================================================
Declarations for print.css
============================================================*/

/* none */