body {
 color:#000000;
 background-color:#ffffff;
 margin:0;
 padding:2px 0 0 0;
 direction:ltr;
 font-family:Arial,sans-serif;
}

h1 {
  color:Green;
  margin: .1em 0;
}
h2 {
  color: #223333;
  font-family:Tahoma, sans-serif;
  text-align:left;
}
h3 {
  color: #223333;
  font-family:Tahoma, sans-serif;;
  font-size:105%;
}


.biginp, .inpok, .inpwarn {
  border-width: 1px;
  border-style: solid;
  border-color: #667777 ;
/*  border-radius: 6px;*/
  font-size:large;
  padding: .3em .5em;
  background: #f0fff0;
/*  transition: 0.2s;*/
}

.biginp:active { background: linear-gradient(#eeffff, #ddeeee) #ddeeee; }

.inpok {
  background-color: #ddeedd;
}
.inpwarn {
  background-color: #ffffe0;
  border-color:Red;
}


.iro, .itogfld {
  padding: .4em .7em;
  border-style:solid;
  font-size:116%;
  border-width: 1px;
  border-color: #909090;
  background-color:#eeeeee;
  border-radius: 6px;
}	
.itogfld {
  text-align:right;
  background-color:#f0f010;
}

input.iroc {
  border-style:dotted;
  background-color:#e0e0e0;
}	

textarea {
  font-family:Arial, Sans-serif;
}
textarea.biginp {
  font-size:large;
}


.btn,.btnred,.btngr,.btnyell,.btndo,.disbtn {
font-size:105%;
text-align:center;
display: inline-block;
vertical-align:top;
border:1px solid #002200;
background-color:	#9ee0ca;/*#aaddbb;*/
box-shadow: 2px 2px 4px rgba(68,68,68,.7);
padding:.5em 1em;  
color:#002200;
margin:5px 7px;
outline:none;
}
.btn:active,.btnred:active,.btngr:active,.btnyell:active,.btndo:active {
 margin: 7px 5px 3px 9px; 
 box-shadow: 1px 1px 1px #444444;
}


.btnred {
  color:#202020;
  background-color: #ff7f50;
/*  background: linear-gradient(#ff7f50, #cc3600);*/
}
.btnyell {
  background-color:	#FFA500;
}

.btndo {
 font-size:120%;
 color:#ffffff;
 background-color:#007000;
} 

.disbtn {
  color:LightGray;
  border-color: #707070;
  background-color: #777777;
} 




input.chk {
  font-size:larger;
}



table.zPT {
 width:100%;
 max-width:800px;
 margin:0 0 4px 0;
}
.zpS,.zpUS{
 border:solid;
 border-color:gray;
 border-width:1px;
 padding: .3em 1em;
 margin:12px;
# background: linear-gradient(#f0f0f0, #e0e0e0)  #e0e0e0;
 font-size:100%;
 text-align:center;
 color:#020202;
 background-color:white;
# box-shadow:1px 1px 1px 1px rgba(0,0,0,.5);
}
.zpS{
 background-color:#00e6e6;
 box-shadow:1px 1px 2px 2px rgba(0,0,0,.5);
}


table.inz {
 width:100%;
 max-width:800px;
# background-color:lightgray;
 background-color:#00e6e6;
 margin-top:2px;
}


.stt {
 font-size:90%;
 margin-top:2px;
}

iframe {
border-style:solid;border-width:1px;
}


table.fw {
  width:100%;
}
table.list {
 padding-top:0;
 top:0; margin:0;
 border-width:1px;
 border-style:solid;
}
th {
  height:20px;
}
.f {
    background-color:white;
}

:-ms-input-placeholder {color:#909090;}

div.shd {
  position:absolute;
  top:0;
  left:1px;
  width:100%;
  height:100%;
  opacity:0.0;
  background-color:#000000;
  visibility:hidden;
  z-index: 101;
  filter: alpha(opacity=50);
  transition: opacity .5s, visibility .5s;
}
.reqd {
  position:absolute;
  visibility:hidden;
  z-index: 102;
  top:1px;
  left:1px;
  padding:1em 2em;
  background-color:#ffffff;
  border: solid 1px #404040;
  box-shadow: 1px 1px 2px 2px rgba(0,0,0,.2);
}
.closepic {
  font-size:14pt;
  display:inline-block;
  position:absolute;
  top:0;
  right:0;
  background:#e0e0e0;
  padding:3px 6px;
  border:1px solid #c0c0c0;
  cursor:pointer;
}

.hdr {
color:#020202;
text-align:left;
font-weight:bold;
}

.blk {
 display:inline-block;
 vertical-align:top;
 margin:5px;
}

.botlab {
margin-top:1em;
font-size:50%;
text-align:center;
}
.botlab a:link { text-decoration:none; color:#202020; }
.botlab a:visited { text-decoration:none; color:#202020; }
.botlab a:active { text-decoration:none; color:#202020; }