/* @override http://bob.local/www.shawneepeak.com/event/_css/calendar.css */

#calendar_box {
	position:relative;
    margin-left: auto;
    margin-right: auto;    
	z-index: 5;
	margin-bottom: 20px;
	width:90%;	
}

#calendar_list_table td {
	height:30px;
}

#calendar_content_list {
	float:left;
	display:none;
}

.calendar_day_box {
	background-color:white;
	float:left;
	position:relative;
	font-size:10px;
	border-bottom:1px solid lightgrey;
	overflow:hidden;
	height:100px;	
	width: 14.2%;
}

.calendar_day_header {
	height:20px;
	line-height:20px;
	float:left;
	position:relative;
	font-size:10px;
	border-bottom:1px solid lightgrey;
	width:14.2%;
	text-align:center;
	background-position:50%;
}

#calendar_month_menu {
	position:absolute;
	z-index:2;
	border:1px solid lightgrey;
	background-color:white;
	width:150px;
	padding-top:5px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	top:60px;
	text-align:left;
	left:50%;
	margin-left:-75px;
	color: black;
}

#filter_list{
	width: 100%;
	position: relative;
	float: left;
	margin: 10px 0 10px 0;
}

#filter_list h3{
	position: relative;
	float: left;
	width: 100px;
	vertical-align: middle;
}

#category_items{
	position:relative;
	width: 80%;
	float: left;
}

.category_item{
	position: relative;
	float: left;
	padding: 5px;
	width: 140px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* Calendar Popup */

.calendar_thumbs{
	width: 130px;
}

#event_viewer {
	height:500px;
	overflow:hidden;
	text-align:left;
	padding:2px;
}

#event_viewer p{
	margin-bottom: 10px;
}

#event_viewer ul{
	margin-left: 60px;
	margin-bottom: 5px;
}

#event_viewer li{
	margin-bottom: 0px;
}

#event_menu {
	position:absolute;
	left:50%;
	margin-left:-300px;
	top:50%;
	margin-top:-300px;
	height:520px;
	width:600px;
	background-color:white;
	padding:10px;
	padding-top:30px;
	text-align:center;
	z-index:50;
	border:5px solid #b1c288;
}

#event_content{
	width: 430px;
	height: 430px;
	overflow:auto;
	padding-right: 10px;
}

#close_button {
	cursor:pointer;
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
}

#body_cover {
	background-image:url('../_img/black-70.png');
	background-repeat:repeat;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 49;
}

.calendar_title_header {
	position:relative;
	text-align:center;
	font-weight:bold;
    width: 100%;
	height:80px;
	font-size:16px;
	line-height:80px;
	margin: 0;
	background-image:url('../_img/winter.jpg');
	color: white;
}


#media_photos.event_media{
	position: relative;
	float: right;
	width: 150px;
	height: 430px;
	overflow: auto;
}

.fancybox{
	position: relative;
	float: left;
}

div.thumb_box{
	position: relative;
	float: left;
    clear: none;
}

#media_photos img{
	width:50px;
}

.register_button img{
	margin-top: 10px;
}

.pay_now{
	margin-bottom: 10px;
	margin-left: 10px;
}

.pay_now form input{
	color: #FFF;
	font-size: 10px;
	height: 20px;
	width: 86px;
	border: none;
	background: url(../../_img/buttons/blank.png) no-repeat;
	cursor: pointer;
}


#calendar_content_list {
	width:90%;
}

#calendar_left_arrow {
	width:50px;
	float:left;
	cursor:pointer;
}

#calendar_right_arrow {
	width:50px;
	float:left;
	cursor:pointer;
}

#calendar_month_title {
	width:150px;
	float:left;
	cursor:pointer;
}

#calendar_nav {
	width:250px;
	margin:auto auto;
}

#month_menu_item {
	line-height:20px;
	padding-left:10px;
	cursor:pointer;
}

#this_month_link {
	position:absolute;
	font-size:10px;
	line-height:8px;
	left:3px;
	bottom:5px;
	cursor:pointer;
}

#this_month_link:hover {
	text-decoration:underline;
}

.single_event_note{
	clear:both;
	height:14px;
	width:100%;
	margin: auto auto;
	cursor:pointer;
	line-height:14px;
}

.all_event_note {
	clear:both;
	height:14px;
	width:100%;
	margin: auto auto;
	cursor:pointer;
	line-height:14px;	
}

.span_event_start {
	clear:both;
	position:relative;
	float:left;
	height:12px;
	background-color:white;
	color:white;
	width:100%;
	border-right:0px;
	cursor:pointer;
	line-height:14px;
	padding-top:2px;
}

.span_event_note {
	clear:both;
	position:relative;
	float:left;
	height:14px;
	line-height:14px;
	background-color:white;
	width:100%;
	cursor:pointer;	
}

.span_event_empty {
	clear:both;
	position:relative;
	float:left;
	height:14px;
	background-color:transparent;
	width:100%;
}

.span_event_end {
	clear:both;
	position:relative;
	float:left;
	height:14px;
	border-left:0px;
	background-color:white;
	width:100%;
	cursor:pointer;	
}

.event_sponsors{
	height: 90px;
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 600px;
	overflow: auto;
}

#overDiv table{
	padding: 5px;
}