/* *** Basic Stuff *** */

BODY { font-size: 75%; }
TABLE { font-size: 100%; }

BODY {
	text-align: left;				
	font-size: 75%;					/* basis zoom - 1em = 12px background-color: blue;*/
}

BODY, 
TABLE {
	font-family : Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

H1 { font-size: 177%; }
H2 { font-size: 133%; }
H3 { font-size: 111%; }
H4 { font-size: 100%; }

IMG { border: none; }


/* not for Screen display */
#headerInfo h1,
#headerInfo span,
#headerInfo a,
.off {
	display: none;
}
/* not for Screen display - END */



/* *** three column layout *** */

#Cover, 
#headerInfo  {
	width: 100%;						/* total width */
	min-width: 64em;					/* 768px   - for Mozilla, Opera - IE doesn't support 
										   min-width and max-width */
	/*max-width: 88em;					 1024px  */
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#Cover {
	padding: 90px 0px 0px 0px;
	background: url(/Bitmaps/BLAK-UIS/top.gif) repeat-x top left; 
}

#Outer {
	width: auto;
	padding-top: 0px;
	padding-right: 15.8333em;			/* 190px   - right column width */
	padding-bottom: 0em;
	padding-left: 12.5em;				/* 150px   - left column width 145px plus 5px border 
										   between left and middle column */
	background: url(/Bitmaps/BLAK-UIS/left2.gif) repeat-y top left;
										/* sets the background for the left column - 
										   the width of the background image should only be 
										   a little bit larger than the left column */
}

#Inner {
	width: 100%;
	margin: 0;
	background-color: #FFFFFF;			/*	 background colour of the middle column */
}

#Main {
	margin-top: -90px;
	background: url(/Bitmaps/BLAK-UIS/left1.gif) no-repeat top left;
	width: 12.5em;						/* 150px   - left column width plus 5px border between 
										   left and middle column */
	margin-left: -12.5em;				/* 150px   - negative left column width */
	float: left;
	position: relative;					/* position: relative causes rendering bug in IE Win */
	z-index: 10;
}
/* *** DIV[id="Main"] {
	position: relative;					 undo the bug fix for IE
}  *** */

#InnerMain {
	width: 12.0833em;					/* 145 px   - left column width minus right border 
										   of 7px (0.5833em) */
	overflow: auto;
	position: relative;
	z-index: 12;
}

.content {
	width: 100%;
	float: left;
	position: relative;
	z-index: 12;
	border-top: 1px solid red;
}

#ContentColContainer {
	padding-right: 0.5833em;			/* border between middle and right column */
}

.contentCol {
	padding-top: 0.8em;
}

#InfoCol {
	width: 15.8333em;					/* 190px   - right column width */
	margin-right: -15.8333em;			/* 190px   - negative right column width */
	float: left;
	position: relative;
	z-index: 11;
	overflow: hidden;
	background-color: #dddde4;
	border-top: 1px solid red;
	min-height: 70%;					/* sets the minimum height for the middle and right column 
										   - only for browsers that knows min-height*/
}

.innerInfoCol {
	text-align: center;
	padding: 0.5em 2px 0px 2px;
	min-height: 100%;					/* sets the minimum height for the middle and right column 
										   - only for browsers that knows min-height*/
}


/* bug fix code */
/* bug fix - Mozilla & Opera */
BODY {
	border-right: 1px solid #dddde4;	/* avoids the horizontal scrolling bar */
}

DIV[id="Inner"] {
	border: 1px solid transparent;
	border-width: 0 1px 1px 0px;
}

DIV[id="Main"] {
	margin-right: 2px;
}

DIV[class="content"] {
	margin: 0 -2px 0 -2px;
}

DIV[id="InfoCol"] {
	margin-left: 2px;
}

DIV[class="innerInfoCol"] {
	width: 15.75em;						/* 189px   - right column width minus 1px */
	overflow: hidden;
}


/* bug fix - IE */
#InnerMain,
#ContentColContainer {
	border-top: 1px solid #ffffff;		/* bug fix for IE */
}
DIV[id="InnerMain"],
DIV[id="ContentColContainer"] {
	border-top: none;					/* undo bug fix for Mozilla & Opera */
}

/* bug fix - top pixel */
#Outer {
	margin-top: -2px;					/* fix top space */
}

#InnerMain, 
.innerInfoCol {				/* fix top space */
	padding-top: 1px;
}
DIV[class="innerInfoCol"] {				/* fix top space */
	padding-top: 2px;
}
/* bug fix code - END */



/* *** Helper *** */

.break {
	height: auto; 						/* IE 5.5 fix */
	width: auto !important;
	overflow: hidden;
	float: none !important;
	clear: both;
}

DIV[class="break"] {
	height: 0px;
}

HR.divider {
	display: none
}

.off {
	display: none;
}



/* *** Navigaiton - Main Menu *** */

H3.mainBoxHeader { }

.mainBox {
	width: 12em;						/* 144px   - (left column width 200px) */
}

.mainBox UL {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
	width: auto;
}
.mainBox UL LI{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px -2px 0px;
	height: 1px;
}

