/* ===== Grafical bar ===== */

.grafical-bar-wrapper {
  height: 14px;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: .5em;
}
.grafical-bar {
  float: left;
  margin-right: 10px;
  height: 14px;
  background: #999;
  text-align: center;
  border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  box-shadow: 2px 2px 5px #333;	-webkit-box-shadow: 2px 2px 5px #333;	-moz-box-shadow: -2px 2px 5px #333;
  }
.width-1 .grafical-bar-wrapper {
  height: 12px;
  font-size: 9px;
  line-height: 11px;
  }
.width-1 .grafical-bar {
  height: 12px;
  }
.grafical-bar-red {
  background: #f00;
  }
.grafical-bar-orange {
  background: #f90;
  }
.grafical-bar-yellow {
  background: #fc0;
  }
.grafical-bar-green {
  background: #3b3;
  }
.grafical-bar-turq {
  background: #2cf;
  }
.grafical-bar-blue {
  background: #77f;
  }
.grafical-bar-lila {
  background: #f0f;
  }
.grafical-bar-brown {
  background: #ff6;
  }
.grafical-bar-grey {
  background: #666;
  }
  
.field-collection-item-field-questionaire .group-design .grafical-bar-default {
	background: #f00;
}
.field-collection-item-field-questionaire .group-social .grafical-bar-default {
	background: #f90;
}
.field-collection-item-field-questionaire .group-ecology .grafical-bar-default {
	background: #3b3;
}
.field-collection-item-field-questionaire .group-economy .grafical-bar-default {
	background: #33f;
}
.field-collection-item-field-questionaire .group-culture .grafical-bar-default {
	background: #f0f;
}


/* ----- questionaire-box ( GEN questionaire grafical simple bar visualisation) ----- */

.panel-panel .field-name-field-questionaire .bar-wrapper {
	width: 200px;
	height: 12px;
	overflow: hidden;
	margin-left: -3px;
}
.panel-panel .field-name-field-questionaire .bar-inner {
	height: 10px;
	background: #f00;
	margin-left: -5px;
	border-radius: 4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;
	box-shadow: 1px 2px 2px #888;	-webkit-box-shadow: 1px 2px 2px #888;	-moz-box-shadow: 1px 2px 2px #888;
}
.panel-panel .field-name-field-questionaire .field-name-field-integral .bar-inner {
	background: #f00;
}
.panel-panel .field-name-field-questionaire .field-name-field-social .bar-inner {
	background: #f90;
}
.panel-panel .field-name-field-questionaire .field-name-field-ecologic .bar-inner {
	background: #0f0;
}
.panel-panel .field-name-field-questionaire .field-name-field-economic .bar-inner {
	background: #33f;
}
.panel-panel .field-name-field-questionaire .field-name-field-cultural .bar-inner {
	background: #f0f;
}