*
{
	font-family: verdana, lucida, geneva, helvetica, arial;
	font-size: 8pt;
}

#contentPane
{
	background-color: #ffffff;
}

#pageFooter
{
	color: #555555;
	font-size: 7pt;
	font-weight: normal;
	text-align: center;
	padding-top: 3px;
}

a
{
	color: #00ffff;
	text-decoration: underline;
	font-weight: normal;
}

.printhead
{
	display:none;
}

@media print
{
	.noprint
	{
		display: none;
	}
	
	.dbheadtitletxt
	{
		position:absolute;
		top:0px;
		left:35px;
	}
	
	.printhead
	{
		font-size:20pt;
		color:Gray;
		display:block;
		position:absolute;
		top:0px;
		left:25px;
	}
}

body
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;
	overflow-y:scroll;
}

iframe
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;
}

input
{
	font-size: 8pt;
	font-style: normal;
}

textarea
{
	font-family: verdana, lucida, geneva, helvetica, arial;
}


.scrollable
{
	height: 100%;
	width: 100%;
	overflow: auto;
}

.dataCell
{
	color: #000000;
	font-size: 7pt;
	font-weight: normal;
}
a.dataCellLink
{
	color: #000000;
	text-decoration: none;
}
a.dataCellLink:hover
{
	color: #000000;
	text-decoration: underline;
}

.dataCell2
{
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
}
a.dataCell2Link
{
	color: #000000;
	text-decoration: none;
}
a.dataCell2Link:hover
{
	color: #000000;
	text-decoration: underline;
}

/* header that can be clicked on to change data column sorting */
.selectableColumnHeader
{
	background-color: #EFEBDE;
	color: #000000;
	border-top: solid 1px #C0C0C0;
	border-right: solid 0px #000000;
	border-left: solid 0px #000000;
	border-bottom: solid 1px #C0C0C0;
	font-size: 7pt;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	cursor: pointer;
}

/* static data column header */
.columnHeader
{
	background-color: #EFEBDE;
	color: #000000;
	border-top: solid 1px #C0C0C0;
	border-right: solid 0px #000000;
	border-left: solid 0px #000000;
	border-bottom: solid 1px #C0C0C0;
	font-size: 7pt;
	font-weight: normal;
}

