html {
    height: 100%;
}
input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
BODY
{
    BACKGROUND-COLOR: #D0EFFF;
}
.enabled
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: MS Sans Serif;
    TEXT-ALIGN: left
}
.enabled2
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: MS Sans Serif;
    TEXT-ALIGN: left
}
.enabled3
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: MS Sans Serif;
    TEXT-ALIGN: left
}
.disabled
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: MS Sans Serif;
    TEXT-ALIGN: left;
  	background-color: #E0E0E0;
}
.label
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: MS Sans Serif;
    TEXT-ALIGN: left
}
.arialtext
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left
}
.uneditable
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: MS Sans Serif;
    BACKGROUND-COLOR: #dddddd
}
.editable
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: MS Sans Serif
}
.caption
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BACKGROUND-COLOR: lightgrey
}
.LEVEL1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7.5pt;
    CURSOR: hand;
    COLOR: black;
    LINE-HEIGHT: 10pt;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.LEVEL1a
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7.5pt;
    CURSOR: hand;
    COLOR: black;
    LINE-HEIGHT: 10pt;
    TEXT-DECORATION: none
}
.LEVEL2
{
    FONT-SIZE: 7.5pt;
    CURSOR: hand;
    COLOR: black;
    LINE-HEIGHT: 8pt;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.LEVEL1:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}
A.LEVEL1a:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}
A.LEVEL2:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}
A.LEVEL1:visited
{
    COLOR: black
}
A.LEVEL1a:visited
{
    COLOR: black
}
A.LEVEL2:visited
{
    COLOR: black
}
TABLE.toolbar
{
    BORDER-RIGHT: gray 2px solid;
    BORDER-TOP: lightgrey 2px solid;
    BORDER-LEFT: white 2px solid;
    BORDER-BOTTOM: gray 2px solid
}
.attention 
{
	color: red;
	font-size: large;
	font-weight: bold;
}	
.warning 
{
	color: blueviolet;
	font-size: large;
	font-weight: bold;
}	
.information
{
	color: darkgreen;
	font-size: large;
	font-weight: bold;
}
.lightbox {
    /* Default to hidden */
    display: none;

    /* Overlay entire screen */
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /* A bit of padding around image */
    padding: 1em;

    /* Translucent background */
    background: rgba(0, 0, 0, 0.7);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
    display: block;
}

.lightbox span {
    /* Full width and height */
    display: block;
    width: 100%;
    height: 100%;

    /* Size and position background image */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}