/**
 * Static CSS styles used in WebCalendar.
 *
 * @author Craig Knudsen <cknudsen@cknudsen.com>
 * @copyright Craig Knudsen, <cknudsen@cknudsen.com>, http://www.k5n.us/cknudsen
 * @license http://www.gnu.org/licenses/gpl.html GNU GPL
 *
 * @version $Id: styles.css,v 1.39 2010/10/20 01:28:21 cknudsen Exp $
 * hmmm... How does the version line work on github?
 *
 * @package WebCalendar
 */

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* These are to prevent some 'spam site' complaints. */
  background-color: #FFFFFE;
  color: #000001;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
html,
body {
  position:relative;
  width:100%;
  margin:0;
  padding:0;
}

body{
  background-color: var(--bgcolor);
  color: var(--textcolor);
  font: var(--def-font-size)/1.5 var(--def-font-family);
}

a {
  color: var(--textcolor);
  text-decoration:none;
}
a.weekcell {
  color: var(--weeknumber);
}
abbr {
  cursor:help;
}
div {
  border:0;
}
h2 {
  color: var(--h2color);
  font-size:1.875rem;
}
h3 {
  font-size:1.500rem;
}
fieldset {
  width:96%;
}
label {
/*  font-weight:bold;
  /*font-size:.6875rem;*/
}

p,
input,
select {
  /*font-size:.75rem;*/
}
textarea {
  /*font-size:.75rem;*/
  overflow:auto;
}
table {
  border:0;
  border-collapse:collapse;
  border-spacing:0;
  table-layout:fixed;
}
th,
td {
  margin:0;
  border:0;
  padding:0;
}
th,
.layertable th {
  background-color: var(--thbg);
  color: var(--thfg);
}
th {
  /*font-size:.8125rem;*/
}
td {
  /*font-size:.6875rem;*/
}
ul,
ul a {
  /*font-size:.75rem;*/
}
.alt {
  background-color: var(--cellbg);
}
.main {
  clear:both;
  width:100%;
  border-right:1px solid var(--tablebg);
  border-bottom:1px solid var(--tablebg);
}
.main th,
.main td {
  width:14%;
  border-top: 1px solid var(--tablebg);
  border-left: 1px solid var(--tablebg);
  vertical-align:top;
}
.minical td.weekend,
#editentry th.weekend {
   background-color: var(--weekendbg);
}
.minical td#today,
#listunapproved .odd {
  background-color: var(--todaycellbg);
}
.underline {
 text-decoration:underline;
}
.fixed {
  width:10rem;
  margin-right:0;
}
.cursoradd a, .clickable {
  cursor:pointer;
}
.task {
  color: var(--textcolor);
}
.warningBox {
  background-color: #FFC0C0;
  border: 1px solid #A04040;
  color: #000;
  margin: 20px;
}
#tabs,
#tabscontent {
  position:relative;
  width:96%;
}
#tabscontent {
  margin:-.0625rem .125rem;
  border:.125rem groove #C0C0C0;
  padding:.5rem;
  background-color:#F8F8FF;
  z-index:50;
}
.tabfor,
.tabbak  {
  position:relative;
  margin:0 0 0 .1rem;
  border:.125rem ridge #C0C0C0;
  border-bottom:.125rem solid #F8F8FF;
  padding:.2rem .2rem .1rem;
  -moz-border-radius:.75rem .75rem 0 0;
       border-radius:.75rem .75rem 0 0;
}
.tabfor a,
.tabbak a {
  color: var(--h2color);
  font-weight:bold;
  /*font-size:.875rem;*/
}
.tabbak a {
  color:#999;
}
.tabfor {
  background-color:#F8F8FF;
  z-index:51;
}
.tabbak {
  background-color:#E0E0E0;
  z-index:49;
}
#editnonusers,
#editremotes,
#editremoteshandler,
#edituser,
#groupedit,
#viewsedit {
  background-color:#F8F8FF;
}
#cat,
#day dl.desc,
#grpiframe,
#nonusersiframe,
#remotesiframe,
#tabscontent_boss,
#tabscontent_colors,
#tabscontent_email,
#tabscontent_groups,
#tabscontent_header,
#tabscontent_nonuser,
#tabscontent_nonusers,
#tabscontent_other,
#tabscontent_participants,
#tabscontent_pete,
#tabscontent_public,
#tabscontent_reminder,
#tabscontent_remotes,
#tabscontent_sched,
#tabscontent_subscribe,
#tabscontent_themes,
#tabscontent_uac,
#useriframe,
#viewiframe {
  display:none;
}
#tabscontent_colors p span,
.sample {
  margin:0 .0625rem;
  border-style:groove;
  padding:0 .5rem;
}
.weeknumber {
  color: var(--weeknumber);
  font-size:.625rem;
  text-decoration:none;
}
img {
  border:0;
}
img.color {
  width:.9375rem;
  height:.9375rem;
}
#dateselector,
#trailer {
  margin:0;
  padding:0;
}
#dateselector form {
  float:left;
  width:33%;
  margin-top:.3125rem;
  margin-bottom:1.5625rem;
  padding-top:.3125rem;
}
#dateselector label,
#trailer label {
  margin:0;
  padding:0;
}
#monthform {
  clear:left;
  margin-bottom:0;
}
#weekform {
  margin-bottom:0;
  text-align:center;
}

#weekmenu,
#monthmenu,
#yearmenu {
  margin-bottom:0;
  /*font-size: small;*/
  text-align:right;
}

