
header, footer, aside {display:block;}

* {padding:0; margin:0;}
body, select, td, th {font:11px arial,sans-serif;}
input[type='text'], input[type='password'], textarea, select {padding:1px 0 0 4px; font:1.0em arial,sans-serif;}
input[type='submit'], input[type='button'], input[type='file'], button {font:0.9em arial,sans-serif; cursor:pointer; height:20px; padding:0 2px;}
body {background:#E0E0E0; color:#2B3856; overflow:hidden;}
th {background:#AAAAFF;}
td {vertical-align:top;}
a {color:#2B3856; text-decoration:none; cursor:pointer;}
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;}
select option {padding: 0 0 0 4px;}
mark {color:#FF00FF; font-weight:bold; text-decoration:underline;}
label {position:relative; top:-3px;}

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;}
.hyper:hover {cursor:pointer; background:#E0E0E0;}
.link {cursor:pointer; text-decoration:underline; color:#blue;}
.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;}
.flush {position: absolute; right: 100%;}

header {padding:0px 20px; font: 13px/25px arial,sans-serif; text-align:center; background:#F2F2F2;}
div.topText {margin:auto; width:95%; line-height:30px;}
div.navBar {clear:both; padding:0px 10px; line-height:20px; background:#AAAAFF; border:1px solid #808080;}
div.content {clear:both; padding:3px 26px 0 10px;}
div.contentS {clear:both; padding:3px 10px; font:1.1em arial,sans-serif;}
footer {position:absolute; left:0; bottom:10px; width: 98%; padding:0 1%; font-size:0.8em; background:#AAAAFF; border:1px solid #808080;}
.footLB {font:italic bold 1.1em arial,sans-serif; color:#0033FF;}
.footLR {font:italic bold 1.1em arial,sans-serif; color:#AA0066;}

div#taskBar {position: absolute; top:66px; right:40px; height:60%; width:170px; padding:4px; border:2px solid #AAAAFF; font:0.9em arial,sans-serif; background:#F2F2F2; z-index:20; overflow:hidden; display:none;}
div#upcoBar {position: absolute; top:46px; right:20px; height:60%; width:170px; padding:4px; border:2px solid #AAAAFF; font:0.9em arial,sans-serif; background:#F2F2F2; z-index:20; overflow:hidden; display:none;}
div.sideList {position: absolute; top:30px; bottom:0px; width:100%; overflow:auto;}
div#optPanel {position: absolute; top:45px; left:10px; padding:4px; border:2px solid #AAAAFF;
 font:0.9em arial,sans-serif; background:#F2F2F2; z-index:20; overflow:hidden; display:none;}
table.options th {min-width:110px; cursor:default;}
table.options input,label {cursor:pointer;}
.optList {max-height:250px; overflow:auto;}

.dragme {background:#AAAAFF; margin-top:2px; cursor:move;}

.scroll {overflow:auto;}
.scrollBoxYe {position:absolute; left:0; top:70px; right:0; bottom:35px; padding:0 10px; overflow:auto;}
.scrollBoxMo, .scrollBoxWe, .scrollBoxDa {position:absolute; left:0; top:85px; right:0; bottom:35px; padding:0 10px; overflow-y:scroll;}
.scrollBoxUp, .scrollBoxCh {position:absolute; left:0; top:125px; right:0; bottom:35px; padding:0 10px; overflow:auto;}
.scrollBoxSh {position:absolute; left:0; top:180px; right:0; bottom:35px; padding:0 10px; overflow:auto;}
.scrollBoxSe {position:absolute; left:0; top:140px; right:0; bottom:70px; padding:0 10px; overflow:auto;}
.scrollBoxAd {position:absolute; left:0; top:140px; right:0; bottom:35px; padding:0 10px; overflow:auto;}
.scrollBoxHead {position:absolute; left:0; top:67px; right:0; padding:0 10px; overflow-y:scroll;}

.centerBox {display:table; 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 {color:#2B3856; 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:#E0E0E0;}
table.grid td.today {border:1px solid #0000FF; background:#EEEEFF;}
table.grid td.slday {border:1px solid #FF0000; background:#FFEEEE;}

table.evtForm {width:100%; padding:5px; margin:0 0 10px 0; border-spacing:4px; background:#FFFFEE;}
.viewHdr {display:inline-block; min-width:350px;}
div.help {clear:both;}


.chkBoxes {color:#FF0000; background:#FFFFFF; padding-right:2px;}
.chkBoxes:hover {background:#E0E0E0;}


.square {float:left; width:8px; height:8px; border:1px solid #808080;}
.event {margin-top:2px;}
.evtTitle {display:block;}
.url {padding:0 2px; cursor:pointer; display:block;}
.firstDom {background:#AAAAFF;}
.dom {text-align:right; padding-right:2px;}
.firstDom, .dom, .wnr {color:#666666;}

var {display:block; border-bottom:1px solid #808080;}
.day ul {margin:5px; padding:0px 15px;}
.timeFrame {position:relative;}
.times {border-bottom:1px solid #808080; 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;}

.eventBg {width:80%; background:#F2F2F2; margin:0 40px; padding:10px;}
.headCh, .headUp {width:80%; margin:20px 40px 0 40px;}
.headSh {width:80%; margin:20px 40px 20px 40px;}
.lMarginUp {width:180px;}
.lMarginCh {width:120px;}

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

table.cList {width:100%; border-spacing:10px;}
table.uList {width:100%; border-spacing:2px;}
.aside {width:35%; border:1px solid #808080; background:#FFFFFF; margin:0 10px 10px 0; padding:5px; float:right;}
.labelFix {width:300px; cursor:default; text-align: right; padding:0 6px 0 0;}
.fieldBoxFix {width:100%; margin:10px 0; padding:15px; border:1px solid #888888; background:#F2F2F2;}
.label {cursor:default; text-align: right; padding:0 6px 0 0;}
.fieldBox {margin:10px 0; padding:15px; border:1px solid #888888; background:#F2F2F2;}
.legend {float:left; margin:-26px 0 0 0; font-weight:bold; background:#F2F2F2;}
.saveSettings {position:absolute; left:15%; bottom:35px;}

#htmlPop { position:absolute; width:150px; font:1.0em arial,sans-serif; padding:4px; visibility:hidden; z-index:10;font-size:1.2em;color:black; background-color:white;}
.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;}
