html, body, select {
	background-color: White;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 8pt;
}

/* a styles. Not change when visited. Must be in the right order */
a:link { color: Blue; text-decoration: none; }
a:visited { color: Blue; text-decoration: none; }
a:hover { color: Blue; text-decoration: underline; }
/* a:not(.disabled):hover { color: Blue; text-decoration: underline; } IE8+ */
a:active { color: Blue; text-decoration: none; }
a.disabled { pointer-events: none; color: gray; text-decoration: none; }
input[type="radio"] { margin-top: -1px; vertical-align: middle; }

/* global classes */
.absolute { position: absolute; }
.aligncheck { line-height: 22px; }
.blank { clear: both; margin-top: 4px; }
.bold { font-weight: bold; }
.button { opacity: 0.8; filter: alpha(opacity=80); margin-top: 2px; cursor: pointer; border: 0px; }
.button:hover { opacity: 1.0; filter: alpha(opacity=100); }
.fbutton { font-family: Arial; font-weight: bold; margin-top:2px; margin-right:10px; height: 26px; color: white; border: 0px;
	background: url(../img/btn-blue.png) repeat-x;
	border-top: 1px solid #29417B; border-left: 1px solid #29417B; 
	border-bottom: 1px solid #18306B; border-right: 1px solid #18306B;	
	opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; }
