body
{
	font-family: Verdana, serif;
	font-size                 : 11px;
	color                     : #000000;
	background-color          : #FFFFFF;
}

tr, td
{
	font-family: Verdana, serif;
	font-size                 : 11px;
	border-collapse    : collapse;
}

input, textarea
{
    margin           : 1px;
	font-size        : 11px;
	font-family: Verdana, serif;
	color            : #000000;
	background-color : #FFFFFF;

}

option, select
{
    margin           : 1px;
	font-size        : 12px;
	font-family      : Verdana;
	color            : #000000;
	background-color : #FFFFFF;
}

a, A:link, a:visited, a:active
{
    color           : #000000;
    font-weight     : bold;
	font-family: Verdana, serif;
    font-size       : 12px;
	text-decoration : none;
}

A:hover
{
    color           : blue;
    text-decoration : underline;
	font-family: Verdana, serif;
    font-size       : 12px;
	font-weight     : bold;
}

.asmall
{
	color           : blue;
	cursor: default;
	font-weight: normal;
	font-family: Verdana, serif;
	font-size       : 11px ;
	text-decoration : none;
}

.asmall:hover
{
	color           : red;
	cursor: pointer;
	font-weight: normal;
	font-family: Verdana, serif;
	font-size       : 11px ;
	text-decoration: underline;
}


.ablue
{
	color: blue;
	cursor: default;
	font-weight: normal;
	font-size       : 11px ;
	text-decoration : none;
}

.ablue:hover
{
	color: red;
	cursor: pointer;
	font-weight: normal;
	font-size       : 11px ;
	text-decoration: underline;
}

A.headerlink
{
    margin           : 1px;
	font-size        : 12px;
	font-family      : Verdana;
	color       : #FFFFFF;
	
}

.but
{
    cursor:pointer;
    border:outset 1px #ccc;
    background:#999;
    color:#666;
    font-weight:bold;
    padding: 1px 2px;
    background:url(formbg.gif) repeat-x left top;
}

.dialogButtonPositive
{
	cursor:pointer;
	background-color: #1a73e8;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: none;
	border-radius: 6px;
	min-width: 40px;
	min-height: 30px;
}

.dialogButtonNegative
{
	cursor:pointer;
	background-color: #8d0000;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: none;
	border-radius: 6px;
	min-width: 40px;
	min-height: 30px;
}

.dialogButtonGreen
{
	cursor:pointer;
	background-color: #009252;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: none;
	border-radius: 6px;
	min-width: 40px;
	min-height: 30px;
}

.dialogButtonOrange
{
	cursor:pointer;
	background-color: #ffca00;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: none;
	border-radius: 6px;
	min-width: 40px;
	min-height: 30px;
}

.dialogButtonCyan
{
	cursor:pointer;
	background-color: #00c9f3;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: none;
	border-radius: 6px;
	min-width: 40px;
	min-height: 30px;
}


.dialogButtonGray
{
	cursor:pointer;
	background-color: #6c747e;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: none;
	border-radius: 6px;
	min-width: 40px;
	min-height: 30px;
}

.header
{
    border:solid 1px #ccc;
    background:#999;
    color: #ffffff;
    font-weight:bold;
    padding: 1px 2px;
    background:url(headerbg15.png) repeat-x left top;
    border-collapse    : collapse;
    font-size        : 12px;
	height:30px;
}

.header-bgonly
{
	border:solid 1px #ccc;
	background:#1a5e9d;
	color: #ffffff;
	font-weight:bold;
	padding: 1px 2px;
	border-collapse    : collapse;
	font-size        : 12px;
	height:30px;
}

.header-sm
{
	border:solid 1px #ccc;
	background:#999;
	color: #ffffff;
	font-weight:bold;
	padding: 1px 2px;
	background:url(headerbg15-sm.png) repeat-x left top;
	border-collapse    : collapse;
	font-size        : 11px;
	height:20px;
}

.tab
{
	font-family: Verdana, serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: solid 1px #ccc;
	border-collapse: collapse;
}

.tab th,
.tab td {
	border: solid 1px #ccc; /* force Firefox to use #ccc for inner borders */
	padding: 5px;
}

.numberColumn
{
	font-family: Verdana, serif;
	font-size: 11px;
	color: #000000;
	background-color: #efefef;
}

.footerColumn
{
	font-family: Verdana, serif;
	font-size: 12px;
	color: #000000;
	background-color: #c0e0ef;
}

.h
{
	background-color:#565656;
	border-collapse    : collapse;
	color:#FFFFFF;
	font-weight:bold;
}

.inputbox
{
	border: 1px solid #999;
	padding: 4px;
	font-family: Verdana, serif;
	border-radius: 4px;
	font-size: 12px;
	color: #5b5b5b;
}

.inputbox:focus {
	border: 1px solid #999;
	padding: 4px;
	font-family: Verdana, serif;
	border-radius: 4px;
	font-size: 12px;
	color: #5b5b5b;
	background-color: #f4f8c0;
}

.pageTitle
{
	font-family: "Segoe UI", serif;
	font-size: 24px;
	color: #666;
}

.pageLink
{
	color: #000000;
	font-family: Verdana, serif;
	font-size: 12px;
	font-weight: bold;
}

.pageLinkCurrent
{
	color: #666;
	font-family: Verdana, serif;
	font-size: 12px;
	font-weight: bold;
}

.dialogTitle
{
	font-family: "Segoe UI", serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.consolasFont
{
	font-family: Consolas, sans-serif;
	font-size: 12px;
	color: #333;
}

.rounded-box {
	background-color: white; /* green background */
	border: solid 1px #999;
	display: flex;
	padding: 5px;
	border-radius: 15px; /* rounded edges */
}

.avatar-circle {
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,.75);
}

.fw-bold
{
	font-weight: bold;
}

.fst-italic
{
	font-style: italic;
}

.inputbox-readonly
{
	background-color: #dedede;
}

.help-icon-1 {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.help-dialog
{
	margin: 5px 10px;
}

.help-title
{
	font-family: "Segoe UI", sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.help-content
{
	font-family: "Segoe UI", sans-serif;
	font-size: 14px;
	line-height: 25px;
	text-align: justify;
}

.help-list
{
	font-family: "Segoe UI", sans-serif;
	font-size: 14px;
	line-height: 25px;
	text-align: justify;
}

.inputbox-money
{
	border: 1px solid #999;
	padding: 4px;
	font-family: 'Courier New', sans-serif;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #5b5b5b;
}