/* sub-title of page content section */
table.subTitle
{
	background-color: #ffffff;
	border-top: solid 0px #000000;
	border-right: solid 0px #000000;
	border-left: solid 0px #000000;
	border-bottom: solid 0px #000000;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
}
a.subTitle
{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a.subTitle:hover
{
	color: #000000;
	font-weight: normal;
}

/* prev|next buttons */
.prevNext
{
	color: #999999;
	font-size: 7pt;
	font-weight: normal;
}
a.prevNext
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.prevNext:hover
{
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

/* text indicating no data to show eg. "None" */
.noData
{
	color: #555555;
	font-size: 7pt;
	font-weight: normal;
	padding: 0px 3px 0px 3px;
}

/* display rows with an odd number */
.oddRow
{
	background-color: #FFFFFF;
}

/* display rows with an even number */
.evenRow
{
	background-color: #eaeaea;
}


.selImg
{
	cursor: pointer;
}


.emailLink
{
	color: green;
	text-decoration: underline;
}
a.emailLink:hover
{
	color: green;
	text-decoration: underline;
}

.emailLinkCon
{
	color: #000000;
	text-decoration: underline;
}
a.emailLinkCon:hover
{
	color: #000000;
	text-decoration: underline;
}

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

.webLink
{
	color: green;
	text-decoration: underline;
}
a.webLink:hover
{
	color: green;
	text-decoration: underline;
}

a.manualTaskLink
{
	color: #000000;
	text-decoration: underline;
}
a.manualTaskLink:hover
{
	color: #000000;
	text-decoration: underline;
}

.inActiveNavLink
{
	color: #CCCCCC;
	text-decoration: none;
}
a.inActiveNavLink:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.greyLink
{
	color: #333333;
	text-decoration: none;
}
a.greyLink:hover
{
	color: #333333;
	text-decoration: underline;
}

.greyLinedLink
{
	color: #333333;
	text-decoration: underline;
}
a.greyLinedLink:hover
{
	color: #333333;
	text-decoration: underline;
}

.blueLink
{
	color: #000099;
	text-decoration: none;
}
a.blueLink:hover
{
	color: #000099;
	text-decoration: underline;
}

.blueLinedLink
{
	color: #000099;
	text-decoration: underline;
}
a.blueLinedLink:hover
{
	color: #000099;
	text-decoration: underline;
}

.redLink
{
	color: #cc0000;
	text-decoration: none;
}
a.redLink:hover
{
	color: #cc0000;
	text-decoration: underline;
}

.redLinedLink
{
	color: #cc0000;
	text-decoration: underline;
}
a.redLinedLink:hover
{
	color: #cc0000;
	text-decoration: underline;
}

.whiteLink
{
	color: #cccccc;
	text-decoration: none;
}
a.whiteLink:hover
{
	color: #ffffff;
	text-decoration: none;
}

.whiteWhiteLink
{
	color: #ffffff;
	text-decoration: none;
}
a.whiteWhiteLink:hover
{
	color: #ffffff;
	text-decoration: none;
}

.whiteLinedLink
{
	color: #ffffff;
	text-decoration: underline;
}
a.whiteLinedLink:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.greyToWhiteLink
{
	color: #666666;
	text-decoration: none;
}
a.greyToWhiteLink:hover
{
	color: #cccccc;
	text-decoration: none;
}

.blackLink
{
	color: #000000;
	text-decoration: none;
}
a.blackLink:hover
{
	color: #000000;
	text-decoration: underline;
}

.blackLinedLink
{
	color: #000000;
	text-decoration: underline;
}
a.blackLinedLink:hover
{
	color: #000000;
	text-decoration: underline;
}

#debugInfo {z-index:102;position:absolute;overflow:auto;left:0;top:0px;width:260px;height:65px;margin:0px;padding:2px;background-color:White;color:black;font-size: 7pt;border:dashed 2px Black;opacity:0.90;MozOpacity:0.90;filter:alpha(opacity=90); }
#debugInfo a {color:green;font-size: 7pt;}

/* Session Expiry message pop-up */
#modalDimmer {z-index:10; left:0px; width:100%; position:absolute; top:0px; height:100%; background-color:#000000; opacity:0.60;MozOpacity:0.60;filter:alpha(opacity=60);}
#SesExpireMsg {
	font-size: 8pt; font-weight:bold; text-align: center;
	background: url(../images/sesMsgBg.gif) no-repeat;
	z-index: 11;
	left:50%; top:50%;
	padding-top: 21px;
	height: 122px; width: 324px;
	position: absolute;
	margin-left:-162px; margin-top:-61;
}
#SesExpireMsg input {font-size:8pt;}

/* ********************* */
/* Dashboard page header */
/* ********************* */

/* Header area */
.dbhead
{
	height: 60px;
}

/* optional left hand side background image */
.dbheadleft
{
	background-image: url(../images/banner_left.png);
	background-color: White;
	background-repeat: no-repeat;
	background-position: left top;
	width: 10px;
	height: 100%;
}

/* centre of header containing other header elements */
.dbheadcentre
{
	background-image: url(../images/banner_mid.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 100%;
	vertical-align: middle; /*position elements in middle of header*/
}

/* optional right hand side background image */
.dbheadright
{
	background-image: url(../images/banner_right.png);
	background-color: White;
	background-repeat: no-repeat;
	background-position: right top;
	width: 10px;
	height: 100%;
}

/* optional title image */
.dbheadtitle
{
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 15px;
}

/* optional title text */
.dbheadtitletxt
{
	color: #ffffff;
	font-size: 15pt;
	font-weight: normal;
	white-space: nowrap;
	margin-right: 15px;
	padding-bottom: 2px;
}

/* dashboard and dashboard item selection dropdowns */
.dbselect
{
	font-size: 8pt;
	background-color: #2A6FA6;
	color: #ffffff;
	margin-right: 15px;
}

/* dashboard and dashboard item selection dropdown options */
.dbselect *
{
	font-size: 8pt;
	background-color: #2A6FA6;
}

/* dashboard and dashboard item selection dropdowns for tabbed layout */
.dbselectcontext
{
	color:#4d4e50;
}

/* dashboard and dashboard item selection dropdown options for tabbed layout */
.dbselectcontext *
{
	font-size: 8pt;
}

/* status box */
.dbheadstatus
{
	background-color: Transparent;
	border: 1px solid #909090;
	border-style: inset;
	color: silver;
	font-size: 8pt;
	font-style: normal;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 130px;
	margin-right: 15px;
}

/* text shown on the right of header bar */
.dbheadtext *
{
	color: #ffffff;
	font-size: 6pt;
	font-weight: normal;
}

/* hyperlinks shown on the header bar */
.dbheadlink
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 8pt;
}

/* how to display "Auto" link when auto-refresh turned off */
.autoLinkOff
{
	text-decoration: underline line-through;
}

/* Info link shown on header bar */
#dbheadSupportInfoLink {width:19px; height:19px; margin-left:5px; background-image:url(../images/help19x19.png); background-repeat:no-repeat; cursor:pointer;}
/* Page modal dimmer shown when Info link is clicked */
#SupportInfoDimmer {display:none; z-index:8; left:0px; width:100%; position:absolute; top:0px; height:100%; background-color:#000000; opacity:0.60;MozOpacity:0.60;filter:alpha(opacity=60);}
/* Message box shown when Info link is clicked */
#SupportInfo {display:none; background:url(../images/dashInfoMsgBg.gif) no-repeat; z-index:9; height:122px; width:324px; position:absolute;	left:100%; top:35px; margin-left:-332px;}
#SupportInfo * {font-size:8pt; font-weight:bold; text-align:center;color:Black;}
#SupportInfoClose {position:absolute;left:100%; margin-left:-18px; margin-top:5px; width:13px; height:13px; background:url(../images/glass_info_clo.png) no-repeat; cursor:pointer;}
#SupportInfoMsg {height:122px; padding: 16px 20px 4px 20px; overflow:hidden;}
#SupportInfo .ipr {color:Gray; font-size:8pt; font-weight:normal;}

/* Error message boxes shown if invalid license or session expires */
#LicErrMsg {text-align:center; vertical-align:middle; border:dotted Black 1px; font-weight:bold; font-size:8pt; color:white; padding:2px; padding-bottom:3px; background-color:Red; text-transform:uppercase;}
#LicErrMsg a {color:White; font-size:7pt;}
#SesErrRow td {background-color:Gray; border:dotted Black 1px; text-align:center; vertical-align:middle; padding:2px; padding-bottom:3px;}
#SesErrMsg {font-weight:bold; font-size:8pt; color:white; text-transform:uppercase;}
#SesErrAck {margin-top:3px; font-size:8pt;}

/* ************************** */
/* Dashboard page context bar */
/* ************************** */

.dbContextHead
{
	height: 100%;
	width: 100%;
	border-left:solid 1px black;
	border-right:solid 1px black;
	position:relative;
	z-index:1;
}


/* optional left hand side background image */
.dbContextLeft
{
}

/* centre of header containing other header elements */
.dbContextCentre
{
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.dbContextContent
{
	position: relative;
	width: 100%;
	height: 100%;
	background-color:#4d4e50;
}

.dbContextbgTop
{
	width:100%; 
	height:40px; 
	position:absolute;
}

.dbContextbg
{
	position: absolute;
	top: 40;
	left: 0;
	width: 100%;
	height: 100%;
}

.dbContextFilters
{
	top: 0;
	left: 0;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height:40px;
}

.dbContextFiltersHead
{
	height:40px;
	width:100%;
	position:relative;	
}

.dbContextFiltersHead select
{
	position:relative;
}

.dbFilterPanel
{
	width:100%;
	overflow:hidden;
	height:1px;
	text-align:center;
	z-index:9;
	position:relative;
}

.dbFilterPanel table
{
	margin:15px auto 10px auto;
	padding:0;
}

.dbFilterPanel table tr td
{
	height:32px;
	width:489px;
	vertical-align:middle;
	background-image:url('../images/filters/field.png');
	background-repeat:no-repeat;
}

.dbFilterPanel table span
{
	display:inline-block;
}

.dbFilterShowHide
{
	text-align:left;
	color:#4d4e50;
	font-size:8pt;
	cursor:pointer;
	background-image:url('../images/filters/filterdown.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:164px;
	height:25px;
	padding:4px 0px 5px 35px;
	overflow:hidden;
	border:none;
}

.dbFilterShowHideActive
{
	background-image:url('../images/filters/filterup.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:164px;
	height:25px;
	padding:4px 0px 5px 35px;
}

.dbFilterButtons
{
	
	height:40px;
	padding-top:10px;
	padding-right:10px;
	float:right;
}

.dbFilterButton
{
	cursor:pointer;
	width:80px;
	height:25px;
	font-size:8pt;
}

.dbFilterPanel select
{

}

/* optional right hand side background image */
.dbContextRight
{
}

/* selection dropdowns */
.dbContextSelect
{
	font-size: 8pt;
	background-color: #7F7F7F;
	color: #ffffff;
	margin-right: 15px;
	padding-left: 10px;
	margin-top: 2px;
}

/* selection dropdown options */
.dbContextSelect option
{
	font-size: 8pt;
	background-color: #7F7F7F;
}

/* text shown on the right of bar */
.dbContextText *
{
	color: #ffffff;
	font-size: 8pt;
	font-weight: normal;
	white-space: nowrap;
	margin-top: 5px;
}

/* ************************/
/* Dashboard page filters */
/* ************************/

.dashFiltLabel
{
	color:White;
	width:210px;
	margin:0px 0px 0px 10px;
	padding:0;
}

.dashFilt
{
	color:White;
}

.dashFiltSelect
{
	width:264px;
	color:#4d4e50;
	height:20px;
	border:none;
	margin:0;
	padding:0;
}


.dashFilt input
{
	height:18px;
	border:none;
	font-size:8pt;
	width:83px;
	color:#4d4e50;
	display:inline;
}

.dashFiltDate
{
	color:#4d4e50;
}

.dashFiltDateSelect
{
	width:85px;
	color:#4d4e50;
	margin-right:5px;
	height:20px;
}


.dashFiltDropdown
{
	padding:0;
	margin:0;
}

.dashFiltMultiSelect
{
}

/* Dashboard Filters - Read-only applied filters area */
#appliedFiltersArea 
{
	border:solid 2px red;
	color:#4d4e50;
	position:relative;
	height:30px;
	overflow-y:auto;
	width:100%;
}

#appliedFiltersArea * {
	font-size: 8pt;
}

#appliedFiltersArea .title {
}
#appliedFiltersArea .bullet {
	padding-left:5px;
	padding-right:1px;
}
#appliedFiltersArea .label {
}
#appliedFiltersArea .value {
}

