@charset "utf-8";
/* CSS Document */



#appletContainer{
	position:absolute;
	top:0px;
	left:0px;
	height:610px;
	width:980px;
	background:#F1F1F1;
}
.displayBox
{
	border-style: solid;
	border-color: #999999;
	border-width: 2px;

	padding: 20px;

	background: #dddddd; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(232,232,232,1)),color-stop(49%, rgba(216,216,216,1)),color-stop(78%, rgba(191,191,191,1)),to(rgba(198,198,198,1)));
	background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(216,216,216,1) 49%,rgba(191,191,191,1) 78%,rgba(198,198,198,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
} 

.fireDisplayBox
{
	border-style: solid;
	border-color: #999999;
	border-width: 2px;

	padding: 20px;

	background: #dddddd;
	/*#ffd3a8*/ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), color-stop(49%, #c1c1e6), color-stop(78%, #c1c1e6), to(#c3c3c3));
	background: linear-gradient(to bottom, #c3c3c3 0%, #c1c1e6 49%, #c1c1e6 78%, #c3c3c3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
} 

/*bottom menu bar*/
.bottomGUI
{
	position: absolute;
	bottom: 0%;
	width: 70%;
	height: 14%;
/*	float: left;*/
	display: table;
	z-index:10;
}
#rulerContainer{
	position:relative;
	top:-21%;
	width:79.8%;
	height:60%;
	z-index:8;
	
}
#moveRuler { 
	width: 0%; 
	height: 0%;  
	z-index:600; 
	opacity:0.7;
	position:absolute;
	left: 98%;
	top:98%;
	}
#bloomCanvas
{
	z-index: 6;
	position: inherit;
}

#make1000{
	position: relative;
	width: 15%;
	height: 50%;
	float: inherit;
	display: table-cell;
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	padding-left: auto;
	padding-right: auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

	


#make700{
	position: relative;
	width: 15%;
	height: 50%;
	float: inherit;
	display: table-cell;
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	padding-left: auto;
	padding-right: auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
	

#make500{
	position: relative;
	width: 15%;
	height: 50%;
	float: inherit;
	display: table-cell;
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	padding-left: auto;
	padding-right: auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
	

#make300{
	position: relative;
	width: 15%;
	height: 50%;
	float: inherit;
	display: table-cell;
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	padding-left: auto;
	padding-right: auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
	

#make100{
	position: relative;
	width: 15%;
	height: 50%;
	float: inherit;
	display: table-cell;
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	padding-left: auto;
	padding-right: auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	
}
	
#fireParticles{
	position: relative;
	width: 25.4%;
	height: 6px;
	float: right;
	
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	
	padding-bottom:15px;
	padding-top:5px;
	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	
	bottom:-513px;
	z-index:10;
	cursor:pointer;
}
	#fireParticles:hover
	{
		border-bottom-color: #dddddd;
		border-right-color: #dddddd;
	}
	#fireParticles:active
	{
		border-top-color: #999999;
		border-left-color: #999999;	
	}


#hitMeter{
	position: relative;
	width: 175px;
	height: 43px;
	right:-800px;
	
	
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	
	bottom:-413px;
	z-index:2;
}

#meterText{
position: relative;
	width:100px;
	height: 60px;
	right:-688px;
	margin-right:0px;
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	padding:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	bottom:-547px;
	z-index:2;
}

#ieMeter{
	position: relative;
	width:100px;
	height: 25px;
	right:-800px;
	vertical-align: middle;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	padding:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	bottom:-450px;
	z-index:3;
	opacity:0.7;

}


.ui-dialog-titlebar-close{
position:relative;
left:360px;
}

.ui-dialog .ui-dialog-content{
position:relative;


}


#kcvsLogo {
	position:absolute;
	background:url(../images/logo4.png);
	width:225px;
	height:100px;
	left:100px;
	
	
	
}

 
#scale {
    display: table;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 10px 0px;
    border: 0px 0px 0px 0px;
    text-align: center;
}
 
#scale li {
    width: 10%;
    display: table-cell;
    white-space: nowrap;
}​