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

h1 {
/*  color:Green;*/
background:#5070a0;
color:#f0f0f0;
padding:.2em 1em;
margin:0;
}
h2 {
  background:#5070a0;
  color: #eee;
  font-family:Tahoma, sans-serif;
  text-align:left;
}
h3 {
  color: #223333;
  font-family:Arial,sans-serif;
  font-size:105%;
  margin:0;
}


.wcover {
width:100%;
max-width:800px;
display:inline-block;
text-align:center;
}

.orangebox {
border:2px solid Orange;
padding:1em;
font-size:110%;
text-align:left;
margin:3px;
display:inline-block;
}


input {
  border: 1px solid #999;
  border-radius:2px;
  font-size:1.2em;
  padding:.2em .3em;
}
.biginp {
font-size:1.3em;
}
select {
  font-size:1.2em;
  border-radius:2px;
  background-color:#ffffff;
  padding:.1em .2em;
}
input[type=checkbox] {
border:none;
}
.warn {
  border-color:Red;
}
.iro {
background:#fff;
padding:.3em .5em;
}
.inpwarn {
  background-color:#ffffe0;
  border-color:Red;
  outline:none;
}


.btn {
color:#333;
/*background-color:#000	#9ee0ca;#aaddbb;*/
background-color:#fff;
border:2px solid #5070a0;/*#0066cc;*/
font-size:1.1em;
border-radius:5px;
outline:none;
vertical-align:top;
padding:.5em .8em;  
margin:2px;
cursor:pointer;
/*box-shadow: 2px 2px 4px rgba(68,68,68,.7);*/
/*transition: box-shadow .2s;*/
/*-webkit-transition: box-shadow .2s;*/
}




.btn i {
color:#0066cc;
margin-right:.4em;
min-width:1em;
}
i.is {
margin-right:0;
}
i.ir {
margin-right:0;
margin-left:.5em;
}


.btn:hover {
  border-width:3px;
  margin:1px;
}
.btn:active {
  background:#333; 
  color:#eee;
}

.btnred {
  border-color: #ff7c4d;
}
.btnred i {
 color: #ff7c4d;
}
.btnyell {
  border-color:#FFA500;
}
.btnyell i {
color:#ee9500;
}

.btngr
{
 border-color:#70a970;
}
.btngr i {
color:#70a970;
}

.do {
 padding:.8em 1em;  
 color:#222;
 border-color:#70a970;
/* background-color:#eff5ef;*/
/* background-color:#007000;
 background: #007000 linear-gradient(#44aa44,#007000);*/
} 
.do i {
color:#437043;
margin-right:.5em;
}

.disbtn {
color:#aaa;
border-color: #bbb;
background-color: #eee;
pointer-events: none;
cursor:not-allowed;
}
.disbtn i {
color:#aaa;
}


.btn a:link { text-decoration:none; color:#111; }
.btn a:visited { text-decoration:none; color:#111; }
.btn a:active { text-decoration:none; color:#111; }



table.zPT {
 width:100%;
 max-width:1000px;
 margin:0 0 4px 0;
 border:solid;
 border-color:#b3cce6;
 border-width:0 0 2px 0;
}
.zpS,.zpUS{
 border:solid;
 border-color:#fff #fff #b3cce6 #fff ;
 border-width:0 1px 7px 1px;
 padding: .5em 1em;
 margin:12px;
 font-size:100%;
 text-align:center;
 color:#237;
 background-color:white;
/* background:#5070a0;
 color:#fff;*/
/* box-shadow:1px 1px 2px 2px rgba(0,0,0,.5);*/
}

.zpUS{
 border-color:white;
 background-color:white;
/* color:#020202;*/
 box-shadow:none;
 cursor:pointer;
}

table.inz {
 width:100%;
 max-width:1000px;
 background:#b3cce6;
 margin-top:2px;
}

.inz td {
/* background:#eee;*/
}

.f {
 background-color:#fff;
}

.inz label {
color:#333;
}
.f label {
color:#444;
}


.oddrow {
  background-color:#fff;
}


.stt {
 font-size:small;
 height:1em;
 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;
}
.smdesc {
font-size:80%;
padding:0 1em;
}


:-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 {
font-size:7pt;
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; }

.topclnt {
font-size:90%;
text-align:center;
background-color:#000;
color:#fff;
padding:.2em;
}



.chkbcont {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height:24px; width:24px;
  margin:0 .2em 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chkbcont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.chkbmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border:1px solid #bbb;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.chkbcont:hover input ~ .chkbmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chkbcont input:checked ~ .chkbmark {
  background-color: #2196F3;
  border-color:#2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chkbmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chkbcont input:checked ~ .chkbmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chkbcont .chkbmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}