* { color: #1b4453; }
html, body {height: 100%; }
body { margin: 0/*10px 20px*/; text-align: center; font-family: Arial, sans-serif; font-size: 14px; min-height: 100%; /*background: url(bg.png); background-repeat: repeat-x;*/}
h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0 0 0.5em; }
/*a {text-decoration: none; }*/
h1 { font-size: 18pt; margin: 0.5em 0 0; }
h2 { font-size: 16pt;}
h3 { font-size: 13pt;}
h4 { font-size: 12pt;}
h5 { font-size: 11pt;}
p { font-size: 11pt}
ul { margin: 0; padding: 0; text-indent: 0; list-style: none;}
li { margin: 0; padding: 0; text-indent: 0; }
pre { text-indent: 0.25em; width: 90%; font-size: 90%; }
br.separator { margin: 0; padding: 0; clear: both;}
a img { border: 0 none;}
.container { padding: 10px; margin: 0 0 10px;}
div#header {font-size: 24px; font-weight: bold; float: left}
div#my {font-size: 20px; font-weight: bold; margin-top: 40px}
div#events {font-weight: bold; margin-top: 50px; vertical-align: bottom}
#wrapper { display: block; margin: 0 auto; text-align: left; min-width: 720px; max-width: 100%; min-height: calc(100% - 30px); }
.curved { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
#upper { background: #fff; background-image: linear-gradient(#73b9db, #d3fbfc);}
#congrats { text-align: center; padding: 10px; margin: 0 40px 20px; background-color: #9c9;}
#congrats h2 { font-size: 14pt; padding: 0; margin: 0; color: #fff;}
div#events a { margin-right: 20px }
#notice { float: left; /*width: 560px;*/ color: #317890; /*background: url(smartgrid.png); background-repeat: no-repeat;*/ padding-left: 270px; min-height: 130px;}
#notice a:link,
#notice a:visited,
#notice a:active { color: #090; text-decoration: none; }
#notice a:hover { color: #2e67cf; text-decoration: none;}
#notice img,
#notice #tasks { float: left;}
#tasks a:link,
#tasks a:visited,
#tasks a:hover,
#tasks a:active { text-decoration: underline;}
#notice img { margin-right: 20px;}
#actions { float: right; width: 140px;}
#actions .button { display: block; padding: 0; height: 36px;}
#actions .button a { display: block; padding: 0;}
#actions .button a:link,
#actions .button a:visited,
#actions .button a:hover,
#actions .button a:active { color: #696; text-decoration: none;}
#actions .button a span { display: block; padding: 6px 10px; color: #666; text-shadow: 1px 1px 1px #fff; font-size: 10pt; font-weight: bold;}
#middle { margin: 20px 0; padding: 1px 10px;}
#middle h3 { margin: 0 0 10px; color: #033;}
#middle p { font-size: 10pt;}
#middle a:link,
#middle a:visited,
#middle a:hover,
#middle a:active { color: #366; font-weight: bold;}
#lower .left { float: left; width: 200px;}
#lower .left li { border: 2px solid #8a92c3; background-color: #edf1f8; padding: 5px; margin-bottom: 3px; box-shadow: 0 1px 4px 0 #bec7d9 inset;}
#lower .left li a img { float: left;}
#lower .left li a div { float:left;padding: 5px;font-size:18px;}
#lower .right { /*float: left;*/ padding: 0 10px; width: calc(100%-220px); text-align: center;}
#middle .col25 .container { padding: 0 0 1px;}
#developers { float: left; width: 40%;}
#security { float: right; width: 50%;}
#lower { padding: 0;}
#lower a:link,
#lower a:visited,
#lower a:active { color: #1f33a9;}
#lower a:hover { color: #2f690c;}
#lower strong a:link,
#lower strong a:visited,
#lower strong a:hover,
#lower strong a:active { color: #c00;}
#lower h3 { /*color: #317890;*/ font-size: 14pt;}
#lower h4 { font-size: 12pt;}
#lower ul { padding: 0; /*margin: 0.5em 0;*/}
#lower p,
#lower li { font-size: 16px; color: #0c2955; margin: 0 0 0.1em;}
#lower li { padding: 3px 5px;}
#lower li strong { color: #a53;}
#lower li#list-announce { border: 1px solid #f90; background-color: #ffe8c8;}
#low-manage1 { float: left; width: 32%; text-align: center;}
#low-manage,
#low-docs,
#low-help { margin: auto; display: inline-block;}
#low-docs { margin: 0 0 0 2.2%;}
#low-help { float: right;}
#low-manage div,
#low-docs div,
#low-help div { min-height: 40px; border: 2px solid #8a92c3; background-color: #edf1f8; padding: 10px;}
#footer { padding: 0; margin: 20px 0; color: #999; background-color: #eee; visibility: hidden; display: none;}
#footer h4 { margin: 0 0 10px; font-size: 10pt;}
#footer p { margin: 0 0 10px; font-size: 10pt;}
#footer ul { margin: 6px 0 1px; padding: 0;}
#footer li { margin: 0; font-size: 9pt;}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #666;}
.col20 { float: left; width: 20%;}
.col25 { float: left; width: 25%;}
.copyright { font-size: 10pt; color: #666; text-align: center; bottom: 0; width: 100%; margin: 10px 0 4px 0;}
table.register td { text-align: left;}
#lower p.smallerr { font-size: 12px; color: red;}
/*
table.register tr:nth-child(even) {background: #eeffee}
table.register tr:nth-child(odd) {background: #eeeeff}
*/
table.register {}
table.register td:nth-child(1) {}
table.register td:nth-child(2) {width: 240px; }
table.register td {padding: 2px 0}
input[type=text], input[type=password] {width: 300px; height: 25px; border: 1px solid gray; box-shadow: 0 1px 4px 0 #bec7d9 inset; margin: 2px 10px; padding: 0 4px; float: right}
select {width: 310px; height: 25px; border: 1px solid gray; box-shadow: 0 1px 4px 0 #bec7d9 inset; margin: 2px 10px; padding: 0 4px; float: right}
textarea {width: 300px; height: 100px; border: 1px solid gray; box-shadow: 0 1px 4px 0 #bec7d9 inset; margin: 2px 10px; font-size: 14px; padding: 0 4px; float: right; resize: none;}
input[type=submit], input[type=button] {height: 25px; border: 1px solid gray; box-shadow: 0 1px 4px 0 #bec7d9 inset; padding: 0 10px; float: right; margin: 2px 10px; cursor: pointer; min-width: 220px}
input[type=checkbox] {border: 1px solid gray; box-shadow: 0 1px 4px 0 #bec7d9 inset; margin: 2px 10px; font-size: 14px; padding: 0 4px}
input[type=radio] {border: 1px solid gray; box-shadow: 0 1px 4px 0 #bec7d9 inset; margin: 2px 5px 2px 10px; font-size: 14px; padding: 0 4px}
input[type=file] {height: 25px; margin: 2px 10px; max-width: 300px;}
span.lang {float: right; padding-left: 10px; }
span.lang a {opacity: 0.5}
span.lang a:hover {opacity: 1}
table.register td.error {color: #990000; padding: 2px 10px; }
table.register td.errfield { text-align: right; color: red; }
table.register td.errfield2 { text-align: right; color: red; }
table.register td.info {font-size: 13px; color: #5a62a3; padding: 2px 10px; text-align: justify}
table.register td.title {white-space: nowrap; text-align: right }
table.register td.title2 {white-space: nowrap; text-align: right }
table.register td.title:after, td.errfield:after {content: '*'; color: red; padding-left: 5px; font-weight: bold }
#lower.contents {color: black; font-size: 14px; text-align: left; padding-left: 10px}
#lower.contents h1 {margin-bottom: 10px}
#navbar {border: #317890 solid 1px}
#navbar ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #317890;}
#navbar li { float: left; }
#navbar li.right { float: right; }
#navbar li a, .dropbtn { display: inline-block; color: white; text-align: center; padding: 8px 16px; text-decoration: none;}
#navbar li a:hover { background-color: white; color: #317890}
.dropdown:hover .dropbtn { background-color: #317890; color: white}
#navbar li.dropdown { display: inline-block;}
#navbar .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;white-space: nowrap; margin-right: 20px}
#navbar .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
#navbar .dropdown-content a:hover {background-color: #317890; color: white}
#navbar .dropdown:hover .dropdown-content { display: block;}
#navbar li a.unrealized {color: #555555; pointer-events: none; }
@media screen and (max-width: 600px) { #navbar ul li.right, #navbar ul li {float: none;} }
table.list {width: 100%}
/*table.list td.header {text-align: center; background-color: #1b4453; color: white; font-weight: bold}
table.list td.header-e {text-align: center; background-color: #1b4453; color: white; font-weight: bold; width: 50px; }*/
table.list {width: 100%; border-spacing: 0; border-collapse: collapse}
table.list td {text-align: center; padding: 2px; border: #317890 solid 1px; border-collapse: collapse}
table.list td.header {text-align: center; background-color: #317890; color: white; font-weight: bold; border-color: white}
table.list td.header-a {text-align: center; background-color: #317890; color: white; font-weight: bold; width: 24px; border-color: white}
table.list td.header200 {text-align: center; background-color: #317890; color: white; font-weight: bold; border-color: white; width: 200px}
table.list tr:hover {background-color: #f7f7f7; }
div.action-e {background: url(pencil.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-c {background: url(copy.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-d {background: url(delete.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-k {background: url(about.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-w {background: url(warning.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-red {background: url(red.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-green {background: url(green.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-yellow {background: url(yellow.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-grey {background: url(grey.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-clock {background: url(clock.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-clock2 {background: url(clock2.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-clock-run {background: url(clock_run.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-clock-run2 {background: url(clock_run2.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-cancel {background: url(cancel.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-expired {background: url(square-red.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-doc {background: url(document_certificate.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-scroll {background: url(scroll2.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-user {background: url(user1.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-link {background: url(link.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-tree {background: url(add2.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-ad {background: url(calendar2.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-re {background: url(recycle.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-re1 {background: url(recycle_ok.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action-re0 {background: url(recycle_error.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.action {width: 24px; height: 24px; padding: 0;}
span.action-tree:after {content: '+'; vertical-align: super;}
div.action-branch {background: url(branch.png) no-repeat; width: 24px; height: 24px; padding: 0;}
div.selector {margin: 10px 0; text-align: right; width: 100%; background-color: #317890; padding: 2px 0; height: 21px}
div.selector select {margin: -2px 0 0 0}
div.selector input.insert[type=button] { margin: -2px 0 0 0; float: left;}
input.insert[type=button] { margin: 4px 0 10px 0; float: left;}
input.sel-date[type=button] {width: 50px; min-width: 50px;}
input.sel-date[type=text] {width: 230px; min-width: 50px; text-align: center}
div.moreinfo input.sel-date[type=button] {width: 50px; min-width: 50px;}
div.moreinfo input.sel-date[type=text] {width: 100px; margin: 0 10px 0 0; height: 24px;}
div.moreinfo input.simple[type=button] {width: 50px; min-width: 50px; margin: 10px 0;}
#confirm { display: none; visibility: hidden; background-color: #ffffff; border: 1px solid #aaa; position: absolute; width: 250px; padding: 0; box-sizing: border-box; text-align: left; }
#confirm .confirmMessage { background-color: #317890; color: white; }
#confirm div { width:100%; text-align: center; font-size: 14px; font-weight: bold; margin: 0; padding: 5px 0; }
#confirm form input[type=radio] { text-align: left; margin: 8px; }
#confirm input[type=button] { margin-bottom: 10px; }
span#userid { display: none; visibility: hidden; }
div.form {width: 50%; float: left}
div.moreinfo {width: 50%; float: right}
div.moreinfo select {margin: 0 0 10px 0}
div.moreinfo input[type=button], div.moreinfo input[type=submit] {float: right; width: 310px; margin: 0 0 10px 0; }
/*div.moreinfo input.sel-date[type=button] {width: 50px; min-width: 50px; margin: 0 0 10px 0}*/
.note {font-size: 13px; color: #5a62a3; padding: 2px 10px; text-align: justify;}
.errnote {font-size: 13px; color: red; padding: 2px 10px; text-align: left;}
table.admin {border-collapse: collapse; margin-bottom: 10px}
table.admin td {text-align: left; padding: 0 10px 10px 0; white-space: nowrap; }
table.admin td div.static {width: 300px; height: 25px; border: 1px solid gray; box-shadow: 0 1px 4px 0 #bec7d9 inset; margin: 2px 10px; padding: 0 4px; float: right}
table.admin td.value {min-width: 200px; white-space: nowrap; text-align: right }
table.admin td.errfield { color: red; }
table.admin td.errfield2 { color: red; }
table.admin td.title:after, td.errfield:after {content: '*'; color: red; padding-left: 5px; font-weight: bold }
span.admin {color: #c00}
span.system {color: #1e9007}
form.inline { display: inline; }

table.reports { border-collapse: collapse; width: 50%}
table.reports td {border: #033 solid 1px; padding: 0 5px; text-align: center; color: #033; height: 36px}
table.reports td div.action {width: 32px; height: 32px; padding: 0;}
table.reports td:nth-child(1) {width: 32px}
table.reports td:nth-child(3) {width: 150px}
table.reports td:nth-child(4) {width: 32px}
table.reports td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white; height: 27px}

table.schedule { border-collapse: collapse; }
table.schedule td {min-width: 40px; max-width: 100px; border: #033 solid 1px; padding: 3px 5px; text-align: right; color: #5a62a3}
table.schedule td:nth-child(1) {text-align: left}
table.schedule td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.schedule td.total {text-align: right; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.schedule td input[type=text] {border-width: 0; width: 100%; background: none; text-align: right; margin: 0; padding: 0; box-shadow: none; color: black}
table.schedule td input.valid {color: black}
table.schedule td input.invalid {color: red}
table.schedule td input[type=button].copy {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(copy.png) no-repeat; border: none}
table.schedule td input[type=button].copy-array {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(paste.png) no-repeat; border: none;}
table.schedule td span {color: #317890}

table.schedule td.rdw {border-bottom: none; border-left: none; border-top: none}

table.ext-schedule { border-collapse: collapse; float: left}
table.ext-schedule td {width: 100px; border: #033 solid 1px; padding: 3px 5px; text-align: right; color: #5a62a3}
table.ext-schedule td:first-child {width: 40px;}
table.ext-schedule td:nth-child(2) {width: 40px;}
table.ext-schedule td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white; width: 40px; min-width: 40px; max-width: 40px; }
table.ext-schedule td.total {text-align: right; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.ext-schedule td input[type=text] {border-width: 0; width: 100%; background: none; text-align: right; margin: 0; padding: 0; box-shadow: none; color: black}
table.ext-schedule td input.valid {color: black}
table.ext-schedule td input.invalid {color: red}
table.ext-schedule td span {color: #000}
table.ext-schedule td.noedit {color: #000}
table.ext-schedule td input[type=button].copy {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(copy.png) no-repeat; border: none}
table.ext-schedule td input[type=button].copy-array {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(paste.png) no-repeat; border: none;}

table.pn { border-collapse: collapse; width: 1500px}
table.pn td {max-width: 80px; min-width: 50px; width: 50px; border: #033 solid 1px; padding: 0 3px; text-align: right; color: #5a62a3; min-width: 0; font-size: 11px}
table.pn td:nth-child(1) {text-align: left; }
table.pn td:nth-child(2) {text-align: left; }
table.pn td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.pn td.header1 {background-color: #317890; color: white; padding: 5px 3px; border-color: white; width: 100px; min-width: 100px; font-size: 12px}
table.pn td.header2 {background-color: #317890; color: white; padding: 5px 3px; border-color: white; width: 110px; min-width: 110px; font-size: 10px;}
table.pn td input[type=text] {border-width: 0; width: 100%; background: none; text-align: right; margin: 0; padding: 0; box-shadow: none; color: black; font-size: 11px; }
table.pn td input.valid {color: black}
table.pn td input.invalid {color: red}
table.pn td input[type=button].copy {min-width: 24px; width: 24px; margin: 4px 0 0 0; background: url(copy.png) no-repeat; border: none}
table.pn td input[type=button].copy-array {min-width: 24px; width: 24px; margin: 4px 0 0 0; background: url(paste.png) no-repeat; border: none; margin-right: 5px}
table.pn td span {color: #317890; }
table.pn td.parent {width: 100%; text-align: left; padding: 4px 10px; font-size: 14px; border-color: white; background-color: #4e8c60; color: white}
table.pn td.total {background-color: #efefef; color: #000; }
table.pn td.err {background-color: #ffcccc; color: #000; }
table.pn td.warn {background-color: #ffffcc; color: #000; }

table.pn2 { border-collapse: collapse; width: 1500px}
table.pn2 td {max-width: 80px; min-width: 50px; width: 50px; border: #033 solid 1px; padding: 0 3px; text-align: right; color: #5a62a3; min-width: 0; font-size: 11px}
table.pn2 td:nth-child(1) {text-align: left; }
table.pn2 td:nth-child(2) {text-align: left; }
table.pn2 td:nth-child(3) {text-align: left; }
table.pn2 td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.pn2 td.header1 {background-color: #317890; color: white; padding: 5px 3px; border-color: white; width: 100px; min-width: 100px; font-size: 12px}
table.pn2 td.header2 {background-color: #317890; color: white; padding: 5px 3px; border-color: white; width: 110px; min-width: 110px; font-size: 10px;}
table.pn2 td input[type=text] {border-width: 0; width: 100%; background: none; text-align: right; margin: 0; padding: 0; box-shadow: none; color: black; font-size: 11px; }
table.pn2 td input.valid {color: black}
table.pn2 td input.invalid {color: red}
table.pn2 td input[type=button].copy {min-width: 24px; width: 24px; margin: 4px 0 0 0; background: url(copy.png) no-repeat; border: none}
table.pn2 td input[type=button].copy-array {min-width: 24px; width: 24px; margin: 4px 0 0 0; background: url(paste.png) no-repeat; border: none; margin-right: 5px}
table.pn2 td span {color: #317890; }
table.pn2 td.parent {width: 100%; text-align: left; padding: 4px 10px; font-size: 14px; border-color: white; background-color: #4e8c60; color: white}
table.pn2 td.total {background-color: #efefef; color: #000; }
table.pn2 td.err {background-color: #ffcccc; color: #000; }
table.pn2 td.warn {background-color: #ffffcc; color: #000; }

table.ad { border-collapse: collapse; }
table.ad tr {background-color: #fff}
table.ad td {max-width: 80px; min-width: 50px; width: 50px; border: #033 solid 1px; padding: 0 3px; text-align: right; color: #000; min-width: 0; font-size: 11px}
table.ad td:nth-child(1) {text-align: left; }
table.ad td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.ad td.invalid {background-color: #ffcccc; }
table.ad td input[type=text] {border-width: 0; width: 100%; background: none; text-align: right; margin: 0; padding: 0; box-shadow: none; color: black; font-size: 11px; }
table.ad td input.valid {color: black}
table.ad td input.invalid {color: red}

table.schedule td.fixed {background-color: #efefef; }

span.success {color: #0c2955; margin: 10px 0; font-size: 16px; width: 100%; text-align: center}
span.error {color: red; margin: 10px 0; font-size: 16px; width: 100%; text-align: center}
span.warning {color: red; margin: 10px 0; font-size: 16px; width: 100%; text-align: center; font-style: italic}
td.noedit {background-color: #eeeeee}
div.adminform {text-align: center}
input[type=submit].save {float: left; margin: 5px 0;}
input[type=file] {float:left; margin:0;}
/*input.save2 {float: left; margin: 5px 0; margin:10px 10px 0 0; float:left}*/
input.save2 {float: left; margin: 0 10px 10px 0;}
input.save3 {float: left; margin: 0;}
input.save4 {float: left; margin: 0 10px; width: 100px; min-width: 100px; max-width: 100px}
#lower span.page {font-weight: bold; font-size: 16px; padding: 5px; }
#lower span.page a, a:visited, a:active {color: #1e9007; text-decoration: none}
#lower span.page a:hover {color: #c00}
#lower div.pages {margin: 5px}

div.resp {width: 310px; float: right; text-align: left; line-height: 30px; margin-bottom: 10px}
div.note, div.note b {text-align: left; width: 50%; /*float: left;*/ font-size: 14px; padding: 0 0 0 10px; line-height: 20px; }
div.note2, div.note2 b {text-align: left; /*float: left;*/ font-size: 14px; padding: 10px; line-height: 20px; border: #000 solid 1px}
div.note3, div.note3 b {text-align: left; float: left; font-size: 14px; padding: 5px; line-height: 20px; border: #000 solid 1px; color: #ff0000; margin: 10px -270px 0 10px; background-color: #fff; max-width: 250px; min-width: 250px; min-height: 118px}
div.header {font-size: 18px; line-height: 30px; float: left; text-align: left; }

table.fo { border-collapse: collapse; width: 100%; font-size: 18px; border: #fff solid 1px; background-color: #317890}
table.fo td {padding: 5px; text-align: right; color: #fff; border: none;}
table.fo td:nth-child(1) {border: #fff solid 1px; text-align: left; width: 500px;}
table.fo td:nth-child(2) {border: #fff solid 1px; text-align: left; }
table.fo td input[type=text] {border-width: 1px; width: 100%; background: #fff; text-align: left; margin: 0; padding: 0; box-shadow: none; color: black; font-size: 18px; width: 200px; float: left}

div.moreinfo select.hours {width: 150px; float: right; text-align: center; margin: 10px}
table.mfrr { border-collapse: collapse; width: 850px;}
table.mfrr td.name {cursor: pointer; width: 200px; min-width: 200px;}
table.mfrr td.gen {width: 200px; min-width: 200px;}
table.mfrr td.name:hover {text-decoration: underline}
table.mfrr td {border: #033 solid 1px; padding: 3px 5px; text-align: center; }
table.mfrr td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: #317890; font-weight: bold;}
/*
table.mfrr td.up {width: 24px; background:url(arrow_up_blue.png); background-repeat: no-repeat; background-position: 5px -1px}
table.mfrr td.down {width: 24px; background:url(arrow_down_green.png); background-repeat: no-repeat; background-position-x: 5px}
*/
table.mfrr td.up {background:url(arrow_up_red.png); background-repeat: no-repeat; background-position: 0 -1px; padding-left: 22px}
table.mfrr td.down {background:url(arrow_down_green.png); background-repeat: no-repeat; background-position-x: 0; padding-left: 22px}
table.mfrr tr.checked {background-color: #cccccc}
table.mfrr tr.unchecked {background-color: #ffffff}
table.mfrr tr.excluded {background-color: #cccccc}
table.mfrr tr.full {background-color: #0f0}
table.mfrr tr.part {background-color: #ff0}
table.mfrr tr.invalid td {background-color: #f00; color: #fff}
table.mfrr td.action-red {cursor: pointer; background: url(red1.png); width: 24px; min-width: 24px; background-repeat: no-repeat}
table.mfrr td.action-red:hover {background: url(red.png); background-repeat: no-repeat}
table.mfrr td.action-grey {cursor: pointer; background: url(grey1.png); width: 16px; min-width: 16px; background-repeat: no-repeat}
table.mfrr td.action-grey:hover {background: url(grey.png); background-repeat: no-repeat}
table.mfrr td.action-green {cursor: pointer; background: url(green1.png); width: 16px; min-width: 16px; background-repeat: no-repeat}
table.mfrr td.action-green:hover {background: url(green.png); background-repeat: no-repeat}
table.mfrr td.action-yellow {cursor: pointer; background: url(yellow1.png); width: 16px; min-width: 16px; background-repeat: no-repeat}
table.mfrr td.action-yellow:hover {background: url(yellow.png); background-repeat: no-repeat}
table.mfrr td.action-blue {cursor: pointer; background: url(blue1.png); width: 16px; min-width: 16px; background-repeat: no-repeat}
table.mfrr td.action-blue:hover {background: url(blue.png); background-repeat: no-repeat}

div.mfrr1 {width: 883px; overflow-y: auto; overflow-x: hidden; height: 278px; margin-bottom: 0; padding-left: 1px }
div.mfrr2 {width: 100%; overflow-y: auto; overflow-x: hidden; max-height: 412px}
div.mfrr3 {width: 850px; float: left;}
div.mfrr {width: 850px; height: 490px; float: left;}
div#sum {float: right;}
input[type='button'].check {background-image: url(check2.png); background-repeat: no-repeat}

table.pnc { border-collapse: collapse; width: 1500px}
table.pnc td {max-width: 80px; min-width: 50px; width: 50px; border: #033 solid 1px; padding: 0 3px; text-align: right; color: #000; min-width: 0; font-size: 11px}
table.pnc td:nth-child(1) {text-align: left; }
table.pnc td:nth-child(2) {text-align: left; }
table.pnc td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.pnc td.header1 {background-color: #317890; color: white; padding: 5px 3px; border-color: white; width: 80px; min-width: 80px; font-size: 12px}
table.pnc td.header2 {background-color: #317890; color: white; padding: 5px 3px; border-color: white; width: 110px; min-width: 110px; font-size: 10px;}
table.pnc td span {color: #317890; }
table.pnc td.parent {width: 100%; text-align: left; padding: 4px 10px; font-size: 14px; border-color: white; background-color: #4e8c60; color: white}
table.pnc td.total {background-color: #efefef; color: #000; }

div#cont_info {width: 100%; margin-top: 20px; text-align: left}
div.but {background:#fff;margin-top:5px;float:left;border:none;box-shadow: unset; text-align:left; padding:0}
img.i24 {width:24px; height:24px; border:0; margin:0;padding:0}

div.cai {width: 500px; background: #eeeeee; border:#000 solid 1px; padding: 5px; float: left}
table.cai {border-collapse: collapse; width: 100%}
table.cai td {padding: 3px 5px; text-align: left; color: #000; white-space: nowrap}
table.cai td:first-child {width: 200px;}
table.admin td.bold-error-msg {font-size: 20px; font-weight: bold; color: #ff0000; text-align: center}

table.rd { border-collapse: collapse; }
table.rd td {min-width: 40px; border: #033 solid 1px; padding: 3px 5px; text-align: right; color: #000}
table.rd td:nth-child(1) {width: 50px; text-align: center }
table.rd td:nth-child(2) {width: 70px; text-align: center; white-space: nowrap }
table.rd td:nth-child(3) {min-width: 150px; text-align: left; white-space: nowrap}
table.rd td:nth-child(4) {min-width: 250px; text-align: left}
table.rd td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.rd td div {float: left}

table.bids { border-collapse: collapse; }
table.bids td {min-width: 40px; max-width: 100px; border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000}
table.bids td:nth-child(1) {text-align: left}
table.bids td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.bids td.total {text-align: right; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.bids td input[type=text] {border-width: 0; width: 100%; background: none; text-align: right; margin: 0; padding: 0; box-shadow: none; color: black}
table.bids td input.valid {color: black}
table.bids td input.invalid {color: red}
table.bids td input[type=button].copy {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(copy.png) no-repeat; border: none}
table.bids td input[type=button].copy-array {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(paste.png) no-repeat; border: none;}
table.bids td span {color: #317890}

table.bid { border-collapse: collapse; }
table.bid td {min-width: 40px; max-width: 100px; border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
/*
table.bid td:nth-child(1) {text-align: center; min-width: 280px; width: 280px}
table.bid td:nth-child(2) {text-align: center; min-width: 90px; width: 90px}
table.bid td:nth-child(3) {text-align: center; min-width: 130px; width: 130px}
*/
table.bid td:nth-child(1) {text-align: center; min-width: 130px; width: 130px}
table.bid td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.bid td.total {text-align: right; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.bid td input[type=text] {border-width: 0; width: 100%; background: none; text-align: right; margin: 0; padding: 0; box-shadow: none; color: black}
table.bid td input.valid {color: black}
table.bid td input.invalid {color: red}
table.bid td input.incorrect {color: red; text-decoration: underline}
table.bid td.incorrect {color: red; text-decoration: underline}
table.bid td input[type=button].copy {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(copy.png) no-repeat; border: none}
table.bid td input[type=button].copy-array {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(paste.png) no-repeat; border: none;}
table.bid td span {color: #317890}
table.bid td.edit {min-width: 60px; max-width: 60px; width: 60px;}
table.bid td.time {min-width: 120px; max-width: 120px; width: 120px;}
table.bid td.edit input[type="text"] {border:0; padding: 0; margin: 0}

.btu {float:left; margin: 0 10px 0 0; width: 120px; white-space: nowrap; border: #000 solid 1px; text-align: center; font-size: 16px}
.btu.active {float:left; margin: 0 10px 0 0; width: 120px; white-space: nowrap; background: #317890; color: #ffffff; }
.btu a {text-decoration: none}

table.opt { border-collapse: collapse; width: 100%}
table.opt td {border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
table.opt td:nth-child(1) {min-width: 170px; width: 170px}
table.opt td:nth-child(2) {min-width: 170px; width: 170px}
table.opt td.header {background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.opt td.total {text-align: right; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.opt td input[type=text] {border-width: 0; width: 100%; background: none; text-align: right; margin: 0; padding: 0; box-shadow: none; color: black}
table.opt td input.valid {color: black}
table.opt td input.invalid {color: red}
table.opt td input[type=button].copy {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(copy.png) no-repeat; border: none}
table.opt td input[type=button].copy-array {min-width: 24px; width: 24px; margin: 4px -5px 0 10px; background: url(paste.png) no-repeat; border: none;}
table.opt td span {color: #317890}
table.opt td.edit {min-width: 60px; max-width: 60px; width: 60px;}
table.opt td.time {min-width: 120px; max-width: 120px; width: 120px;}
table.opt td.edit input[type="text"] {border:0; padding: 0; margin: 0}

div.moreinfo select.products {width: 160px; float: right; text-align: center; margin: 0 10px 0 0}
div.moreinfo select.dirs {width: 100px; float: right; text-align: center; margin: 0}

table.dgens { border-collapse: collapse; }
table.dgens td {min-width: 40px; max-width: 100px; border: #033 solid 1px; padding: 3px 5px; color: #000000; white-space: nowrap}
table.dgens td:nth-child(1) {text-align: center; max-width: 30px; width: 30px; cursor: pointer}
table.dgens td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}

table.disp-bid { border-collapse: collapse; width: 100%; min-width: 100%}
table.disp-bid td {border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
table.disp-bid td:nth-child(1) {width: 160px; max-width: 160px; min-width: 160px;}
table.disp-bid td:nth-child(2) {width: 100px; max-width: 100px; min-width: 100px}
table.disp-bid td:nth-child(3) {width: 100px; max-width: 100px; min-width: 100px}
table.disp-bid td:nth-child(4) {width: 70px; max-width: 70px; min-width: 70px}
table.disp-bid td:nth-child(5) {width: 100px; max-width: 100px; min-width: 100px}
table.disp-bid td:nth-child(6) {width: 100px; max-width: 100px; min-width: 100px}

table.disp-bid td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.disp-bid td.header2 {text-align: center; color: white; padding: 5px 3px; border-color: white}
table.disp-bid td input {color:#000}
table.disp-bid td input[type=text] {border-width: 0; width: 90px; background: none; text-align: right; margin: 0; padding: 0 10px; box-shadow: none; color: black}
table.disp-bid td input.valid {color: black}
table.disp-bid td input.invalid {color: red}
table.disp-bid td input[type=button] {width: 100px; min-width: 100px; margin: 0; float: none}
table.disp-bid td input[type=text].def {width:82px; border: #000 solid 1px; background-color: #fff; float: left; padding: 0 10px; text-align: right; height: 23px; margin: 0}
table.disp-bid td input[type=submit] {width: 100px; min-width: 100px; margin: 0; float: left; margin: 0 10px}
table.disp-bid td input[type=submit]:hover {background: #eee}
table.disp-bid td input[type=button]:hover {background: #eee}
table.disp-bid td select {width: 80px; margin: 0; color: #000}
tr.afrr {background-color: #933}
tr.mfrr {background-color: #369}
tr.rr {background-color: #393}

table.disp-brg { border-collapse: collapse; width: 100%; min-width: 100%}
table.disp-brg td {border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
table.disp-brg td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white; white-space: inherit;}
table.disp-brg td:nth-child(1) {width: 150px; max-width: 150px; min-width: 150px;}
table.disp-brg td:nth-child(2) {width: 150px; max-width: 150px; min-width: 150px;}
table.disp-brg td:nth-child(3) {width: 150px; max-width: 150px; min-width: 150px}
table.disp-brg td:nth-child(4) {width: 90px; max-width: 90px; min-width: 90px}
table.disp-brg td:nth-child(5) {width: 90px; max-width: 90px; min-width: 90px}

table.disp-brg td input {color:#000}
table.disp-brg td input[type=text] {width: calc(100% - 110px); background: none; text-align: left; margin: 0; padding: 0; box-shadow: none; float: left}
table.disp-brg td input[type=button] {width: 100px; min-width: 100px; margin: 0; float: right;}
table.disp-brg td input[type=button]:hover {background: #eee}
table.disp-brg td input[type=button].enable {background-color: #00cc00;}
table.disp-brg td input[type=button].disable {background-color: #cc0000; color: #ffffff}
table.disp-brg td div {width: calc(100% - 110px); float: left; text-align: left; margin: 0; padding: 5px 3px; color: #c00}

table.disp-brg2 { border-collapse: collapse; width: 100%; min-width: 100%}
table.disp-brg2 td {border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
table.disp-brg2 td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white; white-space: inherit;}
table.disp-brg2 td:nth-child(1) {width: 150px; max-width: 150px; min-width: 150px;}
table.disp-brg2 td:nth-child(2) {width: 100px; max-width: 100px; min-width: 100px;}
table.disp-brg2 td:nth-child(3) {width: 150px; max-width: 150px; min-width: 150px}
table.disp-brg2 td:nth-child(4) {width: 50px; max-width: 50px; min-width: 50px}

table.disp-brg2 td input {color:#000}
table.disp-brg2 td input[type=text] {width: calc(100% - 110px); background: none; text-align: left; margin: 0; padding: 0; box-shadow: none; float: left}
table.disp-brg2 td input[type=button] {width: 100px; min-width: 100px; margin: 0; float: right;}
table.disp-brg2 td input[type=button]:hover {background: #eee}
table.disp-brg2 td input[type=button].enable {background-color: #00cc00;}
table.disp-brg2 td input[type=button].disable {background-color: #cc0000; color: #ffffff}
table.disp-brg2 td div {width: calc(100% - 110px); float: left; text-align: left; margin: 0; padding: 5px 3px; color: #c00}

table.disp-tr { border-collapse: collapse; width: 100%; min-width: 100%}
table.disp-tr td {border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
table.disp-tr td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}
table.disp-tr td.header2 {text-align: center; color: white; padding: 5px 3px; border-color: white}
table.disp-tr td input {color:#000}
table.disp-tr td input[type=text] {border-width: 0; width: 90px; background: none; text-align: right; margin: 0; padding: 0 10px; box-shadow: none; color: black}
table.disp-tr td input.valid {color: black}
table.disp-tr td input.invalid {color: red}
table.disp-tr td input[type=button] {width: 100px; min-width: 100px; margin: 0; float: none}
table.disp-tr td input[type=text].def {width:82px; border: #000 solid 1px; background-color: #fff; float: left; padding: 0 10px; text-align: right; height: 23px; margin: 0}
table.disp-tr td input[type=submit] {width: 100px; min-width: 100px; margin: 0; float: left; margin: 0 10px}
table.disp-tr td input[type=submit]:hover {background: #eee}
table.disp-tr td input[type=button]:hover {background: #eee}
table.disp-tr td select {width: 80px; margin: 0; color: #000}
table.disp-tr td:nth-child(1) {width: 110px; max-width: 110px; min-width: 110px;}
table.disp-tr td:nth-child(2) {width: 60px; max-width: 60px; min-width: 60px;}
table.disp-tr td:nth-child(3) {width: 90px; max-width: 90px; min-width: 90px;}
table.disp-tr td:nth-child(4) {width: 70px; max-width: 70px; min-width: 70px;}
table.disp-tr td:nth-child(5) {width: 130px; max-width: 130px; min-width: 130px;}
table.disp-tr td:nth-child(6) {width: 170px; max-width: 170px; min-width: 170px;}

table.disp-brgt { border-collapse: collapse; width: 100%; min-width: 100%}
table.disp-brgt td {border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
table.disp-brgt td:nth-child(1) {width: 150px; max-width: 150px; min-width: 150px;}
table.disp-brgt td:nth-child(2) {width: 150px; max-width: 150px; min-width: 150px;}
table.disp-brgt td:nth-child(3) {width: 150px; max-width: 150px; min-width: 150px}
table.disp-brgt td:nth-child(4) {width: 90px; max-width: 90px; min-width: 90px}
table.disp-brgt td:nth-child(5) {width: 90px; max-width: 90px; min-width: 90px}
/*table.disp-brgt td:nth-child(6) {width: 400px; max-width: 400px; min-width: 400px}
table.disp-brgt td:nth-child(7) {width: 400px; max-width: 400px; min-width: 400px}*/
table.disp-brgt td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white; white-space: inherit;}

table.disp-list { border-collapse: collapse; width: 100%; min-width: 100%}
table.disp-list td {border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
table.disp-list td:nth-child(1) {width: 40%}
table.disp-list td:nth-child(2) {width: 40%}
table.disp-list td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}

table.bo-history { border-collapse: collapse; }
table.bo-history td {min-width: 40px; border: #033 solid 1px; padding: 3px 5px; text-align: center; color: #000000; white-space: nowrap}
table.bo-history td.header {text-align: center; background-color: #317890; color: white; padding: 5px 3px; border-color: white}