/*  sl-cia.css v1.03 30/03/01 KJD */
	/*                                                    */
	/*  V2                   31/10/2002  IDH              */
	/*                                                    */
	/*  highlightText altered to contain color only       */
	/*  font size and weight now in cross-browser-style.css */
	/*                                                    */
	/*  New classes added:                                */
	/*  tableButton                                       */
	/*                                                    */
	/*  classes ordered alphabetically                    */
	/*  Corporate Branding      Feb 2004                  */
	/*  100% Fill = #123467                               */
	/*  14% Fill = #DEE2EA                                */
	/*  8% Fill = #ECEFF3                                 */
	/*  100% Text = #091C5A                               */
	/******************************************************/
.appTitleImage {	
	width: 175px;
	height: 25px;
	background-image: url(../img/site-logo-gpz.gif);
	margin-top: 35px;
	margin-right: 12px;
	
}

.pageMastRight
{
	position: relative;
	float: right;
	text-align: right;
}

.siteLogo {
	position: relative;
	float: left;
	width: 115px;
	height: 60px;
	background-image: url(../img/sl_logo.gif);
	top: 5px;
	left: 171px;
}

.printOnly {
	display: none;
}

@media print {
	.siteLogo {
		background-image: none;
	}
	
	.printOnly {
		display: block;
	}

	.tabsBar { /* required to pull screen size into printable page size */ 
		display: none;
	}

	/* making leftNav display none, results in TDs in zclause being thrown off */
	.leftNavHeader {
		display: none;
	}

	.leftNavContent {
		display: none;
	}

	.leftNavEmpty {
		display: none;
	}

	.contextualNav {
		display: none;
	}
}

.columnStyle {
	background-color: #d1cdc4;
	color: black;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	border-style: solid;
	border-width: 1;
	border-top: 0;
	border-bottom: 0;
	border-color: #FFFFFF;
	padding-left: 4px;
}

.columnStyleC {
	background-color: #d1cdc4;
	color: black;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	border-style: solid;
	border-width: 1;
	border-top: 0;
	border-bottom: 0;
	border-color: #FFFFFF;
	padding-left: 4px;
}

.columnStyleR {
	background-color: #d1cdc4;
	color: black;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	border-style: solid;
	border-width: 1;
	border-top: 0;
	border-bottom: 0;
	border-color: #FFFFFF;
	padding-left: 4px;
}

.contextHelpHead {
	background-color: #123467;
	color: #FFFFFF;
}

.contextRow {
	background-color: #ECEFF3;
}

.contextLink {
	font-size: 75%;
}

.formBackground {
	background-color: #ECEFF3;
}

.helpNavBackground   //deprecated from IDS V1 .2 onwards {
	background-color: #FFFFFF;
}

.highlightText {
	color: #333333;
}

.leftNav0Active {
	color: #091C5A;
}

.leftNav1Active {
	color: #091C5A;
}

.leftNav2Active {
	color: #091C5A;
}

.leftNav3Active {
	color: #091C5A;
}

.navTable {
	background-color: #FFFFFF;
}

.plainBackground {
	background-color: #FFFFFF;
}

.sectionHelpAnchor {
	background-color: #123467;
	color: #FFFFFF;
}

.tableButton {
	
}

