/* CSS Document */
#interactive-diagram {
	padding: 20px;
}
#piechart {
	margin-left: -30px; 
	background: transparent url(/styles/esricore/scripts/piesprite/piesprite.png) 0 0 no-repeat;
	_background: transparent url(/styles/esricore/scripts/piesprite/piesprite.gif) 0 0 no-repeat; 
	height:250px; 
	width:260px; 
	position: absolute;
	z-index: 100;
}

#piechart #layer1 {
	float: left; 
	height: 125px; 
	width: 125px; 
	cursor: pointer;
	background: transparent url(/styles/esricore/scripts/piesprite/piesprite.gif) 0 -250px no-repeat;
}

#piechart #layer2 {
	float: right; 
	height: 125px; 
	width: 135px; 
	cursor: pointer;
}

#piechart #layer3 {
	float: right; 
	height: 125px; 
	width: 135px; 
	cursor: pointer;
}

#piechart #layer4 {
	float: left; 
	height: 125px; 
	width: 125px; 
	cursor: pointer;
}

#rightbox {
	z-index: 300;
}

#rightbox-content {
	float: right; 
}
#rightbox-content h2 {
	padding: 5px 55px 10px;
}
#rightbox-content p {
	width: 400px;
	padding: 0 55px 5px;
	_padding: 5px 5px 5px 55px;
}
#rightbox-content #planning {
	width: 475px; 
	min-height: 250px;
	padding: 5px; 
	border: 2px solid #F7B741; 
	background: #FFEAA1;
	background: -moz-linear-gradient(top, #FFEAA1, white 125%);  
	background: -webkit-gradient(linear, 0 0, 0 125%, from(#FFEAA1), to(white));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEAA1, endColorstr=white)!important;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#rightbox-content #data {
	display: none;
	min-height: 250px;
	width: 475px; 
	padding: 5px; 
	border: 2px solid #7CC3EC; 
	background: #C1E7FA;
	background: -moz-linear-gradient(top, #C1E7FA, white 100%);  
	background: -webkit-gradient(linear, 0 0, 0 125%, from(#C1E7FA), to(white)); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C1E7FA, endColorstr=white)!important; 
	-moz-border-radius: 15px;
	border-radius: 15px;
}


#rightbox-content #field {
	display: none;
	min-height: 250px;
	width: 475px; 
	padding: 5px; 
	border: 2px solid #92CE90; 
	background: #E9EEB4;
	background: -moz-linear-gradient(top, #E9EEB4, white 100%);  
	background: -webkit-gradient(linear, 0 0, 0 125%, from(#E9EEB4), to(white)); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9EEB4, endColorstr=white)!important;  
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#rightbox-content #situational {
	display: none;
	min-height: 250px; 
	width: 475px; 
	padding: 5px; 
	border: 2px solid #EF956A; 
	background: #FEE3D0;
	background: -moz-linear-gradient(top, #FEE3D0, white 100%);  
	background: -webkit-gradient(linear, 0 0, 0 125%, from(#FEE3D0), to(white));  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FEE3D0, endColorstr=white)!important; 
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.img-field {
	float: right;
	margin: 4px;
	border: 1px solid #92CE90;
}

.img-situational {
	float: right;
	margin: 4px;
	border: 1px solid #EF956A;
}
.text-left-top {
	font-weight:	bold;
	position:		absolute;
	bottom:			155px;
	right:			150px;
	text-align:right;
}
.text-right-top {
	font-weight:	bold;
	position:		absolute;
	bottom:			155px;
	left:			140px;
	text-align:		left;
}
.text-left-bottom {
	font-weight:	bold;
	position:		absolute;
	top:			150px;
	right:			150px;
	text-align:		right;
}
.text-right-bottom {
	font-weight:	bold;
	position:		absolute;
	top:			150px;
	left:			140px;
	text-align:		left;
}
#field ul {
margin-left:60px;
}