#demo {
	color: #999;
	cursor: move;
	font-size: 11px;
	background: #000;
	padding-bottom: 8px;
	border: 1px solid #111;
	width: 115px;
	height: 123px;
	z-index: 10000;
	display:none;
}
#demo div { 
	margin: 0; 
	padding: 0; 
}
#demo .north { 
	background: #111;
	border-bottom: 1px solid #171717;
}
#demo .north div {
	color: #999;
	float: right;
	padding: 5px 7px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#demo .north div:hover {
	color: #DE83AD;
}
#demo .south {
	margin: 32px 0 0 10px;
	cursor: crosshair;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#demo .south div {
	/*background: url('images/curr.gif') no-repeat;*/
	position: absolute;
	height: 9px;
	width: 9px;
	z-index: 101;
}
#demo .south img { 
	height: 80%;
	width: 80%;
	position: relative;
	top: -8px;
	left: -1px;
}
#demo #mHEX {
	padding: 5px 0 4px 7px; 
	cursor: text;
	float: left;
}
#demo #mHEX:hover {
	color: #DE83AD;
}
#demo #mSize { 
	cursor:se-resize;
	float:right;
	height:14px;
	left:10px;
	top:-17px;
	width:14px;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body #demo #mSize { margin-top:-17px; }}