#dfspacer
{
	color:White;
}

/* Dashboard Filters - Multi-select checkbox lists */
.checklistHeader * 
{
	cursor:default;
}

.checklistHeader input {
	font-size: 8pt;
	vertical-align:middle;
	background-color:White;
	color:#4d4e50;
	border: solid 1px white;
	width:247px;
	height:20px;
	padding:0;
	margin:0;
	line-height:18px;
}
.checklistHeader img {
	vertical-align:middle;
	border: none;
	padding:0px;
	margin:0px;
	height:20px;
}

/* transparant area to cover whole of dashboard page when checklist is displayed - allows checklist to be closed by clicking on Item show on Dashboard in Firefox */
#dbCover{display:none;z-index:1;position:absolute;overflow:hidden;left:0px;top:0px;width:100%;height:100%;margin:0px;padding:0px;background-color:white; opacity:0.0;MozOpacity:0.0;filter:alpha(opacity=0);}

/* iframe to show under list to fix IE6 Select fields from displaying on-top of list */
.checklistIframe {z-index:2;position:absolute;display:none;top:0px;}

.checklist {
	display:none;
	border: 1px solid #7F9DB9;
	overflow: auto;
	/*background-color:#7F7F7F;*/
	background-color:White;
	position: absolute;
	z-index: 3;
	top:0px;
	-moz-user-select: none;
	font-size: 8pt;	
}
.checklist ul {
	list-style: none;
	padding:0px;
	margin:0px;
	padding-right:5px;
	font-size:8pt;	
}
.checklist input {
	height:13px; 
	width:13px;
	padding:0px;
	margin-left:1px;
	margin-top:0px;
	margin-bottom:1px;
	margin-right:2px;
	vertical-align:middle;
	font-size:8pt;	
}
.checklist label {
	color:#4d4e50;
	font-size:8pt;
}
.checklist, .checklist li {margin:0; padding:0; white-space:nowrap;	font-size:8pt;}
.checklist label:hover, label.hover {background:#3399FF;}

.loadingPanel
{
	display:none;
	color:White;
	padding-right:8px;
	height:23px;
}

.loadingPanelLabel
{
	line-height:20px;
	height:20px;
	vertical-align:middle;
}

.loadingPanelImage
{
	line-height:20px;
	height:16px;
	vertical-align:middle;
}

.DashFiltDisablePanel
{
	background-color:white;
	display:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	position:absolute;
	top:0px; left:0px;
}

.tabsBackground
{
	height: 30px;
	width: 100%;
	background-image: url('../images/tabs/background.jpg');
}