#viewr .main th a,
#week .main th a,
#weekdetails .main th a {
  color: var(--thfg);
}

#yearform {
  clear:right;
  margin-bottom:0;
  text-align:right;
  border: 1px solid red;
}

#menu {
  clear:both;
}

#menu,
#menu a,
.prefix,
.printer {
  color: var(--textcolor);
  font-size:.875rem;
}

.prefix {
  font-weight:bold;
}
a#programname {
  margin-top:.625rem;
  font-size:.625rem;
}
.printer {
  clear:both;
  width:15ex;
  display:block;
  text-decoration:none;
}
.new {
  float:right;
}
.unapprovedentry {
  padding-right:.1875rem;
  color:#800000;
/* Remove comments to set unapproved in italics.
  font-style:italic;
*/
  /*font-size:.75rem;*/
  text-decoration:none;
}
.nounapproved {
  font-weight:bold;
  font-size:.875rem;
}
.entry {
  color: var(--myevents);
}
.entry,
.layerentry {
  padding-right:.1875rem;
  font-size:.75rem;
  text-decoration:none;
}
.layerentry {
  color:#006060;
}
.entry img,
.layerentry img,
.unapprovedentry img {
  margin-right:.125rem;
  margin-left:.125rem;
}
.dayofmonth {
  color: var(--tablebg);
  border:1px solid var(--tablebg);
  border-width:0 1px 1px 0;
  padding:0 .125rem 0 .1875rem;
  font-weight:bold;
  font-size:.75rem;
  text-decoration:none;
  vertical-align:top;
}
.dayofmonth:hover {
  border-right:1px solid #00F;
  border-bottom:1px solid #00F;
}
.next img,
#activitylog .next {
  float:right;
}
.prev img,
#activitylog .prev {
  float:left;
}
.next img,
.prev img {
  margin-top:.4375rem;
  margin-right:.1875rem;
}
#activitylog .next,
#activitylog .prev {
  border:0;
  font-weight:bold;
  font-size:.875rem;
}
#day .next img,
#day .prev img {
  margin-top:2.3125rem;
}
#day .monthnav .next img,
#day .monthnav .prev img {
  margin:0;
}
.dailymatrix {
  background-color: var(--thbg);
  cursor:pointer;
  font-size:.75rem;
  text-align:right;
  text-decoration:none;
}
.dailymatrix:hover {
  background-color:#CFC;
}
td.matrixappts {
  width:0;
  background-color: var(--cellbg);
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
}
td.matrixappts:hover {
  background-color:#CFC;
}
td.matrix {
  height:1px;
  background-color:#000;
}
.matrix img {
  width:100%;
  height:1px;
}
a.matrix img {
  width:100%;
  height:.5rem;
}
.matrixd {
  margin-right:auto;
  margin-left:auto;
  border-right:1px solid var(--tablebg);
  border-left:1px solid var(--tablebg);
}
.matrixledge {
  border-left:1px solid #000;
}
.matrixlegend {
  margin-top:1.5625rem;
  margin-right:auto;
  margin-left:auto;
  border:1px solid #000;
  padding:.3125rem;
  background-color:#FFF;
  text-align:center;
}
.matrixlegend img {
  width:.625rem;
  height:.625rem;
}
.nav {
  color: var(--textcolor);
  font-size:.875rem;
  text-decoration:none;
}
.popup {
  position:absolute;
  top:0;
  left:0;
  color: var(--popupfg);
  border:2px solid var(--popupfg);
  background-color: var(--popupbg);
  padding:1.0rem;
  font-size:.75rem;
  text-decoration:none;
  visibility:hidden;
  z-index:20;
  border-radius:8px;
  -moz-border-radius:8px;
  box-shadow: 5px 5px 5px var(--box-default-color);
}
.popup dl,
.popup dt {
  margin:0;
  padding:0;
}
.popup dt {
  font-weight:bold;
}
.popup dd {
  margin-left:1.25rem;
}
.tooltip,
.tooltipselect {
  cursor:help;
  font-weight:bold;
  font-size:.6875rem;
  text-decoration:none;
}
.tooltip {
  width:7.5rem;
}
.tooltipselect {
  vertical-align:top;
}
.user,
.categories {
  color: var(--h2color);
  font-size:1.125rem;
  text-align:center;
}
.asstmode {
  color: var(--h2color);
  font-weight:bold;
  text-align:center;
}
.help {
  font-weight:bold;
  vertical-align:top;
}
.helpbody {
  margin-bottom:1rem;
  font-weight:normal;
  vertical-align:top;
}
.helpbody div {
  border:1px solid #000;
}
.helpbody label {
  font-size:1.1rem;
  vertical-align:top;
}
.helpbody p {
  margin:1rem;
}
.helplist {
  border:0;
  font-weight:bold;
  font-size:1.2rem;
  text-align:center;
}
.helplist a {
  font-weight:normal;
  text-decoration:underline;
}
.helplist a.current {
  font-weight:bold;
  text-decoration:none;
}
#helpbug form {
  margin-bottom:1rem;
}
#helpbug label {
  clear:left;
  float:left;
  width:32%;
}
#helpbug p {
  margin:0 1rem;
}
img.help {
  cursor:help;
}
.sample {
  text-align:left;
  width:1rem;
}
.standard {
  background-color: var(--cellbg);
  border:1px solid var(--tablebg);
  font-size:.75rem;
}
.standard th {
  border:0;
  border-bottom:1px solid var(--tablebg);
  padding:0;
  font-size:1.125rem;
}
 /* style for week hover highlight */
