#layout{
	display: table;
	position: relative;
	width: auto; height: auto;
	border: 1px inset #999;
}

#layer{
	position: absolute;
	z-index: 1;
	width: auto; height: auto;
	left: auto; top: auto;
	border: 1px solid transparent;
}
#layer img{
	width: 100%; height: 100%;
}

#layer div.resize{
	display: none;
	position: absolute;
	width: 3; height: 3;
	background: #ffffff;
	border: 1px solid #000000;

	_width: 5; _height: 5;
	_font-size: 0px;
}
#layer div.resizenw{
	right: 0; bottom: 0;
	cursor: nw-resize;
}
#layer div.resizene{
	left: 0; bottom: 0;
	cursor: ne-resize;
}
#layer div.resizesw{
	right: 0; top: 0;
	cursor: sw-resize;
}
#layer div.resizese{
	left: 0; top: 0;
	cursor: se-resize;
}
#layer.selected{
	border: 1px dashed #999999;
}
#layer.selected div.resize{
	display: block;
}

#coords{
	display: none;
	position: absolute;
	z-index: 2;
	width: 100%; height: 100%;
	left: 0px; top: 0px;
}
#coords div{
	position: absolute;
	width: 2px; height: 2px;
	left: auto; top: auto;
	background: #ff0000;

	_font-size: 0px;
}

#mask{
	display: none;
	position: absolute;
	z-index: 3;
	width: 100%; height: 100%;
	left: 0px; top: 0px;
	background: url(../images/blank.gif);
}

#layout,
#layer,
#mask{
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

#link2ready{
	display: none;
}