/*
 * Accordionza jQuery Plugin
 * Copyright 2010, Geert De Deckere <geert@idoe.be>
 */

.accordion1{
/*	original dimensions: 240H x 840W
*/	color:#fff;
	height:100px;
	width:270px;
	float:left;
	list-style:none;
	margin:0;
	overflow:scroll;
	padding:0;
	text-shadow:0 1px 0 #333;
}
.accordion1 li{
	height:100px;
	position:relative;
}
.slide_handle{
	background:url(../images/accordionza/handles.png);
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:25px;
/*	width:40px;
*/}
.slide2 .slide_handle { background-position:-25px 0; }
.slide3 .slide_handle { background-position:-50px 0; }
.slide4 .slide_handle { background-position:-75px 0; }
.slide5 .slide_handle { background-position:-100px 0; }

.slide_handle div {
/*	Don't need the arrows for this iteration*/
/*	background:url(../images/accordionza/arrows.gif);*/	
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
.slide_opened .slide_handle { cursor:default; }
.slide_opened .slide_handle div { background-position:0 -7px; }
.slide_content {
	bottom:0;
	left:25px; /* Matches the width of .slide_handle (was 30px) */
	position:absolute;
	right:0;
	top:0;
}
.slide_content a img { border:0; }
.slide_caption {
	background:url(../images/accordionza/black-30pct.png); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 5px 5px 5px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
.slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
.slide_caption_toggle div {
	background:url(../images/accordionza/toggle-caption.png) no-repeat 50% -10px;
	height:100%;
}
.slide_caption_toggle:hover { background:url(../images/accordionza/black-30pct.png); }
.slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
.accordion1 a{
	background:none;
	color:#fff;
	text-shadow:0 1px 0 #333;
}
.accordion1 a:hover{ text-decoration:none; }
/*#accordion1 .slide4 .slide_content { background:url(../images/accordionza/digital-noise.png) 100% 0; }
*/