﻿/* [ Sidebar ] */

#sidebar {
	width: 220px;
	float: left;
	position: relative;
	padding: 0;
	z-index: 1000;
	margin: 70px 0 0 0;
	border-right: none;
	min-height:1px;
	}
	
#side_tabs{
	height: 32px;
	position: relative;
	display: block;
	} 

	
#sidebar #side_tabs ul,
#sidebar #side_tabs li li{
	list-style: none;
	padding: 0;
	margin: 0;
	}

#sidebar #side_tabs li{
	float: left;
	}

#sidebar #side_tabs li a{
	display: block;
	height: 25px;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 12px;
	color: #929292;
	width: 109px;
	border-bottom: solid 1px #cfcfcf;
	border-top: solid 1px #cfcfcf;	
	text-align: center;
	background:url(hover_bg.gif) no-repeat right bottom;
	}
	
#search_tab{
	border-left: solid 1px #cfcfcf;
}

#sidebar #sidebar_content_wrapper{
	padding: 5px 0px;
	background: #f1f1f1 url(sidebar_bg.png) repeat-y right top;
	min-height: 25px;
	border-bottom: solid 1px #cfcfcf;
	border-left: solid 1px #cfcfcf;
	position: relative;
	min-height:1px;
	margin-bottom:30px;
	}
	
* html #sidebar_content_wrapper{
	background:#F1F1F1 url(sidebar_bg.png) repeat-y right !important;
	top:-5px;
}
	
#sidebar #side_tabs ul li a:hover{
	text-decoration: none;
	color: #f27a00 !important;
	text-decoration: underline;
	background: #f1f1f1 url(hover_bg.gif) no-repeat right bottom;
	}

.search_active #search_tab,
.whats_on_active #whats_on_tab{
	position: relative;
	text-decoration: none;
	background: #f1f1f1 !important;
	border-bottom: none !important;
	color: #f27a00 !important;
	top: -5px;
	padding-top:10px !important;
	height:26px !important;
	}
	
.sidebar_content{
	display:none;
	min-height:1px;
	position:relative;
}

.search_active #quick_search,
.whats_on_active #quick_whats_on{
	display:block;
}

	
.search_active #search_tab,
.whats_on_active #whats_on_tab{
	position: relative;
	text-decoration: none;
	background: #f1f1f1;
	border-bottom: none !important;
	color: #f27a00 !important;	
	top: -5px;
	padding-top:10px !important;
	height:26px !important;
	}
	
	
.whats_on_active #whats_on_tab{
	background: #f1f1f1 url(sidebar_bg.gif) repeat-y right top !important;
	}
	
.search_active #search_tab{
	border-right: solid 1px #cfcfcf;
}
.whats_on_active #whats_on_tab{
	border-left: solid 1px #cfcfcf;
}

/* quick search */

#quick_search{
	padding: 0 10px 70px;
	background: url(quicksearch.jpg) no-repeat 90px bottom;
	}
	
#sidebar h3{
	font-size: 12px;
	color: #f27a00;
	margin: 10px 0 2px 0;
	}
	
#quick_search label{
	padding-left:10px;
}

.quick_search_input{
	width:191px;
	background:#f9f8f8;
	border: solid 1px #7f9db9;
	padding: 2px;
	}
	
select.quick_search_input{
	width:195px;
	background:#f9f8f8;
	border: solid 1px #7f9db9;
	padding: 2px;
	height: 22px;
	}
	
.quick_search_input.focus{
	background:#fff;
	border:solid 1px #ea7c0d;
	}
	
.quick_search_submit{
	border: solid 1px #7f9db9;
	color:#ea7c0d;
	width:75px;
	background:none;
	cursor:pointer;
	font-size:11px;
	margin-top:15px;
	padding: 5px 10px;
	}

.quick_search_submit:hover{
	background:#fff;
	border: solid 1px #ea7c0d;
}
	
#quick_search ul,
#quick_search ul li{
	padding:0;
	margin:0;
	list-style:none;
}

#quick_search ul li{
	margin-bottom:2px;
}

/* what's on */

#quick_whats_on{
	position:relative;
	padding:0 10px 35px;
	background: url(quick3_note.jpg) no-repeat right bottom;
	}

#quick_whats_on .date{
	display: block;
	position: relative;
	height: 21px;
	background: #EA7C0D;
	margin: 10px 0px 0 26px;
	color: #fff;
	text-align: left;
	padding: 3px 0 0 7px;
	font-weight: bold;
}

#quick_whats_on .date img{
	position: absolute;
	left: -26px;
	top: 0px;
}

#quick_whats_on ul,
#quick_whats_on ul li{
	padding:0;
	margin:0;
	list-style:none;
	font-size: 11px;
}

#quick_whats_on ul{
	margin:5px 0 15px 0;
}

#narrow_what, 
#narrow_more,
#side_search{
	padding: 0 0 15px;
	margin: 0 0 10px;
}

#quick_note{
	position:absolute;
	right:0px;
	bottom:0px;
	height:111px;
	width:120px;
	z-index:8;
	}


#quick_whats_on .what_heading{
	margin-top:0px;
	color:#1C3440;
	display:block;
	font-size:14px;
	color:#1c3440;
	display: none;
}

#quick_whats_on a{
	padding: 5px 5px;
	display: block;
	font-size: 12px;
	line-height: 16px;
	}
	
#quick_whats_on a span{
	display:block;
	}

#quick_whats_on a:hover{
	text-decoration:none;
	background: #e0e0e0;
}

#quick_whats_on a:hover span{
	text-decoration:none;
}

#quick_what_options{
	border-top: 1px solid #DCDCDC;
	
}


#sidebar #quick_whats_on .quick_more_link,
#sidebar #quick_whats_on .quick_add_link{
	z-index:100;
	position:absolute;
	bottom:10px;
	display:block;
	color:#0190CA;
	font-size:12px;
	padding: 0 5px;
	margin: 0;
	background: none;
	
	}
	
	#quick_whats_on .quick_more_link:hover,
	#quick_whats_on .quick_add_link:hover{
		text-decoration:underline;
		background: none;
	}
	
#sidebar #quick_whats_on .quick_add_link{
	bottom:10px;
	right:10px;
}

#sidebar #quick_whats_on .quick_more_link{
	left: 10px;
}

* html #sidebar #quick_whats_on .quick_add_link,
* html #sidebar #quick_whats_on .quick_more_link{
	bottom:87px;
}