#priceMine { left:  28px; top: 45px; }
#salesMine { left: 163px; top: 10px; }

#battlefield .priceMine { left:  63px; top: 54px; }
#battlefield .salesMine { left: 200px; top: 18px; }

#mine01 { left:  40px; top: 110px; }
#mine02 { left:  40px; top: 190px; }
#mine03 { left: 110px; top: 210px; }
#mine04 { left:  40px; top: 250px; }
#mine05 { left:  40px; top: 330px; }
#mine06 { left:  40px; top: 390px; }
#mine07 { left:  40px; top: 430px; }
#mine08 { left: 250px; top:  60px; }
#mine09 { left: 222px; top: 100px; }
#mine10 { left: 222px; top: 150px; }
#mine11 { left: 222px; top: 230px; }
#mine12 { left: 330px; top: 250px; }
#mine13 { left: 222px; top: 330px; }
#mine14 { left: 330px; top: 380px; }
#mine15 { left: 380px; top: 185px; }
#mine16 { left: 460px; top: 240px; }
#mine17 { left: 380px; top: 285px; }
#mine18 { left: 460px; top: 350px; }

#minefield li .left   { left  : 25px; }
#minefield li .right  { right : 25px; }
#minefield li .top    { top   : 25px; }
#minefield li .bottom { bottom: 25px; }


/* WARNING: Do NOT edit the following code. Every keyword is there for reason. */

.colWrapperTM { font-size: 11px;}
img { border: none; }
p{ color: #666; font: Verdana, Arial, sans-serif;font-size: 11px; margin-left:0; }
#fobos { width: auto; background: #f2f2f2; padding: 10px 10px 50px 10px; }

#helpIcon { position: absolute; background: url(images/hand_and_dot.gif) no-repeat 0 0; cursor: pointer;
	display: block; width: 46px; height: 67px; left: -30px; top: -10px; z-index: 200; }
	
#helpIcon span { display:none; width: 200px; 
background: white; padding: 10px; position: relative; top:50px; left:50px; 
border: 1px solid silver; color: #666; font: medium Verdana, Arial, sans-serif;}
#helpIcon:hover span { display: block; }
	
#battlefield { display: block; height: 536px; width: 536px; margin: 30px auto; padding: 1px; position: relative; }

#minefield { position: relative; margin: 0; padding:0; }	
#minefield li { position: absolute; }
#minefield li, #minefield li .target { display: block; width: 29px; height: 29px;  }
#minefield li .target { background: url('images/mine.png') no-repeat 0 0; color: #f9dac7; cursor: pointer; 
	text-align: center; font: bold medium Tahoma, Verdana, sans-serif; }
.IE56 #minefield li .target	{ background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mine.png', sizingMethod='scale'); }	

#minefield li.active .target { background-image: url('images/active_mine.png'); color: white;}
.IE56 #minefield li.active .target	{ background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/active_mine.png', sizingMethod='scale'); 	
}

.W3C #minefield li .target { display: table-cell; vertical-align: middle; height: 29px; }
.IE  #minefield li .target { line-height: 29px; zoom: 1; }

#minefield li .tooltip { display: none; position: absolute; padding: 0; 	
	color: #666; font-family: Verdana, Arial, sans-serif; 
	cursor: text; min-width: 200px; max-width: 400px; width: 15em; }
.IE56 #minefield li .tooltip { width: 220px; }
#minefield li .tooltip .close { background: url('images/close_button.gif') no-repeat 0 0; 
	display: block; float: right; width: 15px; height: 15px; cursor: pointer; }
#minefield li .tooltip .shell { border: 1px solid silver;
	background-repeat: no-repeat; background-color: white; background-position: 50% 100%;
	margin: 0; padding: 0.5em; clear: both; }	
.IE #minefield li .tooltip .shell { zoom: 1; }

#minefield li .tooltip h1 { font-size: small; margin: 0 0 0.5em 0; padding: 0; }
#minefield li .tooltip p  {	text-align: left; font-size: small; clear: both; padding: 0.5em 0; }
#minefield li .tooltip .zoom { text-align: center; }

#battlefield .label { position: absolute; color: #666; 
	font: bold small Verdana, Arial, sans-serif; }

#battlefield .demo { position: absolute; top: 3px; right: 38px; display: table; }