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

#calendar_ajax{
width: 98%;
margin: 3px 1% 3px 1%;
background-color: #666666;

padding: 10px 0px 20px 0px;
display: none;
float: left;
border: 0px solid #444444;
box-sizing: border-box;
 border-radius:15px;
}

div.calendar{
width:  98%;
margin: 3px 1% 3px 1%;
background-color: white;
padding: 10px 0px 20px 0px;
display: block;
float: left;
border: 0px solid #444444;
box-sizing: border-box;
 border-radius:15px;
}

div.date_blocks{

background-color:#cccccc;
margin: 0px .6% 0px 1.4%;
padding: 1px;

border: 2px solid red;
box-sizing: border-box;
 border-radius:0px;
}

span.day{
width: 14%;
margin: 1px 1px;
padding: 3px 0px;
text-align: center;
background-color: #ffffff;
font:  .8em arial, tahoma;
color: #000000;
float:  left;
display: block;
padding: 5px 5px;

border: 0px solid #cccccc;
box-sizing: border-box;
 border-radius:0px;

}

span.date{
width: 14%;
height: 150px;
margin: 1px 1px;
background-color: #ffffff;
color: #222222;
font: .70em arial, tahoma;
padding: 1px 0px 1px 0px;
text-align: left;
float: left;
display: block;
list-style-type: none;
overflow: auto;
letter-spacing: .035em;
line-height: 1.2em;
padding: 5px 5px;

border: 0px solid #cccccc;
box-sizing: border-box;
 border-radius:0px;
}

span.empty{
width: 14%;
height: 150px;
margin: 1px 1px;
background-color: transparent;
color: #000000;
font: .8em arial, tahoma;
padding: 1px 0px 1px 0px;
text-align: left;
float: left;
display: block;
list-style-type: none;
overflow: auto;
line-height: 1.2em;
padding: 5px 5px;

border: 0px solid #cccccc;
box-sizing: border-box;
 border-radius:15px;
}


.date p{
background-color: #ffffff;
width: 100%;
margin: 0px 0px 5px 0px;
padding: 0px;

}

div.ym{
width: 75%;
margin: 0px 12.5% 0px 12.5%;
text-align: center;
display: block;
border: 0px solid white;
font: bold 1.5em  tahoma, arial, helvetica,  serif;
color: #000000;
}
span.caltitle{

width: 100px;
border: 0px solid white;
font: 1em tahoma, arial, helvetica, serif;
}

span.nsbutton{
width: 84px;
padding:    1px;
background-color: #ffffff;
font: bold 10pt arial, tahoma, helvetica, serif;
color: #464646;
border: #ffffff 0px outset;
margin: 0px 10px;
}

div.calendar_head{
font: bold 14pt arial, tahoma, helvetica,  serif;
color: #660000;
text-align: center;
margin: 0px 0% 0px 0%;
padding:    10px 0px;
background-color: #708090;
width: 100%;
float: left;
display: block;
}

.ym button{
width: 120px;
padding:    1px;
background-color: #ffffff;
font:  .7em arial, tahoma, helvetica, serif;
color: #464646;
border: #ffffff 2px outset;
margin: 0px 10px;
box-sizing: border-box;
 border-radius:15px;
}

.ym button a:hover{
background-color: #a80000;
color: #ffffff;
text-decoration: underline;
}
.ym #reverse{
float: left;
}
.ym #forward{
float: right;
}

.ym  button a:link, .ym button a:visited{
width: 100px;
padding:    3px;
background-color: #ffffff;
font: bold 1em arial, tahoma, helvetica, serif;
color: #333333;
border: #ffffff 2px outset;
margin: 0px 10px;
text-decoration: none;
}

.button span{
width: 80px;
}

/*calendar date links properties*/

.date a:link{
font: .95em arial, tahoma;
line-height: 1.5em;
letter-spacing: .05em;
color: #000066;
text-decoration: none;
margin: 0px 1px;
}

.date a:visited{
font: .95em arial, tahoma;
line-height: 1.5em;
letter-spacing: .05em;
color: #000066;
text-decoration: none;
margin: 0px 1px;
}

.date a:hover{
font: .95em arial, tahoma;
line-height: 1.5em;
letter-spacing: .03em;
color: #ffffff;
background-color: #a80000;
text-decoration: underline;
margin: 0px 1px;
}

#calendar_head{
display: none;
}

/*calendar link output tables*/

table.calendarOutput{
width: 600px;
background-color: #ececec;
margin: 10px auto;
display: block;
border: 2px #fff outset;
border-top: 0px #ececec solid;
}

td.formOutputL{
width: 180px;
margin: 0px;
padding: 3px 5px;
background-color: #ffffff;
font: bold 10pt arial;
color: #990012;
text-align: left;
vertical-align: top;
border-bottom: 0px #ececec solid;
overflow: hidden;
}


td.formOutputM{
width: 180px;
margin: 0px;
padding: 3px 5px;
background-color: #ffffff;
font: 10pt arial;
color: #000000;
text-align: left;
vertical-align: top;
border-bottom: 0px #ececec solid;
overflow: hidden;
}

td.formOutputM{
width: 180px;
margin: 0px;
padding: 3px 5px;
background-color: #ffffff;
font: 9pt arial;
color: #000;
text-align: left;
vertical-align: top;
border-bottom: 0px #ececec solid;
}

td.formOutputR{
width: 390px;
margin: 0px;
padding: 3px 5px;
background-color: #ffffff;
font: 10pt arial;
color: #000000;
text-align: left;
vertical-align: top;
border-bottom: 0px #ececec solid;
}



table.contactOutput{
width: 560px;
background-color: #ececec;
margin: 10px auto;
display: block;
border: 2px #ececec outset;
border-style:   outset;
border-color:   #ffffff;
border-width: 2px;
}

.contactOutput td{
width: 280px;
background-color: #ffffff;
text-align: left;
font: 10pt arial;
border-bottom: 1px #ececec solid;
padding:    5px 5px;
}

table.smEvent{
width: 211px;
background-color: #cccccc;
margin: 5px auto;
display: block;
border: 0px #ffffff outset;
border-top: 0px #ececec solid;
}

td.smEventR{
min-width: 145px;
max-width: 133px;
margin: 0px;
padding: 3px 0px 3px 2px;
background-color: #ffffff;
font: 8pt arial;
color: #000000;
text-align: left;
vertical-align:  top;
border-bottom: 0px #ececec solid;
margin: 1px;
}

td.smEventL{
min-width: 60px;
max-width: 63px;
margin: 0px;
padding:    3px 0px 3px 2px;
background-color: #ffffff;
font: 8pt arial;
color: #000000;
text-align: left;
vertical-align:  top;
border-bottom: 0px #ececec solid;
margin: 1px;
}
/*calendar custom colors*/

div.calendar_head, div.ym,div.calendar{
background-color:#e6e6e0;
color: #000000;
}

div.calendar, #calendar_ajax{
background-color:#e6e6e0;
color: #ffffff;
}


li.monthyear{
color: #ffffff;
background-color: transparent;
}

li.button{
background-color: #ffffff;
color: #900;
}

.ym button{
background-color: #ffffff;
color: #222222;
border: #ffffff 1px outset;
}

h3.calendar_head{
background-color: #e8e8ce;
}

li.day{
background-color:#ececec;
}

div.calendar_form{
background-color: #003333;
}
span.calendar_left{
color: #ffffff;
}

span.calendar_right{
color: #ffffff;
}
/*end calendar colors*/