.calendar_menu {
width:100%; padding:0.2em 0; text-align:left; margin:0.5em 0em;}

.calendar_menu li {
display:inline;
font-size:1em;
margin: 0 0.05em;
color:#fff;}

.calendar_menu li:first-child {
margin-left: 0;
}

.calendar_menu_alt{
display:none;
}

.calendar_header
{width: 100%; 
font-size: 1.5em;/*12*/ 
line-height: 1.4em;/*15*/ 
background:#EED29A;
color:#00703C;
}

.calendar_list li{
font-family: Helvetica, Arial, sans-serif;
float:left;
clear:both;
font-size:0.6em;
display:block;
width:100%;
line-height:2em;
margin-right:0px;
padding:0px;
text-align:left;
}

.calendar_list li > span{
padding-left:3px;
}

#lastone{
margin-right:0px;
}


.calendar_header tr,td
{text-align:center;
text-shadow: 0 1px 0 rgba(255,255,255,.5);}


.calheader_prev {
max-width:15%
text-align:left;
padding:0.3em 0.2em 0 0.2em;
display:block;
float:left;
}


.calheader_next {
text-align:right;
padding:0.3em 0.2em 0 0.2em;
display:block;
float:right;
}

#daytext{
display:block;
float:left;
width:45%;
padding:4px;
text-align:left;
font-size:1em;
line-height:1.4em;}

#dayevent_type{
display:block;
margin:5px 0 0 0;
height:2em;
width:150px;
text-align:center;
line-height:2em;
}

#daybutton{
display:block;
margin:5px 0 5px 0;
}

#daybutton a{
text-align:center;
}

.num{line-height:1em; padding-right:0.3em;}
.num a{
color: #00703C;
text-decoration:none;
text-shadow:
0px -1px 0px rgba(255,255,255,0.1),
0px 1px 0px rgba(237,209,154,1);}

.calendar { width: 100%; font-size: 0.8em;/*12*/ line-height: 1.25em;/*15*/ border-collapse: collapse; border-spacing: 0; }

  .calendar tbody {font-family: Helvetica, Arial, sans-serif;}

	.calendar th { text-align: left; }
	.calendar th span { display: none; }

	.calendar tr { display: block;}
	.calendar td,
	.calendar th { display: none; }

	.calendar .day { margin: 0.5em 0 0.2em 0;  color:#000; font-size:1.3em;}

	.calendar .events { display: block; }

	.calendar ul { display: block; list-style: none; margin: 0.1em 0.3em;
	0 0;/*15*/ padding: 0; }
	
  .calendar li { display: block; position: relative; margin: 0 2px 0 0;  padding: 0.15em 0; height: 4em;/*15*/ }
	.calendar li a { text-align:center; text-decoration:none; line-height:1.5em; text-decoration:none; height: 2em; display: block; position: absolute; left: 0; right: 0; font-size:1.2em; overflow: hidden; padding: 0.2em 0; white-space: nowrap;  }
   #full {display:none;}
   #hidden{display:block;} 
  .calendar tr td:nth-of-type(1n) .day:before { content: 'Sunday '; }
	.calendar tr td:nth-of-type(2n) .day:before { content: 'Monday '; }
	.calendar tr td:nth-of-type(3n) .day:before { content: 'Tueday '; }
	.calendar tr td:nth-of-type(4n) .day:before { content: 'Wednesday '; }
	.calendar tr td:nth-of-type(5n) .day:before { content: 'Thursday '; }
	.calendar tr td:nth-of-type(6n) .day:before { content: 'Friday '; }
	.calendar tr td:nth-of-type(7n) .day:before { content: 'Saturday '; }
	 

	.calendar .prev-month,
	.calendar .next-month { display: none; }

	@media only screen and (min-width: 30em) { /*480*/


		.calendar tr { display: table-row; }
		.calendar th { display: table-cell !important; margin: 0; width: 14.2857%; padding: 0.4166em;/*10*/ height:1.5em; border: 1px solid #babcbf; text-align:center; color:#00703C;  vertical-align: top; }
    .calendar td { display: table-cell !important; margin: 0; width: 14.2857%; padding: 0;/*10*/ height:5.0em; border: 1px solid #babcbf; vertical-align: top; }
		.calendar .prev-month .day,
		.calendar .next-month .day { color: #000; }

		.calendar td .day { display: block; width:97%; margin: 0; background:#EED29A; font-weight: normal; height:1.3em; text-align:right;}
		.calendar td .no_day { display: block; width:97%; margin: 0; background:#ddd; font-weight: normal; height:1em; text-align:right;}
		.calendar td .day:hover { background:#DCAA45;}
		.calendar td .day:before { display: none; }
		.calendar td .suffix { display: none; }

	}

	@media only screen and (min-width: 40em) { /*640*/

		/* show full days (e.g. "Mon" to "Monday") */
		.calendar th span { display: inline;      }
     

		.calendar li {height:1.25em;}
    .calendar li a{height:1.25em; font-size:0.7em;}

    #full {display:block;}
    #hidden{display:none;}
    
   
	}

	@media only screen and (min-width: 40em) and (min-height: 20em) {

		.calendar td { height: 6.5em;/*30*/ }
		.calendar li {height:1.25em;}
    .calendar li a{height:1.25em;  font-size:0.7em; }
    #full {display:block;}
    #hidden{display:none;}
   
    
	}
	@media only screen and (min-width: 40em) and (min-height: 40em) {

		.calendar td { height: 6.5em;/*75*/ }
		.calendar li {height:1.25em;}
    .calendar li a{height:1.25em;  font-size:0.7em;}
    #full {display:block;}
    #hidden{display:none;}
    
    .calendar_list li{
    font-family: Helvetica, Arial, sans-serif;
    float:left;
    clear:none;
    font-size:0.6em;
    display:block;
    width:24%;
    line-height:2em;
    margin-right:1.33%;
    padding:0px;
    text-align:left;
    }
    
    
	}