#PCL {
		font-family: Verdana,Arial,Helvetica;
		font-style: none;
		font-weight: normal;
		text-decoration: none;
		font-size: 8pt;
}

#PTT {
		font-family: Verdana,Arial,Helvetica;
		font-size: 8pt;
}

#PST {
		font-family: Verdana,Arial,Helvetica;
		font-size: 8pt;
}

body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 10pt;
	margin-top: 10;
	margin-right: 10;
	margin-left: 10;
	border-top: 0;
	color: #000066;
	}

.tab-body	{ 
    background: white; 
    padding: 10;    
    position:absolute; 
    left:10px; 
    top:310px; 
    width:290px; 
    z-index:1; 
    visibility: hidden
}

form	{
	border-top:	0;
	margin-top:	0;
	padding-top: 0;
	border-bottom:	0;
	margin-bottom:	0;
	padding-bottom: 0;
	}

.select {
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	background-color: #ffffff;
	color: #000066;
	}

.button {
	font-style: normal;
	font-weight: bold;
	border-style: solid;
	border-width: 1;
	border-color: #cc0000;
	font-size: 7pt;
	background-color: #eeeeee;
	color: #990000;
	padding:0;
	}

.tab-button {
	font-style: normal;
	font-weight: bold;
	border-style: solid;
	border-width: 1;
	border-color: #cc0000;
	font-size: 8pt;
	background-color: #eeeeee;
	color: #cc0000;
	padding:0;
	}

.darkrow {
	background-color: #eeeeee;
	color: #000066;
	padding: 1;
	}

.smalldarkrow {
	background-color: #eeeeee;
	color: #000066;
	font-size: 9px;
	padding: 1;
	}

.lightrow {
	background-color: transparent;
	color: #000066;
	padding: 1;
	}

.smalllightrow {
	background-color: transparent;
	color: #000066;
	font-size: 9px;
	padding: 1;
	}

.helpline { 
	color: #ff6622;
	background-color: #eeeeee;
	border-style: none;
	font-weight: bold;
	text-align: center;
	}

.completed {
	background-color: #999999;
	color: #ffffff;
	padding: 1;
	}

.smallcompleted {
	background-color: #999999;
	font-size:9px;
	color: #ffffff;
	padding: 1;
	}

/* main background colour */
.grey {
	background-color: #F0F0F0;
	color: #000000;
	padding: 0;
	}
	
.greyimage {
	TitleColor: white;
	color: black;
	padding: 0;
	}
	
.menu {
	background-color: #eeeeee;
	color: #000066;
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	padding: 0;
	}

td {
	background-color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	padding-top: 2;
	padding-bottom: 2;
	padding-left: 2;
	padding-right: 2;
	color: #666666;
	}
	
li {
	background-color: #eeeeee;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	padding-top: 2;
	padding-bottom: 2;
	padding-left: 2;
	padding-right: 2;
	color: #666666;
	}

/* main background header */
th {
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	background-color: #000099;
	padding-right:0;
	padding-left:1;
	padding-bottom:2;
	padding-top:0;
	color: WHITE;
	}

/* main test colours */
p {
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	color: #666666;
	}

.large {
	font-size: 20pt;
	color: #cc0000;
	}
/* hyperlink colours */
a {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	}

a:active {
	color: #990000;
	}

a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #990000;
	}


pre {
	font-family: Courier;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	color: #000066;
	}

h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 18pt;
	color: #000066;
	}

h2 {
	font-style: normal;
	font-weight: bold;
	font-size: 14pt;
	color: #000000;
   }

h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 12pt;
	color: #000066;
   }

h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	color: #cc0000;
   }

.NavLink {
	font-family: Verdana, Arial, Helvetica;
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	color: white;
	}

.Hit {
	font-variant: small-caps
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	background-color: #cc0000;
	}

.RecordStats {
	font-style: italic;
	font-weight: normal;
	font-size: 8pt;
	color: #cc0000;
	}

hr {
	color: #000066;
	height: 1;
	}
	
	/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dl2 {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 10pt;
	margin-top: 10;
	margin-right: 10;
	margin-left: 10;
	border-top: 0;
	color: #000066;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

.htmlbox { font-size: 11px; color: #000000; text-decoration: none; }
.htmlbox a { font-size: 11px; color: #000000; text-decoration: underline; }
.htmlbox a:hover { font-size: 11px; color: #FF0000; text-decoration: underline; }


/*background colour should match that of GREY */
.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #F0F0F0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

/*background colour should match that of GREY */
.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #F0F0F0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

/* background represents the background colour of the popup text area */
.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #F0F0F0;
	color: BLACK;
	text-indent: 0;
	overflow: hidden;
}