*
{
	font-family: verdana, lucida, geneva, helvetica, arial;
	font-size: 10pt;
}

#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;
}

@media print
{
	.noprint
	{
		display: none;
	}
}
/*@page {size:landscape;}*/

body
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;
}

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: 10pt;
	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: 10pt;
	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: 10pt; font-weight:bold; text-align: center;
	background: url(../images/sesMsgBg.gif) no-repeat;
	z-index: 11;
	left:50%; top:50%;
	padding-top: 14px;
	height: 122px; width: 324px;
	position: absolute;
	margin-left:-162px; margin-top:-61;
}
#SesExpireMsg input {font-size:10pt;}

/* ********************* */
/* Dashboard page header */
/* ********************* */

/* Header area */
.dbhead
{
	height: 63px;
}

/* 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;
}

/* 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: 9pt;
}
/* how to display "Auto" link when auto-refresh turned off */
.autoLinkOff
{
	text-decoration: underline line-through;
}

#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-color: #102937;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 1px;
}


/* 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%;
}

.dbContextbg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dbContextFilters
{
	top: 0;
	left: 0;
	position: relative;
	z-index: 1;
	width: 98%;
	height: 100%;
	padding-left: 5px;
}

/* 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 */
/* ************************/

.dashFiltCentre
{
}

.dashFilt
{
	font-size: 8pt;
	white-space: nowrap;
	color: #ffffff;
	padding-right: 10px;
}
.dashFilt select
{
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #7F7F7F;
	color: #ffffff;
	font-size: 8pt;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
}
.dashFilt select option
{
	background-color: #7F7F7F;
	color: #ffffff;
	font-size: 8pt;
}

/* Dashboard Filters - Multi-select checkbox lists */
.checklistHeader * {cursor:default;}

.checklistHeader input {
	font-size: 8pt;
	vertical-align: middle;
	background-color: #7F7F7F;
	color: #ffffff;
	border: solid 1px;
	width:140px;
}
.checklistHeader img {
	vertical-align: middle;
	border: 0px;
	padding:0px;
	margin:0px;
}

/* 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;}

.checklist {
	display:none;
	border: 1px solid #7F9DB9;
	overflow: auto;
	background-color:#7F7F7F;
	position: absolute;
	z-index: 3;
	-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:#ffffff;
	font-size:8pt;
}
.checklist, .checklist li {margin:0; padding:0; white-space:nowrap;	font-size:8pt;}
.checklist label:hover,  label.hover {background:#3399FF;}
