@CHARSET "UTF-8";

/* For Left Rendering Wizard */

#left_container_wizard 
{
  float:left;
  text-align: left;
  width: 215px;
  font-size: 12px;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  background: #667;
  margin-top:110px;
  padding: 0 0 0 0;
}

.step_left { width:200px; position: relative; line-height: 32px; padding: 0 12px 0 16px; background: #eee;}
.step_left a{ color: inherit; }
.cheveron_left { position: absolute; left: -10px; height: 100%; width: 20px; background: url('/images/new-arr.png') no-repeat center center; }
.first_left .cheveron_left { display: none; }
div.step_left:hover { background: #5D3; color: #fff; }
div.step_left.selected { background: #000; color: #fff; }

/* Set the styling of rendering of container widget */
.parent_table { width:100%;height:auto;border:6;border-style:solid;border-color:black; }
.left_cell_style { width:50%; vertical-align: top; padding-top: 10px; vertical-align: top;}
.right_cell_style { width:50%;vertical-align: top;}
.single_cell_style{ width:100%; }
.info_text{ color:white;margin:10px;text-align:justify;font-weight: bold; }

/*.indicator_2{
	position:	absolute;
	opacity:	-10;
	width:		350px;
	height: 500px;
	vertical-align: middle;	
	background-color:#5B3;
	z-index:	999;
}*/
.indicator_2{
  max-height: 375px;	
  position: absolute;
  width: auto;
  height: auto;
  margin-left:35px;
  z-index:	0;
  background-color:#fff;
  border:1px solid black;
  border-radius: 6px;
  vertical-align: middle;
  overflow-y: auto;
  overflow-x: hidden;
}

.span_container{
min-width: 185px;
height: auto;
border-radius: 6px;
}
.custom_span_value{
	margin-top:3px;
}
.pie-charts {
  border-collapse: separate;
  border-spacing: 10px;
  *border-collapse: expression('separate', cellSpacing = '10px');  
  margin: 0 auto;
  margin-left: 10px;
}
.pie-charts td{
  border: 1px solid #ccc;
  border-radius: 4px;
}