tr.highlight td {
  background-color:#ffb !important;
}
.minical {
  margin:0 0 .3125rem 0;
  font-size:.7rem;
}
.minical caption a {
  color: var(--captions);
  font-weight:bold;
}
.minical th {
  border:0 solid var(--bgcolor);
  padding:0 .125rem;
}
.minical th,
.minical td.empty {
  background-color: var(--bgcolor);
  color: var(--textcolor);
  text-align:center;
}
.minical th.empty {
  background-color:transparent;
}
.minical td {
  background-color: var(--cellbg);
  border:1px solid var(--bgcolor);
  padding:0.05rem .125rem;
}
.minical td a {
  margin:0;
  padding: 0 .15rem;
  display:block;
  text-align:center;
}
.minical td.hasevents {
  font-weight:bold;
}
.minitask {
  width:98%;
  margin-left:1px;
  border:1px solid #000;
}
.minitask tr.header th,
.minitask tr.header td {
  background-color: var(--cellbg);
  border-bottom:.125rem solid #000;
  padding:0;
  font-size:.75rem;
  text-align:center;
}
.minitask tr.header td {
  margin:0;
  border-bottom:0;
  text-align:right;
}
.sorter {
  margin:0;
  border-bottom:0;
  cursor:pointer;
  text-align:left !important;
}
.sorterbottom {
 border-bottom:1px solid #000 !important;
}
.minitask td {
  color: var(--textcolor);
  border-bottom:1px solid #000;
  padding:0;
  font-size:.75rem;
  text-align:center;
}
.minitask td.filler {
  border-bottom:0;
  padding:0;
}
#admin table,
#pref table {
  vertical-align:top;
}
#admin input,
#admin select,
#pref input,
#pref select {
  margin:0 .1875rem;
}
#admin .main td,
#pref .main td {
  height:1.875rem;
}
#admin .main td,
#admin .main th,
#pref .main td,
#pref .main th {
  font-size:.75rem;
}
#admin .empty,
#pref .empty {
  border-top:transparent;
  border-left:transparent;
}
#admin .main td.weekcell,
#pref .main td.weekcell {
  color: var(--h2color);
  margin:0;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
}
#admin #em_smtp { font-size:.85rem; }
#admin #default-user-settings { font-size:.85rem; }
#admin .main th.weekcell,
#pref .main th.weekcell {
  background-color:transparent;
}
#admin .main td.empty,
#admin .main td.weekcell,
#admin .main th.empty,
#admin .main th.weekcell,
#pref .main td.empty,
#pref .main td.weekcell,
#pref .main th.empty,
#pref .main th.weekcell {
  width:1%;
}
#admin #tabscontent p label,
#pref #tabscontent p label {
  clear:left;
  float:left;
  width:25%;
  margin:0;
  padding:0 .25rem;
}
#admin #saver {
  clear:both;
  margin-top:1rem;
}
#example_month {
  float:right;
  width:45%;
  background-color: var(--bgcolor);
  margin:3rem 1rem 0;
}
#example_month p {
  color: var(--h2color);
  font-weight:bold;
  text-align:center;
}
#pref .tooltip {
  width:14.6875rem;
  vertical-align:top;
}
.embactlog {
  width:100%;
  border-right:1px solid var(--tablebg);
  border-bottom:1px solid var(--tablebg);
  border-spacing:0;
}
.embactlog tr {
  background-color:#FFF;
}
.embactlog .odd {
  background-color:#EEE;
}
.embactlog th {
  width:14%;
  border-top:1px solid var(--tablebg);
  border-bottom:1px solid var(--tablebg);
  border-left:1px solid var(--tablebg);
  padding:.0625rem .1875rem;
}
.embactlog th.action,
.embactlog th.cal,
.embactlog th.usr {
  width:7%;
}
.embactlog td {
  border-left:1px solid var(--tablebg);
  padding:.0625rem .1875rem;
}
#day div.minicalcontainer {
  border:1px solid #000;
  padding:.2875rem;
  vertical-align:top;
}
#day table .minical {
  width: 100%;
  margin-right:auto;
  margin-left:auto;
}
#day .minical caption {
  background-color: var(--thbg);
  color: var(--thfg);
  margin-right:auto;
  margin-left:auto;
  font-weight:bold;
  font-size:2.9375rem;
}
#day .minical td.selectedday {
  border:.125rem solid var(--tablebg);
}
#day .monthnav th {
  width: 95%;
  border:0;
  padding:.1875rem;
  text-align:center;
}
.menuhref {
  font-family:arial, verdana, sans-serif;
}
#datesel td.field {
  font-size:.75rem;
}
.glance {
  width:100%;
  border-right:1px solid var(--tablebg);
  border-bottom:1px solid var(--tablebg);
}
.glance th.empty {
  background-color: var(--bgcolor);
  border-top:1px solid var(--bgcolor);
  border-left:1px solid var(--bgcolor);
}
.glance th.row {
  width:14%;
  height:2.5rem;
  border-top:1px solid var(--tablebg);
  border-left:1px solid var(--tablebg);
  vertical-align:middle;
}
.glance td {
  border-top:1px solid var(--tablebg);
  border-left:1px solid var(--tablebg);
  padding-left:.1875rem;
  vertical-align:top;
}
#day .glance td {
  width:86%;
  height:2.5rem;
}
#day dl.desc {
  margin:0;
  padding:0;
}
#day dl.desc dt {
  font-weight:bold;
}
#day dl.desc dd {
  margin:0;
  padding-left:1.25rem;
}
#year #monthgrid {
  margin: 10px auto;
}
#year #monthgrid td {
  padding:0 .3125rem;
  vertical-align:top;
  margin: 10px auto;
}
#year .minical tr {
  vertical-align:top;
}
#pref .main th,
#viewv .main th,
#viewl .main th,
#month .main th {
  width:14%;
}
#vieww .main th,
#week .main th {
  width:12%;
}
#viewr th.small {
  background-color:none;
  font-size:.5rem;
}
#viewd .main th {
  border-right:1px solid var(--tablebg);;
  padding:.0625rem;
}
#month .main th.empty,
#pref .main th.weekcell,
#viewl .main th.empty {
  width:1%;
  border-top:0;
  border-left:0;
  background-color:transparent;
}
#day .main th.empty {
  width: 14%;
  border-top:0;
  border-left:0;
  background-color:transparent;
}
#month .main td.weekcell,
#pref .main td.weekcell,
#viewl .main td.weekcell {
  width:1%;
  color: var(--h2color);
  margin:0;
  font-size:.75rem;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
}
#pref .main td.empty,
#pref .main th.empty {
  width:1%;
  border-top-color:transparent;
  border-left-color:transparent;
}
#pref .main td.weekcell,
#pref .main th.weekcell {
  width:1%;
}
#viewv .main th.empty,
#viewm .main th.empty,
#vieww .main th.empty,
#viewr .main th.empty,
#week .main th.empty {
  width:5%;
  border-top:1px solid var(--bgcolor);
  border-left:1px solid var(--bgcolor);
  background-color:none;
  background-color:transparent;
}
#week .main th.row {
  width:5%;
  height:2.5rem;
  vertical-align:top;
}
#viewt.main {
  margin:0;
  padding:0;
}
#vieww .main th.row,
#viewv .main th.row,
#viewm .main th.row,
#viewt .main th {
  width:10%;
  vertical-align:top;
}
#viewv .main th.row {
  padding:0 .3125rem;
  text-align:left;
}
#viewd .main th.row {
  border-right-width:0;
  text-align:left;
}
#viewr th.row {
  height:2.5rem;
  vertical-align:top;
}
#vieww .main th.today,
#viewm .main th.today,
#viewv .main th.today {
  width:10%;
}
#pref .main th.today,
#viewr .main th.today,
#week .main th.today {
  width:14%;
}
#year .minical td {
  text-align:center;
  vertical-align:top;
}
#pref .main td {
  height:1.875rem;
  font-size:.75rem;
}
#viewl .main td,
#contentMonth .main td,
#month .main td {
  height:6.0rem;
  font-size:.75rem;
  vertical-align:top;
}
#vieww .main td,
#week .main td,
#viewr .main td,
#viewm .main td,
#viewv .main td {
  font-size:.75rem;
  padding-left:.1875rem;
}
#viewl #prevmonth {
  float:left;
}
#viewl #nextmonth {
  float:right;
}
#month .minical caption,
#viewl .minical caption {
  margin-left:4ex;
}
#year .minical {
  display:block;
}
#year .minical caption {
  margin:0 auto;
}
#viewl .minical,
#month .minical {
  margin:0 .25rem;
  border:0;
}
#combo div.headerinfo, #month2 div.headerinfo {
  margin:.9375rem;
  border:1px solid #000;
  padding:.625rem;
  background-color:#FFF;
  color:#000;
}
#combo div.headerinfo .username, #month2 div.headerinfo .username {
  font-weight:bold;
  font-size:16pt;
}
#combo div.headerinfo #categoryselection, #month2 div.headerinfo #categoryselection {
  padding-left:1.875rem;
  font-weight:normal;
  font-size:12pt;
}
#combo div.headerinfo #selectedcategories, #month2 div.headerinfo #selectedcategories {
  font-weight:normal;
  font-size:12pt;
}
#combo #categorylist, #month2 #categorylist {
  border:1px solid #CCC;
  background-color:#FFA;
}
#contentMonth #monthstatus {
  margin-left:1.25rem;
}
#month2 td.displayYear { font-size: 1.2rem !important; }
#contentMonth .monthtitle,
#contentYear .yeartitle,
#contentDay .daytitle {
  margin:0 0 0 .3125rem;
  padding:0;
  font-size:18pt;
  text-align:center;
}
#combo #contentMonth #month_main, #month2 #contentMonth #month_main {
  margin-top: 10px;
}
#combo #contentMonth #month_main td, #month2 #contentMonth #month_main td {
  height:90px;
}
#combo .event, #month2 .event {
  margin-top:.0625rem;
  overflow:hidden;
}
#combo #contentMonth .eventname, #month2 #contentMonth .eventname {
  vertical-align: top;
}
#combo #contentMonth .event, #month2 #contentMonth .event {
  vertical-align: middle;
}
#contentYear #year_main,
#contentYear .monthblock {
  background-color: #FFF;
  border: 0;
}
#contentYear .monthtable {
  margin-bottom: 10px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
