/* These really ought to be standard. */
body *{
	box-sizing: border-box;
	text-overflow: ellipsis;
	
	margin: 0px;
	padding: 0px;
	line-height: inherit;
	background-size: contain;
	/*background-repeat: no-repeat;*/
	background-position: center;
}

/* Standard CSS Styling */
BODY {
    scrollbar-base-color: #C0C0C0;
    FONT: 8pt Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    border: solid 1px #ADC9F7;
}

H1,
H2,
H3,
H4,
H5,
THEAD,
TFOOT {
    COLOR: #003366;
    min-height: 20px;
    text-align: left;
}

/* Buttons */
.smallbutton,
.unboundbutton,
.button,
.sqbutton,
.widebutton,
.chunkybutton,
.fatbutton {
	background-image: url(../images/barBG.png);
	border: 0px;
	color: #333333;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #3E53A1;
	padding: 0px;
    background-repeat:repeat;
    font-weight: bold;
}

.button {
	width: 121px;
}

/* ALL Buttons */
button:hover{
    cursor: pointer;
}

.smallbutton:hover,
.button:hover,
.sqbutton:hover,
.widebutton:hover,
.chunkybutton:hover,
.fatbutton:hover {
	background-image: url(../images/barBG_hover.png);
}

.tall32{
    height: 32px;
}

.sqbutton {
	width: 32px;
    height: 32px;
}

.smallbutton {
	width: 40px;
}

.widebutton {
	width: 300px;
}

.chunkybutton {
	width: 300px;
	height: 25px;
	text-align: left;
	padding: 4px;
}

.dashboard{
    margin:20px;
}

.dashboard .chunkybutton{
    font-size:16px;   
}

.chunkybutton > img{
    margin-right: 6px;
}

.togglebar > img{
    margin-right: 6px;
    border: dotted 1px gray;
}

.fatbutton {
	width: 100%;
	height: 100%;	margin: 0px;
	padding: 0px;
}

.buttonbar {
	background-color: #9fc2f0;
	padding: 0px 3px 0px 3px;
	height: 20px;
}

.button-small {
	background-image: url(../images/barBG.png);
	border: 0px;
	color: #333333;
	cursor: hand;
	cursor: pointer;
	vertical-align: middle;
	width: 36px;
	border: 1px solid #3E53A1;
	margin: 3px;
}

.button-small:hover {
	background-image: url(../images/barBG_hover.png);
	border: 0px;
	color: #333333;
	cursor: hand;
	cursor: pointer;
	vertical-align: middle;
	width: 36px;
	border: 1px solid #3E53A1;
	margin: 3px;
}

/* Table */
table.gridTable {
	background-color: #88B0E4;
}
.gridHead {
	background-color: #ACC9F7;
    text-align: left;
	background-image: url(../images/barBG.png);
	color: Black;
	font-weight: bold;
	padding: 3px;
}

.datacell,
.tablecell {
    background-color: #FFFFFF;
    padding-top:0px;
    padding-bottom:0px;
    margin: 0px;
	vertical-align: top;
	line-height: 18px;
}

.tablecell{
    padding-left: 0px;
    padding-right: 0px;
}

.datacell{
    padding-left: 8px;
    padding-right: 8px;
}

/* Links */
A:link {
    text-decoration: none;
    color: #3333cc;
}

A:visited {
    text-decoration: none;
    color: #333399;
}

A:active {
    text-decoration: none;
    color: #333399;
}

A:hover {
    text-decoration: underline;
    color: #3333cc;
}

/* Loading Spinner */
.loadspinner {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 5px solid #FFF;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loadspinner::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: -10px;
    top: -10px;
    border: 2px solid #eb811d;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.tabheader{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 19px;
    font-weight: bold;
}

/* JS-Utility */
.collapsed {
    display: none;
}

.hidden {
    visibility: hidden;
}

.floatleft{
    float:left;
}

.floatright{
    float:right;
}

/* Chart shenanigans */
.chart td h4 {
    padding: 0px;
    margin: 0px;
}

.chart td h6 {
    display: block;
    margin: 0px;
}

.chart tr {
    border-collapse: collapse;
}

.chart td div {
    text-align: middle;
    display: block;
}

.chart td:hover {
    filter: hue-rotate(10deg) brightness(1.5);
    /* To prevent layout */
    outline: solid 1px black;
}

