body { margin:0 auto 0 auto; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; background-color:#C0C0C0; }

.page { margin:10px auto 0 auto; width:98%;}

.content { background:url(img/kahatex.png) top right no-repeat; padding:10px;  margin:0px; }

#loading { clear:both; background:url(img/wait.gif) center top no-repeat; text-align:center;padding:33px 0px 0px 0px; font-size:12px;display:none; font-family:Verdana, Arial, Helvetica, sans-serif; }

#outcontent {clear:both; background-color:#FFFFFF;}

#console {clear:both; color:white; background-color:#386890;font-family: Arial;font-size: 10;}
#consoleatas {clear:both; color:white; background-color:#666;font-family: Arial;font-size: 10;}

table {
  margin-left:auto;
  margin-right:auto;
  font-family: Verdana;
  font-size: 11;
  font-weight: light;
  background-color:#777777;
  color: black
}

tr {
  background-color: #DAE6F0;
  margin: 10px;
}

tr.highlight{
  background-color: #FFFF00;
}

tr.plum{
  background-color: plum;
  color: black;
  font-size: 11;
  font-weight: bold;
}


tr.red{
  background-color: #FF0000;
}

tr.bar1{
  background-color: #FFFFCC;
}
tr.bar2{
  background-color: #F0E68C;
}

td.default{
  background-color: #DAE6F0;
}

td.red{
  background-color: #FF0000;
}

td.pink{
  background-color: #FFCCFF;
}

tr.green{
  background-color: #CCFF66;
}

td.green{
  background-color: #CCFF66;
}

td.orange{
  background-color: #FFCC66;
}

tr.lastclik{
/*  background-color: #FFCCFF;FFF0B2*/
  background-color: #FFB2EC;
}
td.lastclik{
/*  background-color: #00F5F5 E0B400;*/
  background-color: #E000E0;
}
td.lastclik.click{
  color: white;
}

td.ver{
  writing-mode: vertical-lr;
  min-width: 15px;
}

.table-caption{
  font-size: 14;
  color: beige;
  background-color: #23415A;
}

.table-head{
  background-color: #386890;
  color: white;
  font-size: 11;
  font-weight: bold;
}

.table-foot{
  background-color: #386890;
  color: white;
  font-size: 11;
  font-weight: bold;
}

.table-body{
  background-color: #777777;
  border: 1;
}

.table-striped{
  background-color: #7DA7CA;
  border: 1;
}

.mouse-over{
  background-color: #FFFF99;
  color: #330099;
  border: 1;
  font-weight: bold;
}

.have-link{
  color: #330099;
  font-weight: bold;
}

.have-clip {
  color: #330099;
  background-color: #FFFF99;
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.have-clip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #330099;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.have-clip:hover .tooltiptext {
  visibility: visible;
}

.click{
  color: #FF0000;
  font-weight: bold;
}

.have-input{
  color: #330099;
  font-weight: bold;
}

.big{
  font-family:'Arial Black';
  font-size: 40;
}
.med{
  font-family:'Arial Black';
  font-size: 25;
}

.autocomplete-suggestions { border: 1px solid #999; font-family:Verdana; font-size:11px; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 10px; color: #000; display: block; border-bottom: 1px solid #000; }
/*warna kalau di submit ada be=of */
input[type=submit][be=of]{background-color: #FFBDBD;}
input[type=submit][be=on]{background-color: #C2F4C2;}

[fn=f06]{font-size:0.6em;}
[fn=f08]{font-size:0.8em;}
[fn=f12]{font-size:1.2em;}
[fn=f15]{font-size:1.5em;}
[fn=f20]{font-size:2.0em;}
[fn=f30]{font-size:3.0em;}
[fn=f50]{font-size:5.0em;}
[cl=mb]{background-color: #1E90FF;}
[cl=lr]{background-color: #FF9EA3;color:#000000;}
[cl=lg]{background-color: #DEFFBD;color:#000000;}
[cl=lb]{background-color: #70D3FB;color:#000000;}
[cl=gr]{background-color: #00FF00;}
[cl=re]{background-color: #FF0000;}
[cl=bl]{background-color: #0000FF;}
[cl=yl]{background-color: #FFFF00;color:#000000;}
[cl=ly]{background-color: #FDFF8F;color:#000000;}
[cl=or]{background-color: #FFD918;}
[cl=lo]{background-color: #FFD580;}
[cl=nv]{background-color: #8FE7FF;color:#000000;}
[cl=wt]{background-color: #FFFFFF;color:#000000;}
[cl=bk]{background-color: #000000;}
[cl=gy]{background-color: #A6A6A6;}
[cl=lv]{background-color: #D3D3FF;}
[cl=cp]{background-color: #23415A;color: beige;font-size: 14;}
[cl=he]{background: #386890;
  font-weight: bold;
  color: #fff;
}
[cl].have-link{color: #330099;font-weight: bold;}
.Ta-input-box {
    position: absolute;
    margin: 5px 0px;
    border: 4px solid red;
}

.Tac-input-box {
    position: absolute;
    margin: 5px 0px;
    border: 4px solid green;
    background: #FAEBD7;
    left: 50px;
    top: 100px;
}
input:focus {
    background-color: #E9FEEA;
}
select:focus {
    background-color: #E9FEEA;
}

.screendept {
  position: fixed;
  top: 180;
  left: 20;
  width: 500;
  z-index: -1;
#  font-size:5.0em;
  color:#FFE72B;
#  color:#E8E8E8;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #C7D6FF;
}

.content02 {
    opacity: 0.99;
}