#contentYear .empty {
  background-color: #E0E0E0;
}
#contentYear th {
  font-size: 70%;
  padding: 2px;
}
#contentYear .dom {
  font-size: 70%;
  text-align: center;
}
#contentAgenda #agendastatus {
  margin-left:1.25rem;
}
#contentAgenda td {
  background-color:#E0E0E0;
  font-size:10pt;
}
#contentAgenda td.even {
  background-color:#FFFFFF;
}
#contentDay #daystatus {
  margin-left:1.25rem;
}
#contentDay .timeofday {
  float:right;
  margin-right:.125rem;
  font-size:.5625rem;
}
#contentDay #daydiv {
  height:25rem;
  scrollTop:400;
  overflow:auto;
}
#contentDay #dayuntimed {
  background-color:#FFFFFF;
  color: var(--myevents);
  margin-top:.25rem;
  margin-bottom:.25rem;
  margin-left:3.125rem;
  border:1px solid;
  border-color:#A0A0A0 #E0E0E0 #E0E0E0 #A0A0A0;
  font-size:.625rem;
}
#contentDay .daytimedevent {
  width:15.625rem;
  background-color: var(--haseventsbg);
  color: var(--myevents);
  border:1px solid;
  border-color:#E0E0E0 #A0A0A0 #A0A0A0 #E0E0E0;
  font-size:.625rem;
}
#contentDay #dayinnerdiv {
  position:relative;
  height:75rem;
}
#contentDay .hourblockleft {
  position:absolute;
  left:0;
  width:3.125rem;
  height:3.125rem;
  margin:0;
  border:1px solid #E0E0E0;
  padding:0;
}
#contentDay .hourblockright {
  position:absolute;
  left:3.125rem;
  width:100%;
  height:3.125rem;
  margin:0;
  border-right:1px solid #E0E0E0;
  border-left:1px solid #E0E0E0;
  padding:0;
  background-image:url( images/hour_in_day.gif );
  /*overflow:auto;*/
}
#combo #contentTasks #tasktable th {
  background-color: #000080;
  border: 2px outset #000060;
  color: #ffffff;
  font-size: 1.0rem;
  padding: 4px;
  padding-left: 20px;
}
#combo #contentTasks #tasktable td.odd {
  background-color: #C0C0C0;
  border: 2px outset #C0C0C0;
  color: #000000;
  font-size: 1.0rem;
  padding: 4px;
}
#combo #contentTasks #tasktable td.even {
  background-color: #D8D8D8;
  border: 2px outset #D8D8D8;
  color: #000000;
  font-size: 1.0rem;
  padding: 4px;
}
#combo #viewEventDiv table, #month2 #viewEventDiv table {
  padding: 10px;
  margin: 10px;
}
#combo #taskAddDiv .fakebutton,
#combo #quickAddDiv .fakebutton, #month2 #quickAddDiv .fakebutton {
  padding: 0;
}
.dateselIcon {
  cursor: pointer;
  margin-left: 5px;
}
.topnav {
  border:0;
}
.title {
  width:99%;
  text-align:center;
}
#day .title {
  text-align:center;
}
.title .date,
#day .title .date {
  color: var(--h2color);
  font-weight:bold;
  font-size:20px;
}
.title .titleweek {
  color: var(--h2color);
  font-size:1.25rem;
}
.title .viewname,
.title .user,
#day .title .user {
  color: var(--h2color);
  font-weight:bold;
  font-size:1.125rem;
  text-align:center;
}
#weekdetails .main {
  width:90%;
}
#weekdetails .main th {
  width:100%;
  padding:.125rem;
}
#weekdetails .main td {
  height:4.6875rem;
}
#viewt table.timebar {
  width:100%;
}
#viewt td.timebar {
  width:90%;
  background-color:#FFF;
  color:#999;
  font-size:.625rem;
  text-align:center;
}
#viewt .yardstick td {
  border:1px solid #999;
  padding:0;
}
#viewt td.entry {
  padding:0;
}
#viewt table.timebar a {
  text-align:inherit !important;
}
.viewnav {
  width:99%;
  border:0;
}
#login {
  margin-top:1.875rem;
  margin-bottom:3.125rem;
}
#login table,
#register table {
  border:1px solid var(--tablebg);
  font-size:.75rem;
}
#login #save-cookies {
  font-size:.66rem;
  font-weight: normal;
}
.cookies {
  font-size:.8125rem;
}
.strikethrough {
  text-decoration:line-through;
}
.pub {
  background-color:#80FF80;
  text-align:center;
}
.conf {
  background-color:#FFFF80;
  text-align:center;
}
.priv {
  background-color:#FF5050;
  text-align:center;
}
.boxtop {
  border-top:1px solid var(--box-default-color);
}
.boxright {
  border-right:1px solid var(--box-default-color);
}
.boxbottom {
  border-bottom:1px solid var(--box-default-color);
}
.boxleft {
  border-left:1px solid var(--box-default-color);
}
.boxall {
  border:1px solid var(--box-default-color);
  padding-left:.1875rem;
}
.leftpadded {
  padding-left:3.125rem;
  text-align:left;
}
.location {
 font-size:.625rem;
}
.byxxx th,
.byxxx td {
  text-align:center;
}
.icon_text {
  width:.625rem;
  height:.625rem;
  border:0;
}
.alignbottom {
  vertical-align:bottom;
}
.aligncenter {
  text-align:center;
}
.alignleft,
.minitask td.name {
  text-align:left;
}
.alignmiddle {
  vertical-align:middle;
}
.alignright,
.minitask td.pct {
  text-align:right;
}
.aligntop {
  vertical-align:top;
}
.bold {
  font-weight:bold;
}
#about {
  background-image:url( images/kn5.jpg );
  background-repeat:no-repeat;
}
#about p {
  margin:.0625rem;
  color:#333;
}
#scroller {
  position:absolute;
  width:100%;
}
.layers {
  float:left;
  background-color: var(--cellbg);
  margin:.125rem .0625rem;
  padding:.3125rem;
}
.layers h4 {
  margin:0 0 .3125rem;
}
.layers p {
  margin:0;
  padding-left:.3125rem;
  font-size:.75rem;
}
.layers p label {
  font-size:.8125rem;
}
#securityAudit {
  border:1px solid #c0c0c0;
}
#securityAudit th {
  background-color:#d0d0d0;
}
#securityAudit tr.odd td {
  background-color:#e0e0e0;
}
#securityAuditNotes {
  margin:1.25rem;
  border:1px solid var(--tablebg);
}
#securityAuditNotes li {
  margin-top:.25rem;
  margin-bottom:.25rem;
}
#accountiframe,
#useriframe {
  width:90%;
  border:0;
}
#accountiframe {
  height:13.125rem;
}
#useriframe {
  height:17.5rem;
}
.note {
  color: var(--tablebg);
  margin:0 1.5625rem;
  border:1px solid var(--tablebg);
  padding:.625rem;
}
.rightsidetip {
  float:right;
  width:15.625rem;
  margin-top:.625rem;
  margin-right:1.5625rem;
  border:1px solid var(--tablebg);
  padding:.3125rem;
  font-size:.6875rem;
  text-align:center;
}
.layertable {
   text-align:center;
}
.layertable td {
  background-color: var(--cellbg);
}
.layertable th,
.layertable td {
  padding:.3125rem 1.25rem;
}
#layers #layertable th {
  background-color: #000080;
  border: 2px outset #000060;
  color: #ffffff;
  font-size: 1.0rem;
  padding: 4px;
  /*padding-left: 20px;*/
}
#layers #layertable td.odd {
  background-color: #c0c0c0;
  border: 2px outset #c0c0c0;
  color: #000000;
  font-size: 1.0rem;
  padding: 4px;
  cursor:pointer;
}
#layers #layertable td.even {
  background-color: #d8d8d8;
  border: 2px outset #d8d8d8;
  color: #000000;
  font-size: 1.0rem;
  padding: 4px;
  cursor:pointer;
}
#layers #layertable .colorsample {
  margin-left: 5px;
  padding-left: 10px;
  width: 20px;
  height: 20px;
  border: 1px solid #000000;
}
.fakebutton {
   border:2px #d0d0d0 outset;
   /*border-color:#e0e0e0 #808080 #808080 #e0e0e0;*/
   padding-right:.3125rem;
   padding-left:.3125rem;
   padding:.25rem;
   background-color:#d0d0d0;
   color:#000;
   font-size:11pt;
}
.fakebutton:hover {
   background-color:#a0a0a0;
   border:2px #c0c0c0 outset;
}
#combo #nextmonth,
#combo #refresh,
#combo #nextyear,
#combo #nextday,
#combo #nextmonthdayview,
#month2 #nextmonth,
#month2 #refresh,
#month2 #nextyear,
#month2 #nextday,
#month2 #nextmonthdayview {
  margin-right:.1875rem;
}
#month2 #nextmonth, #month2 #prevmonth { font-size: 0.7rem; }
#combo .monthnavlinks td, #month2 .monthnavlinks td {
  background-color: #e0e0e0;
  border: 2px #e0e0e0 outset;
  font-size: .80rem;
}
#combo .monthnavlinks .currentMonthLink, #month2 .monthnavlinks .currentMonthLink {
  background-color: #c0c0c0;
}
#combo #quickAddDiv, #month2 #quickAddDiv {
  border:1px solid;
  border-color:#e0e0e0 #808080 #808080 #e0e0e0;
  background-color:#ffffff;
  padding: 5px;
}
#combo #viewEventDiv, #month2 #viewEventDiv {
  border:1px solid;
  border-color:#e0e0e0 #808080 #808080 #e0e0e0;
  background-color:#ffffff;
}
#combo .event, #month2 .event {
  /*background-color: #a00;*/
}
#combo #contentMonth div.event, #month2 #contentMonth div.event {
  margin-bottom: 2px;
  padding-left: 2px;
}
#combo #contentMonth div.event img, #month2 #contentMonth div.event img {
  float: left;
}
#combo .participant, #month2 .participant {
  font-size: 80%;
  background-color: #d0d0d0;
  border: 1px solid #b0b0b0;
  padding: 2px;
}
#combo #quickAddDiv #quickAddParticipantList .partX,
#month2 #quickAddDiv #quickAddParticipantList .partX {
  padding: 0;
  cursor:pointer;
}
#combo #quickAddDiv #quickAddParticipantList .partX img,
#month2 #quickAddDiv #quickAddParticipantList .partX img {
  vertical-align: top;
  margin-top: 3px;
  margin-left: 2px;
}
#eventcomment {
  background-color: var(--cellbg);
  border:1px solid var(--tablebg);
  padding:.25rem;
}
#adminhome table,
#adminhome td a {
  background-color: var(--cellbg);
}
#adminhome table {
  border:1px solid #000;
  padding:.3125rem;
}
#adminhome table td {
  padding:1.25rem;
}
#adminhome table td,
#adminhome td a {
  text-align:center;
}
#adminhome td a {
  border:1px solid;
  border-color:#EEE #777 #777 #EEE;
  padding:.625rem;
}
#adminhome td a:hover {
  border-color:#777 #eee #eee #777;
  background-color:#aaa;
}
#login label,
#login textarea,
#login tr,
#login td {
  font-size:1rem;
}
a:hover {
  color:#00f;
}
/*table.ThemeMenubar {
  table-layout:auto;
  font-size: 80% !important;
}*/

