/*/////////////////////////////////////////////////////////////////////////////
// WIDGET.CUTTER
/////////////////////////////////////////////////////////////////////////////*/

.Widget.ImageCutter
{
	-moz-user-select: none;
	border: 15px solid #333;
	background: #000 url(/se_data/global/gfx/gui/widgets/imagecutter/mask.png);
	position: relative;
}

.Widget.ImageCutter .Image
{
	opacity: 0.40;
	filter: alpha(opacity=40);
}

.Widget.ImageCutter .Cursor
{
	border: 1px solid white;
	background: #999;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	display: none;
	z-index: 100;
}

.Widget.ImageCutter .Cutter
{
	left: 0px;
	top: 0px;
	width: 64px;
	height: 64px;
	position: absolute;
	min-height: 32px;
	min-width: 32px;
	z-index: 50	;
	border: 1px solid #999;
}

.Widget.ImageCutter .Cutter .Sizer
{
	position: absolute;
	height: 16px;
	width: 16px;
	background: url(/se_data/global/gfx/gui/widgets/imagecutter/drag_handle.png) no-repeat center;
}


/* temporär - bis bessere Lösung gefunden, Darstellungsprobleme mit IE6 */
* html .Widget.ImageCutter .Cutter .Sizer
{
	background: url(/se_data/global/gfx/gui/widgets/imagecutter/drag_handle.gif) no-repeat center;
}

* html .Widget.ImageCutter .Cutter .Sizer.N,
* html .Widget.ImageCutter .Cutter .Sizer.S,
* html .Widget.ImageCutter .Cutter .Sizer.E,
* html .Widget.ImageCutter .Cutter .Sizer.W
{
	display: none;
}

.Widget.ImageCutter .Cutter .Centerer
{
	width: 16px;
	height: 16px;
	position: absolute;
}

.Widget.ImageCutter .Cutter .Sizer.NW
{
	left: -8px;
	top: -8px;
	cursor: nw-resize;
}

.Widget.ImageCutter .Cutter .Sizer.N
{
	left: -8px;
	cursor: n-resize;
}

.Widget.ImageCutter .Cutter .Centerer.N
{
	left: 50%;
	top: -8px;
}

.Widget.ImageCutter .Cutter .Sizer.NE
{
	right: -8px;
	top: -8px;
	cursor: ne-resize;
}

.Widget.ImageCutter .Cutter .Sizer.E
{
	top: -8px;
	cursor: e-resize;
}

.Widget.ImageCutter .Cutter .Centerer.E
{
	top: 50%;
	right: -8px;
}

.Widget.ImageCutter .Cutter .Sizer.SE
{
	right: -8px;
	bottom: -8px;
	cursor: se-resize;
}

.Widget.ImageCutter .Cutter .Sizer.S
{
	left: -8px;
	cursor: s-resize;
}

.Widget.ImageCutter .Cutter .Centerer.S
{
	left: 50%;
	bottom: -8px;
}

.Widget.ImageCutter .Cutter .Sizer.SW
{
	left: -8px;
	bottom: -8px;
	cursor: sw-resize;
}

.Widget.ImageCutter .Cutter .Sizer.W
{
	top: -9px;
	cursor: w-resize;
}

.Widget.ImageCutter .Cutter .Centerer.W
{
	top: 50%;
	left: -8px;
}

.Widget.ImageCutter .Info
{
	margin: 5px;
	padding: 5px;
	background: #999;
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-size: 11px;
	font-weight: bold;
	z-index: 100;
	position: absolute;
	display: none;
}

.Widget.ImageCutter:hover .Info
{
	display: block;
}