#sidebar {
	z-index: 200;
	padding: 4px 0 15px 0;
}

#sidebarTabs-desktop { display:none; }
#tabContainer-mobile { padding-top:5px; display:block; }

.sidebarTabs {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(1%, rgba(9,9,9,0.0)), color-stop(90%, rgba(9,9,9,0.4)) );
	background:-moz-linear-gradient( center top, rgba(9,9,9,0.0) 1%, rgba(9,9,9,0.4) 90% );
	background:-ms-linear-gradient( top, rgba(9,9,9,0.0) 1%, rgba(9,9,9,0.4) 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(9,9,9,0.0)', endColorstr='rgba(9,9,9,0.4)');
	margin-right:2%;
}

.sidebarTabs > li {
	width: 47%;
	text-align: center;
	margin-left: 3%;
}

.sidebarTabs > li > a {
	background: rgba(0,0,0,0.2);
	border-color: rgba(0,0,0,0.4);
	border-bottom: none !important;
	color: rgba(255,255,255,0.7);
	margin-right: 0;
}

.sidebarTabs .active a, #sidebarTabs a:hover {
	background: rgba(255,255,255,0.3);
	border-color: rgba(255,255,255,0.4);
	color: rgba(0,0,0,0.9);
}

.sidebarTabs .active a {
	font-weight: bold;
}

.sidebarItems {
	clear: both;
}

.sidebar-header {
	font-weight: bold;
	padding: 3px 10px;
/*
	color: #fff;
	background-color: #000;
	opacity: 0.5;
*/
}

#allEventsLink {
	font-size: 16px;
	margin-top: 5px;
}

.searchButton { width:14%; }

#sidebarNav a {
	color: #ffffff;
	padding: 6px 5px 6px 15px;
}

#sidebarNav a:hover {
	color: #000;
}

.search-nav {
	display: block;
	width: 92%;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}

.search_input {
	width: 84%;
	height: 32px;
	margin-right: 2px;
	line-height: 30px;
	border: none;
	border-radius: 5px !important;
	/*background: #294A54;*/
	font-weight: normal;
	text-indent: 8px;
	color: #000;
	vertical-align: middle;
}

/* event calendar navigation */
#eventCalendar {
	font-size:90%;
	margin-top:10px;
	margin-bottom:10px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background: rgba(255,255,255,0.1);
	display: none;
}
#eventCalendar a { padding:0 !important; }

#calNavMonth { font-weight:bold; display:inline-block; width:75%; padding:1px; text-align:center; margin-left:auto; margin-right:auto; }
#calNavLeft { font-weight:bold; float:left; width:10%; margin:1px; padding:1px; text-align:left; }
#calNavRight { font-weight:bold; float:right; width:10%; margin:1px; padding:1px; text-align:right; }

#calDays { clear:left; font-size:130%; }
#calDays div { color:rgba(255,255,255,0.7); width:13%; display:inline-block; margin:1px 2px 0 2px; text-align:center; padding:0 !important; }
#calDays div.today { color:rgba(0,0,0,0.8); background:rgba(202,202,202,0.6); }
#calDays div.target { color:rgba(255,255,255,0.9); background:rgba(130,190,130,0.7); }
#calDays div a { font-weight:bold; padding:1px !important; margin:0; width:100%; display:inline-block; }
#calDays div a:hover { background:rgba(255,255,255,0.3); text-decoration:none; }

/*
.search_input::-webkit-input-placeholder { color: #fff; }
.search_input:-moz-placeholder { color: #fff; }
.search_input::-moz-placeholder { color: #fff; }
.search_input:-ms-input-placeholder { color: #fff; }
*/

#venueList { display:none; }

#togglerTabs {
	margin-top:10px;
	margin-bottom:5px;
	/*background:rgba(9,9,9,0.3);*/
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(11%, rgba(9,9,9,0.0)), color-stop(90%, rgba(9,9,9,0.3)) );
	background:-moz-linear-gradient( center top, rgba(9,9,9,0.0) 11%, rgba(9,9,9,0.4) 90% );
	background:-ms-linear-gradient( top, rgba(9,9,9,0.0) 11%, rgba(9,9,9,0.4) 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(9,9,9,0.0)', endColorstr='rgba(9,9,9,0.4)');
}
#togglerTabs ul { margin:0; padding-left:1%; list-style:none; display:block; width:100%; }
#togglerTabs ul li { margin-left:1%; text-align:center; display:inline-block; }
#togglerTabs ul li:first-child { width:43%; }
#togglerTabs ul li:last-child { width:52%; }
#togglerTabs ul li a {
	display: block;
	font-size: 15px;
	padding: 2px !important;
	margin: 0;
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	background: rgba(0,0,0,0.2);
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
	border-width: 1px 1px 0 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#togglerTabs ul li a:hover { color:rgba(0,0,0,0.7); background:rgba(255,255,255,0.4); }
#togglerTabs ul li a.here { color:rgba(0,0,0,0.9); background:rgba(255,255,255,0.4); font-weight:bold; }

/*
#featuredEventsTitle {
	margin-top: 15px;
	margin-bottom: 1px;
	padding: 3px 0 3px 15px;
	font-size: 16px;
	position: relative;
}
*/
/*
a.filterToggler { display:block; padding:0 !important; }
#togglerIcon { width:20px; padding:0 !important; position:absolute; right:5px; top:7px; display:inline-block; font-size:14px; }
*/

@media(min-width:768px) {

	#sidebar {
		position: fixed;
		width: 200px;
		height: 92% !important;
	}

	#sidebarScroll {
		height:98%;
	}

	#sidebarTabs-desktop { display:block; }
	#tabContainer-mobile { display:none; }


	.sidebarTabs {
		margin-right:0;
	}

	.sidebarTabs li {
		width: 47%;
		text-align: center;
		margin-left: 2%;
	}

	.sidebarContent {
		position: relative;
		width: 200px;
		height: 97%;
	}

	.search-nav { width:175px; }
	.search_input { width:128px; }
	.searchButton { width:42px; }

	.scroll-pane {
		height: 99%;
		overflow: auto;
	}

	#togglerTabs ul { margin-left:2%; }
	#togglerTabs ul li:first-child { width:40%; }
	#togglerTabs ul li:last-child { width:50%; }

	#eventCalendar { width:89%; }

	#calNavMonth { width:79%; }
	#calNavLeft { width:9%; }
	#calNavRight { width:9%; }

	#calDays { font-size:100%;}
	#calDays div { width:23px; margin:1px 1px 0 1px; }

}
