A
{
 TEXT-DECORATION: underline;
}
A:link
{
 COLOR: #0000FF;
 TEXT-DECORATION: none;
}
A:visited
{
 COLOR: #0000FF;
 TEXT-DECORATION: none;
}
A:hover
{
 COLOR: #0000FF;
 TEXT-DECORATION: underline;
}

#navbar A.button {
	border: 1px solid;
	font-size: 12px;
	color: #FFF;
	background: none;
	-webkit-border-image: url(/images/toolButton.png) 0 5 0 5;
}

A.button {
	border-width: 0 10px;
	border: 1px solid #888;
	padding: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	margin: 0 5px;
	float: right;
	min-width: 30px;
	text-align: center;
}

A.smallbutton {
	border-width: 0 10px;
	border: 1px solid #888;
	padding: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	margin: 0 5px;
	min-width: 20px;
	text-align: center;
}


BODY
{
 COLOR: #000000;
 FONT-FAMILY: Verdana, Arial;
 MARGIN: 0px;
 PADDING-BOTTOM: 0px;
 PADDING-LEFT: 0px;
 PADDING-TOP: 0px;
}
@media (prefers-color-scheme: dark) {
  body {
    color: #fff;
    background-color: #000;
  }
  input,select,textarea,A.button,A.smallbutton,#panel ul li a{
    color: #fff !important;
    background-color: #000 !important;
  }
}
P
{
 FONT-FAMILY: Verdana, Arial;
}
TD
{
 FONT-FAMILY: Verdana, Arial;
}
TD.header
{
 FONT-WEIGHT: bold;
}
H1
{
 FONT-FAMILY: Verdana, Arial;
 FONT-SIZE: 16pt;
 FONT-STYLE: normal;
 FONT-WEIGHT: bold;
 MARGIN-BOTTOM: 0pt;
 PADDING-BOTTOM: 0pt;
 text-align : left;
 display: inline;
}
H2
{
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 12pt;
 FONT-STYLE: normal;
 FONT-WEIGHT: bold;
 MARGIN-BOTTOM: 0pt;
 PADDING-BOTTOM: 0pt;
 text-align : left;
 display: inline;
}
H3
{
 FONT-FAMILY: Verdana, Arial;
 FONT-SIZE: 12pt;
 FONT-STYLE: normal;
 FONT-WEIGHT: bold;
 MARGIN-BOTTOM: 0pt;
 PADDING-BOTTOM: 0pt;
 text-align : left;
}

.small{
	font-size: 8px;
	text-align: left;
}

div#navbar {
	display: block;
	padding: 5px;
	height: 25px;
	background-color: cadetBlue;
}

div#centering {
	text-align: center;
}

div#panel {
	display: inline-block;
	min-width: 480px;
	text-align: left;
	margin: 0;
}

div#login {
	display: inline;
	max-width: 480px;
}

div#login>fieldset {
	max-width: 480px;
}

div#login>fieldset>.row {
	position: relative;
	min-height: 42px;
	-webkit-border-radius: 0;
	text-align: right;
	margin: 0 0 0 14px;
	line-height: 42px;
	font-weight: bold;
	display: block;
}

div#login>fieldset>.row>input {
	box-sizing: none;
	-webkit-box-sizing: none;
	-webkit-border-radius: 0;
	margin: 0 10px 0 0;
	border: 0 none #FFF;
	border-bottom: 1px solid #999;
	-webkit-appearance: none; 
	height: 42px;
	background: none;
	width: 175px;
}

div#login>fieldset>.row>select {
	box-sizing: none;
	-webkit-box-sizing: none;
	-webkit-border-radius: 0;
	margin: 0 10px 0 0;
	border: 0 none #FFF;
	border-bottom: 1px solid #999;
	-webkit-appearance: none; 
	height: 42px;
	background: none;
	width: 175px;
}

div#login>fieldset>.row>.button {
	border: 1px solid #888;
	margin: 5px 10px 5px 0;
}

div#login>fieldset>.row>label {
	position: absolute;
}

fieldset {
	position: relative;
	margin: 5px;
	padding: 0;
	-webkit-border-radius: 10px;
	border: 1px solid #999;
	text-align: right;
	font-size: 14px;
}

fieldset>legend {
	text-align: left;
	margin-left: 20px;
}

fieldset>label {
	vertical-align: middle;
}

.rowinfo {
	text-align: left;
	border-bottom: 1px dotted #999;
	margin: 7px 10px 0;
	display: block;
}

.rowinfo:last-child {
	border-bottom: 0px none;
	margin-bottom: 3px;
}

.rowinfo:last-child .button{
	margin: 0 0 5px;
}

.rowinfo .button{
	margin: 0;
	padding: 0 2px 2px 2px;
	height: 15px;
}