.chart td div span {
    /* size set as to prevent label from spilling the bar */
    width: 1px;
    height: 100%;
    visibility: hidden;
    display: block;
    font-size: 12pt;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    user-select: none;
    word-break: none;
    white-space: nowrap;
    /* To overcome outline */
    /*position: absolute;*/ /* Heck! */
    z-index: 999;
}

.chart td:hover div span {
    /* Don't hijack cursor */
    pointer-events: none;
    visibility: visible;
    font-weight: bold;
}

.barchart_bar {
    display: block; /* inline-block causes annoying space-after */
    width: 100%;
}

.barchart_bar:hover{
    filter: hue-rotate(30deg) brightness(1.2);
}

.barchart_meridian{
    border-top:solid 2px black;
}

.barchart_table{
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 10px;
    padding: 0px;
}

.barchart_legend1, 
.barchart_legend2{
    border-right:solid 2px black;
    text-align: right;
    padding-right: 2px;
}

div.shadow {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=180, strength=3);
	width: 100%;
}

.footer {
	border: #FFFFFF 0px outset;
	color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #4682B4;
	height: 32px;
}

.footer a {
	color: #E3F1FE;
	TEXT-DECORATION: underline;
}

input,
textarea,
select {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

.label {
	background-color: #9AC1EC;
	color: #000000;
	text-align: right;
	vertical-align: top;
	padding: 3px 5px 0px 5px;
	width: 0;
}

.label1 {
	background-color: #DDDDDD;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 22px;
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.textfield-full {
	border: 1px solid #999999;
	padding: 0px;
	padding-left: 2px;
	width: 100%;
}

.textfield-full:hover {
	background-color: #E3F1FE;
	border: 1px solid #4680C8;
	padding: 0px;
	padding-left: 2px;
	width: 100%;
}

.topbar-header {
	color: black;
	font-size: 9pt;
	font-weight: bold;
	background: url(../images/headerBG.png);
}

.textdown{
    writing-mode: sideways-rl;
}

/* Tooltip Activated */
.shift-pressed .barchart_table td:hover .shifttooltip,
.shift-pressed .barchart_table td:hover .shifttooltip_above,
.shift-pressed *:hover > .shifttooltip,
.shift-pressed *:hover > .shifttooltip_above,
.shift-released .barchart_table td:hover .tooltip,
.shift-released .barchart_table td:hover .tooltip_above,
.shift-released *:hover > .tooltip,
.shift-released *:hover > .tooltip_above
{
    visibility:visible;
    /* Don't hijack cursor */
    pointer-events: none;
}

/* Tooltip Always */
.shifttooltip,
.shifttooltip_above,
.tooltip_above,
.tooltip
{
    visibility:hidden;
    width: 0px;
    height: 0px;
    position:relative;
    overflow:visible;
    font-size: 12pt;
    color: white;
    font-weight:bolder;
    text-shadow: -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 1px 1px 1px black;
    user-select: none;
    word-break: none;
    white-space: nowrap;
}

.shifttooltip_above,
.tooltip_above{
    /*line-height: 0 !important; removed as the tooltip is no longer 1 line = causes overlap, todo: write better 'bottom justify' */
    margin-bottom:10px;
}

.griddy{
    height:2px;
    width:100%;
    position:relative;
    overflow:visible;
    /* Don't hijack cursor */
    pointer-events: none;
    visibility: visible;
    font-weight: bold;
    border:solid 1px black;
}

.topgrid{
    border-top:dotted 1px black
}

.bottomgrid{
    border-bottom:dotted 1px black
}

.block{
    display: block;
}

.contentup{
    vertical-align: top;
}
.contentdown{
    vertical-align: bottom;
}

.barchart_toprow > td{
    vertical-align: bottom;
}

.barchart_bottomrow > td{
    vertical-align: top;
}

.bartainer{
    background-color: white;
    border-left: 1px dotted gray;
}

/* Scroll Shenanigans. <div scrolltainer><div scrollforce>unruly content</div></div> */
.scrollforce{
    width: 1px;
    overflow:visible !important;
  }
.scrolltainer{
    overflow-x:scroll;
}

.padleft{
    padding-left:6px;
}

.padtop{
    padding-top:6px;
}

.hoverable:hover{
    filter: hue-rotate(10deg) brightness(0.8);
}

.togglebar{
    background-color: #ADC9F7;
    padding: 2px;
    border: solid 1px gray;
    border-bottom: solid 2px black;
}
.togglebar:hover{
    filter: hue-rotate(10deg) brightness(0.8);
}

.highlighted{
    filter: hue-rotate(10deg) brightness(1.2);   
    border: solid 2px black;
}

.middle{
    margin:auto;
}

/* Supercombo */
.supercombo_display{
    border: solid 1px black;
}
.supercombo_tainer{
    width: 100%;
    height: 0px;
    overflow:visible; /* Just in case */
}
.supercombo_closer{
    position:fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vw;
    background-color: #5555;
}
.supercombo_searchbox{
    width: 100%;
}
.supercombo_drop{
    background-color: yellow;
    position: relative;
    height: 200px;
    overflow-y:scroll;
}
.supercombo_drop ul{
    list-style-type: none;
}
.supercombo_drop li{
    user-select: none;
    box-sizing:border-box;
    border:solid 2px transparent; 
}

.supercombo_drop li:hover{
    border:dotted 2px black;
}

.dropdown_selected{
    border:solid 2px black !important;
}

.grain{
    background-size: 4px;
    opacity:0.2;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAASwCAIAAABkQySYAAAAAXNSR0IArs4c6QAAGthJREFUeJzs2dGJRFEIBcF188/ZSeLBBbsqAr8ONM4fHLK7r0+Az8zM6xPgM/aZS+wzl/y/PgAAAIA3BCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAqNnd1zfAZ2bm9QnwGfvMJfaZS+wzl/gQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFGCEAAAIEoQAgAARAlCAACAKEEIAAAQJQgBAACiBCEAAECUIAQAAIgShAAAAFHz+gD40u6+PgE+M2OiucM+c4l95hIfQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBqdvf1DfCZmXl9AnzGPnOJfeYS+8wlPoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABAlCAEAACIEoQAAABRghAAACBKEAIAAEQJQgAAgChBCAAAECUIAQAAogQhAABA1Lw+AL60u69PgM/MmGjusM9cYp+5xIcQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQAAQJQgBAAAiBKEAAAAUYIQAAAgShACAABECUIAAIAoQQgAABAlCAEAAKIEIQDwa78OBAAAAAAE+VsPclkEwJQQAgAATAkhAADAlBACAABMCSEAAMCUEAIAAEwJIQAAwJQQAgAATAkhAADAlBACAABMCSEAAMCUEAIAAEwJIQAAwJQQAgAATAkhAADAlBACAABMCSEAAMCUEAIAAEwJIQAAwJQQAgAATAkhAADAlBACAABMCSEAAMCUEAIAAEwJIQAAwJQQAgAATAkhAADAlBACAABMCSEAAMCUEAIAAEwJIQAAwJQQAgAATAkhAADAlBACAABMBRlkLVZJ08z6AAAAAElFTkSuQmCC);
}

th{
    padding:2px;
}

.ico16{
    width: 16px;
    height: 16px;
}

.ico32{
    width: 32px;
    height: 32px;
}

.titledrop{
    font-size:xx-large;
    font-weight: bold;
    COLOR: #003366;
    height: 20px;
    text-align: left;
}

.dashbutton > img{
    margin-right: 4px;
}
.dashbutton{
    width: 100%;
    text-align: left;
    padding: 2px;
    margin: 2px;
}

.datanavigator th{
    background-color: #9fc2f0;
}
.datanavigator{
    border: dotted 1px blue;
    margin: 2px;
}

.sidewaysup{
    text-orientation: sideways;
    writing-mode: sideways-lr; /*vertical for downwards*/
    top: 0px;
}

.tint{
    background-color: #2222;
}
.darktint{
    background-color: #2226;
}

.sticky{
    position:sticky;
    top:0px; /* required */
}

.bold{
    font-weight: bold;
}

.hr_above{
    margin-top:2px;
    border-top: double 2px black;
}

.nowrap{
    white-space: nowrap;
}

.padsides{
    padding-left: 5px;
    padding-right: 5px;
}

.locpicker{
    width: 300px;
    height: 40px;
    font-weight: bold;
}

.readonly{
    border: solid 1px gray;
    background: #EEE;
}