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

#accordion1 {
	color:#fff;
	height:270px;
	list-style:none;
	margin:0;
	overflow:scroll;
	padding:0;
	text-shadow:0 1px 0 #333;
	width:720px;
}
#accordion1 li {
	height:270px;
	position:relative;
}
#accordion1 .slide_handle {
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:40px;
	z-index:200;
	height:270px;
}
#accordion1 .slide2 .slide_handle { background-position:-40px 0; }
#accordion1 .slide3 .slide_handle { background-position:-80px 0; }
#accordion1 .slide4 .slide_handle { background-position:-120px 0; }
#accordion1 .slide_handle div {
	background:url(images/arrows.gif);
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
#accordion1 .slide_opened .slide_handle { cursor:default; }
#accordion1 .slide_opened .shortDescription {background:url(../AccordionImages/descriptionBg.png) repeat left top; display:block;}
#accordion1 .slide_content {
	bottom:0;
	left:40px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#accordion1 .slide_content a img { border:0; float:left }
#accordion1 .slide_caption {
	background:url(images/black-30pct.png); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#accordion1 .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#accordion1 .slide_caption_toggle div {
	background:url(../AccordionImages/toggle-caption.png) no-repeat 50% -10px;
	height:100%;
}
#accordion1 .slide_caption_toggle:hover { background:url(images/black-30pct.png); }
#accordion1 .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/digital-noise.png) 100% 0; }
#accordion1 .verticalText{  writing-mode:tb-rl;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform: rotate(270deg);white-space:nowrap;display:block; font-size:14px; text-transform:uppercase;width:30px; padding-right:10px; position:absolute; bottom:30px; text-align:left;}
.shortDescription{width:200px; display:none; float:left; height: 260px;overflow: hidden;padding: 5px;width: 160px;position: absolute;top: 0;z-index: 100;left:0;}
.slide_caption {display:none;}
.accordeonImgMask {width:100%; height:270px; position:absolute; left:0;overflow:hidden;}
.accordeonImage {width:100%; min-height:270px;}
.accordeonContainer{display:block; text-align:left;float:left}