/**
 * Histogram/bargraph layout.
 */
.histogram {

  height: 236px;
  position: relative;
  max-width:600px;
  border: 15px solid #C9E0DF;
  border-bottom:0;
  background-color: #daeaea;


}

.bar {
  width: 27px;
  bottom: 0px; /* necessary to keep bars on bottom */
  position: absolute;

  cursor: pointer;
}

.barUnselected {
  background: transparent url(../img/histogram/columnUnselected.png) no-repeat center bottom;

}

.barSelected {
  background: transparent url(../img/histogram/columnSelected.png) no-repeat center bottom;
}

.barTop {
  height:3px; 
  background: transparent url(../img/histogram/columnUnselectedTop.png) no-repeat;
}

.barTopPartial {
  height:3px; 
  background: transparent url(../img/histogram/columnUnselectedTop.png) no-repeat;
  position: relative;
  top: -3px;
}

.barBottom {
  height: 15px;
  background-color: #fff;
}

.concept {
  position: relative;
  height: 20px;
  margin-left: 0;
}

.total {
  text-align: center;
  font-family: Verdana, Tahoma, Arial;
  color: #467163;
  font-size: 10px;
  height: 10px;
  background: transparent;
}

.typef{
  background: transparent url(../img/histogram/fca_f.png) no-repeat center center;
}

.typec{
  background: transparent url(../img/histogram/fca_c.png) no-repeat center center;
}

.typea{
  background: transparent url(../img/histogram/fca_a.png) no-repeat center center;
}

#column-1 { left: 3%; }
#column-2 { left: 13%; }
#column-3 { left: 23%; }
#column-4 { left: 33%; }
#column-5 { left: 43%; }
#column-6 { left: 53%; }
#column-7 { left: 63%; }
#column-8 { left: 73%; }
#column-9 { left: 83%; }
#column-10 { left: 93%; }


.legend-a {
background-image: url(../img/histogram/legend.png);
}


.legend {
padding-top:3px;
background-color:#c9e0df; 
border-top: 2px solid #b5d1cf;
height:14px; 
padding-left:9px;
padding-top:5px;

}

.legend-span {
float:left;
margin-right:10px;	
}



	ul.ui-tabs-nav a.tablink {
width:60px;
}

ul {
list-style-type:none;
}

ul.ui-tabs-nav {
				clear:none;
				list-style: none;
				height:22px;
			}

			ul.ui-tabs-nav a {
				color: #006C61;
				text-decoration: none;
				padding: 0;
/*				width: 50px; */
				text-align:center;
			}
			
			ul.ui-tabs-nav a:hover {
				color: #4BD8FF;
				text-decoration: none;
			}
			
			ul.ui-tabs-nav li {
				float: left;
				position: relative;
			}

			ul.ui-tabs-nav li.details {
				clear: both;
				margin-bottom:8px;
				overflow:hidden;
			}
			
			ul.ui-tabs-nav li ul {
				list-style: none;
				position: absolute;
				top: 0;
				display: none;
				border-left: 1px solid #FFF;
			}
			
			ul.ui-tabs-nav li:hover ul { display: block; }
			
			ul.ui-tabs-nav li:hover ul li ul { display: none; }
			
			ul.ui-tabs-nav li ul li:hover ul { display: block; }


.semantic-indicator {
padding: 5px 20px 5px 10px; 
background-color: #CFE4E4; 
color:#49938c; 
font-weight:bold; 
font-size:11px;
padding-bottom:10px;
}
.less {
float: right;
margin-right:15px;
}

.more {
margin-left:20px;
}

.arrow {
font-size:16px;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f7faf9}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d4e3e2;
  border-right:1px solid #d4e3e2;
  background:#e7f0ef}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #c0d6d5;
  border-right:1px solid #c0d6d5;
  background:#ebf2f1}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ebf2f1;
  border-right:1px solid #ebf2f1;}
.spiffy4{
  border-left:1px solid #d4e3e2;
  border-right:1px solid #d4e3e2}
.spiffy5{
  border-left:1px solid #e7f0ef;
  border-right:1px solid #e7f0ef}
.spiffyfg{
  background:#f7faf9}