.year_cal_left {
    width: 100%;
    float: left;
	margin-top:40px;
}
.year_cal_right {
    width: 100%;
    float: right;
    background: #3f2473;
    margin-bottom: 15px;
}
.year_cal_right h3 {
    margin: 0;
    padding: 15px 20px;
    color: #3f2473;
    font-size: 22px;
    background: #fdcf22;
}
.year_cal_right ul{margin:0; padding:0; list-style:none;}
.year_cal_right ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
}
.year_cal_right ul li a:hover{ color:#fdcf22; text-decoration:none;}
.year_cal_right ul li {
    border-bottom: 1px solid #fdcf22;
    padding: 10px 20px;
}
.year_cal_right ul li:last-child{border-bottom:0;}
.year_block_sec h2{margin:0; padding:0;}
.year_block_sec p{margin:0; padding:0;}
.year_sec {
    width: 23%;
    float: none;
    margin: 0 5px;
	margin-bottom:10px;
	min-height: 240px;
	display:inline-block;
}
.year_all_sec {
    width: 100%;
    border: 2px solid #000;
    float: left;
	text-align:center;
}
.year_heading {
    width: 100%;
    float: left;
	padding: 10px;
border-bottom: 2px solid #000;
margin-bottom: 10px;
}
.year_sort {
    float: right;
}
.year_heading p {
    float: left;
}
.year_heading p {
    font-size: 30px;
    margin: 0;
    font-weight: 700;
}
.year_sort {
    font-size: 24px;
    font-weight: 700;
}
.year_sort a{color:#000;}
.year_sort a:hover{text-decoration:none;}
.month_top_left {
    float: left;
	margin-bottom:15px;
}
.month_top_left a {
    background: #3f2473;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    display: inline-block;
}
.month_select {
    float: right;
}
.month_select select {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: left;
    width: 170px;
}
.month_select a {
    background: #3f2473;
    padding: 8px 18px;
    color: #fff;
    font-weight: 700;
    vertical-align: text-bottom;
}
.month_div_sec #calender_section_bot ul li {
    width: 14.2%;
}
.month_div_sec #calender_section_top ul li{
    width:14%;
}


.none{ display:none;}
.dropdown{color: #444444;font-size:17px;}
#calender_section{ width:100%;}
#calender_section h2{ background-color:#3f2473; color:#444444; font-size:17px; text-align:center; line-height:70px;}
#calender_section h2 a {
    color: #fdcf22;
    float: none;
    font-weight: bold;
}
#calender_section_top{ width:100%; float:left; margin-top:0px; background-color:#3f2473; text-align:center;}
#calender_section_top ul{padding:0; list-style-type:none; margin:0;}
#calender_section_top ul li{ float:none; display:inline-block; width:11%;  text-align:center; font-size:12px; color:#fff; min-height:0; background:none; box-shadow:none; margin:0; padding:0;}
#calender_section_top ul li:last-child{border-right:0;}
#calender_section_bot{ width:100%; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#calender_section_bot ul{ margin:0 -4px 0 0px; padding:0; list-style-type:none;}
#calender_section_bot ul li{ float:left; width:14%; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc; min-height:0; background:none; box-shadow:none; margin:0; padding:0; position:relative;font-size: 10px;}
#calender_section_bot ul li span{ /*margin-top:7px; float:left; margin-left:7px; text-align:center;*/}

.grey{ background-color:#DDDDDD !important;}
.light_sky{ background-color:#B9FFFF !important;}
.date_cell { cursor: pointer; cursor: hand; }
.date_cell:hover { background: #DDDDDD !important; }
.date_popup_wrap {
	position: absolute;
	width: 143px;
	height: 115px;
	z-index: 9999;
	top: -115px;
	left:-55px;
	background: transparent url(../jscript/images/add-new-event.png) no-repeat top left;
	color: #666 !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: 12px;
	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: 16px;
	width:100%;
}
.popup_event a {color: #000000 !important;}
.packeg_box a {color: #F58220;float: right;}

@media (max-width:991px){
    .month_div_sec #calender_section_top ul li {
        width: 13%;
    }
}

@media (max-width:500px){
    .year_sec {width: 98%; min-height:inherit;}
    .year_heading p {font-size: 22px;}
    .year_sort {font-size: 19px;}
    .month_select {float: right;width: 100%;margin-bottom: 20px;}
    .month_select a{width:100%; text-align:center; display:block;}
    .month_select select{margin-bottom:10px; width:100%;}
}

@media (max-width:479px){
    #calender_section_top ul li{width:13%;}
}