@import"jquery-ui-1.9.2.custom.min.css";

body, * {font-family: Arial, Tahoma; font-size: 100%}
h6 {margin: 0px; padding: 0px; font-size: larger}
a {text-decoration: none; cursor: pointer; color: #003366}
a:hover {color: #0066CC}
button {display: inline; margin: 2px 2px; cursor: pointer; padding: 3px 3px; vertical-align: middle;}
button img {vertical-align: middle}
input[type="checkbox"] {margin: 0px; padding: 0px}
textarea {field-sizing: content; }
fieldset {margin-top: 10px; border-radius: 10px; border: 1px solid silver}
fieldset ol {line-height: 28px; margin: 0px}

#errmsg {font-weight: bold; color: green; background-color: #fff; height: 30px; position: absolute; left: 0px; right: 0px; margin-inline: auto; width: fit-content; top: 0px; z-index: 1000000}
#content {margin: 0px auto; max-width: 100%;}


div.head {border-bottom: 3px solid blue}
div.head .title {float: left; font-weight: bold; padding: 7px 5px; margin: 0px;}
div.head .title.selected {background-color: blue;}
div.head .title.selected a {color: #fff}

div.nav {margin: 5px 3px;}
div.nav input {width: 120px; padding: 2px}
div.nav select, 
div.nav a {font-size: smaller}
div.nav a.selected {font-weight: bold}

div.main_button {text-align: center; margin: 10px 0px;}
div.main_button img {margin: 7px}

.table-grid {border-collapse: collapse; margin: 5px 0px; border: 1px solid #c0c0c0;}
.table-grid td {padding: 3px;}
.table-grid thead td,
.table-grid tfoot td {border: 1px solid #c0c0c0; background-color: #eee; font-weight: bold}
.table-grid tbody td {border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px dotted #c0c0c0; border-top: 1px dotted #c0c0c0;}
.table-grid tbody td.more_info {color: gray}
.table-grid tbody tr.tr_sum {font-weight: bold; color: #202020}
.table-grid tfoot ul {margin: 0px; padding: 0px; display: inline; vertical-align: middle;}
.table-grid tfoot li {list-style: none; display: inline; padding: 0px 2px}
.table-grid tfoot li a {cursor: pointer}
.table-grid .pri1 {font-weight: bold; color: red}
.table-grid .pri2 {font-weight: bold;}
.table-grid .pri3 {}
.table-grid .progress1 {color: #ffcc00}
.table-grid .progress2 {color: #ff944d}
.table-grid .progress3 {color: #806600}
.table-grid .progress4 {color: #c2c2a3}
.table-grid .progress5 {color: #ff0000}
.table-grid .progress6 {color: #ffcc00}

.table-form {margin-top: 5px}
.table-form input,
.table-form textarea,
.table-form select {margin: 2px 0px; border: none; border-bottom: 1px solid #ddd; padding: 3px; width: 98%;}
.table-form input[readonly] {border-bottom: 1px dotted #ddd}
.table-form button img {vertical-align: middle; margin: 7px}
.table-form .label {color: #606060; font-size: small}
.table-form input[type="radio"] {width:auto}
.table-form label {font-size: small}
.table-form .label {background-color: #eef; padding: 0px 3px}

.login-box {border: 1px solid #c0c0c0; padding: 10px; font-size: 100%}
.password,
.username {margin: 3px; padding: 5px 3px; border: none; border-bottom: 1px solid #c0c0c0}

.find_holder {display: none; z-index: 10006; position: absolute; overflow: auto; width: 100%; max-height: 150px; border: 1px solid #ddd; background-color: #ffe; text-align: left}
.find_holder ul {margin: 0px; padding: 3px}
.find_holder li {list-style: none}

.day-box {font-size: smaller}
.day-box a:hover {text-decoration: underline;}
.day-box .doing {}
.day-box .doing .state {font-style: italic; font-size: 9px; float: right; clear: both; color: #9da494}
.day-box .completed {text-decoration: line-through; color: silver}

.day-box .normal {}
.day-box .important {font-weight: bold}
.day-box .urgent {font-weight: bold; color: red }
.day-box .completed.urgent {font-weight: bold; color: silver }
.day-box .notes {padding-left: 5px; font-weight: normal; font-size: smaller}
.add_task {display: none}
.day-box .tag {background-color: #aff; cursor: pointer}

.utility {margin-top: 5px}
.utility .label {font-size: 12px; margin-top: 20px}
.utility td {padding: 0px; margin: 0px}
.utility td.hr {border-bottom: 1px dotted #ddd;}
.utility td input[type="number"],
.utility td input[type="text"],
.utility td select {width: 90%;font-size: 100%; text-align: right; border: 0px; border-bottom: 1px solid #aaa; padding: 1px; border-radius: 0px; color:rgb(9, 153, 243)}
.utility .input {background-color: rgb(237, 243, 213)}
.utility .result {text-align: right; padding: 2px 10px 2px 0px; color: red}
.utility .list thead td {font-weight: bold; padding: 3px 0px}
.utility .list tbody td {border-top: 1px dotted gray; padding: 3px 0px}
.utility .param {clear: both; height: 25px; vertical-align: middle}
.utility .param input {width: 30%; text-align: right; float: right; border: 0px; background-color: field; border-bottom: 1px solid silver; color: inherit; font-weight: inherit}
.utility .param input[readonly] {background-color: #E6F3F9}
.utility .param span {float: right}
.utility .param label {float: right; width: 12%;}
.utility legend {font-weight: bold}
.utility .total {font-weight: bold; color: red}

.task_list {margin-top: 10px; font-size: smaller}
.task_list .item {margin: 5px 0px;}
.task_list .item .notes {color: gray; margin-left: 20px; font-size: smaller}
.task_list .item .done {text-decoration: line-through; color: silver}
.task_list .item .undone {}

div.project {}
div.project tbody td {padding: 5px 3px}
div.project a {}
div.project div.more_info {color: gray; font-size: 70%}
div.project .progress {float: right; position: relative; color: #000; padding: 0px 2px; font-size: 70%}

div.contract div.more_info {color: gray; font-size: 70%}

#_items_list {}
#_items_list thead td {text-align: center; vertical-align: middle}
#_items_list td {vertical-align: top; padding: 2px; font-size: small}
#_items_list td input {padding: 0px; margin: 2px; width: 95%}
#_items_list .td1 {text-align: center}
#_items_list .td2 .desc {font-size: smaller; color: gray}
#_items_list .td3 {text-align: right}
#_items_list .td4 {text-align: center}
#_items_list .td5 {text-align: center}
#_items_list .td_type {background-color: yellow; font-weight: bold; vertical-align: middle;}

/*
#tabs {margin: 3px; padding: 0px}
#tabs li {display: inline; padding: 5px; border: 1px solid silver; margin-righ: 0px; cursor: pointer; border-bottom: none; font-size: 75%}
#tabs li:hover {background-color: #eed; font-weight: bold}
#tabs li.selected {background-color: #ddd; font-weight: bold}
#outstock_detail_holder {display: block}
#outstock_cogs_holder {display: none}

#cogs_form table thead td {background-color: #eef}
#cogs_form table td {padding: 2px 2px}

#btn1 {display: none; position: absolute; left: -60px; top: 22px; background-color: #eee; width: 180px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 80%}
#btn1 ul {margin: 5px 3px; padding: 0px}
#btn1 li {list-style: none; margin-left: 5px; line-height: 24px}

#btn2 {display: none; position: absolute; bottom: 20px; right: -3px; background-color: #eee; width: 150px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#btn2 ul {margin: 5px 3px; padding: 0px}
#btn2 li {list-style: none; margin-left: 5px; line-height: 24px; display: block; text-align: left; font-weight: normal}

.login-box {border: 1px solid #c0c0c0; padding: 10px;}
.password,
.username {margin: 3px; padding: 5px 3px; border: none; border-bottom: 1px solid #c0c0c0}
.button {padding: 3px 5px; margin: 3px}

.home-menu {margin: 0px; padding: 0px; width: 100%}
.home-menu li {list-style: none; width: 48%; margin: 3px; padding: 15px 0px}
.home-menu li a {color: #fff; text-decoration: none; margin-left: 10px}

.navi_content {padding: 3px;}
.table_content {font-size: 80%}

.table-detail {font-size: 75%; margin: 0px}
.table-detail td {padding: 2px}

.list_holder {font-size: 75%}
.cus_find_holder {display: none; z-index: 10006; position: absolute; overflow: auto; width: 200px; left: 0px; max-height: 200px; border: 1px solid #ddd; background-color: #ffe; text-align: left; margin-top: -1px}

.print-layout {font-family: Cambria; color: #000;}
.print-layout table {border-collapse: collapse;}
.print-layout td {padding: 5px 0px;}
.print-layout th, 
.print-layout tfoot td {padding: 3px;}
.print-layout input {border: none; border-bottom: 1px dotted #ddd; background-color: #fff; padding: 0px; font-family: inherit; color: #000066}
.print-layout .data thead th,
.print-layout .data tbody td,
.print-layout .data tfoot td {border: 1px solid #606060; border-collapse: collapse;}
.print-layout .data tbody td {border-top: 1px solid #c0c0c0; border-bottom: none; border-collapse: collapse; }
.print-layout .table_print th, 
.print-layout .table_print td {padding: 3px}
*/