html {height:100%;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d7e7b7)) fixed}
body,input,textarea {font-family:'lucida grande',verdana;font-size:7.5pt;color:#222;word-wrap:break-word}

body {width:1200px;margin:-10px auto 0 auto}
.nbox {width:200px;margin-bottom:12px;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 6px #777;background-color:#fff;overflow-wrap:break-word;display:block}
.mbox {width:988px;float:right;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 6px #777;background-color:#fff;overflow-wrap:break-word}

.tbox {margin-bottom:12px;padding:80px 8px 8px 8px;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 6px #777;background:url(/media/logo.png) no-repeat bottom left,-webkit-gradient(linear,left top,left bottom,from(#888),to(#000),color-stop(0.8,#000));text-align:right;font-weight:bold;overflow-wrap:break-word;color:#fff}
.tbox a {color:#fff;text-decoration:none}
.tbox a:hover {color:orange}

.nbox .hdr {border-top-left-radius:8px;border-top-right-radius:8px;background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#fff));padding:6px 8px 10px 8px;font-size:6.5pt;text-shadow:0px 1px 1px #fff;font-weight:bold;text-transform:uppercase}
.nbox .hdr div {padding:2px 0}
.nbox .body {padding-bottom:1px}

.mbox {position:relative}
.mbox .hdr {border-top-left-radius:8px;border-top-right-radius:8px;background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#fff));padding:6px 8px 10px 8px;font-size:6.5pt;text-shadow:0px 1px 1px #fff;font-weight:bold;text-transform:uppercase}
.mbox .body {min-height:550px;padding:0 4px;overflow:hidden}
.mbox .ftr {text-align:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#aaa));padding:12px 0 7px 0;font-size:6.5pt;text-shadow:0px 1px 1px #fff;font-weight:bold;}
.mbox .hl td:first-child,.mbox .hl th:first-child {padding-left:6px;border-top-left-radius:9px;border-bottom-left-radius:9px} 
.mbox .hl td:last-child,.mbox .hl th:last-child {padding-right:6px;border-top-right-radius:9px;border-bottom-right-radius:9px}
.mbox .body .hl:hover {cursor:pointer;color:#fff;background-color:#444}
.mbox .list .hl td,.mbox .list .hl th {border-radius:0}

.hdr > div,.hdrbox > div {height:15px}
.hdrbox {display:inline-block}
.hdrbox:first-child {margin-right:24px}
.hdrbox:nth-child(2) {float:right}
.hdrbox > div {display:table-cell;vertical-align:middle}
.hdrbox:first-child div:first-child {padding-right:3px}
.hdrbox .hl {cursor:pointer;border-radius:8px;margin:0;padding:0 6px}
.hdrbox .hl:hover,.hdrbox .cur {box-shadow:inset 1px 2px 2px #666;background-color:#ccc}
.hdrbox .hl:active {background-color:#aaa}

.ftrbox {display:inline-block;vertical-align:middle;margin:0 16px}
.ftrbox p {padding:2px 0;display:inline-block;vertical-align:middle}
.ftrbox .hl {cursor:pointer;display:inline-block;border-radius:6px;padding:3px 4px;text-transform:uppercase}
.ftrbox .hl:hover,.ftrbox .cur {box-shadow:inset 1px 2px 2px #666;background-color:#bbb}

div {box-sizing:border-box}
/* .nbox div,.nbox p,.nbox tr,.nbox td,.nbox th {-webkit-transition:background-color .15s} */

td, th {text-align:left;vertical-align:top;padding:0;font-weight:normal}
form,p {margin:0}
table {width:100%;border-collapse:collapse}
textarea {-webkit-appearance: textfield}
input {padding:1px;margin:1px 4px 1px 0;vertical-align:middle;font-weight:bold}
select {margin:1px 6px 1px 0;padding:0;vertical-align:middle;font-weight:bold}
select,input[type='checkbox'],input[type='radio'] {font-size:12px}
label {display:inline-block;margin:0;border:0;padding:2px 10px 3px 1px;vertical-align:middle;font-weight:bold;text-transform:uppercase;text-shadow:0px 1px 1px #fff;font-size:6.5pt}
label:hover {cursor:pointer;text-decoration:none;color:darkred}
label.disabled,label.disabled:hover {color:#888}
p.label {display:inline;margin:0;border:0;padding:0;vertical-align:middle;font-size:6.5pt}
.notfound,.noresult {font-weight:bold;text-align:center;padding:250px 0;text-transform:uppercase;background:url(/media/wtf.png) no-repeat center}
.version {position:fixed;left:8px;bottom:8px;color:#666}
.bold {font-weight:bold}
div.confirm {padding:8px 0;line-height:1.7;font-size:6.5pt;text-shadow:0px 1px 1px #fff;font-weight:bold;text-transform:uppercase}
div.warning {padding:8px 0;line-height:1.7;color:darkred;font-size:6.5pt;text-shadow:0px 1px 1px #fff;font-weight:bold;text-transform:uppercase}

.itemhdr {font-weight:bold}
table.pref {width:auto;border:1px solid #888}
div.prefbox {margin-top:8px;margin-left:-3px;border:1px solid #aaa;background-color:#fff}
div.prefitem {padding:1px 2px;border-bottom:0px solid #aaa;font-weight:normal}

.p1 {display:inline-block;background:url(/media/media.png) -60px 0;width:5px;height:7px;margin:0}
.p2 {display:inline-block;background:url(/media/media.png) -61px 0;width:8px;height:7px;margin:0}
.p3 {display:inline-block;background:url(/media/media.png) -65px 0;width:4px;height:7px;margin:0}
.p4 {display:inline-block;background:url(/media/media.png) -69px 0;width:4px;height:7px;margin:0}
.p5 {display:inline-block;background:url(/media/media.png) -69px 0;width:8px;height:7px;margin:0}
.p6 {display:inline-block;background:url(/media/media.png) -73px 0;width:5px;height:7px;margin:0}
.lock {display:inline-block;background:url(/media/media.png) -80px 0;height:8px;width:7px}
.unlock {display:inline-block;background:url(/media/media.png) -90px 0;height:8px;width:10px}
input.search {width:120px;font-size:6.5pt}

.ibox > div:first-child {display:none;position:absolute;padding:10px;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 6px #777;background-color:rgba(255,250,184,0.95)}
.ibox > div:first-child p {width:auto;padding:6px 2px 6px 10px}
.ibox:hover > div:first-child {display:block}

#mask {position:absolute;z-index:300;background-color:rgba(255,255,255,0.5);border-radius:10px;border:2px solid #fff;-webkit-transition:opacity 50ms linear}
#dialog {display:none;position:absolute;z-index:400;top:60px;-webkit-transition:opacity 50ms linear;text-align:center}
.dialog {display:inline-block;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 12px #222;background:-webkit-gradient(linear,left top,right bottom,from(#aaa),to(#aaa),color-stop(0.25,#ddd),color-stop(0.5,#eee),color-stop(0.75,#ddd));text-align:center;overflow-wrap:break-word}
.dialog .hdr {border-top-left-radius:8px;border-top-right-radius:8px;padding:6px 8px 10px 10px;font-size:6.5pt;background:none;text-shadow:0px 1px 1px #fff;font-weight:bold;text-transform:uppercase;text-align:left}
.dialog .body {min-height:50px;min-width:460px;padding:12px 60px 20px 60px}
.dialog textarea {max-width:600px;max-height:400px}
.dialog table.form {margin:0 auto}
.dialog table.form td,.dialog table.form th {padding:2px 3px 3px 3px;white-space:nowrap}
.dialog table.form th.top {padding:5px 3px 3px 3px}
.dialog .remark {width:400px}
.dialog .ftr {background:none;padding:0 0 6px 0;font-size:6.5pt;text-shadow:0px 1px 1px #fff;font-weight:bold;}
.dialog .ftrbox .hl {border-radius:8px;padding:2px 6px}
.dialog .ftrbox .hl:hover {cursor:pointer;box-shadow:inset 1px 2px 2px #666;background-color:#ccc;color:#222}
.dialog .ftrbox .hl:active,.dialog .ftrbox .active {box-shadow:inset 1px 2px 2px #666;background-color:#aaa}

table.form,table table.form {width:auto;margin:0 auto}
table.form td,table table.form td {width:auto;border:0;padding:3px 6px 3px 3px;font-weight:bold;vertical-align:middle}
table.form th,table table.form th {width:auto;border:0;padding:3px 3px 3px 6px;text-align:right;vertical-align:middle;white-space:nowrap}
table.form td.top,table.form th.top {vertical-align:top}
table.form td.info {font-size:6.5pt;font-weight:normal}
table.form td.warn,table.form th.warn {color:darkred}

#cb_cbbox {position:relative;height:0;overflow:hidden;background-color:#fff;box-shadow:0 2px 6px #777}
#cb_rbox {position:absolute;bottom:0;width:100%;overflow:auto}
div.cbitem,div.cbitemhl,div.cbinfo {padding:3px 4px;border-top:1px solid #aaa;cursor:pointer}
div.cbitem:first-child,div.cbinfo:first-child,#cb_rbox div.cbitemhl:first-child {border-top:0}
div.cbitemhl,div.cbitemhl * {color:#fff;cursor:pointer;background-color:#444}
#cb_cbbox p:first-child,div.cbitemhl p:first-child {font-size:10px;font-weight:bold;margin-bottom:2px}
#cb_cbbox p {font-size:6.5pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb_progress {background:url(/media/busy12.gif) no-repeat center right #fff}

.m0,.m1,.m2,.m3 {margin:0 1px;padding:2px 4px 2px 6px;border-radius:7px;font-weight:bold;font-size:6.5pt;text-transform:uppercase;text-shadow:0px 1px 1px #fff;}
.m1 {padding-left:7px}
.m1:before {content:"→ "}
.m2 {padding-left:21px}
.m2:before {content:"• "}
.m3 {padding-left:32px}
.m3:before {content:"- "}
.m0:hover,.m1:hover,.m2:hover,.m3:hover,.nbox .cur {cursor:pointer;box-shadow:inset 1px 2px 2px #777;background-color:#ddd}
.m0:active,.m1:active,.m2:active,.m3:active,.nbox .cur:active {background-color:#bbb}

table.t3 tr.header td {border-bottom:1px solid #ddd;border-left:0;text-align:center;font-weight:bold;padding:0 3px 3px 3px}
table.t3 td {width:33%;border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:8px}
table.t3 td:first-child {border-left:0}
table.t3 p {text-align:center;font-weight:bold}
table.t3 table.wea {margin:4px 0 0 76px;width:auto}
table.t3 table.wea th {width:auto;text-align:right;border:0;padding:2px}
table.t3 table.wea td {width:auto;text-align:left;padding:2px;border:0}

table.t8 tr:first-child th {width:12%;text-align:center;font-weight:bold;padding:0 1px 2px 1px;border:0}
table.t8 th:first-child {font-weight:bold;border:0}
table.t8 td,table.t8 th {padding:1px;text-align:center;border:0;border-radius:7px}
table.t8 td.today {box-shadow:inset 0 1px 3px #888;background-color:#e8e8e8}
table.t8 td:hover,table.t8 td.today:hover {color:#fff;cursor:pointer;background-color:#444}

.marquee {height:24px;margin:0 1px;padding:2px 4px 2px 6px;-webkit-marquee-direction:up;-webkit-marquee-increment:1px;-webkit-marquee-repetition:infinite;-webkit-marquee-speed:normal;-webkit-marquee-style:scroll;overflow-y:-webkit-marquee;font-size:8px}
.marquee p {border-top:1px dotted #bbb;padding-top:3px;margin-top:3px;text-transform:uppercase;font-weight:bold}
.marquee p:first-child {border:none}

table.list tr:first-child td,table.list tr:first-child th {font-weight:bold}
table.list td {padding:3px 6px 3px 6px;border-bottom:1px solid #ddd;white-space:nowrap}
table.list th {padding:3px 6px 3px 8px;border-bottom:1px solid #ddd;text-align:right;font-weight:normal;white-space:nowrap}
table.list tr.tot td,table.list tr.tot th {font-weight:bold;background-color:#ddd}
table.list tr.hl:hover {color:#fff;cursor:pointer;background-color:#444}
.wrap,table.list .wrap {width:99%;white-space:normal}

.sublist,.scrollbox {margin:0 4px}
.sublist table.list {margin-top:16px;border:0;box-shadow:0 0px 6px #777}
.sublist table.list tr:first-child td,.sublist table.list tr:first-child th,table.list tr.headerb td,table.list tr.headerb th {border:0;font-weight:bold;background-color:#ddd}

.scrollbox {max-height:153px;overflow:auto;margin-top:16px;margin-bottom:20px;box-shadow:0 0px 6px #777}
.scrollbox table.list {border:0}
.scrollbox table.list tr:first-child td,.scrollbox table.list tr:first-child th {border:0;font-weight:bold;background-color:#ddd}
.scrollbox table.list tr:last-child td,.scrollbox table.list tr:last-child th {border:0}

div.showinfo {text-align:center}
div.showinfo:hover {cursor:pointer}
div.showinfo:hover div.info {display:block}
div.info {display:none;z-index:150;background-color:rgba(255,250,184,0.95);position:absolute;margin-top:16px;margin-left:0px;padding:8px;box-shadow:0 2px 6px #222;border-radius:10px;}
table.list tr.headerb td .info td {background-color:transparent}
div.info table.info td {width:auto;border:0;padding:3px;font-weight:bold;vertical-align:middle}

.l0 {background:url(/media/media.png) 0 0;height:12px;width:12px;margin:0;padding:0}
.l1,.bool0 {background:url(/media/media.png) -12px 0;height:12px;width:12px;margin:0;padding:0}
.l2 {background:url(/media/media.png) -24px 0;height:12px;width:12px;margin:0;padding:0}
.l3 {background:url(/media/media.png) -48px 0;height:12px;width:12px;margin:0;padding:0}
.l4,.bool1 {background:url(/media/media.png) -36px 0;height:12px;width:12px;margin:0;padding:0}

.dcbox {font-size:0;text-align:center;margin-bottom:12px}
.dcbox div {display:inline-block;vertical-align:middle;font-size:6.5pt;text-shadow:0px 1px 1px #fff;font-weight:bold;cursor:pointer;border-radius:8px;margin:0;padding:2px 6px}
.dcbox div:hover,.dcbox div.h {box-shadow:inset 1px 2px 2px #666;background-color:#ccc;color:#222}
.dcbox div:active {background-color:#aaa}
div#dcal table {width:auto;margin:0 auto;border-spacing:8px;border-collapse:separate}
div#dcal table td {padding:8px 4px 4px 4px;border:1px solid #888;border-radius:9px;background-color:rgba(255,255,255,0.4);box-shadow:inset 0 1px 3px #888;font-weight:bold;text-align:center}
div#dcal table table {width:160px;border-spacing:0;margin-top:4px;border-top:1px solid #888}
div#dcal table table tr:first-child * {text-align:center;font-weight:bold;padding:8px 1px 4px 1px}
div#dcal table table td,div#dcal table table th {cursor:pointer;background:none;box-shadow:none;padding:1px;text-align:center;border:0;border-radius:9px;font-weight:normal}
div#dcal table table td.t {color:red}
div#dcal table table td.ht {box-shadow:inset 1px 1px 1px #777;background-color:lightblue;color:red}
div#dcal table table td:hover,div#dcal table table td.t:hover,div#dcal table table td.h {box-shadow:inset 1px 1px 1px #777;background-color:lightblue;color:#222}
div#dcal table table tr:not(:first-child) th {color:#999}

@-webkit-keyframes spinner {
	0% {-webkit-transform: rotate(0deg)}
	8.329% {-webkit-transform: rotate(0deg)}
	8.330% {-webkit-transform: rotate(30deg)}
	16.659% {-webkit-transform: rotate(30deg)}
	16.660% {-webkit-transform: rotate(60deg)}
	24.999% {-webkit-transform: rotate(60deg)}
	25% {-webkit-transform: rotate(90deg)}
	33.329% {-webkit-transform: rotate(90deg)}
	33.330% {-webkit-transform: rotate(120deg)}
	41.659% {-webkit-transform: rotate(120deg)}
	41.660% {-webkit-transform: rotate(150deg)}
	49.990% {-webkit-transform: rotate(150deg)}
	50% {-webkit-transform: rotate(180deg)}
	58.329% {-webkit-transform: rotate(180deg)}
	58.330% {-webkit-transform: rotate(210deg)}
	66.659% {-webkit-transform: rotate(210deg)}
	66.660% {-webkit-transform: rotate(240deg)}
	74.999% {-webkit-transform: rotate(240deg)}
	75% {-webkit-transform: rotate(270deg)}
	83.329% {-webkit-transform: rotate(270deg)}
	83.330% {-webkit-transform: rotate(300deg)}
	91.659% {-webkit-transform: rotate(300deg)}
	91.660% {-webkit-transform: rotate(330deg)}
	99.999% {-webkit-transform: rotate(330deg)}
	100% {-webkit-transform: rotate(0deg)}	
}

.spinnerdcal {display:none;vertical-align:middle;width:16px;height:16px;position:absolute;margin-left:8px;margin-top:-1px;-webkit-box-shadow:none;background:url(/media/spinner16.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}

.spinner12 {display:none;vertical-align:middle;width:12px;height:12px;background:url(/media/spinner12.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.spinner14 {display:none;vertical-align:middle;width:14px;height:14px;background:url(/media/spinner14.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.spinner16 {display:none;vertical-align:middle;width:16px;height:16px;background:url(/media/spinner16.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.spinner16d {display:none;vertical-align:middle;width:16px;height:16px;background:url(/media/spinner16d.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.spinner24 {display:none;vertical-align:middle;width:24px;height:24px;background:url(/media/spinner24.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.spinner24d {display:none;vertical-align:middle;width:24px;height:24px;background:url(/media/spinner24d.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.spinner32 {display:none;vertical-align:middle;width:32px;height:32px;background:url(/media/spinner32.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.spinner32c {display:none;vertical-align:middle;width:32px;height:32px;background:url(/media/spinner32c.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
.spinner32d {display:none;vertical-align:middle;width:32px;height:32px;background:url(/media/spinner32d.png) no-repeat center;-webkit-animation-name: spinner;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}