@media screen{
	/* calendar view */
	.calendar-section{padding:30px 0 50px;}
	.calendar{padding:28px 0 0; position:relative;}
	.calendar .heading{padding:0 3px 8px 0;}
	.calendar .heading:after{
		display:block;
		content:'';
		clear:both;
	}
	.calendar select{
		float:left;
		width:200px;
		margin:0 auto;
	}
	.calendar .select-area{
		float:left;
		position:relative;
		overflow:hidden;
		cursor:default;
		height:51px;
		background:#e33d41;
		font:16px/20px 'bitteritalic', Arial, Helvetica, sans-serif;
		color:#fff;
	}
	.calendar .select-area.select-active{background:#c83438;}
	.calendar .select-area .center{
		white-space:nowrap;
		display:block;
		padding:14px 20px;
	}
	.calendar .select-area .select-opener{
		position:absolute;
		right:20px;
		top:22px;
		background:url(../mpp.images/sprite.png) no-repeat -390px 0;
		width:12px;
		height:7px;
		cursor:pointer;
	}
	.drop-month .drop-holder{
		background:none;
		border:none;
		box-shadow:none;
		border-radius:0;
		padding:0;
	}
	.drop-month{
		position:absolute;
		overflow:hidden;
		background:#e33d41;
		z-index:2000;
	}
	.drop-month .drop-list{
		max-height:180px;
		overflow:auto !important;
	}
	.drop-month .vscrollbar{display:none !important;}
	.drop-month ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	.drop-month ul a{
		display:block;
		color:#fff;
		text-transform:none;
		font:16px/20px 'bitteritalic', Arial, Helvetica, sans-serif;
		padding:9px 20px 11px;
	}
	.drop-month .current-selected a{background:#fe7b89;}
	.drop-month .item-selected a{background:#fe4d5b;}
	.calendar .btn-prev, 
	.calendar .btn-next{
		float:left;
		text-indent:-9999px;
		overflow:hidden;
		margin:0 0 0 8px;
		background:url(../mpp.images/sprite-red.png) no-repeat 0 -23px;
		width:30px;
		height:51px;
	}
	.calendar .btn-prev:hover{background-position:0 -80px;}
	.calendar .btn-prev:active{background-position:0 -137px;}
	.calendar .btn-next{background-position:-36px -23px;}
	.calendar .btn-next:hover{background-position:-36px -80px;}
	.calendar .btn-next:active{background-position:-36px -137px;}
	.calendar .heading .right{float:right;}
	.calendar .mask{
		width:648px;
		overflow:hidden;
		margin:0 0 7px;
		border-bottom:2px solid #3d454b;
		background:#fff;
		position:relative;
	}
	.calendar .mask:after{
		position:absolute;
		right:0;
		top:0;
		width:1px;
		height:100%;
		background:#f6f6f6;
		content:'';
	}
	.calendar .table{background:url(../mpp.images/bg-cell.png) 0 51px;}
	.calendar .table:after{
		display:block;
		content:'';
		clear:both;
	}
	.calendar .col{
		float:left;
		position:relative;
		width:161px;
		padding:0 1px 0 0;
	}
	.calendar .title{
		display:block;
		margin:0 -1px 0 0;
		color:#fff;
		background:#3d454b;
		border-right:1px solid #343b40;
		text-align:center;
		font:16px/20px 'bitteritalic', Arial, Helvetica, sans-serif;
		padding:15px 0 16px;
	}
	.calendar .item{
		display:block;
		padding:12px 5px 9px;
		height:95px;
		position:relative;
	}
	.calendar .item:hover{
		background:#e33d41;
		color:#fff;
	}
	.calendar a:hover{text-decoration:none;}
	.calendar h3{
		margin:0 0 4px;
		padding-bottom:2px;
		color:#e33d41;
		font:15px/15px 'bitterregular', Arial, Helvetica, sans-serif;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.calendar .item:hover h3{color:#fff;}
	.calendar .date{
		display:block;
		margin:0 0 16px;
		font-size:13px;
		line-height:15px;
		color:#8c8c8c;
		font-style:italic;
	}
	.calendar .item:hover .date{color:#fff;}
	.calendar .place{
		position:absolute;
		left:5px;
		bottom:5px;
		width:151px;
		display:block;
		color:#666;
		font:13px/15px 'bitteritalic', Arial, Helvetica, sans-serif;
		max-height:45px;
		overflow:hidden;
		padding-bottom:2px;
	}
	.calendar .item:hover .place{color:#fff;}
	.calendar .footer-row{
		float:right;
		padding:0 2px 0 0;
	}
	.calendar .drop{
		display:none;
		position:absolute;
		right:100%;
		top:-90px;
		font-size:13px;
		line-height:15px;
		font-style:italic;
		width:300px;
		color:#fff;
		border-radius:6px;
		box-shadow:0 3px 15px 0 rgba(0,0,0,0.3);
	}
	.calendar .item:hover .drop{display:block;}
	.calendar .drop img{display:block;}
	.calendar .drop .frame{
		background:#e33d41;
		color:#fff;
		text-align:center;
		padding:20px 30px;
		border-radius:0 0 6px 6px;
	}
	.calendar .drop .meta{
		display:block;
		text-transform:uppercase;
		font:12px/14px 'bitterbold', Arial, Helvetica, sans-serif;
		margin:0 0 10px;
	}
	.calendar .drop h4{
		font:20px/24px 'bitterregular', Arial, Helvetica, sans-serif;
		margin:0 0 15px;
	}
}