@viewport {width:device-width; zoom:1;}



header, footer, aside {display:block;}



* {padding:0; margin:0;}

body, select, td, th {font:11px arial,sans-serif;}

a, input, label, select {cursor:pointer;}

input[type='text'], input[type='password'], textarea {font:1.0em arial,sans-serif; padding:0 2px; border-radius:2px; border:1px solid #666; cursor:text;}

input[type='text'], input[type='password'] {height:16px;}

input[type='radio'], input[type='checkbox'] {position:relative; top:3px; margin-right:3px;}

input[type='submit'], input[type='button'], input[type='file'], button {font:0.9em arial,sans-serif; height:18px; padding:1px 2px; border-radius:2px; border:1px solid #666; cursor:pointer;}

input[type='submit']:hover, input[type='button']:hover, input[type='file']:hover, button:hover {border-color:#0080FF; background:#FFF}

select {padding:1px 2px; font:1.0em arial,sans-serif; height:18px; border-radius:2px; border:1px solid #666;}

select option {padding: 0 2px;}

body {background:#E0E0E0; color:#2B3856; overflow:hidden;}

th {color:#2B3856; background:#AAAAFF;}

td {vertical-align:top;}

a {color:#2B3856; text-decoration:none;}

a:hover {text-shadow: 0.2em 0.3em 0.2em #F88;}

a.urlembed {font-weight:bold; text-decoration:underline;}

hr {margin:10px 0px; height:2px; border-width:0; color:#AAAAFF; background:#AAAAFF;}

p {text-align:justify;}

img {border-style:none;}

mark {color:#FF00FF; font-weight:bold; text-decoration:underline;}



h3 {font-size:14px;}

h4 {font-size:13px;}

h5 {font-size:1.0em;}

h6 {font-size:1.0em;}



ul, ol {margin:0 25px;}



.fontS {font-size:0.8em;}



.floatR {float:right;}

.floatL {float:left;}

.floatC {text-align:center;}

.center {display:block; margin:auto;}

.inline {display:inline;}



.point {cursor:pointer;}

.arrow {cursor:default;}

.move {cursor:move;}

.hyper:hover {cursor:pointer; background:#E0E0E0; overflow:hidden;}

.select:hover {cursor:pointer; background:red;}

.link {text-decoration:underline;}

.pageTitle {margin:0 0 20px 20%;}

.noButton {border:none; background:none; cursor:pointer; text-decoration:underline;}

.confirm {margin:auto; width:70%; text-align:center; background:#A0D070;}

.warning {margin:auto; width:70%; text-align:center; background:#FFF0A0;}

.error {margin:auto; width:70%; text-align:center; background:#F0A070;}

.inputError {background:#F0A070;}

.hilight {margin:10px 0; background:#F0A070;}

.hired {color: #FF0000; font-weight: bold;}

.hide {display:none;}

.attachment:hover { text-decoration: line-through; }



header {padding:0px 20px; font: bold 13px/25px arial,sans-serif; text-shadow: 0.2em 0.3em 0.2em #888; text-align:center; background:#F2F2F2;}

div.titleBar {margin-bottom:10px; padding:0 10px; line-height:20px; font-weight:bold; background:#AAAAFF;}

div.navBar {padding:0px 10px;	line-height:20px;	background:#AAAAFF;	border:1px solid #808080;	border-style:solid none;}

div.content {position:absolute; left:0; top:48px; right:0; bottom:30px;}

div.contentE {padding:3px 10px; font:1.1em arial,sans-serif;}

div.contentH {height:460px; padding:3px 10px; font:1.1em arial,sans-serif;}

footer {position:absolute; left:0; right:0; bottom:10px; padding:0px 10px; font-size:0.8em; background:#AAAAFF; border:1px solid #808080; border-style:solid none; text-align:center;}

.footLB {font:italic bold 1.1em arial,sans-serif; color:#0033FF;}

.footLR {font:italic bold 1.1em arial,sans-serif; color:#AA0066;}

div#toapBar {position: absolute; top:86px; right:60px; height:60%; width:170px; padding:4px; border:2px solid #AAAAFF; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F2F2F2; z-index:22; overflow:hidden; display:none;}

div#todoBar {position: absolute; top:66px; right:40px; height:60%; width:170px; padding:4px; border:2px solid #AAAAFF; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F2F2F2; z-index:21; overflow:hidden; display:none;}

div#upcoBar {position: absolute; top:46px; right:20px; height:60%; width:170px; padding:4px; border:2px solid #AAAAFF; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F2F2F2; z-index:20; overflow:hidden; display:none;}

div.barHead {background:#AAAAFF; font-weight:bold; margin-top:2px;}

div.barBody {position:absolute; top:35px; bottom:0px; width:100%; overflow:auto;}

div#optPanel {position:absolute; top:46px; left:10px; padding:4px; border:2px solid #AAAAFF; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F2F2F2; z-index:20; overflow:hidden; display:none;}

div.option {float:left; margin:0 2px;}

div.optList {max-height:220px; overflow-y:scroll;}

div.optHead {margin:4px 0;background:#AAAAFF;}



.scroll {overflow:auto;}

div.scrollBoxYe {position:absolute; left:0; top:20px; right:0; bottom:0px; padding:0 5px; overflow:auto;}

div.scrollBoxMo, .scrollBoxWe, .scrollBoxDa {position:absolute; left:0; top:35px; right:0; bottom:0px; padding:0 5px; overflow-y:scroll;}

div.scrollBoxUp, .scrollBoxCh {position:absolute; left:0; top:85px; right:0; bottom:0px; padding:0 5px; overflow:auto;}

div.scrollBoxSh, .scrollBoxSe, .scrollBoxAd {position:absolute; left:0; top:135px; right:0; bottom:0px; padding:0 5px; overflow:auto;}

div.scrollBoxMx {position:absolute; left:5px; top:20px; right:5px; bottom:0px; overflow:auto;}

div.scrollBoxHead {position:absolute; left:0; top:19px; right:0; padding:0 5px; overflow-y:scroll;}

div.calHeadMx {margin-left:180px; text-align:center;}

div.catBoxMx {position:absolute; left:0; top:20px; width:180px;}

div.calBoxMx {position:absolute; left:180px; top:0; right:0; overflow-x:scroll;}



.centerBox {display:table; margin:0 auto;}

.centerBoxFix {width:870px; margin:0 auto;}



table.mgrid {width:100%;}

table.mgrid td.holder{vertical-align:top; width:16%; padding:2px;}



table.grid {width:100%; border-collapse:collapse; table-layout:fixed;}

/* table.grid {width:100%; border-collapse:collapse;} */

table.grid .wkCol {border:1px solid #808080; width:25px;}

table.grid .tCol {border:1px solid #808080; width:50px;}

table.grid .dCol {border:1px solid #808080;}

table.grid .dCol7 {border:1px solid #808080; width:14%;}

table.grid .tColBg {background:#FFFFBB;}

table.grid .dColBg {background:#FFFFEE;}

table.grid tr.monthWeek {height:120px;}

table.grid tr.yearWeek {height:40px;}

table.grid th {overflow:hidden;}

table.grid td {border:1px solid #808080; overflow:hidden;}

table.grid td.wnr {border:none; vertical-align:middle; background:#FFFFBB; text-align:center;}

table.grid td.we0 {background:#FFFFCC;}

table.grid td.we1 {background:#FFFFBB;}

table.grid td.wd0 {background:#FFFFEE;}

table.grid td.wd1 {background:#FFFFDD;}

table.grid td.out {background:#FEFEFE;}

table.grid td.blank {border:none; background:rgba(0,0,0,0);}

table.grid td.today {border:1px solid #0000FF; background:#FFE600;font-weight:bold;}

/* table.grid td.today {border:1px solid #0000FF; background:#EEEEFF;}*/

table.grid td.slday {border:1px solid #FF0000; background:#FFEEEE;}



table.matrix {border-collapse:collapse; width:100%; table-layout:fixed;}

table.matrix th.month {text-align:left; font-weight:bold;}

table.matrix th.cName {font-weight:bold;}

table.matrix tr {height:46px;}

table.matrix tr.headMx {height:20px;}

table.matrix col {width:42px;}

table.matrix td {border:1px solid #808080; overflow:hidden;}

table.matrix td.cName {padding:5px;}

table.matrix td.we {background:#FFFFBB;}

table.matrix td.wd {background:#FFFFEE;}

table.matrix td.today {border:1px solid #0000FF; background:#EEEEFF;}

table.matrix td.slday {border:1px solid #FF0000; background:#FFEEEE;}



div.help {clear:both;}



.viewHdr {display:inline-block; min-width:350px;}

.chkBox {color:#FF0000; background:#FFFFFF; padding-right:2px;}

.chkBox:hover {background:#E0E0E0;}



.square {float:left; width:8px; height:8px; border:1px solid #808080;}

.event {margin:2px;}

.evtTitle {display:block;}

.dom {padding:0 2px; color:#666666;}

.firstDom {padding:0 2px; color:#2B3856; background:#AAAAFF;}

.wnr {color:#666666;}

.thNail {max-width: 100%;}



var {display:block; border:1px solid #808080; border-style:none none solid none;}

.day ul {margin:5px; padding:0px 15px;}

.timeFrame {position:relative;}

.times {border:1px solid #808080; border-style:none none solid none; text-align:center; color:#666666;}

.dates {position:absolute; left:0px; top:0px; width:100%;}

.evtBox {position:absolute; border:1px solid #808080; z-index:1; overflow:hidden; border-radius: 5px; box-shadow: 10px 10px 25px grey;}

.dwEvent {margin-top:2px;}

.dwEventNw {margin-top:2px; white-space: nowrap}



.eventBg {width:80%; background:#F2F2F2; margin:0 40px; padding:10px;}

div.subHead {width:80%; margin:20px 40px 0px 40px}

td.widthCol1 {width:120px;}

td.eBox {padding-left:5px;}



table.evtForm {width:100%; padding:5px; margin:0 0 10px 0; border-spacing:4px; background:#FFFFEE;}

table.evtForm col.col1 {width:80px;}

table.evtForm col.col2 {width:120px;}

table.evtForm col.col3 {width:120px;}

div.apdBar {text-align:center; margin: 4px 0; font-weight:bold;}

div.repBox {position:absolute; left:30px; bottom:120px; padding:10px; border:1px solid #808080; background:#C0C0C0; z-index:20; display:none;}



div.loginBox {width:310px; margin:50px auto; padding:30px 65px 30px 35px; border:2px solid #AAAAFF; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F2F2F2;}

input.flush {width:0px; color:transparent; background-color:transparent; border-color:transparent; outline:0; cursor:default;}



fieldset {width:100%; margin-bottom:10px; padding:10px; border:1px solid #888888; background:#F2F2F2; border-radius:5px;}

legend {font-weight:bold; padding: 0 5px; background:#F2F2F2;}

table.list {width:100%; border-spacing:4px;}

.sLabel {display:inline-block; width:320px; cursor:default; text-align:right; margin:0 6px;}

.sValue {display:inline-block; cursor:default; text-align:left; margin:0 0 2px 6px;}

.label {cursor:default; text-align:right; padding:0 6px 0 0;}

.aside {width:35%; border:1px solid #808080; background:#FFFFFF; margin:0 10px 10px 0; padding:5px; float:right;}

.saveSettings {display:block; margin:25px auto 10px auto;}



div#htmlPop {position:absolute; width:150px; font:1.0em arial,sans-serif; padding:4px; border-radius:5px; box-shadow:5px 5px 5px #888; visibility:hidden; z-index:10;}

.normal {border:1px solid #808080; background:#FFFFE0;}

.private {border:1px solid #808080; background:#CCFFCC;}

.repeat {border:1px solid #E00060; background:#FFFFE0;}



.dpTable {width:150px; font:12px arial,sans-serif; text-align:center; color:#505050; background:#F2F2F2; border:2px outset white;}

.dpTable th {	background:#AAAAFF; color:#2B3856;}

.dpTD {border:1px solid #F2F2F2;}

.dpTDHover {border:1px solid #888888; cursor:pointer; color:red;}

.dpHilight {border:1px solid #888888; color:red; font-weight:bold;}

.dpTitle {font:bold 12px arial,sans-serif; color:#2B3856;}

.dpButton {font:bold 10px arial,sans-serif; color:#2B3856; background:#E0E0E0; cursor:pointer;}



.tpFrame {width:155px; overflow:hidden; font:11px/12px arial,sans-serif; text-align:center; color:#505050; background:#F2F2F2; border:1px solid #AAAAAA;}

.tpAM {background:#EEFFFF;}

.tpPM {background:#FFCCEE;}

.tpEM {background:#DDFFDD;}

.tpPick:hover {background:#A0A0A0; color:red;}



.cpDiv {width:156px; height:128px; overflow:auto; background:#DDDDDD; border:1px solid #666666;}

.cpCell {cursor:pointer; width:12px; height:12px;}