html,body {
    color:#000000;
    background-color:#fff;
    font-family:arial;
    font-size:1.1em;
    margin:0;
    padding:4px 8px;
    background-image: url("/i/water.jpg");
}
#mainview{
  display:table;
  width:100%;
  max-width:800px;
  margin:0 auto;
}
#mainmenu{
  display:table;
  font-size:.8em;
  margin:0 auto;
}
/*#mainmenu a{color:#000; text-decoration: none;}*/
a{color:#2d7bff; text-decoration: none; }
a:hover{text-decoration: underline; }
a.hilite{color:blue;text-decoration: underline;}

.datatable{
  margin:11px auto;
  border-collapse: collapse;
  border:1px solid black;
  font-size:.8em;
}
.datatable td{
  padding:3px;
}
table.datatable td {background-color:#fff;}
table.datatable th {background-color:#fff;}
table.datatable td.tdbot {vertical-align:bottom;}
table.datatable td.tdrt {text-align:right;}
table.datatable td.nodata {text-align:center;}
table.datatable td.brdr {border:1px solid black;}
table.datatable td.lite {font-size:80%;color:#aaa}
table.datatable td.nopd {padding:0 2px;margin:0;}

.calheader{
  display:inline-block;
  width:180px;
  font-size:1.2em;
  font-weight:bold;
}

table.grid {margin:5px 0px; width:100%; border-collapse:collapse;}
table.grid th, table.grid td {border:1px solid #336633;}
table.grid td {height:50px;}
th.dcol {width:14%;color:#000;background-color:#ddd;font-weight:bold;}
table.grid td.we0 {background:#f3f3f3;}
table.grid td.wd0 {background:#fff;}
table.grid td.out {background:#ddd;}
table.grid td.today {border:2px solid #f00;}
table.today {border:2px solid #f00;}

.lnk:hover{background:#AACCAA; cursor:pointer;}

/*divs for days in MONTH view*/
.daycell{ /* wrapper div for calendar day */
  position:relative;
  width:100%;
  height:100%;
}
.domdata{ /* holds day data */
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
.mouse{cursor:pointer;}

.domday{ /* holds day of month */
  position:absolute;
  top:0;
  left:0;
  color:#666;
  font-size:12px;
  font-weight:bold;
  padding:0 1px;
}
.domtext{
  position:absolute;
  margin:0;
  top: 50%;
  left: 50%;
  font-size:12px;
  transform: translate(-50%, -50%);
  text-align:center;
}
.callaps{
  font-size:1.5em;
  font-weight:bold;
  color:#0a0;
}
.calmins{
  font-size:.9em;
  font-weight:normal;
  color:black;
  white-space:nowrap;
}
.calcmnt{
  font-size:.9em;
  font-weight:normal;
  color:#666;
}

#overlay {
     display:none;
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     background-image:url(/i/trans-bg2.png);
     z-index: 500;
}
#iframeholder {
     position:absolute;
     top: 50%;
     left:50%;
     background-color: #FFFFFF;
     background-image:none;
     border:1px solid #000;
     padding:0;
     margin:0;
     text-align:center;
     z-index: 600;
     overflow-y:auto;
     -webkit-overflow-scrolling: touch;
}