/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
  padding: 0;
  height:100%;
}


.haccordion ul{
  margin: 0;
  padding: 0;
  /*height:100%;*/
  list-style: none;
  overflow: hidden; /*leave as is*/
}


.haccordion li {
  display: block; /*leave as is*/
  float: left; /*leave as is*/
  *float:none;
  width: 100%; /*For users with JS disabled: Width of each content*/
  /*min-height: 1800px; For users with JS disabled: Height of each content
  height:100%;*/
  margin: 0;
  padding: 0;
  overflow: hidden; /*leave as is*/
}

.haccordianul li .hpanel:after { content: "."; display: block; height: 0; font-size:0px; clear: both; visibility:hidden; }

.haccordion li .hpanel{
  /*width: 100%; For users with JS disabled: Width of each content*/
  /* min-height: 800px;  For users with JS disabled: Height of each content*/
  height:100%;
  display:block;
  padding-left:40px;
}
.innerBox1, innerBox2 { display:block; }
.hpanel-tab {
  float:left; 
  padding-right:8px; 
  margin-left:-40px;
}