*,html,body
{ font-family:Arial,Verdana,Sans;
  font-size:8pt;
  color:#202027;
  padding:0px;
  margin:0px;
}

body
{background-color:#c0c0c4; background-image:url('img/gears.png'); background-repeat:repeat;
}

h1
{ font-size:1.2em; font-weight:600; }

code
{ font-family: "Lucida Console", monospace;  }

a{color:#005a83;}
a:hover{color:#008484;}

input[type="checkbox"] {accent-color: #0060df; vertical-align:-12%;}

.topmenu{font-size:0.8em; color:#202027; text-decoration:none; font-weight:600;}
.topmenu:hover{color:#00608b;}
.menunogo{cursor:not-allowed;}

img{border:0px;}
.page,.head{background-color:#fff;}
.page
{ margin:0px auto 4px auto;
  min-height:200px;
}
.head
{ margin:4px auto -5px auto;
  height:36px;
  /* background:#ffff00; */
  background: #ffffff;
}
.foot
{ font-size:0.8em;
  margin:4px auto 1px auto;
  color:#888;
  background-color:transparent;
  text-align:center;
}

.shs{box-shadow:1px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.shl{box-shadow:1px 1px 6px rgba(0,0,0,0.7); -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.7); -webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.7);}
.shp{box-shadow:1px 1px 6px rgba(0,0,0,0.8); -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.8); -webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.8);}
.rds{border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.rda{border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;}

.btn
{ font-weight:bold;
  text-decoration:none;
  color:#000;
  height:22px;
  min-width:35px;
  display:inline;
  border:solid 1px #000;
  margin:2px;
  padding:2px;
  vertical-align:middle;
}
.btn:active{box-shadow:inset 0px 0px 2px rgba(0,0,0,0.5); -moz-box-shadow:inset 0px 0px 2px rgba(0,0,0,0.5); -webkit-box-shadow:inset 0px 0px 2px rgba(0,0,0,0.5);}
.btns
{ font-size:0.9em;
  font-weight:bold;
  text-decoration:none;
  color:#000;
  height:15px;
  min-width:15px;
  display:inline;
  border:solid 1px #000;
  margin:0px 2px 2px 2px;
  padding:1px 4px 2px 4px;
  vertical-align:middle;
}
.btns:active{box-shadow:inset 0px 0px 2px rgba(0,0,0,0.5); -moz-box-shadow:inset 0px 0px 2px rgba(0,0,0,0.5); -webkit-box-shadow:inset 0px 0px 2px rgba(0,0,0,0.5);}
.buths{height:18px;}
.gry{background-color:#ddd; border-color:#666;}
.gry:hover{background-color:#bbb;}
.grn{background-color:#0e0; border-color:#060;}
.grn:hover{background-color:#0c0;}
.red{background-color:#f77; border-color:#600;}
.red:hover{background-color:#e66;}
.blu{background-color:#7bf; border-color:#037;}
.blu:hover{background-color:#7ad;}
.yel{background-color:#dd0; border-color:#550;}
.yel:hover{background-color:#bb0;}
.orn{background-color:#f70; border-color:#520;}
.orn:hover{background-color:#d50;}
.btndis{background-color:#ddd; border-color:#888; color:#888;}
.btndis:hover{background-color:#ddd;}

.logonpage{width:325px; height:130px; background-color:#fff; margin:20vh auto 10px auto; text-align:center; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
.logonpage img{width:327px; position:relative; top:-50px; left:-1px;}
.logonbox{ width:320px; text-align:center; position:relative; top:-60px; background-color:transparent;}
.logonbox input.btn{width:100px; height:30px;}
.logonsubtitle{color:#116297; font-family:Verdana; font-size:1.3em; font-weight:600; position:relative; top:-4px; left:4px; text-shadow:1px 1px 4px rgba(0,0,0,0.2);}
.smalltext{height:12px;}
.loginprompt{width:160px; text-align:right;}
.logintxt{width:80px;}

/*.pchangepage{width:340px; background-color:#fff; margin:10px auto 10px auto; min-height:180px; text-align:center;}
.pchangebox{text-align:center; margin:auto; background-color:#fff; width:240px;}
.pchangeprompt{width:140px; text-align:right;}
*/
.pchangepage{width:325px; height:180px; background-color:#fff; margin:calc((80vh - 200px) /2) auto 10px auto; text-align:center; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
.pchangepage img{width:327px; position:relative; top:-50px; left:-1px;}
.pchangebox{width:320px; text-align:center; position:relative; top:-50px; background-color:#fff;}
.pchangeprompt{width:160px; text-align:right;}

.2col{ width:49%;}
.3col{ width:32%;}
.4col{ width:24%;}

.dis{filter: grayscale(1) opacity(0.5);}

.w50{width:50px;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.ib{display:inline-block;}

.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}

.p1{padding:1px;}
.p2{padding:2px;}
.p3{padding:3px;}

.pr4{padding:0px 4px 0px 0px;}

.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}

.smallsel{font-size:1.3em; font-weight:bold; border:1px solid #afa; height:26px; padding:2px; width:110px; vertical-align:middle;}
.bigsel{font-size:1.3em; font-weight:bold; border:1px solid #afa; height:26px; padding:2px; min-width:300px; vertical-align:middle;}
.bigtit{font-size:1.3em; font-weight:bold; display:inline; margin:0px; padding:0px; vertical-align:text-top;}
.tit{font-size:1.3em; font-weight:bold; width:500px; display:inline; margin:0px; padding:0px; vertical-align:text-top;}
.light{color:#444;}
.lighter{color:#777;}
.redtxt{color:#d55; font-weight:bold;}
.grntxt{color:#5d5; font-weight:bold;}
.blutxt{color:#55d; font-weight:bold;}
.nowrap{display:inline; white-space:nowrap;}

.page,.head{width:calc(100% - 30px); max-width:2550px; min-width:950px;}
/*#logocont{padding:0px 5px 0px 0px; float:left; }*/
#logocont{padding:0px 5px 0px 0px; float:left; }
/*#logo{height:24px; margin:6px 5px 4px 5px;}*/
#logo{height:35px; margin:1px -5px 1px 1px;}
.topmenucont{padding:2px 4px 2px 4px; margin:8px 0px 0px 0px;}
.topmenucontc{text-align:center; padding:2px 4px 2px 4px; margin:2px 0px 0px 0px;}
.topmenu{padding:1px;}
.topmenu img{vertical-align:-30%; margin-right:1px; letter-spacing: -0.05em;}
.logoninfo{margin:10px 15px 10px 0px;}
.popup{position:absolute; padding:0px; color:#444; background-color:#f7f7f0; min-height:16px; min-width:250px; max-width:250px;}
.killchildevents{cursor:help;}
.killchildevents * {pointer-events:none;}

.ptr{cursor:hand;}

.mnuflx{display:inline-block; font-size:0.87em; font-weight:bold; margin-right:8px; letter-spacing:0.0em; overflow:hidden; white-space:nowrap;}


@media (max-width:1200px)
{ 
.mnuflx{max-width:90px; font-size:0.80em; font-weight:bold; margin-right:2px; letter-spacing:-0.2px;}
}

@media (max-width:1080px)
{ 
.mnuflx{max-width:90px; font-size:0.80em; font-weight:normal; margin-right:-1px; letter-spacing: -0.5px;}
}
/* Shrink to icons only
@media (max-width:600px)
{ 
.mnuflx{max-width:16px; font-size:0.8em; font-weight:normal; margin-right:0px;}
}
*/