##local.defineByRender(DataFont)<contentof>##if request.IsEqual("ResponseEncoding","utf-8") ##sessioncfg.Styles.Unicode.DataFont ##else ##sessioncfg.Styles.DataFont ##endif</contentof>
##local.defineByRender(Colour1)<contentof>##sessioncfg.Styles.Colour1</contentof>
##local.defineByRender(Colour2)<contentof>##sessioncfg.Styles.Colour2</contentof>
##local.defineByRender(Colour3)<contentof>##sessioncfg.Styles.Colour3</contentof>
##local.defineByRender(Colour4)<contentof>##sessioncfg.Styles.Colour4</contentof>
##local.defineByRender(LegendFont)<contentof>##sessioncfg.Styles.LegendFont</contentof>
##local.defineByRender(DataFont)<contentof>##sessioncfg.Styles.DataFont</contentof>
<STYLE TYPE="text/css">

BODY
{BACKGROUND-COLOR: #83a2dc;
color: ##local.Colour2 ;
font-family: ##local.LegendFont;
font-size: small;
margin-left: +1px}

TABLE
{color: ##local.Colour2;
font-family: ##local.DataFont;
font-size: x-small;
font-weight: bold}

PRE
{padding: 0;
margin: 0}

.jumper
{COLOR: ##local.Colour4;
font-size: x-small}

A:link
{color: ##local.Colour2;
font-size: x-small;
text-decoration: underline}

A:visited
{COLOR: ##local.Colour2;
font-size: x-small;
text-decoration: underline}

INPUT
{
font-family:##local.DataFont;
}
A
{COLOR: ##local.Colour3;
font-size: x-small}

A:active
{COLOR: ##local.Colour3;
font-size: x-small}


.langChange
{CURSOR: hand}

.menuOuter
{MARGIN-LEFT: 5px}

.menuInner
{DISPLAY: none;
margin-left: +20px;}

.greyedOutData
{COLOR: gray}

.sendButton
{BACKGROUND-COLOR: lightgreen;
color: ##local.Colour2;
font-family: ##local.LegendFont;
font-size: 12px}

.button
{BACKGROUND-COLOR: ##local.Colour1;
color: ##local.Colour2;
font-family: ##local.LegendFont;
font-size: 11px}

.highlightedData
{COLOR: mediumvioletred}

.resetButton
{BACKGROUND-COLOR: orange;
color: ##local.Colour2;
font-family: ##local.LegendFont;
font-size: 12px}

.buttonGfx
{font-size: 10px;
font-style: normal;
font-weight: bold}

.heading
{COLOR: ##local.Colour2;
color: black;
font-family: ##local.LegendFont;
font-size: small;
font-style: normal}

.popupWarningHeader
{BACKGROUND-COLOR: #ffcc00;
font-family: ##local.LegendFont;
font-size: 14px}

.popupBody
{border-bottom: 2px black solid;
BACKGROUND-COLOR: blue;
border-left: 2px black solid;
border-right: 2px black solid;
border-top: 2px black solid;
margin: +0px;
BACKGROUND: buttonface;
BACKGROUND-COLOR: buttonface;
color: ##local.Colour2;
cursor: none;
font-family: ##local.LegendFont;
font-size: 13px}

.popupErrorHeader
{BACKGROUND-COLOR: firebrick;
color: white;
font-family: ##local.LegendFont;
font-size: 14px;
font-weight: bolder}

.popupTextBody
{BACKGROUND: buttonface;
BACKGROUND-COLOR: buttonface;
color: ##local.Colour2;
cursor: none;
font-family: ##local.LegendFont;
font-size: 13px}

.temp
{BACKGROUND: url(/ALSi/img/bg_browse.jpg) silver}

.browseStyleBGreyed
{BACKGROUND-COLOR: white;
color: lightgrey}

.browseStyleBNormal
{background-color: white;
cursor: hand
filter: alpha(opacity=70)}

.browseStyleWNormal
{BACKGROUND-COLOR: ##local.Colour1;
cursor: hand;
 filter: alpha(opacity=70)}

.browseStyleWHover
{BACKGROUND-COLOR: lemonchiffon;
cursor: hand}

.browseStyleSNormal
{BACKGROUND-COLOR: lightskyblue;
cursor: hand;
 filter: alpha(opacity=70)}

.browseStyleSHover
{BACKGROUND-COLOR: deepskyblue;
cursor: hand}

.browseStyleWGreyed
{BACKGROUND-COLOR: ##local.Colour1;
color: lightgrey}

.browseStyleBHover
{BACKGROUND-COLOR: #FFEDCC;
cursor: hand}

.browseStyleBXref
{color: cornflowerblue;
}
.browseStyleXref
{color: navy;
}
.browseStyleStandAlone
{color: seagreen;
}
.button-icon
{FONT-FAMILY: webdings;
color: black;
font-size: medium}

#ALSititle
{color: ##local.Colour2;
font-family: ##local.LegendFont;
font-size: x-small;
font-weight: bolder;
letter-spacing: +0.2em}

TD#ActivityTab
{color: ##local.Colour2;
font-family: ##local.LegendFont;
font-size: x-small}

#ALSiprompt
{color: yellow;
font-family: ##local.LegendFont;
font-size: xx-small}

