/* hide container until all is ready */
.test, .test2,.test3,.test4{
	display: none;
}
/*Main Container*/
.container {
	width:100%;	


}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
		
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
	
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
background: white;
	
}
.contentWrapper{	
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
}
/* Handle*/
.handle{
	float: left;
	width: 38px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../images/blade.png) no-repeat;
}
.handleOver{	
	background: url(../images/blade_sel.png) no-repeat;
}
.handleSelected{	
	background: url(../images/blade_sel.png) no-repeat;
}

#accordion {
  width: 960px;
  height: 390px;
  overflow: hidden;
  padding: 0 0 11px;
  margin: 0 0 11px;
  border-bottom: 4px solid #b1adb8;
  display: none;
}

.container li.listItem {
  display: block;
  float: left;
  overflow: hidden;
  margin: 0 10px;
}

.container li.listItem.first {
  margin-left: 10px !important;
}

.container li.listItem.last {
  margin-right: 10px !important;
}

.handle { /* jquery defaults override */
  float: none;
  margin: 0;
  cursor: pointer;
}

.listItem .handle {
  width: 59px;
  height: auto;
  overflow: hidden;
}

.listItem .handle.handleOver .handleInnerWrapper {
  background-color: #ff1200;
}

.listItem .handle.handleOver .handleInnerWrapper img {
  opacity: 0.5; 
  filter: alpha(opacity=50);
}

.listItem .handle.handleSelected {
  display: none;
}

.listItem .image {
  width: 540px;
}

#accordion .contentContainer {
  height: auto;
}

#accordion .contentContainer .contentWrapper {
  display: none;
}

#accordion .contentContainer.contentSelected .contentWrapper {
  display: block;
  width: 540px;
  overflow: hidden;
  position: relative;
}

#accordion .contentWrapper h4 {
  position: absolute;
  text-transform: uppercase;
  display: inline;
  color: #ffff00;
  font: normal 10pt arial, sans-serif;
  background-color: #ff1200;
  padding: 6px 10px 4px;
  bottom: 93px;
}

#accordion .contentWrapper h2 { padding: 0; }

#accordion .contentWrapper h2 a {
  position: absolute;
  text-transform: uppercase;
  overflow: hidden;
  display: inline;
  color: #fff;
  font-size: 20px;
  line-height: 1.1em;
  letter-spacing: 1pt;
  background-color: #ff1200;
  padding: 8px 10px 0;
  height: 42px;
  bottom: 45px;
}

.wf-active #accordion .contentWrapper h2 a {
  font: 300 28pt "atrament-web-1","atrament-web-2",sans-serif;
}

#accordion .contentWrapper h2 a:hover {
  color: #ffff00;
}

#accordion .contentWrapper p.media_buttons {
  background-color: #fff;
  height: 45px !important;
  width: 540px;
  margin: 0;
}

#accordion .contentWrapper .media_buttons a.button,
#accordion .contentWrapper p.downloadlink a,
#accordion .contentWrapper .media_buttons a.button.edit { 
  color: #707070;
  text-transform: uppercase;
  margin: 0;
  height: 32px;
  font-size: 14px;
}

#accordion .contentWrapper .media_buttons a.button:hover,
#accordion .contentWrapper p.downloadlink a:hover {
  color: #ff1200;
  text-decoration: none;
}

#accordion .contentWrapper .media_buttons a.button.commentlink {
  text-indent: -9999px;
  background: url(/media/img/studio360/icons-audio-tools.png) no-repeat -505px 0;
  padding: 0 0 1px;
  border-left: 1px solid #ccc;
  width: 110px;
  border-left: 1px solid #ccc;
  line-height: 1.5em;
  overflow: hidden;
}

#accordion .contentWrapper .media_buttons a.button.commentlink:hover {
  background-position: -505px -35px;
}

.wf-active #accordion .contentWrapper .media_buttons a.button.commentlink,
#accordion .contentWrapper .media_buttons a.button.more {
  background: 0;
  text-indent: 0;
  padding: 9px 10px 0;
  height: 26px;
  width: auto;
  border-left: 1px solid #ccc;
}

#accordion .contentWrapper #accordion-no-audio.media_buttons a.button.commentlink {
  border: 0;
}

.wf-active #accordion .contentWrapper .media_buttons a.button,
.wf-active #accordion .contentWrapper p.downloadlink a {
  font: 400 20px/0.6em "atrament-web-1","atrament-web-2",sans-serif;
}

.contentInnerWrapper {
  padding: 0;
}