/* ---- general: site ----- */ * {padding:0; margin:0;} body, select, td, th {font:11px arial,sans-serif;} input[type="text"], input[type="password"], textarea {padding:0 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;} body {background:#A9E2F3; 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;} br { line-height:10px; } 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 {margin:auto;} .inline {display:inline;} .point {cursor:pointer;} .arrow {cursor:default;} .hyper:hover {cursor:pointer; background:#A9E2F3;} .link {cursor:pointer; 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;} .mark {color:#FF0000; font-weight:bold; text-decoration:underline;} .flush {position: absolute; right: 100%;} /* ---- canvas ---- */ div.topBar {padding:0px 20px; font:bold 13px/25px arial,sans-serif; text-shadow: 0.2em 0.3em 0.2em #222; text-align:center; background:#A9E2F3;} 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.endBar {position:absolute; left:0; bottom:10px; width: 98%; padding:0 1%; font-size:0.8em; 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;} div#taskBar {position: absolute; top:66px; right:40px; height:60%; width:170px; padding:4px; border:2px solid #AAAAFF; border:2px solid #AAAAFF; border-radius:5px; box-shadow:5px 5px 5px #888; font-size:0.9em; background:#A9E2F3; 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; border:2px solid #AAAAFF; border-radius:5px; box-shadow:5px 5px 5px #888; font-size:0.9em; background:#A9E2F3; 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; border-radius:5px; box-shadow:5px 5px 5px #888; font-size:0.9em; background:#A9E2F3; 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;} .footLB {font:italic bold 1.1em arial,sans-serif; color:#0033FF;} .footLR {font:italic bold 1.1em arial,sans-serif; color:#AA0066;} .dragme {background:#AAAAFF; margin-top:2px; cursor:move;} /* ---- all pages ----- */ .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;} .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 tr.miniWeek {height:28px;} table.grid th { overflow:hidden;} table.grid td { overflow:hidden;} table.grid td.we0 {border:1px solid #808080; background:#FFFFCC;} table.grid td.we1 {border:1px solid #808080; background:#FFFFBB;} table.grid td.wd0 {border:1px solid #808080; background:#FFFFEE;} table.grid td.wd1 {border:1px solid #808080; background:#FFFFDD;} table.grid td.out {border:1px solid #808080; background:#FEFEFE;} table.grid td.blank {background:#A9E2F3;} table.grid td.today {border:2px solid #0000FF;} table.grid td.slday {border:2px solid #FF0000;} 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;} /* -- view: all -- */ .checkme { color:#FF0000; background:#FFFFFF; padding:0 1px; } .checkme:hover { background:#A9E2F3; } .chkboxes { float:left; margin-top:2px; padding:0 2px; } .chkboxes:hover { background:#A9E2F3; } /* -- view: year/month -- */ .square { float:left; width:8px; height:8px; border:1px solid #808080; } .miniSquare { float:left; width:5px; height:5px; border:1px solid #808080; } .event { padding:0 2px; margin-top:2px; display:block; } .url { padding:0 2px; cursor:pointer; display:block; } .dom { text-align:right; padding-right:2px; } .firstDom { background:#AAAAFF; } .wnr { vertical-align:middle; background:#FFFFBB; text-align:center; } /* -- view: week/day/dw_functions -- */ var { display:block; border-bottom:1px solid #808080; color:#888888; } .day ul { margin:5px; padding:0px 15px; } .timeFrame { position:relative; } .times { border-bottom:1px solid #808080; text-align:center; color:#888888; } .dates { position:absolute; left:0px; top:0px; width:100%; } .evtBox { position:absolute; border:1px solid #808080; z-index:1; overflow:hidden; } .dHeader { margin:-1px; border:1px solid #808080; border-collapse:collapse; } /* -- view: upcoming / changes / search -- */ .eventBg { width:80%; background:#A9E2F3; 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;} /* -- add/edit event -- */ div.repBox { position:absolute; left:40px; bottom:120px; width:360px; padding:10px; border:1px solid #808080; background:#C0C0C0; z-index:20; display:none; } /* ---- admin pages ----- */ .error {background:#F0A070;} .sideBar { width:35%; border:1px solid #808080; background:#FFFFFF; margin:0 10px 10px 0; padding:5px; } .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:#A9E2F3; } .label { cursor:default; text-align: right; padding:0 6px 0 0; } .fieldBox { margin:10px 0; padding:15px; border:1px solid #888888; background:#A9E2F3; } .legend { float:left; margin:-26px 0 0 0; font-weight:bold; background:#A9E2F3; } .saveSettings {position:absolute; left:15%; bottom:35px;} /* ---- Onmouseover popup Styles (general.js poptext) ---- */ #htmlPop{ position:absolute; width:150px; padding:4px; border-radius:5px; box-shadow:5px 5px 5px #888; visibility:hidden; z-index:10; } .normal {border:1px solid #808080; background:#A9E2F3;} .private {border:1px solid #808080; background:#CCFFCC;} .repeat {border:1px solid #E00060;} /* ---- Date Picker Styles ----- */ .dpTable { width:150px; font:12px arial,sans-serif; text-align:center; color:#505050; background:#A9E2F3; border:2px outset white; } .dpTable th { background:#AAAAFF; color:#2B3856; } .dpTD { border:1px solid #A9E2F3; } .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:#A9E2F3; cursor:pointer; } /* ---- Time Picker Styles ----- */ .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; } /* ---- Color Picker Styles ----- */ .cpDiv { width:156px; height:128px; overflow:auto; background:#DDDDDD; border:1px solid #666666; } .cpCell { cursor:pointer; width:12px; height:12px; }