/* ---- general: site ----- */ * {padding:0; margin:0;} body, input,
textarea, select, td, th {font:12px arial, helvetica, sans-serif;} body
{background:
#E0E0E0; color:
#2B3856;} th {background:
#AAAAFF;} td, th {vertical-align:top;} a {color:
#2B3856; text-decoration:none;} hr {margin:10px 0px; height:2px;
border-width:0; color:
#AAAAFF; background-color:
#AAAAFF;} p {text-align:justify;} img {border-style:none;} h3 {font-size:16px}
h4 {font-size:15px;} h5 {font-size:13px;} .floatR {float:right;} .floatL
{float:left;} .floatC {margin:auto; text-align:center;} .spaceL
{margin-left:70px;} .point {cursor:pointer;} .arrow {cursor:default;}
.button {font:10px arial, helvetica, sans-serif; cursor:pointer;}
.container {padding:30px 0 30px 10%;} .warning {margin:10px auto;
width:50%; text-align:center; background:
#F6358A;} /* ---- canvas ---- */ .topBar {margin:auto; width:95%;
line-height:30px; background:
#F2F2F2;} .topBar h4 {text-shadow:grey 0.2em 0.3em 0.2em;} .navBar, .endBar
{clear:both; padding:0px 10px; background:
#AAAAFF; border:
1px solid #808080;} .navBar {line-height:30px;} .content {clear:both; padding:10px;} /*
---- views: general ----- */ table.grid {margin:5px 0px; width:100%;
border-collapse:collapse;} table.grid th, table.grid td {border:
1px solid #808080;} th.dcol {width:14%;} tr.monthWeek {height:120px;} tr.yearWeek
{height:40px;} td.holder{width:25%; padding:2px;} td.we0 {background:
#FFFFCC;} td.we1 {background:
#FFFFBB;} td.wd0 {background:
#FFFFEE;} td.wd1 {background:
#FFFFDD;} td.out {background:
#FDFDFD;} /* -- view: year/month -- */ .square { float:left; width:8px;
height:8px; border:
1px solid #808080; } .item { padding:2px; font-size:11px; display:block; width:97%; }

.dom { text-align:right; font-weight:bold; } .dom a { display:block;
width:100%; } .dom a:hover { background:
#E0E0E0; } .wnr { vertical-align:middle; color:
#888888; background:
#FFFFBB; text-align:center; font-weight:bold; } .textS { font-size:11px; }

.spacer { display:inline-block; width: 100px; } /* -- view:
week/day/dw_functions -- */ .day ul { margin:5px; padding:0px 15px; }

.cellTop { height:16px; background:
#AAAAFF; border-bottom:
1px solid #808080; font-weight:bold; text-align:center; } .cell { display:block;
height:29px; border-bottom:
1px solid #808080; color:
#888888; } .timeCell { line-height:29px; border-bottom:
1px solid #808080; text-align:center; color:
#888888; } .dates { position:absolute; left:0px; top:0px; width:100%; } .date {
position:absolute; border:
1px solid #808080; z-index:1; overflow:hidden; } .inner { padding:0px 2px;
font-size:11px; } .timeFrame { position:relative; } .timex { width:60px;
background:
#FFFFBB; } table.day { width:100%; border-collapse:collapse; } td.day
{background:
#FFFFEE;} /* -- view: upcoming -- */ .eventBg { width:80%; background:
#F2F2F2; margin:0 40px; padding:10px; } /* -- CSV upload -- */ .sideBar {
width:300px; border:
1px solid #808080; background:
#FFFFFF; margin:40px 10px; padding:5px; } .error {background:
#F6358A;} /* ---- settings ----- */ table.settings td {padding-bottom:8px;} /*
---- Date Picker Styles ----- */ .dpTable { width:150px; font:12px
Tahoma, Arial, sans-serif; text-align:center; color:#505050; background:
#F2F2F2; border:2px outset white; } table.dpTable th { background:
#AAAAFF; border:1px solid #AAAAAA; color:
#2B3856; } .dpTD { border:1px solid
#F2F2F2; } .dpTDHover { background:
#E0E0E0; border:1px solid #888888; cursor:pointer; color:red; } .dpHilight {
background:
#E0E0E0; border:1px solid #888888; color:red; font-weight:bold; } .dpTitle {
font-size:12px; color:
#2B3856; font-weight:bold; } .dpButton { font:10px verdana, tahoma, sans-serif;
color:
#2B3856; background:
#E0E0E0; font-weight:bold; cursor:pointer; } /* ---- Time Picker Styles -----
*/ .tpFrame { width:170px; height:225px; overflow:auto; font:11px
tahoma, 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; }

/* ---- Poptext.js Styles ---- */ #htmlpop{ position:absolute;
width:150px; border:1px solid #808080; padding:2px; font-size:11px;
-moz-box-shadow: 5px 5px 5px #888; -moz-border-radius: 5px; padding: 5px
5px 5px 15px; background:#FFFFE0; visibility:hidden; z-index:100; } /*
---- Color Picker Styles ----- */ .cpDiv { width:165px; height:145px;
overflow:auto; font:11px arial, helvetica, sans-serif;
background:#CCCCCC; border:1px solid #666666; } .cpCell {
cursor:pointer; width:15px; height:15px; } .cpButton{ font:10px arial,
helvetica, sans-serif; float:right; cursor:pointer; } /* -- table valign
-- */ .valign{ vertical-align:middle; }
select#user_name{width:90%}
div.show_notrelevant{position:absolute;top: 59px;left: 100px;margin:0; padding:0; font:12px Verdana,Arial;}
div.show_notrelevant input{margin:0px;padding:0px;cursor:pointer;}

span.nav_el{color:black; padding: 5px; font-size: 16px; font-weight: bold;}
span.nav_el_selected{font-size: 24px;color:black; padding: 2px; font-weight: bold; }
div.nav_line{position: relative;width:100%;height:30px;cursor: pointer; display:none;text-align:center;}
.correct{border:green 1px solid;}
.wrong{border:red 1px solid;}