/* CSS Document */
/*setting the anchor border around IMG elements*/
IMG {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px;
}
/*setting the colour for A elements*/
A {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bolder;
}
A.helptextlink {
	MARGIN-TOP: -6px
}
.op-body UL {
	MARGIN: 0px 0px 0.85em
}
.op-body P {
	MARGIN: 0px 0px 0.85em
}
#contentBody .options-pod {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 16px;
	PADDING-TOP: 0px;
}
.options-box {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
}
.setOrigin {
	Z-INDEX: 2;
	LEFT: 0px;
	POSITION: relative;
	TOP: 0px;
	width: 17px;
	height: 20px;
}
.flyoutDiv {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	WIDTH: 190px; BORDER-BOTTOM: #000000 1px solid;
	POSITION: absolute;
	BACKGROUND-COLOR: #cccccc;
}
.one .flyoutDiv {
	LEFT: 0px;
	TOP: -22px;
}
.two .flyoutDiv {
	LEFT: 234px;
	TOP: -15px;
}
.flyoutBold .flyoutDiv {
	TOP: -20px
}
.hiddenFlyout .flyoutDiv {
	DISPLAY: none
}
.flyoutLink {
	BACKGROUND-POSITION: 230px 50%; 
	MARGIN-TOP: 0px;
	DISPLAY: block;
	MARGIN-BOTTOM: 0px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	POSITION: relative;
	TEXT-DECORATION: none;
}
.flyoutLinkBold {
	BACKGROUND-POSITION: 230px 50%;
	MARGIN-TOP: 0px;
	DISPLAY: block;
	MARGIN-BOTTOM: 0px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	POSITION: relative;
	TEXT-DECORATION: none;
}
.flyoutLinkRoot {
	BACKGROUND-POSITION: 230px 50%;
	MARGIN-TOP: 0px;
	DISPLAY: block;
	MARGIN-BOTTOM: 0px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	POSITION: relative;
	TEXT-DECORATION: none;
	BACKGROUND: #89BEE6;
}
.flyoutLinkRoot {
	BACKGROUND-POSITION: 147px 50%
}
.flyoutLinkRoot {
	PADDING-LEFT: 7px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 0px;
	COLOR: #FFFFFF;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 22px;
	BORDER-LEFT: #cccccc 1px solid;
}
.hiddenFlyout .flyoutLinkRoot {
	PADDING-LEFT: 7px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 0px;
	COLOR: #FFFFFF;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #cccccc 1px solid;
	HEIGHT: 22px;
	BORDER-LEFT: #cccccc 1px solid;
	BACKGROUND: #8AC0E6;
}
.flyoutLink {
	PADDING-LEFT: 7px;
	FONT-SIZE: 10px;
}
.flyoutLinkBold {
	PADDING-LEFT: 7px;
	FONT-SIZE: 10px;
}
.flyoutLink {
	PADDING-TOP: 0px;
	HEIGHT: 15px;
}
.flyoutLinkBold {
	FONT-WEIGHT: bold;
	PADDING-TOP: 3px;
	HEIGHT: 19px;
}
.hiddenFlyout .flyoutLink:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666;
}
.hiddenFlyout .flyoutLinkBold:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666;
}
.hiddenFlyout .flyoutLinkRoot:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666;
}
.visibleFlyout .flyoutLink {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #990000;
}
.visibleFlyout .flyoutLinkBold {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #990000;
}
.visibleFlyout .flyoutLinkRoot {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #990000;
}
.hiddenFlyout .flyoutLink {
	COLOR: #000000;
	BACKGROUND-COLOR: #cccccc
}
.hiddenFlyout .flyoutLinkBold {
	COLOR: #000000;
	BACKGROUND-COLOR: #cccccc
}
.flyoutLinkBold {
	FONT-WEIGHT: bold;
	COLOR: #000000;
	BACKGROUND-COLOR: #cccccc
}
.hiddenFlyout .flyoutLinkBold {
	FONT-WEIGHT: bold;
	COLOR: #000000;
	BACKGROUND-COLOR: #cccccc
}
.moreLink {
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000000;
	PADDING-TOP: 3px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	HEIGHT: 20px;
	TEXT-DECORATION: none
}
.moreLink:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666
}
.linkInFlyout {
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 3px;
	COLOR: #000000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	POSITION: relative;
	TEXT-DECORATION: none
}
.linkInFlyoutBold {
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-SIZE: 10px;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 3px;
	COLOR: #000000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	POSITION: relative;
	TEXT-DECORATION: none
}
.linkInFlyout {
	MARGIN-TOP: 2px;
	MARGIN-BOTTOM: 2px;
	LINE-HEIGHT: 80%
}
.one .linkInFlyout:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #990000
}
.two .linkInFlyout:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666
}
.linkInFlyoutBold {
	FONT-WEIGHT: bold
}
.linkInFlyoutBold:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #990000
}
.bar {
	BORDER-TOP: #666666 1px solid;
	WIDTH: 100%
}
.halfBar {
	MARGIN: 0px 10%;
	HEIGHT: 7px
}
.linkRoot {
	MARGIN-TOP: 0px;
	DISPLAY: block;
	PADDING-LEFT: 7px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px;
	COLOR: #333333;
	PADDING-TOP: 5px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	POSITION: relative;
	HEIGHT: 18px;
	TEXT-DECORATION: none
}
.noFlyout {
	
}
.non-flyoutLinkRoot {
	MARGIN-TOP: 0px;
	DISPLAY: block;
	PADDING-LEFT: 7px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px;
	MARGIN-LEFT: 0px;
	COLOR: #ffffff;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #cccccc 1px solid;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	POSITION: relative;
	HEIGHT: 22px;
	TEXT-DECORATION: none
}
.non-flyoutLinkRoot:hover {
	COLOR: #ffffff;
	BORDER-BOTTOM: #ffcccc 1px solid;
	BACKGROUND-COLOR: #666666
}
.flyoutDiv .flyoutDiv {
	BACKGROUND: url(../pictures/background.jpg)
}
.flyoutBackground {
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #C4DFF4
}
/* Contextual Selector meaning that All flyoutDiv section within the HEADER selector will be addressed
 * "Only elements that match the last simple selector (in this case the 'flyoutDiv' element) are addressed,
 * and only if the search pattern (header flyoutDiv) matches."
*/
.header .flyoutDiv {
	LEFT: 0px; TOP: 0px; BOTTOM: 0px
}
/* Contextual Selector meaning that All linkInFlyout:hover (hover -> mouse over) section within the HEADER selector will be addressed
 * "Only elements that match the last simple selector (in this case the 'linkInFlyout' element) are addressed,
 * and only if the search pattern (header linkInFlyout) matches."
 */
.header .linkInFlyout:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #990000
}
/*
 * Simple Selector meaning that All contentForSupported section be addressed.
 * "Elements that have a 'display' value of 'none' are not formatted and will therefore "not result in a box."
 */
.contentForSupported {
	DISPLAY: none
}
/*
 * Simple Selector meaning that All dropdownFunctFull section be addressed.
 * "Elements that have a 'display' value of 'none' are not formatted and will therefore "not result in a box."
 */
.dropdownFunctFull {
	DISPLAY: none
}
a {
	COLOR: #CCCCCC
}
.redBold {
	COLOR: #FF0000;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 18px;
}
A FONT I {
	COLOR: #000000;
}
A STRONG {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
}
STRONG .columnSort{
	COLOR: #FFFFFF;
}
STRONG .columnSort:hover{
	COLOR: #FF0000;
}
/*Colour definition for scrollbars. Implemented in the Body part.*/
BODY {
  /*scrollbar-arrow-color:#000000;
  scrollbar-track-color:#838F95;
  scrollbar-shadow-color:#000000;
  scrollbar-face-color:#8E9BA1;
  scrollbar-highlight-color:#C5D0D5;
  scrollbar-darkshadow-color:#000000;
  scrollbar-3dlight-color:#ffffff;*/
}