DIV[class="mainBox"] UL LI {
	height: auto;
	display: block;
	margin: 1px;
}

.mainBox UL LI A {
	
}



/* *** elements *** */


/*  Links  */
A {
	color: rgb(110,110,110);
	text-decoration: none;
}
A:hover { color: red; }

A.entry {
	font-weight: bold;
	display: block;
}

A.enabledTreeEntry {
	font-size: 88%;
	color: #992222;
}
A.enabledTreeEntry:hover { color: red; }

A.disabledTreeEntry {
	font-size: 88%;
	color: gray;
}

/* The path of an entry in the Contents form */
.pathLink {}
A.pathLink { color: red; }
A.pathLink:hover { color: white; background-color: #FF0000; }

A.small:link { color: gray; }

A.inactive, A.inactive {
	color: silver;
}

A.arrow {
	background-image: url(Bitmaps/Arrow/Item.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	display: block;
	position: relative;
}
A.arrow:hover {
	background-image: url(Bitmaps/Arrow/ItemX.gif);
}

A.smallArrow {
	font-size: 88%;
	background-image: url(Bitmaps/Arrow/SmallRight.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}

A.onlineHelp {
	color: white;
	background-image: url(Bitmaps/etc/ContextHelp.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
A.onlineHelp:hover {
	color: red;
}

.mainLogo {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 60px;
}

A.item, A.subitem {
	color: black;
	font-size: 122%;
	font-weight: bold;
	padding-left: 14px;
	display: block;
	line-height: 22px;
}

A.systemItem {
	color: black;
	font-size: 111%;
}

A.subitem {
	font-size: 111%;
	padding-left: 34px;
}

A.item:hover, A.subitem:hover, A.systemItem:hover {	color: red; }

HR.itemDivider {
	color: #8D8D8D;
	width: 10.8334em;		/* 130px   - for IE */
	text-align: left;
	padding: 0;
	margin-left: 0px;
	margin-top:18px;
	margin-right:0px;
	margin-bottom:5px;
	height: 1px;
	/* This is for opera */
	border-bottom: none;
	border-right: none;
	border-left: none;
	
}
HR[class="itemDivider"] {
	width: 10.8334em;		/* 130px   - for other browsers */
}

.outerSystemItem {
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 7px 8px;
}

.outerSystemItem A.systemItem {
	padding: 0px 0px 0px 22px;
	background-repeat: no-repeat;
}

#SearchField {
	width: 7.5em;					/* 90px for IE*/
}


/*  Forms  */
FORM { margin-top: 0px; }

LABEL, INPUT, TEXTAREA, SELECT, OPTION  {
	font-family : Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
}

LABEL {
	font-weight: bold;
	cursor: pointer;
}

INPUT, SELECT, OPTION, TEXTAREA {
	background-color: #ffffee;
	font-size: 100%;
}
INPUT:focus, SELECT:focus, TEXTAREA:focus {
	border: 2px solid #FF0000;
} 
INPUT[type="button"],INPUT[type="submit"],INPUT[type="reset"] {
	background-color: #DDDDDD;
	font-size: 100%;
}

FIELDSET {
	font-weight: bold;
}

.defaultButton {
	font-weight: bold;
}



/* *** Specifics of the default layout *** */

.large { font-size: 177%; font-weight: bold; }
.small { font-size: 88%; }

.navigationBar, 
.footerBar, 
.titleBar {
	width: 100%;
	float: right;
	position: relative;
	z-index: 12;
	margin:  0 -15.8333em 0 0;			/* 190px   - negative right column width */
	padding: 0;
	background-color: white;
}

.wrapper {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

.centerColumn {
	float: right;
	margin: 0 0 0 -15.8333em;			/* 190px   - negative right column width */
	padding: 0 0 0 0;
	position: relative;
	color: #444444;
	text-align: left;
	width: 100%;
}
DIV[class="centerColumn"] {
	width: auto;
	float: none;
	margin: 0 15.8333em 0 -15.8333em;
}

.centerColumn DIV {
	width: 100%;
	margin: 0;
	padding: 3px 0px 4px 0px;
	z-index: 2;
}

.rightColumn {
	float: right;
	width: 15.8333em;					/* 190px   - negative right column width */
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #444444;
	z-index: 12;
	text-align: right;
}
DIV[class="rightColumn"] {
	padding: 0px 3px 0px 0px; 			/* fix for Mozilla - avoids the horizontal scrollbar */
}

.breakRight {
	height: 1px;
	width: 15.8333em;					/* 190px   - negative right column width */
	overflow: hidden;
	float: none !important;
	clear: right;
	margin: -1px 0 0 0;
	padding: 0 0 0 0;
}
DIV[class="breakRight"] {
	height: 0px;
	width: auto !important;
	margin: 0 0 0 0;
}

.navigationBar {
	padding-bottom: 7px;
}

.titleBar {	

}

.titleBar .wrapper {
	background-color: #9999aa; /*right column colour of the titlebar */
}

.titleBar .centerColumn {
	border-left: 7px solid #9999aa;
	padding: 0 0 0 0.25em;
}

.titleBar .centerColumn .title {
	background-color: white;
	font-size: 111%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.titleBar .rightColumn {
	vertical-align: middle;
	font-style: italic;
}

.titleBar .rightColumn .titleInfo {
	color: white;
	font-size: 88%;
}

.abstract {
	padding-bottom: 14px;
}

UL.subentries {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

UL.subentries LI.subentry {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 1px;
}
UL[class="subentries"] LI.subentry {
	height: auto;
	display: block;
}

LI.subentry .subentryTitle A {
	display: inline;
}

.subentries {}

.subentry {
	padding-bottom: 14px;
}

.subentryIcon {
	float: left;
	padding-left: 4px;
}

.subentryTitle {
	margin: 0px 0px 0px 24px;
	padding: 3px 0px 0px 0px;
}

.subentryPath {
	margin-left: 24px;
}

.subentryComment {
	margin-top: 0px;
	margin-left: 24px;
	padding: 0px;
}

.subentryComment TABLE {
	margin: 0 0 0 -3px;
	padding: 0;
}

#InfoCol .image, 
#InfoCol .box, 
#InfoCol .box HR {
	width: 15.3333em;					/* 184px   - right column width 190px (15.8333em) */
}

#InfoCol DIV[class="image"], 
#InfoCol DIV[class="box"], 
#InfoCol DIV[class="box"] HR {
	width: 15em;						/* 180px */
}

.image {
	padding: 0.3em 2px 0px 2px;
	margin: 0px 0px 14px 0px;
	position: relative;
}

.box {
	background-color: #E9E9E9;
	text-align: left;
	padding: 0.3em 2px 1em 2px;
	margin: 5px 0px 40px 0px;
	color: #383895;
	position: relative;
}

.uploadsHeader {
	font-weight: bold;
	margin-bottom: 7px;
}

.uploadsIcon {
	float: left;
	padding-right: 3px;
	padding-bottom: 14px;
}

.uploadsContent {
	margin-bottom: 6px;
}

.uploadsBottom {
	margin-top: 7px;
}

.box DIV.uploadsHeader {
	margin: 0px -2px 0px -2px;
	padding: 2px 2px 1px 2px;
	position: relative;
}
.box SPAN.uploadsHeader {
	padding: 2px 2px 1px 3px;
}

.box .uploadsContent {
	padding: 2px 0px 0px 16px;
}

.box HR {
	margin-top: 1em;
	margin-right: -2px;
	margin-bottom: 0.5em;
	margin-left: -2px;
	height: 1px;
	/* This is for opera */
	border-bottom: none;
	border-right: none;
	border-left: none;
}

.footerBar {
	background-color: #9999aa; /*right column colour of the footerBar */
}

.footerBar .wrapper {

}

.footerBar .centerColumn {

}

.footerBar .centerColumn DIV {
	border-top: 1px solid #FF0000;
	text-indent: 7px;
	background-color: white;
	font-size: 88%;
}

.footerBar .rightColumn {
	border-top: 1px solid #FF0000;
	text-indent: 7px;
	text-align: left;
	padding-top: 3px;
}

.footerBar .rightColumn SPAN {
	font-size: 88%;
}

.footnoteRight A {  }



/* *** Miscellaneous *** */

/* A table used in various places */
.tableHeader {
	font-weight: bold;
	background-color: #D8E0F2;
}

.tableCell {
	background-color: #EEEEFF;
}

.brighterTableCell {
	background-color: #E9E9F6;
}

/* Answers for a thread in a forum*/
.answers {
	background-color: #F6F6F6;
}

.brighterAnswers {
	background-color: #FBFBFB;
}


/* The notification dialog */
.notifyHeader {
	font-weight: bold;
	color: white;
	background-color: navy;
	padding: 7px;
	margin-top: 100px;
	margin-bottom: 0px;
	text-align: center;
}

.notifyBody {
	font-size: 133%;
	font-weight: bold;
	color: Navy;
	background-color: PeachPuff;
	padding: 14px;
	min-height: 100px;
}

/* eg Address display */
.objectHeader {
	font-size: 180%;
	font-weight: bold;
	color: white;
	background-color: navy;
	padding: 7px;
	text-align: center;
}

.objectBody {
	color: Navy;
	background-color: PeachPuff;
	margin: 0px;
}

/* The descriptors list of the thesaurus */
.thesaurusDescriptorsList {
	font-style: italic; 
}

#searchCriterion {
	display: none;
}


/* Styles for Calendar-Layout */
.day {
	color: grey;
}

.today SPAN {
	border: 1px solid red !important;
}

.selectedday SPAN{
	border: 1px solid blue !important;
}

A.dayWithEvent SPAN{
	color: black !important;
	font-weight: bold !important;
	background-color: #ffccff!important;
	border: 1px solid #ff99ff;
}

/* Styles for Help-Entries */
#ContentColContainer IMG.image {
	border: 3px solid #C6BDD6;
	width: auto;
}

#ContentColContainer LI {
	margin-bottom: 12px;
}