/*
 *
 * Default CSS for UberAccordion
 * Skin Me s'il vous plait
 *
 */

.accordionContainer{
}
.uberAccordion {
   padding: 0;
}

.uberAccordion > li {
    list-style: none;
    margin: 0;
}

.uberAccordion > li > h1 {
    background-color: #555;
    margin: 0;
    font-size: 16px;
    padding: 15px;
    cursor: pointer;
	border-top:1px solid #fff;
	color:#fff;
	font-weight:normal;
}


.uberAccordion > li > h1 span{
	color:#f78d0f;
}

.uberAccordion > li > div .acc1 {
    background:url(../images/reportBG.png) repeat-x left top;
	width:100%;
	height:100%;
}

.uberAccordion > li > div .acc2 {
    background:url(../images/reportBG.png) repeat-x left top;
	width:100%;
	height:100%;
}

/* Default CSS for sub-accordion */

.uberAccordion .uberAccordion > li > h1 {
    font-size: 12px;
    padding: 10px;
border:1px solid #ff0000;
}

.uberAccordion .uberAccordion > li > div {
   background-color: #666666;
   color: #FFF;
}


/* Default CSS for vertical orientation */

.uberAccordion.accordion-vertical {
    height: 260px;
}

.uberAccordion .uberAccordion.accordion-vertical {
    height: 300px;
}


.uberAccordion.accordion-vertical .title{
	color:#fff;
	font-weight:normal;
}

.uberAccordion.accordion-vertical .title span{
	color:#f78d0f;
	font-weight:normal;
}

.uberAccordion > li > div .reportCover{
	display:block;
	margin:auto;
	margin-left:5px auto;
}

.uberAccordion .btn{
    width: 100%;
	padding: 8px 20px;
}

.uberAccordion .btn a{
	color:#fff;
}
.figcaption {
  padding: 10px 35px;
  position: absolute;
  z-index: 3;
  background: black;
  background: rgba(0,0,0,0.7);
  color: white;
  bottom: 0px;
  font-size: 14px;
}

.figcaption a {
  color: #f78d0f;
}

/* below a hack to access the head of the result in jsfiddle */
 </style> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> </style>