@media print{.noprint{display: none}
   table, tr, th, td  {
        border: none #000 !important;
    }
}
a,a:active,a:link,a:visited,a:hover{color:#010101}
a.a1,a.a1:active,a.a1:link,a.a1:visited,a.a1:hover{padding-top: 5pt; font-weight: lighter}
a.a2,a.a2:active,a.a2:link,a.a2:visited,a.a2:hover{color:#FFF}
body{font-family: Verdana; background-image: url('/i/bg.gif'); font-size: 20pt }
table,tr,th,td{font-size: 12pt; border-width: 0px;border-radius:20px}

table.alertdisplay{background-color:#00CC99;border-style:none;border-color:#fff;color:#FFF;font-size:20px;z-index:10;width:300px;height:150px;border-color:#444;border-radius:10px}
table.t0{font-size: 12pt; border-width: 0px; border-color: #ffe9b6; border-style: solid;padding:0px;border-radius:20px}
table.t0 .header{background-color:#00CC99;color:#FFF}
table.t0 tr, table.t0 th, table.t0 td{font-size: 12pt; border-width: 1px; border-color: #fff; border-style: solid;background-color:#CCDDCC;padding:10px;}
table.t1{border-width: 0px; padding:0px}
table.t1 tr, table.t1 th, table.t1 td{font-size: 12pt; border-width: 1px; border-color: #ccddbb; border-style: solid;padding:8px;border-top:none;border-right:none}
table.t2, table.t2 tr, table.t2 th, table.t2 td{font-size: 12pt; border-width: 0px; border-style: none;}
table.h1{ border-width: 0px; border-color: #000; background-color:#FFF; border-style: solid; font-weight:bolder;border-radius:0px; cursor: hand;}
table.h1 tr, table.h1 th, table.h1 td{ font-size: larger; border-width: 1px; border-color: #FFF; background-color:#00CC99;color:#FFF; border-style: none; padding:5px}
table.m1{ padding:5px; border-width: 1px; border-color: #FFF; background-color:#cdc; border-style: solid; font-weight:bolder; cursor: hand;position:absolute;width:250px}
table.m1 tr, table.m1 th, table.m1 td{ font-size: larger; border-width: 1px; border-color: #FFF; background-color:#00CC99;color:#FFF; border-style: solid;border-left-width:0px;border-right-width:0px; padding:5px}
table.m2{ padding:5px; opacity:0.95;border-width: 0px; border-color: #FFF; background-color:#BCB; border-style: solid; font-weight:700; cursor: hand;margin-top:10px;width:250px}
table.m2 tr, table.m2 th, table.m2 td{ font-size: large; border-width: 1px;border-left-width:0px;border-right-width:0px; border-color: #FFF;color:#FFF; background-color:#33cc99; border-style: solid; font-weight:700;padding:10px}
table.m3{margin-top:-20px;margin-left:100px;position:absolute;z-index:10}
thead.thead1{position: sticky}
tbody.tbody1{height:800px;overflow:auto;width:100%}

tr.edit{background-color:#e9ffb6}
tr.row:hover,tr.edit:hover{background-color:#c1c1c1}
tr.tr1{background-color:#FFCCCC}
tr.tr3{background-color:#CCFCFC}
tr.tr4{background-color:#CCFCCC}
th.th0{font-size:x-large;background-color:#00CC99;color:#FFF}
th.th1{background-color:#AACCAA;color:#555;height:40px;border-radius:10px;padding:5px}
th.th2, tr.tr2{background:url(/i/y1.gif)}
td.td1{background-color:#ffe9b6}
td.number,td.date{text-align:right;vertical-align:middle}
tr.line{background-color:#000000}
td, th{vertical-align:top;}
hr.hr1{height:1px;border-width:0;color:gray;background-color:gray}
input.w20{ font-size: 12pt; border-width: 1pt; width:20px; border-style: solid}
input[type=text].xsmall,input[type=number].xsmall{font-size: x-small; border-style: solid;border-radius:10px;height:20px;max-width:100%;min-width:100%;width:50px;color:#000;border-color:#ddd;border-width:thin;border-collapse:collapse;padding-left:5px;}
input[type=text].smaller{font-size: smaller; border-style: solid;border-radius:10px;height:25px;max-width:100%;color:#000;border-color:#ddd;border-width:thin;border-collapse:collapse;padding-left:5px;min-width:100%}
input[type=text],input[type=number],input[type=password],input[type=date],input[type=month],input[type=datetime],input[type=datetime-local],select{transition: box-shadow 0.3s, border 0.3s; font-size: larger; border-style: solid;border-radius:10px;height:40px;color:#000;border-color:#ddd;border-width:thin;border-collapse:collapse;padding-left:5px;min-width:250px}
textarea{transition: box-shadow 0.3s, border 0.3s; font-size: larger; border-style: solid;border-radius:10px;height:80px;color:#000;border-color:#ddd;border-width:thin;border-collapse:collapse;padding-left:5px;min-width:250px}
input[type='submit'],input[type='button'],input[type='reset']{ font-size: larger; border-style: solid;border-radius:10px;height:40px;color:#000;border-color:#ddd;border-width:thin;border-collapse:collapse;padding-left:5px;}
input[type='checkbox']{width:16px;height:16px}
input[type=number]{text-align:right}
input[type=number].s,input[type=date].s{border-style: solid;border-radius:10px;color:#000;border-color:#ddd;border-width:thin;border-collapse:collapse;min-width:100%;max-width:100%;width:130px;font-weight:500;font-size:medium;height:auto}
input[type=text]:focus {
  border: dashed 1px #707070;box-shadow: 0 0 5px 1px #9F9;
}
input.i2, a.i2{ font-size: 16pt; font-weight:bolder; border-style: solid; border-width: 3pt; width:100%; border-color: #99CC00; background:url(/i/y1.gif) repeat bottom}
input.i12, select.i12, textarea.i12{ font-size: 12pt; border-style: solid; border-width: 1pt; width:160px; font-weight:bolder}

div.checklist{background-color:#fff;font-size: smaller;overflow-x:no-display; border-style: solid;border-radius:10px;height:150px;color:#000;border-color:#ddd;border-width:thin;border-collapse:collapse;padding-left:5px;min-width:240px}
div.cl1{background-color:#99CC00}
div.m0{background-color:#ffffff; background:url(/i/y0.gif);border-width:10px}
div.m1{padding-top:2pt; cursor: hand}
div.m2{padding-top:2pt; cursor: hand}
div.h3{background-color:#99CC00;color:#fff;padding:5px;border-radius:5px;font-size:large}
div.subtable{max-height:590px;overflow:auto}
div.info,span.info,td.info{font-size:smaller}
div.h{font-size:x-large;text-align:center}
td.m1{background-color:#FFFFFF}
td.m2{background-color:#FFFFFF}

.link{cursor: hand}
.none{font-size: 12pt; border-style: none; width:16px; height:16px ; padding : 0em 0em}
.checklist{border-width: 1px; border-color: #000000; border-style: solid; overflow: auto; height: 80px; width:160px; text-align:left; font-weight:lighter; font-size:10px; padding : 0em 0em}
.center{text-align:center}

tr.err{ font-size: 12pt; color: red}
div.menu{ padding-top:2pt; background-color:#ffe9b6; cursor: hand}
img{border:0}
font.err{color: red}

td.l1{background-color:#FFB200}
tr.l1{background-color:#FFB200}
td.l2{background-color:#99CC00}

caption      { font-style: normal; font-size: 14pt}
fieldset     { font-size: 12pt; font-style: normal; 
               border-style: solid; border-width: 1pt }
legend       { font-size: 12pt; color: green }
h1           { font-size: 24pt }
h2           { font-size: 18pt }
h3           { font-size: 14pt }
h4           { font-size: 12pt }
h5           { font-size: 8pt }
h6           { font-size: 8pt }
label        { font-size: 8pt }

marquee      { font-size: 14pt }
select       { font-size: 12pt; border-style: solid;  }
select8       { font-size: 8pt; border-style: solid;  }
th           { font-style: normal }
.number{text-align:right}

p.pagebreakafter {page-break-after: always}
p.pagebreakbefore {page-break-before: always}
button.b1{font-size:large}


.modal {
    display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    animation-name: animatetop;
}
/* Add Animation */
@-webkit-keyframes animatetop {from {top: -300px; opacity: 0} to {top: 0; opacity: 1}}
@keyframes animatetop {from {top: -300px; opacity: 0} to {top: 0; opacity: 1}}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: black;text-decoration: none;cursor: pointer;}