
header, footer, aside {display:block;}

* {padding:0; margin:0;}
body, select, td, th {font:12px arial,sans-serif;}
a, input, label, select {cursor:pointer;}
input[type='text'], input[type='password'], textarea {background-color:#B8905C; font:1.0em arial,sans-serif; height:18px; padding:0 0 0 3px; border-radius:5px; margin:3px; cursor:text;}
input[type='submit'], input[type='button'], input[type='file'], button {background-color:#B8905C; font:0.9em arial,sans-serif; height:18px; padding:0 5px; border-radius:5px; margin:3px;}
select {background-color:#B8905C; font:1.0em arial,sans-serif; height:18px; padding:0 0 0 3px; border-radius:5px; margin:3px;}
body {background:#B8905C; color:#493513; overflow:hidden;}
th {background:#B8905C;}
td {vertical-align:middle;}
a {color:#493513; 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:#493513; background:#493513;}
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; padding-left:3px;}

h3 {font-size:16px;}
h4 {font-size:15px;padding:10px 0 10px 0;}
h5 {font-size:1.2em;padding:10px 0 10px 0;}
h6 {font-size:1.2em;}

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:#B8905C; overflow:hidden;}
.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;}
.hide {display:none;}

header {padding:0px 20px; font: bold 13px/25px arial,sans-serif; text-shadow: 0.2em 0.3em 0.2em #888; text-align:center; background:#F7E7C3;}
div.titleBar {margin-bottom:10px; padding:0 10px; line-height:20px; font-weight:bold; background:#493513;}
div.navBar {clear:both; padding:0px 10px; line-height:20px; background:#493513; border:1px solid #808080;}
div.content {clear:both; position:absolute; left:0; top:48px; right:0; bottom:35px; padding:3px 26px 0 10px;}
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; bottom:10px; width: 98%; padding:0px 10px; font-size:0.8em; background:#493513; 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 #493513; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F7E7C3; z-index:20; overflow:hidden; display:none;}
div#upcoBar {position: absolute; top:46px; right:20px; height:60%; width:170px; padding:4px; border:2px solid #493513; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F7E7C3; z-index:20; overflow:hidden; display:none;}
div.barHead {background:#493513;color:#F7E7C3; font-weight:bold; margin-top:2px;}
div.barBody {position: absolute; top:30px; bottom:0px; width:100%; overflow:auto;}
div#optPanel {position: absolute; top:55px; left:10px; padding:4px; border:2px solid #493513; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F7E7C3; z-index:20; overflow:hidden; display:none;}
table.options th {min-width:110px;}
.optList {max-height:250px; overflow:auto;}

.scroll {overflow:auto;}
div.scrollBoxYe {position:absolute; left:0; top:35px; right:0; bottom:0px; padding:0 10px; overflow:auto;}
div.scrollBoxMo, .scrollBoxWe, .scrollBoxDa {position:absolute; left:0; top:35px; right:0; bottom:0px; padding:0 10px; overflow-y:scroll;}
div.scrollBoxUp, .scrollBoxCh {position:absolute; left:0; top:85px; right:0; bottom:0px; padding:0 10px; overflow:auto;}
div.scrollBoxSh, .scrollBoxSe, .scrollBoxAd {position:absolute; left:0; top:135px; right:0; bottom:0px; padding:0 10px; overflow:auto;}
div.scrollBoxHead {position:absolute; left:0; top:19px; 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%; table-layout:fixed; padding:13px 0 0 0;}
/* table.grid {width:100%; border-collapse:collapse;} */
table.grid .wkCol {border:1px solid #808080; width:25px;}
table.grid .tCol {border:1px solid #808080; width:70px;}
table.grid .dCol {border:1px solid #808080;}
table.grid .dCol7 {border:1px solid #808080; width:14%;}
table.grid .tColBg {background:#493513;}
table.grid .dColBg {background:#F7E7C3;}
table.grid tr.monthWeek {height:120px;}
table.grid tr.yearWeek {height:40px;}
table.grid th {color:#F7E7C3; overflow:hidden;}
table.grid td {border:1px solid #808080; overflow:hidden;}
table.grid td.wnr {border:none; vertical-align:middle; background:#493513; text-align:center;}
table.grid td.we0 {background:#B8905C;}
table.grid td.we1 {background:#B8905C;}
table.grid td.wd0 {background:#F7E7C3;}
table.grid td.wd1 {background:#F7E7C3;}
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:#493513;}
table.grid 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:#B8905C;}

.square {float:left; width:8px; height:8px; border:1px solid #808080;}
.event {margin:2px;}
.evtTitle {display:block;}
.firstDom, .dom {padding:0 2px; color:#493513;}
.firstDom {background:#B8905C;}
.wnr {color:#F7E7C3;}

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:#F7E7C3;}
.dates {position:absolute; left:0px; top:0px; width:100%;}
.evtBox {position:absolute; border:1px solid #808080; z-index:1; overflow:hidden;}
.dwEvent {margin-top:2px;}
.dwEventNw {margin-top:2px; white-space: nowrap}

.eventBg {width:80%; background:#F7E7C3; 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:#F7E7C3;}
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:40px; bottom:120px; padding:10px; border:1px solid #808080; background:#F7E7C3; z-index:20; display:none;}

div#loginBox {position: absolute; top:15%; left:50%; width:310px; margin-left:-190px; padding:30px; border:2px solid #493513; border-radius:5px; box-shadow:5px 5px 5px #888; font:0.9em arial,sans-serif; background:#F7E7C3; z-index:20;}
input.flush {width:0px; color:transparent; background-color:transparent; border-color:transparent; outline:0; cursor:default;}

table.list {width:100%; border-spacing:4px;}
.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:#F7E7C3;}
.label {cursor:default; text-align: right; padding:0 6px 0 0;}
.fieldBox {margin:10px 0; padding:15px; border:1px solid #888888; background:#F7E7C3;}
.legend {float:left; margin:-26px 0 0 0; font-weight:bold; background:#F7E7C3;}
.saveSettings {position:absolute; left:47%; top:100px;}

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:14px arial,sans-serif; text-align:center; color:#505050; background:#B8905C; border-radius: 5px; padding:6px 6px 0 6px; border:2px outset #493513;}
.dpTable th {background:#B8905C; color:#493513;font-weight:bold;padding:8px 0 8px 0;}
.dpTD {border:1px solid #F7E7C3;border-radius: 2px;background:#F7E7C3;font-weight:bold; padding:0 6px 0 6px;}
.dpTDHover {background:#493513;border:1px solid #888888; cursor:pointer; color:#F7E7C3;font-weight:bold;padding:0 6px 0 6px;}
.dpHilight {border:1px solid #888888; color:red; font-weight:bold;}
.dpTitle {background:#F7E7C3; padding:5px 0 5px 0; border-radius: 5px;font:bold 15px arial,sans-serif; color:#493513;}
.dpButton {font:bold 14px arial,sans-serif; color:#493513; background:#B8905C; cursor:pointer; margin:10px 5px 10px 5px; padding:0 0 20px 0;}
.line{margin: 0.7em 0px 0px;padding: 0px 0.2em;border-left: 0px none;border-right: 0px none;border-bottom: 0px none;}

.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-widget-header .ui-icon {background-image: url(../../imgs/datepicker/ui-icons_b83400_256x240.png); }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(../../imgs/datepicker/ui-icons_222222_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../imgs/datepicker/ui-icons_ffffff_256x240.png); }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-state-hover a, .ui-state-hover a:hover { color: #F7E7C3; text-decoration: none; }
.ui-datepicker a {text-decoration: none; color: #617789; transition: all 0.8s ease 0s;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #594431; background: #594431 url(../../imgs/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #F7E7C3; }
.ui-widget-header { border: 1px solid #d4d1bf; background: #F7E7C3 url(../../imgs/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat; color: #493513; font-weight: bold; }
.ui-widget-header .ui-icon {background-image: url(../../imgs/datepicker/ui-icons_b83400_256x240.png); }
.ui-widget-header a { color: #493513; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cbc7bd; background: #F7E7C3 url(../../imgs/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #594431; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #594431; background: #594431 url(../../imgs/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #F7E7C3; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d9d6c4; background: #B8905C url(../../imgs/ui-bg_fine-grain_15_eceadf_60x60.png) 50% 50% repeat; font-weight: bold; color: #140f06; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #b2a266; background: #f7f3de url(../../imgs/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #3a3427; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #681818; background: #b83400 url(../../imgs/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat; color: #F7E7C3; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #F7E7C3; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #F7E7C3; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }





.tpFrame {width:155px; overflow:hidden; font:11px/12px arial,sans-serif; text-align:center; color:#505050; background:#B8905C; border:2px outset white;}
.tpAM {background:#B8905C;font-weight:bold;}
.tpPM {background:#F7E7C3;font-weight:bold;}
.tpEM {background:#B8905C;font-weight:bold;}
.tpPick:hover {background:#493513;cursor:pointer; color:#F7E7C3;}

.cpDiv {width:156px; height:128px; overflow:auto; background:#DDDDDD; border:1px solid #666666;}
.cpCell {cursor:pointer; width:12px; height:12px;}