#editCatsDiv #innerDiv {
  border:1px solid;
  border-color:#E0E0E0 #808080 #808080 #E0E0E0;
  background-color:#ffffff;
  padding: 5px;
  font-size: 80%;
}

/*date selection "popup"*/
#dateselOverlay {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
/*
  background-color: #fff;
  opacity: 0.50;
*/
}

#dateselDiv {
  display: none;
  width: 150px;
  /*height: 300px;*/
  /*background-color: #d0d0d0;*/
  /*padding: 10px;*/
  padding: 0;
  z-index: 11000; /* modalbox uses 10000 */
}

#dateselDiv #cancelImage {
  position: relative;
  left: -20px;
  top: 10px;
}

.dateselTable #dateselMonthName {
  font-size: 10pt;
  text-align: center;
  font-weight: bold;
  background-color: #000080;
  color: #ffffff;
}
.dateselTable #dateselMonthName img.clickable {
  padding-left: 5px;
  padding-right: 5px;
}

.dateselTable td {
  text-align: center;
  font-size: 10pt;
  background-color: #c0c0c0;
  padding: 1px;
}

.dateselTable td.today {
  background-color: #ffff88;
}
.dateselTable td.selected {
  background-color: #00ff00;
}
.dateselTable td.wdayname {
  font-size: 8pt;
  padding-left: 2px;
  padding-right: 2px;
}

