table.calendar {
 border:solid 1pt;
/* width:default;
*/
 border-collapse: separate;
 border-spacing: 0pt;
 margin-left: inherit;
 width:100%;
}
h1 {
    height: 1em;
    background-position: center;
    background-repeat: no-repeat;
    color: black;
    text-shadow: white 0 0 12pt;
    padding: 1em;
    margin-bottom:0;
}
table.calendar td {
 font-family: serif;
    font-size:90%;
    border: solid 1px;
    background-image: url(/images/alpha50.png);
    background-repeat: repeat;
    background: rgba(255,255,255,0.5);
    color: black;
    height: 36pt;
}
table.calendar td p {
}
table.calendar td.empty {
    background: transparent;
    border: none;
}
table.calendar td.today {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border: 4px solid green;
}
table.calendar td.active {
    background: rgb(230,230,204);
    background: rgba(255,255,255,0.5);
    box-shadow:inset 0px 0px 10px 3px red;
    -moz-box-shadow:inset 0px 0px 10px 3px red;
    -webkit-box-shadow:inset 0px 0px 10px 3px red;
}
table.calendar td.empty {
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
/*
table.calendar td.empty:hover {
    background: transparent;
}
*/
table.calendar th {
 font-family: serif;
 white-space: nowrap;
 padding-right:0.5em;
 padding-left:0.2em;
    background: black;
    color: white;
}
span.caldate {
    font-weight: bold;
}
.calcat0 {
    background: rgb(204,255,204);
    border-color: rgb(0,128,0);
    background: rgba(0,255,0,0.2);
    border-color: rgba(0,128,0,0.4);
    
}
.calcat1, .calcat2 {
    background: rgb(255,204,204);
    border-color: rgb(128,0,0);
    background: rgba(255,0,0,0.2);
    border-color: rgba(128,0,0,0.4);
}
.calcat5 {
    background: rgb(204,204,255);
    border-color: rgb(0,0,128);
    background: rgba(0,0,255,0.2);
    border-color: rgba(0,0,128,0.4);
}
.weekly {
    border-style: dashed;
}
td div.weekly {
    display: none;
}
.notweekly {
    border-style: solid;
}
td div div {
    max-height: 48pt;
    overflow: auto;
}
div.calcat0, div.calcat1, div.calcat2, div.calcat5 {
    border-width: 1px;
}
div.calcat0 p, div.calcat1 p, div.calcat2 p, div.calcat5 p {
    margin-top: 1pt;
    margin-left: 0.6em;
    text-indent: -0.6em;
}

div.daybox {
    border: solid black 1px;
    visibility: hidden;
    position: fixed;
    top: 20pt;
    box-shadow: 5px 5px 10px 3px #444;
    -moz-box-shadow: 5px 5px 10px 3px #444;
    -webkit-box-shadow: 5px 5px 10px 3px #444;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background: white;
    width: 400pt;
    height: 300pt;
    padding:0;
    z-index:2;
}
div.daybox h1, div#confirm h1 {
    font-size:12pt;
    color: white;
    background: black;
    display: block;
    text-align: center;
    margin: 0;
    font-family: sans;
    padding:3pt;
    height:12pt;
}
div#daygrid p {
    border-top: solid rgb(0,0,0) 1px;
    border-top: solid rgba(0,0,0,0.5) 1px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 12pt;
    display: block;
    font-family: sans;
    font-size:8pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-indent: 3pt;
}
div#daygrid p.dayevent,div#daygrid p.dayevent-w {
/*    background-color: rgba(128,0,128,0.5);
    border: solid 2px rgba(128,0,128,0.8);
*/
    border-width: 2px;
    position: absolute;
    width: 180pt;
    display: block;
    font-family: sans;
    font-size:9pt;
    margin: 0;
    padding: 0;
    text-indent: 3pt;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    font-weight: normal;
    overflow: hidden;
}
/*
div#daygrid p.dayevent {
    background-color: rgba(0,128,128,0.5);
    border: solid 2px rgba(0,128,128,0.8);
}
*/
div#daygrid p.private {
    border: solid 2px red;
}
div#daygrid p.dayevent span.dgtitle,
div#daygrid p.dayevent-w span.dgtitle {
    font-weight:bold;
}
div#daygrid p.selected {
    background-color: green;
}
div#daygrid {
    position:absolute;
    top: 20pt;
    left: 0;
    width:394pt;
    height: 260pt;
    padding: 3pt;
    overflow: scroll;
}
img.dayclose {
position: absolute;
top:1px;
right:3px;
width:16px;
height:16px;
padding:0;
margin:1px;
background-color:white;
}
span.dayres {
    display: block;
    position: absolute;
    top:1px;
    right:26px;
}
span.dayres input{
    font-size:8pt;
    font-family: sans;
}
button#dayup, button#daydown {
    position: absolute;
    left:3pt;
    right:3pt;
    width:394pt;
    height:12pt;
    font-size:6pt;
    line-height: 6pt;
    padding: 0;
}
button#dayup {
    top:18pt;
}
button#daydown {
    bottom:0;
}

div.editor {
    visibility: hidden;
    position: fixed;
    top: 40pt;
    left: 20%;
    border: solid black 1px;
    box-shadow: 5px 5px 10px 3px #444;
    -moz-box-shadow: 5px 5px 10px 3px #444;
    -webkit-box-shadow: 5px 5px 10px 3px #444;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background: rgb(255,255,160);
    width: auto;
    height: auto;
    margin:0;
    padding:6pt 16pt;
    z-index: 3;
}
input#intitle {
    font-size:120%;
}
textarea#indesc, textarea#inpriv, input#intitle {
    width:300pt;
}

div#confirm {
    visibility: hidden;
    position: fixed;
    top: 40pt;
    left: 40%;
    box-shadow: 5px 5px 10px 3px #444;
    -moz-box-shadow: 5px 5px 10px 3px #444;
    -webkit-box-shadow: 5px 5px 10px 3px #444;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background: rgb(255,255,255);
    width: auto;
    height: auto;
    margin:0;
    padding:6pt 16pt;
    z-index: 10;
}


@media print {
 table.calendar th {
  color: black;
  background-color: white;
  border: 2pt inset black;
 }
 table.calendar td {
  color: black;
  background-color: white;
	font-size:8.7pt;
 }
    body {
	margin:0;
    }
    h1 {
	margin:0;
    }
}