.valcont {
	float: right;
	width: auto;
	font-size: 10px;
}

.row {
	min-height: 36px;
	-webkit-border-radius: 0;
	text-align: left;
	margin: 0 0 0 14px;
	line-height: 36px;
	display: block;
}

.row>input {
	box-sizing: none;
	-webkit-box-sizing: none;
	-webkit-border-radius: 0;
	margin: 0 10px 0 0;
	border: 0 none #FFF;
	border-bottom: 1px solid #999;
	-webkit-appearance: none; 
	height: 36px;
	background: none;
	float: right;
	width: 360px;
	text-align: right;
	font-size: 14px;
}
.row>input.left {
	float: left;
	text-align:left;
}

.row>select {
	-webkit-border-radius: 0;
	margin: 5px 0;
	border-bottom: 1px solid #999;
	height: 26px;
	background: none;
	float: right;
	width: auto;
	font-size: 14px;
}

.row>textarea {
	-webkit-border-radius: 0;
	background: none;
	float: right;
	width: auto;
}

.row>.valcont {
	-webkit-border-radius: 0;
	margin: 0 10px 0 0;
	height: 36px;
	background: none;
}

.row>input[type=checkbox] {
	border: 1 solid #888;
	width: 25px;
	height: 20px;
	margin: 8px;
	background: red !important;
}

.row>input[type=checkbox]:checked {
	background: green !important;
}

.row>input[type=submit] {
width:auto;
}

.row>.button {
	border: 1px solid #888;
	margin: 5px 10px 5px 0;
}

.row>label {
	position: absolute;
}

.row>span {
	float: right;
	margin-right: 10px;
}

.modalBg 
{
position: absolute;
top: 0px;
left: 0px;
filter: Alpha(Opacity=50);
-moz-opacity: 0.5;
background-color: #ddd;
visibility: hidden;
width: expression(document.body.clientWidth);
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight);
z-index: 100;
}

.modalDialog 
{
position: fixed;
top: 0px;
left: 0px;
visibility: hidden;
z-index: 101;
background-color: white;
top: 0;
left: 0;
top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
border: 1px solid #777;
border-top: 0;
padding: 20px;
}

.modalDialog .modalDialogHeader 
{
margin:0;
padding: 0px;
color: #333;
font-weight: bold;
background-color: #ccc;
border: 1px solid #989898;
position: absolute;
top: 0px;
left: -1px;
height: 7px;
}

.modalShadow 
{
position: fixed;
background-color: black;
top: 0px;
left: 0px;
z-index: 99;
left: expression(document.getElementById('alertMessage').style.left);
top: expression(document.getElementById('alertMessage').style.top);
}

.modalDialog .alertMessage
{
margin-bottom: 10px;
}

.modalDialog .buttonok
{
float: right;
}

#panel ul
{
	margin: 0;
	padding: 0;
	font-size: 18px;
	list-style: none;
}

#panel ul li 
{
list-style-type: none;
list-style-image: none;
border-bottom: 1px solid #E0E0E0;
padding: 8px 0 8px 10px;
}

#panel ul li.group {
	background: #6d84a2;
}

#panel ul li a{
COLOR: #000000;
TEXT-DECORATION: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}

#panel ul li.group a
{
background-color:initial !important;
}

.expandable
{
visibility: hidden;
display: none;
}

.expanded
{
visibility: visible;
display: block;
}

table.report
{
font-size: 10px;
border-collapse: collapse;
}

table.report tr td
{
white-space: nowrap;
padding: 1px;
margin: 0px;
border: 1px dotted;
}

td.number
{
text-align: right;
}

#history
{
font-size: 10px;
text-align: left;
}

textarea.fullwidth
{
width:100%;
border:none;
background:none;
}
.billnewspanel
{
display:inline-block;
width:136px;
margin: 1px;
height:600px;
vertical-align:top;
}
.billnewspanel>div:first-child
{
height:30px;
font-size:10px;
}

.billingnews
{
padding:3px;
height:535px;
vertical-align:top;
border: 1px solid #888;
text-align:center;
font-family: 'Helvetica Neue', Helvetica;
font-size:12px;
line-height:13px;
white-space:normal;
}
#newslist
{
white-space:nowrap;
overflow:auto;
}
fieldset.information
{
text-align:left;
padding: 0 5px;
}
.loginButtons
{
background-color: #8888;
border-radius:2px;
margin:5px auto;
padding:5px;
cursor:pointer;
max-width:150px;
text-align:center;
}
.loginButtons:hover
{
background-color: #888;
}
.loginButtons svg
{
height:20px;
margin-right:5px;
padding:1px 0 0 1px;
}
.loginButtons span
{
vertical-align:super;
}