/* for modalbox */
#MB_caption {
  font-size: 16pt !important;
}
#MB_window h3 {
  margin-top: 0 !important; /* default is 24 (too big) */
  margin-bottom: 5px !important; /* default is 24 (too big) */
}

/*
 * Autocomplete CSS
 * See includes/js/autocomplete.js for more info.
 */
.autocomplete-w1 { background:url(../../images/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; z-index: 11000; }
.autocomplete-w2 { padding:0 6px 6px 0; }
.autocomplete { width:300px !important; border:1px solid #999; background-color:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background-color:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
/* ============================================================================
 CSS-Datei für Kalender mit Tageszeilen Anzeige (daylist.css)
 ============================================================================*/

#month .main tr { /* --- Linke Ecke von Wochentags-Kopfzeile in Monatsansicht */
  height: 25px;
  background-color: #C0C0C0;
}

* {
  padding: 0px;
  margin: 0px;
}

html {
  height: 100%;
}

body {
  width: 98%;
  height: 100%;
  margin: 0px auto;
  font-size: 1.0rem;
}

html, body {
  background-color: #f0f0f0; /* var(--html-body-bg) ######################## */
}

/* Position und Höhe des Headerbereichs ohne Menubar
  (Kalenderbezeichnung, Name, Kategorie, Backlink, Help-Line, Minikalender) */
/*#fixheader {
  position: fixed;
  top: 30px;
  width: 98%;
  height: auto; /* #################################### Original 158px ##### 
  padding-top: 3px;
  background-color:#c8c8c8;
  background-color:#ffffff; /* ############################################ 
  z-index: 20;
}*/

/*#fixheader-print {
  width: 100%;
  height: 120px;
  padding-top: 3px;
  background-color:#c8c8c8;
}*/

#year #fixheader {
  height: 128px;
  padding-bottom: 3px;
}