.tabRow,.tabRowR,.tabRowC,.tabRowLink,.tabRowLinkR {
	background-color: #f7f6f0;
	border-bottom-color: #FFFFFF;
	border-style: solid;
	border-width: 1;
	border-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.tabRowHi,.tabRowHiR,.tabRowHiC,.tabRowLinkHi,.tabRowLinkHiR {
	background-color: #ECEFF3;
	border-bottom-color: #DEE2EA;
}

.tabsTable {
	DISPLAY: block;
	FONT-WEIGHT: normal;
	MARGIN-LEFT: 196px;
	font-size: 70%;
}

.tabsTable TD {
}

.tabsTable TD.spacer {
	font-size: 1%;
	padding: 2px;
}

.tabOn {
	padding-left: 5px;
	padding-right: 5px;
	color: black;
	BACKGROUND-COLOR: white
}

.tabOn a,.tabOn a :hover {
	color: black;
}

.tabOnLeft {
	padding-left: 5px;
	BACKGROUND-COLOR: white;
	BACKGROUND-IMAGE: url(../img/tabs/tab-on-left.gif);
	BACKGROUND-POSITION: left top;
	BACKGROUND-REPEAT: no-repeat;
}

.tabOnRight {
	padding-left: 5px;
	BACKGROUND-COLOR: white;
	BACKGROUND-IMAGE: url(../img/tabs/tab-on-right.gif);
	BACKGROUND-POSITION: right top;
	BACKGROUND-REPEAT: no-repeat;
}

.tabOffLeft {
	padding-left: 5px;
	BACKGROUND-COLOR: #4D4643;
	BACKGROUND-IMAGE: url(../img/tabs/tab-off-left.gif);
	BACKGROUND-POSITION: left top;
	BACKGROUND-REPEAT: no-repeat;
}

.tabOffRight {
	padding-left: 5px;
	BACKGROUND-COLOR: #4D4643;
	BACKGROUND-IMAGE: url(../img/tabs/tab-off-right.gif);
	BACKGROUND-POSITION: right top;
	BACKGROUND-REPEAT: no-repeat;
}

.tabOff {
	padding-left: 5px;
	padding-right: 5px;
	BACKGROUND-POSITION: top;
	BACKGROUND-IMAGE: url(../img/tabs/tab-off-background.gif);
	COLOR: white;
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #4D4643
}

.tabOff A {
	COLOR: white
}

.bannerTable,.borderedBannerTable {
	padding: 0;
	cell-spacing: 0;
	margin: 0;
	background-color: #f7f6f0;
	border-collapse: collapse;
}

.bannerTableTL {
	width: 10px;
	height: 10px;
	background-image: url(../img/banner_box_top_left.gif);
}

.bannerTableTR {
	width: 10px;
	height: 10px;
	background-image: url(../img/banner_box_top_right.gif);
}

.bannerTableBL {
	width: 10px;
	height: 10px;
	background-image: url(../img/banner_box_bottom_left.gif);
}

.bannerTableBR {
	width: 10px;
	height: 10px;
	background-image: url(../img/banner_box_bottom_right.gif);
}

.bannerTableT {
	height: 10px;
}

.bannerTableL {
	width: 10px;
}

.bannerTableB {
	height: 10px;
}

.bannerTableR {
	width: 10px;
}

.borderedBannerTableTL {
	width: 10px;
	height: 10px;
	background-image: url(../img/bordered_box_top_left.gif);
}

.borderedBannerTableTR {
	width: 10px;
	height: 10px;
	background-image: url(../img/bordered_box_top_right.gif);
}

.borderedBannerTableBL {
	width: 10px;
	height: 10px;
	background-image: url(../img/bordered_box_bottom_left.gif);
}

.borderedBannerTableBR {
	width: 10px;
	height: 10px;
	background-image: url(../img/bordered_box_bottom_right.gif);
}

.borderedBannerTableT {
	font-size: 1px;
	border-top: 1px solid #5C8BCA;
}

.borderedBannerTableL {
	font-size: 1px;
	border-left: 1px solid #5C8BCA;
}

.borderedBannerTableB {
	font-size: 1px;
	border-bottom: 1px solid #5C8BCA;
}

.borderedBannerTableR {
	font-size: 1px;
	border-right: 1px solid #5C8BCA;
}

.changeSubject a {
	display: block;
	font-size: 75%;
	font-weight: bold;
	padding-left: 10px;
	background-image: url(../img/bullet.gif); 
	background-position: 0em 0.5em;
	background-repeat: no-repeat;
}

.changeSubject
{
	padding-left: 35px;
}

/* badly named CSS classes follow: 
	these refer to the solid coloured context boxes
	and message boxes with curved corners and are no longer claret */

.claretHeaderBoxL {
	width: 10px;
	background-color: #5C8BCA;
	background-image: url(../img/curved-corner-top-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.claretHeaderBoxC {
	background-color: #5C8BCA;
	color: #ffffff;
	font-size: 85%;
	font-weight: normal;
	text-align: center;
}

.claretHeaderBoxR {
	width: 10px;
	background-color: #5C8BCA;
	background-image: url(../img/curved-corner-top-right.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.claretText {
	color: #C51144;
	font-size: 75%;
	font-weight: normal;
	vertical-align: top;
}

.headerBoxL {
	border-bottom: solid #B0B0B0 1px;
	border-left: solid #B0B0B0 1px;
}

.headerBoxR {
	border-bottom: solid #B0B0B0 1px;
	border-right: solid #B0B0B0 1px;
}

.headerBoxContent { /*font-size: 70%;*/
	border-bottom: solid #B0B0B0 1px;
	border-right: solid #B0B0B0 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	height: 100%;
}

.headerBoxContentSmall {
	font-size: 70%;
	border-bottom: solid #B0B0B0 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	height: 100%;
}

.headerBoxIndented {
	padding-left: 11px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
}

.headerBoxIndented p {
	margin: 0;
	padding-bottom: 2px;
}
*/
/* the two classes below are coming out and should not be used,
	they're now colored purple so we don't miss any! */
.optionHead {
	color: #F600FF;
	font-size: 180%;
}

.optionsHead {
	color: #F600FF;
	font-size: 180%;
}

.claretTable {
	padding: 0;
	cell-spacing: 0;
	margin: 0;
	background-color: #5C8BCA;
}

.claretTableContent {
	color: #ffffff;
	font-size: 70%;
	font-weight: bold;
}

.claretTableTL {
	width: 10px;
	height: 10px;
	background-image: url(../img/curved-corner-top-left.gif);
}

.claretTableTR {
	width: 10px;
	height: 10px;
	background-image: url(../img/curved-corner-top-right.gif);
}

.claretTableBL {
	width: 10px;
	height: 10px;
	background-image: url(../img/curved-corner-bottom-left.gif);
}

.claretTableBR {
	width: 10px;
	height: 10px;
	background-image: url(../img/curved-corner-bottom-right.gif);
}

.claretTableT {
	font-size: 1px;
	height: 10px;
}

.claretTableL {
	font-size: 1px;
	width: 10px;
}

.claretTableR {
	font-size: 1px;
	width: 10px;
}

.claretTableB {
	font-size: 1px;
	height: 10px;
}

.hubPageLeftColumn {
	padding-right: 30px;
	vertical-align: top;
	width: 50%;
}

.hubPageRightColumn {
	vertical-align: top;
	width: 50%;
}

.hubPageOptionHead {
	display: block;
	background-image: url(../img/bullet.gif); 
	background-position: 0em 0.5em;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.hubPageOptionText {
	padding-left: 10px;
	font-size: 75%;
}

.optionSubhead {
	font-size: 85%;
	color: #5C8BCA;
}

.optionSubHead {
	font-size: 90%;
	color: #5C8BCA;
}

.pageLayoutTable {
	padding: 0px;
	margin-top: 0px;
	width: 100%;
	vertical-align: top;
}

.leftHandNav {
	padding-left: 10px;
	vertical-align: top;
}

.leftHandNav, .applicationArea, .contextualNav
{
	padding-top: 20px;
}


.leftNavEmpty {
	width: 65px;
}

.leftNavHeader {
	width: 160px;
	font-size: 70%;
	font-weight: bolder;
	padding-left: 2;
	text-align: left;
	line-height: 150%;
	color: #333333;
}

.leftNavContent {
	border-bottom: solid 3px #d9d7cf;
	border-top: solid 3px #d9d7cf;
	margin: 3px;
}

.leftNavContent div {
	cursor: hand;
	font-size: 85%;
	font-weight: normal;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-image: url(../img/bullet.gif); 
	background-position: 0em 0.8em;
	background-repeat: no-repeat;
}

.contextualNav {
	padding-left: 10px;
	padding-right: 5px;
	width: 140px;
	vertical-align: top;
}

.applicationArea {
	padding-left: 10px;
	vertical-align: top;
}

.tabsTable {
	border-bottom-width: 0;
	vertical-align: bottom;
}

.tabsTableNI {
	display: none;
}

.requiredFieldText {
	padding-left: 20px;
	text-align: right;
}

.crumbTrail {
	font-size: 70%;
}

.crumbTrailItem {
	padding-left: 10px;
	padding-right: 10px;
}

.requiredFieldText {
	font-size: 70%;
	text-align: right;
	font-weight: bold;
}

.equalContextBox {
	height: 100%;
	vertical-align: top;
}

.equalContextBox TABLE {
	height: 100%;
}

.pageHeading {
	font-size: 120%;
	color:#5C8BCA;
}

.messageBoxImage
{
	width: 203px;
	height: 160px;
	background-image: url(../img/putting_you_in_control-single.jpg);
}
.guiReference /* Reference to a specific key or portion of the GUI interface */
{
	font-style: italic;
}
		
.example
{
	background-image: url(../img/example.gif);
}		

.demoButton
{
	position: absolute; top: 25px; left: 25px;
	width: 101px; height: 28px;
	background-image: url(../img/demo-button.gif);
}

.scrollBox {width: 400px; overflow: hidden; border: none; }
#scrollTarget {position: relative; left: 0px; }
#scrollPaneHelp {position: absolute; display: none; top: 0; left: 0; width: 200px; font-size: 70%; padding: 10px; border: 2px solid black; color: white; background-color: #5C8BCA; z-index: 99;}
.scrollBar, .leftScrollButton, .rightScrollButton, .bar, .barEnd { height: 23px; }
.scrollBar {width: 99%; border: 0; display: none;}
.barSection {background-color: #fff; }
.leftScrollButton, .rightScrollButton {width: 23px; }
.leftScrollButton { background-image: URL(../img/button-left.gif); }
.rightScrollButton { background-image: URL(../img/button-right.gif); }
.bar {position: relative; width: 100px; background-image: URL(../img/bar.gif); left: 0;}
.barEnd {width: 4px; background-image: URL(../img/bar-end.gif); float: right; }