@charset "utf-8";
/* CSS Document */
#graph
{
	width:670px;
	height:350px;
	margin:auto;
	position:absolute;
	top:60px;
	left:230px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#graph_grid
{
	width:670px;
	height:350px;
	margin:auto;
	position:absolute;
	top:60px;
	left:230px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#instruction_container
{
	width: 200px;
	position:absolute;
	top: 60px;
	left: 20px;
}
#legend_container
{
	width: 600px;
	position:absolute;
	top: 20px;
	left: 260px;
}

#ui_container
{
	height: 130px;
	width: 635px;
	position:absolute;
	top: 410px;
	left: 260px;
	background-color:#eef5fd; /*e3e9f2;*/
	/*background-color:#e7f1d7;*/
	border: solid #999 1px; 
}

#graph_title
{
	width:670px;
	height:20px;
	margin:auto;
	position:absolute;
	top:10px;
	left:220px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.legendLabel
{
	font-size:12px;
	width:180px;
}

.tickLabel
{
	font-size:12px;
}

.graph_annotation
{
	font-size:14px;
}

#output
{
	position:absolute;
	left:20px;
	top:410px;
	width:220px;
	height: 130px;
	font-size:13px;
	text-align:left;
}

#output_text1
{
	margin-top:30px;
	margin-left:10px;
}

#output_text2
{
	margin-top:20px;
	margin-left:10px;
}

#row1
{
	position:absolute;
	left: 0px;
	top:0px;
	height:100px;
	width:450px;
}
.col1
{
	/*background-color:#DDD;
	border: solid #999 1px;*/
	position:absolute;
	left: 30px;
	top:30px;
	width: 180px;
	height: 100%;
}
.col2
{
	/*background-color:#DDD;
	border: solid #999 1px;*/
	position:absolute;
	left: 230px;
	top:30px;
	width: 180px;
	height: 100%;
}
.col3
{
	/*background-color:#DDD;
	border: solid #999 1px;*/
	position:absolute;
	left: 200px;
	width: 100%;
	height: 100%;
	top:10px;
}

#radio ul
{
	list-style-type: none; 
	padding:0px;
	margin:0px;
	margin-left:20px;
}
#radio ul li
{
	height:28px;
	width:400px;
}

.img_btn
{  
	display:block; 
	border:0px; 
	cursor:pointer;
	overflow:hidden;
}  
/*
input[type=button]:disabled,
.img_btn:disabled
{  
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
}  
*/
.img_btn_disabled
{  
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
	cursor:auto;
}  

.start_btn 
{  
	width:157px;  
	height:69px; 
	background-image:url("../assets/start_button.png");
	/*background-position: 0px 0px; */
}  
.start_btn.startHoverAction
{  
	/*width:147px;  
	height:43px; 
	display:block;  
	background-image:url("../assets/start_button.png");*/
	background-position: 0px -69px; 
	background-position-y: -69px; 
}  
/*
.start_btn:disabled:hover
{  
	background-position: 0px 0px; 
	cursor:auto;
}  
*/
.customer_btn 
{  
	width:157px;  
	height:69px; 
	background-image:url("../assets/customer_button.png");
	background-position: 0px 0px; 
}  
.customer_btn.customerHoverAction
{  
	/*width:157px;  
	height:69px; 
	display:block;  
	background-image:url("../assets/customer_button.png");*/
	background-position: 0px -69px; 
	background-position-y: -69px; 
}  
/*
.customer_btn:disabled:hover
{  
	background-position: 0px 0px; 
	cursor:auto;
}  
*/