/* Abstand unter der Top-Menuleiste und dem Headerbereich */
/*#topspace {
  width: 100%;
  height: auto; /* #################################### Original 190px ##### */
/*  font-family: "Arial";
  padding-top: 3px;
  background-color:#eeeeee;
}*/

#topspace .title {
  height: auto;
}

#day #topspace {
/*  padding-bottom: 5px;*/
}

#year #topspace {
  height: 160px;
}

#editentry #topspace,
#viewentry #topspace {
  height: 40px;
}

.daylist {
  clear:both;
  width:100%;
  border-right: 1px solid var(--tablebg);
  border-bottom: 1px solid var(--tablebg);
  margin: 0px 0px 15px 0px;
}

.daylist td {
  vertical-align:top;
  min-height: 23px;
  height: 100%;
  border-top:2px solid #FFFFFF;
  border-bottom:2px solid #808080;
/*  background-color: var(--cellbg);*/
  background-color: #FFFFFF; /* --------------------------- Pfarrkalender -- */
  padding-top: 0px;
}

a img .bullet {
  margin-right: 5px;
}

#month .daylist td.weekcell-list {
  width: 14px;
  color: var(--h2color);
  font-size: .8rem;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  background-color: var(--thbg);
  background-color: #e0e0e0; /* --------------------------- Pfarrkalender -- */
  padding: 2px;
  margin:0;
}

.dayfield:hover {
  color:#0000ff;
  background-color: #FAFAFA;
}

.daylist td.weekend {
  background-color: var(--weekendbg);
  background-color: #dbfaff; /* --------------------------- Pfarrkalender -- */
}

.daylist td.hasevents {
  background-color: var(--haseventsbg);
  background-color: #f0f0f0; /* --------------------------- Pfarrkalender -- */
}

.daylist td.othermonth {
  background-color: var(--othermontsbg);
}

.daylist td.today {
  background-color: var(--todaycellbg);
}

.daylist td.holiday {
  background-color: var(--holidaybg);
}

.dayfield .holiday {
  color: #FF0000;
  font-size:.75rem;
} 

.dayfield .dayofmonth {
  color: var(--tablebg);
  font-weight: normal;
  font-size:.75rem;
  border: none;
  
}