.fbutton:disabled { background: #C0C0C0; cursor: default; }
.fbutton:hover:enabled { opacity: 1.0; filter: alpha(opacity=100); }
.fbutton:active:enabled { opacity: 0.9; filter: alpha(opacity=90);
	border-bottom-color: #999; border-right-color: #999; }
.cbutton { font-family: Arial; font-weight: bold; height: 26px; margin-top: 4px;
	background: url(../img/btn-white.png); color: black;
	border-top: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2; 
	border-bottom: 1px solid gray; border-right: 1px solid gray; 
	opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; }
.cbutton:disabled { background: #C0C0C0; }
.cbutton:hover:enabled { opacity: 1.0; filter: alpha(opacity=100); }
.cbutton:active:enabled { opacity: 0.9; filter: alpha(opacity=90); }	
.center { text-align: center; }
.icon  {	background: #069 url(../img/t-rounded.gif) no-repeat; } /* transparent icon 16x16 */
.icalendar {height:16px; margin-left:1px; margin-top:1px}
.invalid { background-color: #FFF380; }
.left {	float: left; }
.line { clear: both; height: 4px; border-bottom: solid 1pt #DCDCDC; margin-bottom: 2px; }
.link { color: Blue; cursor: pointer; }
.link:hover { text-decoration: underline; }
.link2 { cursor: pointer; }
.link2:hover { text-decoration: underline; }
.smessage { font-weight: bold; color: red; margin-left: 4px; }
.moreinfo { color: blue; cursor: pointer; }
.nodisplay { display: none; }
.right { float: right; }
.status { margin-left: 125px; }
.separator { clear: both; height: 4px; border-bottom: dotted 1pt #DCDCDC; }	
.selected { background-color: #ADD8E6; }
.warning {font-weight:bold; color:red}
.exception {font-weight:bold; color:red}
.readonly {background-color:#CACACA} 
div.row { clear: both; }
div.row span.left { float: left; }
div.row span.right { float: right; }
span.menu { color: Blue; cursor: pointer; }
span.menu:hover { color: Blue; text-decoration: underline; }
.bws{width:60px}
.bwm{width:90px}
.bwl{width:120px}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.dn{display:none}
.ics{height:14px;border:0px;margin-left:2px;margin-right:4px}
.icm{height:16px;border:0px;margin-left:2px;margin-right:4px}
.icl{height:18px;border:0px;margin-left:2px;margin-right:4px}
.icxl{height:20px;border:0px;margin-left:2px;margin-right:4px}
.icxxl{height:24px;border:0px;margin-left:2px;margin-right:4px}
.icxxxl{height:32px;border:0px;margin-left:2px;margin-right:4px}
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hs{height:14px}
.hm{height:16px}
.hl{height:18px}
.hxl{height:20px}
.hxxl{height:24px}
.hxxxl{height:32px}
.lhs{line-height:14px}
.lhm{line-height:16px}
.lhl{line-height:18px}
.lhxl{line-height:20px}
.lhxxl{line-height:24px}
.lhxxxl{line-height:32px}

/* style from facebook */
.pas{padding:5px}
.pam{padding:10px}
.pal{padding:20px}
.pts{padding-top:5px}
.ptm{padding-top:10px}
.ptl{padding-top:20px}
.prs{padding-right:5px}
.prm{padding-right:10px}
.prl{padding-right:20px}
.pbs{padding-bottom:5px}
.pbm{padding-bottom:10px}
.pbl{padding-bottom:20px}
.pls{padding-left:5px}
.plm{padding-left:10px}
.pll{padding-left:20px}
.phs{padding-left:5px;padding-right:5px}
.phm{padding-left:10px;padding-right:10px}
.phl{padding-left:20px;padding-right:20px}
.pvs{padding-top:5px;padding-bottom:5px}
.pvm{padding-top:10px;padding-bottom:10px}
.pvl{padding-top:20px;padding-bottom:20px}
.mas{margin:5px}
.mam{margin:10px}
.mal{margin:20px}
.mts{margin-top:5px}
.mtm{margin-top:10px}
.mtl{margin-top:20px}
.mrs{margin-right:5px}
.mrm{margin-right:10px}
.mrl{margin-right:20px}
.mbs{margin-bottom:5px}
.mbm{margin-bottom:10px}
.mbl{margin-bottom:20px}
.mls{margin-left:5px}
.mlm{margin-left:10px}
.mll{margin-left:20px}
.mhs{margin-left:5px;margin-right:5px}
.mhm{margin-left:10px;margin-right:10px}
.mhl{margin-left:20px;margin-right:20px}
.mvs{margin-top:5px;margin-bottom:5px}
.mvm{margin-top:10px;margin-bottom:10px}
.mvl{margin-top:20px;margin-bottom:20px}
.fss{font-size:9px}
.fsm{font-size:11px}
.fsl{font-size:13px}
.fsxl{font-size:16px}
.fsxxl{font-size:18px}
.fwn{font-weight:normal}
.fwb{font-weight:bold}

/* version page */
.version { margin-top: 10px; padding: 4px; line-height: 1.3em; }
.version .new { color: green; }
.version .update { color: blue; }
.version .error { color: Red; }

.mwindow { padding: 10px; border: 1px solid #000; box-shadow: 10px 10px 10px #888888; 
	margin-top: 10px; margin-left: auto; margin-right: auto; overflow: auto; }
.mwindow .head .title { float: left; font-size: 14pt; font-weight: bold; color: Black; }

/* dialog */
.dialog
{
	position: absolute;
	z-index: 20;
	visibility: hidden;
	text-align: left;
	background-color: white;
	border-top: 2px solid silver;
	border-left: 2px solid silver;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}
.dialog .title
{
	background-color: #4682B4;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	height: 20px;
	padding: 4px;
	vertical-align: middle;
}
.dialog .body { padding: 2px; }
.dialog .foot { padding: 8px; }
.dialog .bottom  { clear: both; height: 8px; }
.foreground {z-index:200}

/* dialog options */
.options {width:165px; font-size:8pt; font-weight:normal}
.options .option {clear:both; width:96%; margin-left:-1px;
	color:Navy; cursor:pointer; text-decoration:none; display:block; 
	padding-top:4px; padding-bottom:4px; padding-left:8px}
.options .option:hover {background-color:steelblue; color:White}

/* cover all screen */
#overlay-id
{
	visibility: hidden;
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
	opacity: 0.3; filter: alpha(opacity=30);
	background-color: gray;
}
.modal
{
	visibility: hidden;
    position: absolute;
	z-index: 101; /* at least one more than parent */	
    background-color: white;
    border: 1px solid #000;
    padding: 10px;
	box-shadow: 10px 10px 10px #888888;
}

/* view items general */
.view { font-size: 8pt; }
.view .results { font-size: 9pt; padding: 2px; }
.view .navigation { font-size: 9pt; float: right; }
.view table {width:100%}
.view table th {text-align:center; background-color:steelblue; color:white; padding:2px}
.view table td {padding:2px}
.view table tr.row-even {background-color: #E8E8E8}
.view table tr.row-odd {background-color: white}
.view table .longtext {overflow-wrap:anywhere}
#progress-id { display: none; float: left; height: 14px; }

/* thesaurus */
#wth-id {width:225px}
#wth-id  .filter { width: 95%; margin-left: 2px; }
#wth-id .tnavigation { padding; 2px; }
#wth-id td {width:220px}

.legend  {width:20px; height:20px; border:0px; vertical-align:middle}
.cb-legend {vertical-align:middle; margin-top:2px}

/* login window */
/* cover all screen */
#wlogin-id {
	display: none;
	position:absolute;
	z-index:100;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}	
#wlogin-id .inner {
  display: block;
  position: relative;
  top: 15%;
  width: 305px;
  margin: 0 auto;
  background-color: #000000c4;
  padding: 10px;
  box-shadow: 5px 5px 5px grey;
}
#wlogin-id .info {font-size:1rem}
#wlogin-id .error {font-weight:bold; color:red}
#wlogin-id .title {
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-family: Roboto;
    font-size: 3rem;
    font-weight: bold;
	background-color: black;
    color: white;
}
#avatar-id {width:24px; height:24px; vertical-align:middle; border-radius:50%}
.logon-domain {width:226px; border-radius:3%; background-color:white; cursor:pointer;
	margin:10px auto 10px auto}
.logon-domain span {font-family:Roboto; font-size:1.15rem; font-weight:bold}
.logo-min {width:25px; padding:7px; vertical-align:middle}
.logout {float:left; cursor:pointer}