@charset 'utf-8';

/*************************************************
*
*	project:  	liteAccordion - horizontal accordion plugin for jQuery
*	author:   	Nicola Hibbert
*	url:	  	http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*	demo:	  	http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
.accordion {
 text-align: left;
 font: 'Helvetica Neue', Verdana, Arial, sans-serif;
 margin-bottom: 20px;
 }
.accordion ol {
 position: relative;
 overflow: hidden;
 height: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
 }
.accordion li > h2 {
 color: black;
 font-weight: normal;
 margin: 0;
 z-index: 2;
 position: absolute;
 top: 0;
 left: 0;
 -webkit-transform: translateX(-100%) rotate(-90deg);
 -webkit-transform-origin: right top;
 -moz-transform: translateX(-100%) rotate(-90deg);
 -moz-transform-origin: right top;
 -o-transform: translateX(-100%) rotate(-90deg);
 -o-transform-origin: right top;
 -ms-transform: translateX(-100%) rotate(-90deg);
 -ms-transform-origin: right top;
 transform: translateX(-100%) rotate(-90deg);
 transform-origin: right top;

 }
.accordion li > h2 span {
 display: block;
 padding-left: 10px;
 text-align: left;
 height: 90%;
 margin-top: 5px;
 }
.accordion li > h2 b {
 display: inline-block;
 position: absolute;
 top: 10%;
 top: 42%\9;
 left: 10%;
 left: 5%\9;
 text-align: center;
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 transform: rotate(90deg);
 }
.accordion li > h2:hover {
 cursor: pointer;
 }
.accordion li > div {
 height: 100%;
 position: absolute;
 top: 0;
 z-index: 1;
 overflow: hidden;
 background: white;
 }
.accordion noscript p {
 padding: 10px;
 margin: 0;
 background: white;
 }


/****************************************** Basic */
.basic li > h2 span {
margin-right: 20px }
.basic li > h2 span.one-row {
 margin-top: 10px }
.basic li > h2 {
 background: #e0f5fd url('../pics/accordeon_inactive.jpg') no-repeat;
 color: #1c2022;
 line-height: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 10pt}
.basic li > h2.selected {
 background: #9edcf4 url('../pics/accordeon_active.jpg') no-repeat;
;
}
.basic li > div h3 {
 margin: 15px 10px;
 }
.basic li > div p {
 margin: 10px;
 font-size: 14px;
 }
.basic li > div img {
 border: none }

/*************************************** Rounded */
.rounded {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 }
.rounded li > h2 span {
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 }

/***************************************** Light */
/**************************************** Stitch */