/*this stylesheet outlines the general style properties of the calendar*/



div.caldisplay{
width: 100%;
display: block;
float:  left;
background-color: white;
margin: 0px 0% 0px 0%;
padding:  0px 0px 5px 0px;
border-bottom:  0px solid #cccccc;
border-top:  0px #cccccc solid;
font-size: 1.15em;
height:500px;
overflow-x: scroll;
overflow-y: scroll;

padding: 0px 0px;
}



.caldisplay  a:link, .caldisplay a:visited{
font:  1em arial, tahoma, helvetica, serif;
padding: 2px 0px;
text-align: left;
text-decoration: none;
margin:     3px 0px;
color:  #000066;
background-color:  transparent;
width: 100%;
}

.caldisplay a:hover{
background-color: #ff0000;
color: #000000;
width: 100%;
}


.caldisplay table{
width: 200%;
height: 1200px;
background-color: #787878;#cccccc;#ffffff;
margin: 0px auto 0px auto;
padding:  0px 0px 0px 0px;
border-spacing: 0px;
border-style: solid;
border-color: #cccccc;
border-width: 0px 0px 0px 0px;
border-spacing:1px 1px;;
}

span.dayte{
color: #555555;
}

.caldisplay tr{
margin:  0px 0px;
padding:  0px;
background-color: transparent;
}



.caldisplay table tr td{
width: 1.25%;
text-align:  left;
vertical-align: top;
margin:  0px 0px;
padding:  3px 4px;
border-style: solid;
border-color: #464646;
border-width: 0px 0px 0px 0px;
font: .50em arial, tahoma, helvetica, serif;
color: #000000;
background-color: #ffffff;
border-bottom: 0px solid #cccccc;
border-right: 0px solid #cccccc;
}

.caldisplay table tr td.site{
width: 3%;
text-align:  left;
vertical-align: top;
margin:  0px 0px;
padding:  3px 2px;
border-style: solid;
border-color: #cccccc;
border-width: 0px 1px 0px 1px;
font: bold .50em arial, tahoma, helvetica, serif;
color: #000000;
background-color: #ffffff;
border-bottom: 0px solid #cccccc;
left: 0;
top: 0;
position: sticky;
}

.caldisplay table tr td.{
width: 1%;
text-align:  left;
vertical-align: top;
margin:  0px 0px;
padding:  3px 2px;
border-style: solid;
border-color: #cccccc;
border-width: 0px 1px 0px 1px;
font: bold .50em arial, tahoma, helvetica, serif;
color: #000000;
background-color: #ffffff;
border-bottom: 0px solid #cccccc;

left: 3%;
position: sticky;
}

.caldisplay table tr td.site_day{
width: 3%;
border-bottom: 1px solid #cccccc;
left: 0;
top:0;
position: sticky;
z-index: -1;
text-align: left;
}

span.right{
float: right;
}

.caldisplay table tr td.site_elec{
width: .5%;
border-bottom: 1px solid #cccccc;
left: .5%;
top:0;
position: sticky;
z-index: -2;
}





.caldisplay tr.caldisplaytop td{
background-color:#ccccff;
color: #000000;
font-weight: bold;
font-size: .5em;
text-align: center;
top: 0;
left: 0;
position: sticky;
border-bottom: 0px solid blue;
}

.caldisplay tr.caldisplaytop .wknd{
background-color: #660099;
color: white;}

.caldisplay table tr td.wkday{
background-color: #ffffff;
border-bottom: 0px solid black;
border-top: 1px solid #cccccc;
color: #000000;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}


.caldisplay tr td.daly{
background-color: #ff9966;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.caldisplay tr td.seesonal{
background-color: #ddccff;
color: white;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.caldisplay tr td.lngtrm{
background-color: #cce6ff;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

.caldisplay tr td.empty{
background-color: #ffffff;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

tr.reservecal{
background-color: #ffffff;
}

tr.reservecal:hover{
background-color: #000000;
font-weight: bold;
color: white;
}