BODY, P, TABLE, TR, TD, .default {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-repeat: no-repeat}
INPUT {FONT-FAMILY: Verdana; font-size: 9pt; vertical-align: middle}
SELECT {FONT-FAMILY: Verdana; font-size: 9pt; vertical-align: middle}
TEXTAREA {FONT-FAMILY: Verdana; color: #000000; overflow: auto; vertical-align: middle}
IMG {border : 0px none}
BLINK {behavior:url(blink.htc);}
A.menulink {display: block; width: 100%; height: 100%;}
A.menulink:hover {display: block; width: 100%; height: 100%;}
A:link, A:visited, A:active {text-decoration: none; color: #0033CC; white-space: nowrap;}
A:hover {text-decoration: none; color: #FFFFFF; background : #9999FF; white-space: nowrap;}
.huge {font-size: xx-large; color: #000000}
.large {font-size: x-large; color: #000000}
.mediumlarge {font-size: 14pt; color: #000000}
.medium {font-size: 12pt; color: #000000}
.smallmedium {font-size: 9pt; color: #000000}
.small {font-size: 7.5pt; color: #304050}
.smallgray {font-size: 7.5pt; color: #607080}
.smallwhite {font-size: 7.5pt; color: #FFFFFF}
.warning {font-size: 7.5pt; color: #996600}
.faded {color: #607080}
.seehtru {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.tiny {font-size: 7pt; color: #304050}
.tiniest {font-size: 5pt; color: #607080}
.mainheader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF;}
.header {font-weight: bold; color: #306090; background: #FFFFFF}
.subheader {font-size: 7.5pt; font-weight: normal; color: #606060; background: #C0D0F0}
.subheadergray {font-size: 7.5pt; font-weight: normal; color: #506070; background: #DFDFDF}
.sectionheader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #B0C0E0}
.number {text-align: right}
.buttondefault {font-size: 8pt; color : #336699}
.buttonwarning {font-size: 8pt; color : #FF3333}
.xfloatmenu {position:absolute; z-index:1; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: thin outset #9999FF; width:50%; margin-left:auto; left:100}
.floatmenumozila {position:absolute; z-index:1; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 2px solid #9999FF; width:50%; margin-left:150; margin-right:auto; left:0; right:0;}
.gbg {background-color:#f0f0f0}
.gbb {background-color:#c0c0ef}
.ggb {background-color:#f0fff0}
.searchbox {background-color:#999999;font-size:7pt;color:#ffffff}

.pageN:hover, .pageP:hover  {border:1px solid #369;
text-decoration:none;
}
.pageP {
padding:3px 5px 1px;
border:1px solid #ccc;
font-size:11px;
margin-right:3px;
}
.pageN {
padding:3px 5px 1px;
border:1px solid #ccc;
font-size:11px;
margin-left:3px;
}

.fadedmainheader {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF;
opacity:100; finishopacity:20;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.2)));
background-image: linear-gradient(to top, black 0%, transparent 100%);
filter: alpha(style=1, opacity=100, finishopacity=20, startx=0, starty=30, finishx=0, finishy=100);
}

.fadedmainfooter {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF;
opacity:50; finishopacity:100;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,1)));
background-image: linear-gradient(to bottom, black 0%, transparent 100%);
filter: alpha(style=1, opacity=50, finishopacity=100, startx=0, starty=0, finishx=0, finishy=100);
}

.fadedmainsidenavXXXX {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF;
opacity:50; finishopacity:100;
-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,1)));
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha (style=1, opacity=50, finishopacity=100, startx=0, starty=0, finishx=100, finishy=0)";
filter: alpha(style=1, opacity=50, finishopacity=100, startx=0, starty=0, finishx=100, finishy=0);
}
.fadedmainsidenavXXX {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF;
}

.fadedtitle {
opacity:100; finishopacity:0;
-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));

filter: alpha(style=1, opacity=100, finishopacity=0, finishy=20);
}
.fadedheader {
opacity:100; finishopacity:0;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));

filter: alpha(style=1, opacity=100, finishopacity=0, startx=200, finishy=500);
}
.fadeddivider {
opacity:50; finishopacity:0;
-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
/* background-image: radial-gradient(circle farthest-corner at center, white 0%, transparent 50%); */
background-image: linear-gradient(to bottom right, white 10%, transparent 50%);
filter: alpha(style=2, opacity=50, finishopacity=0);
}

/*monospace*/
.mono {font-family: Courier New, Courier, mono, LetterGothic; font-size: 9pt}
.monosmall {font-family: Courier New, Courier, mono, LetterGothic; font-size: 7pt}
.monomedium {font-family: Courier New, Courier, mono, LetterGothic; font-size: 10pt}
.monolarge {font-family: Courier New, Courier, mono, LetterGothic; font-size: 11pt}
.monolargedigital {FONT-FAMILY: OCR A Std, OCR A Extended, LetterGothic, Courier New, Courier, mono; font-size: x-large;}

/*accounting*/
.smallheader {font-size: 7.5pt; color: #606670; background : #DFDFDF}
.smallfont {font-size: 7.5pt; color: #999999; font-weight: bold;}
.smallnumber {text-align: right; font-size: 7.5pt; color: #304050}
.dot { border-bottom: thin dotted #000000;}
.doubleline { border-bottom: double #000000; border-bottom-width: 3px;}
.line { border-bottom: solid #000000; border-bottom-width: 1px;}
.upline { border-top: solid #000000; border-top-width: 1px; }
.leftline { border-left: solid #000000; border-left-width: 1px;}
.rightline { border-right: solid #000000; border-right-width: 1px;}
.uprightline { border-right: solid #000000; border-right-width: 1px; border-top: solid #000000; border-top-width: 1px;}
.downrightline { border-right: solid #000000; border-right-width: 1px; border-bottom: solid #000000; border-bottom-width: 1px;}
/*.resultrow {background : #E8E8E8}

/*Vista Interface*/
.vtitlebar {font-weight: bold; color: #306090; background: #FFFFFF url(images/atitlebar.jpg) repeat-x; margin: 0px; height: 22px; white-space: nowrap;}
.vsubheader {font-size: 7.5pt; font-weight: normal; color: #506070; background: #E9E9E9 url(images/asubheader.jpg) repeat-x; margin: 1px; height: 17px; white-space: nowrap;}
.vtap {font-size: 10pt; font-weight: normal; color: #003399; background: #BAD0EB url(images/atap.jpg) repeat-x; text-align: center; white-space: nowrap;}
.vside {font-size: 7.5pt; font-weight: normal; color: #506070; background: #E6E5E6 url(images/aside.jpg) repeat-y; text-align: center; width: 25px; white-space: nowrap;}
.vstatus {font-size: 10pt; font-weight: normal; color: #506070; background: #D9E5F4 url(images/astatus.jpg) repeat-x; white-space: nowrap;}
.hlptxt {font-size: 7.5pt; color: #009000}
.vsubheaderm {font-size: 7.5pt; font-weight: normal; color: #707070; border-top: solid #999999; border-top-width: 1px; background: #9d9d9d url(images/asubheadermedium.jpg) repeat-x; margin: 1px; height: 17px;}
.vsubheadermred {font-size: 7.5pt; font-weight: normal; color: #906060; background: #f1b9b8 url(images/asubheadermediumred.jpg) repeat-x; margin: 1px; height: 17px;}

/*Windows 8 Interface*/
.w8button {-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0; box-shadow:rgba(0,0,0,0.2) 0 1px 0 0; border-bottom-color:#333; border:1px solid #61c4ea; background-color:#7cceee; border-radius:5px; -webkit-border-radius:5px; color:#333; font-size:14px; text-shadow:#b2e2f5 0 1px 0; padding:5px;}
div.cbarie {position:absolute;width:100%;bottom:0;left:0;top: expression(eval(document.compatMode && document.compatMode=="CSS1Compat") ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));}
div.cbartrident {position:fixed;bottom:52px;right:0px;z-index:9;}
div.cbarwebkit {position:fixed;bottom:0px;right:0px;z-index:9;}

/*Chrome Interface*/
.iadivgrid > div {
	border: 2px solid #FFFFFF;
	border-radius: 5px;
	padding: 1em;
	background-color: #EEEEEE;
	padding: 1em;
	color: #666666;
}
.iadivgrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(590px, 1fr));
	grid-gap: 10px;
}

.ialabel {
	position: relative;
	display: inline-block;
}

.ialabel label {
	border: 1px solid rgba(139, 139, 139, .3);
	border-radius: 25px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: 0.3s;
	user-select: none;
}

.ialabel input[type="radio"] {
	position: absolute;
	position: absolute;
	margin: 2px 2px;
	opacity: 0;
}
.ialabel input[type="radio"] + label::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	padding: 1px 5px 3px 2px;
	content: "\25EF";
	transition: transform .3s ease-in-out;
}
.ialabel input[type="radio"]:checked + label::before {
	content: "\279C";
	transform: rotate(-360deg);
	transition: transform .3s ease-in-out;
}
.ialabel input[type="radio"]:focus + label {
	border: 1px solid rgba(0, 0, 0, .3);
}
.ialabel input[type="radio"]:checked + label {
	background: #9F8989;
	color: white;
}
.ialabel input[type="radio"]:disabled + label {
	color: #C0C0C0;
	border: 1px dashed rgba(128, 128, 128, .5);
	background-color: rgba(255, 255, 255, .5);
	-webkit-tap-highlight-color: transparent;
}


.ialabel input[type="checkbox"] {
	display: absolute;
	position: absolute;
	opacity: 0;
}
.ialabel input[type="checkbox"] + label::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	padding: 2px 3px 1px 3px;
	margin: 2px 1px 1px 2px;
	content: "\25A2";
	transition: transform .3s ease-in-out;
}
.ialabel input[type="checkbox"]:checked + label::before {
	content: "\2713";
	transform: rotate(-360deg);
	transition: transform .3s ease-in-out;
}
.ialabel input[type="checkbox"]:focus + label {
	background: #CCCCCC;
	border: 1px solid rgba(0, 0, 0, .3);
}
.ialabel input[type="checkbox"]:checked + label {
	border: 1.5px solid rgba(255, 255, 255, 1);
	background: #89899F;
	color: #fff;
	transition: all .2s;
}
.ialabel input[type="checkbox"]:disabled + label {
	color: #C0C0C0;
	border: 1px dashed rgba(128, 128, 128, .5);
	background-color: rgba(255, 255, 255, .5);
}