#promptArea
{background-color: #A2BFFF;
margin:0}

#topArea
{background-color: #DBE7FF;
margin:0}

.middleArea, #middleArea
{background-color:#FFEDCC;
margin:0}

#topButtons
{background-color: white;
border-bottom: 1 silver solid}

.bottomArea, #bottomArea
{background-color:#A2BFFF;
margin:0}

#upperlinksArea
{background-color:#FFEDCC;
margin:0}

#lowerlinksArea
{background-color:#A2BFFF;
margin:0}

TABLE #sideBar
{color: #1E3D76; /*title*/
font-family: ##local.LegendFont;
font-size: x-small;
font-weight: 600;
letter-spacing: 0.75px;
padding-left:1;}

.data
{color: ##local.Colour2;
font-family: ##local.DataFont;
font-size: x-small}

.linkStyle
{color: ##local.Colour2;
font-size: x-small;
text-decoration: underline;
cursor: hand}

#menuScreenArea TABLE
{COLOR: gray;
font-family: ##local.LegendFont;
font-size: 50px;
font-weight: normal}

.label
{color: #0000b3;
font-family: ##local.LegendFont;
font-size: x-small}

.tab
{COLOR: ##local.Colour2;
font-family: ##local.LegendFont;
font-size: x-small;
font-style: normal;
font-weight: bold;
cursor: hand}

.tabbutton
{COLOR: ##local.Colour2;
font-family: ##local.LegendFont;
font-size: x-small;
font-style: normal;
font-weight: bold;
cursor: hand;
background-color:#FFEDCC;
border: 0;
padding: '2 0';
margin: '0 0 2'}

.tabbuttonSelected
{COLOR: ##local.Colour2;
font-family: ##local.LegendFont;
font-size: x-small;
font-style: normal;
font-weight: bold;
cursor: hand;
background-color:#A2BFFF;
border: 0;
padding: '2 0';
margin: '0 0 2'}

.sidebarbutton
{cursor: hand;
border: 0;
padding: 0;
margin: 0;
}

.tabDisabled
{color: silver;
font-family: ##local.LegendFont;
font-size: x-small;
font-weight: 400}

.disabledImage
{filter: mask(color=black) mask(color=buttonshadow) dropshadow(color=buttonhighlight,offx=1,offy=1)}

.buttonDisabled
{BACKGROUND-COLOR: ##local.Colour1;
color: silver;
font-family: ##local.LegendFont}

.helpfascia
{background-color: #000080;
border: 1px silver solid;
font-family: arial;
font-size: x-small;
padding: 1}

.new-button-face {

	border: 2 groove white;
	cursor: hand;
	padding-left:0;
	padding-top:0;
	padding-bottom:1;
	padding-right:1;
	background-color: yellow;
}

.new-button-face-hover {

	border: 2 groove white;
	cursor: hand;
	padding-left:0;
	padding-top:0;
	padding-bottom:1;
	padding-right:1;
	background-color: gold;
}

.new-button-face-down {

	border: 2 inset white;
	cursor: hand;
	padding-left:1;
	padding-top:1;
	padding-bottom:0;
	padding-right:0;
	background-color: gold;
	}

.altnew-button-face {

	border: 2 groove white;
	cursor: hand;
	padding-left:0;
	padding-top:0;
	padding-bottom:1;
	padding-right:1;
	background-color: NavajoWhite;
}

.altnew-button-face-hover {

	border: 2 groove white;
	cursor: hand;
	padding-left:0;
	padding-top:0;
	padding-bottom:1;
	padding-right:1;
	background-color: LightSalmon;
}

.altnew-button-face-down {

	border: 2 inset white;
	cursor: hand;
	padding-left:1;
	padding-top:1;
	padding-bottom:0;
	padding-right:0;
	background-color: LightSalmon;
	}

.newmenu-button-face {

	border: 2 groove white;
	cursor: hand;
	padding-left:0;
	padding-top:0;
	padding-bottom:1;
	padding-right:1;
	background-color: BUTTONFACE;
}

.newmenu-button-face-hover {

	border: 2 groove white;
	cursor: hand;
	padding-left:0;
	padding-top:0;
	padding-bottom:1;
	padding-right:1;
	background-color: BUTTONSHADOW;
}

.newill-button-face {

	border: 2 groove white;
	cursor: hand;
	padding-left:0;
	padding-top:0;
	padding-bottom:1;
	padding-right:1;
	background-color: LIGHTCYAN;
}

.newill-button-face-hover {

	border: 2 groove white;
	cursor: hand;
	padding-left:0;
	padding-top:0;
	padding-bottom:1;
	padding-right:1;
	background-color: LIGHTSKYBLUE;
}

.labelstyle
{color: #0000b3;
font-family: ##local.LegendFont;
font-size: x-small;
font-style: italic}

SPAN
{
font-family: ##local.DataFont;
}

.buttontext A:link 
{color: ##local.Colour1;
font-size: x-small;
text-decoration: none;
CURSOR: hand}

.buttontext A:visited 
{color: ##local.Colour1;
font-size: x-small;
text-decoration: none;
CURSOR: hand}

.buttontext A:hover 
{
  color: ##local.Colour3;
  font-size: x-small;
  text-decoration: underline;
  CURSOR: hand}


</STYLE>