.dayofmonth:hover {
  color:#0000ff;
}

.holiday {
  color:#FF0000;
  text-decoration:none;
}
.holiday:hover {
  color:#0000ff;
  text-decoration:none;
}

#login form {
  width: 412px;
  margin:15px 0px 15px 0px;
}

#login a {
  padding:0px;
  margin:0px;
}

#login table {
  width:410px;
  border:1px solid var(--tablebg);
  background-color:#a0a0a0;
  font-size:12px;
}

#login td {
  padding:10px;
}

#login input {
  margin-left:10px;
}

#login .button input {
  padding:5px;
  border-top:1px solid #808080;
  border-right:2px solid #808080;
  border-bottom:2px solid #808080;
  border-left:1px solid #808080;
}

#login .button input:hover {
  padding:5px;
  border-top:2px solid #808080;
  border-right:1px solid #808080;
  border-bottom:1px solid #808080;
  border-left:2px solid #808080;
}

.login-link {
  width: 390px;
  background-color:#EDD7B7;
  padding: 5px 10px 5px 10px;
  border-top: 1px solid #c7ab84;
  border-right: 2px solid #c7ab84;
  border-bottom: 2px solid #c7ab84;
  border-left: 1px solid #c7ab84;
  margin-top: 5px;
}

.login-link:hover {
  border-top:2px solid #c7ab84;
  border-right:1px solid #c7ab84;
  border-bottom:1px solid #c7ab84;
  border-left:2px solid #c7ab84;
}

#back-link,
#topspace .back-link-line {
  width: 220px;
  font: italic 16px Georgia, serif;
  padding: 0px 5px;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  border-right: 2px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-radius: 3px;
  margin: 0 auto;
}

#back-link:hover {
  background-color: #757575;
  border-top:2px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
  border-left:2px solid #f0f0f0;
}

#back-link:hover a {
  color: #f8f8f8;
}

#back-link a {
  margin: 1px 0;
}

#year #back-link {
  margin-top: 8px;
}

.help-line-1,
#topspace .help-1-line {
  width: 250px;
  text-align: center;
  font-size: 12px;
  background-color: #e8e8e8;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-radius: 3px;
  margin: 4px auto 0;
}

.help-line-2,
#topspace .help-2-line {
  width: 250px;
  text-align: center;
  font-size: 12px;
  background-color: #e8e8e8;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-radius: 4px;
  margin: 0 auto;
}

#check-remember {
  float:left;
  width:30px;
  height:25px;
}
/* ----------------------------------------- Extra Small Devices, Phones --- */
/* --------------------------------------------- Media (max-width: 640px --- */

@media all and (max-width : 640px) {

#fixheader {
  width: 98%;
  height: auto;
  padding-top: 3px;
  background-color:#e8e8e8;
}

.topnav{
  width: 98%;
  height: auto;
  padding-top: 0;
  background-color:#d8d8d8;
}

table.ThemeMenubar,
#topspace {
  display: none;
}
#prevmonth,
#nextmonth {
  display: none;
}

.topnav .title .user,
.topnav .title .date {
  font-size: 1.0rem;
}

.dayfield {
  width: 90%;
/*  height: auto;*/
  padding:3px 3px 0px 5px;
  border-bottom: 1px solid #cccccc;
}

.daylist td .event-list {
/*  min-height: 20px;*/
  padding-left: 5px;
  border-left: 1px solid #a0a0a0;
  margin: 0px 0px 2px 0x;
}

.daylist .dayfield a,
.daylist .event-list a {
  font-size: 0.8rem;
}

.kalender-info {
  text-align: center;
  font-size: 0.8rem;
  color: red;
}

.categories {
  font-size: .8rem;
}

.kalender-info {
  text-align: center;
  font-size: 0.8rem;
  color: red;
}

}

/* ---------------------------------------------- Media (min-width: 640px ---*/
@media only screen and (min-width : 640px) {

/* Position und Höhe des Headerbereichs ohne Menubar
  (Kalenderbezeichnung, Name, Kategorie, Backlink, Help-Line, Minikalender) */
#fixheader {
  position: fixed;
  top: 30px;
  width: 98%;
  height: auto;
  padding-top: 3px;
  background-color:#d8d8d8;
  z-index: 20;
}

/* Abstand unter der Top-Menuleiste und dem Headerbereich */
#topspace {
  width: 100%;
  height: auto; /* #################################### Original 190px ##### */
  font-family: "Arial";
  padding-top: 3px;
  background-color:#eeeeee;
}

#topspace .title {
  height: auto;
}

table.ThemeMenubar {
  table-layout:auto;
  font-size: 80% !important;
}

#prevmonth,
#nextmonth {
  display: initial;
}

.topnav .title .user,
.topnav .title .date {
  font-size: 1.2rem;
}

.dayfield {
  float:left;
  width:220px;/* 195px */
  min-height: 20px;
  padding:3px 3px 0px 5px;
  border-right: 1px solid #a0a0a0;
}

.daylist td .event-list {
  min-height: 20px;
  padding-left: 5px; /* 5px */
  border-left: 1px solid #a0a0a0;
  margin: 0px 0px 2px 219px; /* 194px */
}


.daylist .dayfield a,
.daylist .event-list a {
  font-size: 0.8rem;
}

.categories {
  font-size:1rem;
}

.kalender-info {
  text-align: center;
  font-size: 0.8rem;
  color: red;
  margin-top: 5px;
}

}