.none{ display:none;}
.dropdown{color: #369331;font-size:12px;}
#calender_section{ width:281px;}
#calender_section h2{ background-color:#fff; color:#369331; font-size:12px; text-align:left;}
/*#calender_section h2 a{ color:#F58220; float:none;}*/
#calender_section_top{ width:281px; float:left; margin-top:5px; background-color:#369331; height:25px; line-height:25px;}
#calender_section_top ul{padding:0; list-style-type:none; background-color:#bbbcbb;}
#calender_section_top ul li{ float:left; display:block; width:40px; border-right:1px solid #fff;  text-align:center;
 font-size:12px; color:#fff;min-height:0; background:none; box-shadow:none; margin:0; padding:0;}
#calender_section_bot{ width:100%; float:left; border-left:1px solid #bbbcbb; border-bottom:1px solid #bbbcbb;}
#calender_section_bot ul{ margin:0; padding:0; list-style-type:none;}
#calender_section_bot ul li{ float:left; width:40px; height:30px; text-align:center; border-top:1px solid #bbbcbb; 
border-right:1px solid #bbbcbb; min-height:0; background:none; box-shadow:none; margin:0; padding:0; position:relative; }
#calender_section_bot ul li span{ margin-top:7px; float:left; margin-left:2px; text-align:center;}

.grey{ background-color:#DDDDDD !important;}
.light_sky{ background-color:#F58220 !important;}
.date_cell { cursor: pointer; cursor: hand; }
.date_cell:hover { background: #DDDDDD !important; }
/*.date_popup_wrap {
	position: absolute;
	width: 70px;
	height: 45px;
	z-index: 9999;
	top: -115px;
	left:-55px;
	background: transparent url(../jscript/images/add-new-event.png) no-repeat top left;
	color: #369331 !important;
}
.events_window {
	overflow: hidden;
	overflow-y: auto;
	width: 133px;
	height: 115px;
	margin-top: 28px;
	margin-left: 25px;
}
.event_wrap {
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: solid 1px #E4E4E7;
	font-size: 10px;
	padding: 3px;
}
.date_window {
	margin-top:20px;
	margin-bottom: 2px;
	padding: 5px;
	font-size: 16px;
	margin-left:9px;
	margin-right:14px
}
.popup_event {
	margin-bottom: 2px;
	padding: 2px;
	font-size: 10px;
	width:100%;
}
.popup_event a {color: #000000 !important;}
.packeg_box a {color: #F58220;float: right;}
a:hover {color: #181919;text-decoration: underline;}
*/
@media only screen and (min-width:480px) and (max-width:767px) {
#calender_section{ width:336px;}
#calender_section_top{ width:330px; float:left; margin-top:5px; background-color:#369331; height:25px; line-height:25px;}
#calender_section_top ul li{ width:47px;}
#calender_section_bot{ width:330px;}
#calender_section_bot ul li{ width:47px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#calender_section{ width:219px;}
#calender_section_top{ width:213px; float:left; margin-top:5px; background-color:#369331; height:25px; line-height:25px;}
#calender_section_top ul li{ width:30px; font-size:11px;}
#calender_section_bot ul li{ width:30px;}
#calender_section_bot{ width:217px;}
#calender_section_bot ul li{ height:50px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
#calender_section{ width:530px;}
#calender_section_top{ width:520px; float:left; margin-top:5px; background-color:#369331; height:25px; line-height:25px;}
#calender_section_top ul li{ width:74px;}
#calender_section_bot ul li{ width:74px;}
#calender_section_bot{ width:520px;}
#calender_section_bot ul li{ height:50px;}
}