﻿#resizeMe
{ 
	minWidth: 50, 
	minHeight: 50, 
	maxWidth: 400, 
	maxHeight: 400, 
	minTop: 180, 
	minLeft: 260, 
	maxRight: 700, 
	maxBottom: 500, 
	dragHandle: true, 
	onDrag: function(x, y) 
	{
	this.style.backgroundPosition = '-' + (x - 50) + 'px -' + (y - 50) + 'px'; 
	},
	
	handlers: 
	{ 
		se: '#resizeSE" + j + "', 
		e: '#resizeE" + j + "', 
		ne: '#resizeNE" + j + "', n: '#resizeN" + j + "', nw: '#resizeNW" + j + "', w: '#resizeW" + j + "', sw: '#resizeSW" + j + "', s: '#resizeS" + j + "' },"); 
        Response.Write(" onResize : function(size, position) { this.style.backgroundPosition = '-' + (position.left - 50) + 'px -' + (position.top - 50) + 'px'; } } ) } );");
    }
    
    .BasResizeHandle
{
	position:absolute;top:0;left:2px
}
.BasResizeHandleImage
{
	margin:0;padding:0;display:block
}
.BasResizeHandleBorder
{
	visibility:hidden;position:absolute;left:0;top:0;z-index:300;_left:0
}
.BasResizeHandleHover
{
	border:dashed 2px gray;
	padding:0;
	text-decoration:none;
	position:absolute;
	margin:0
}
.BasResizeHandleHoverHidden
{
	border:none;
	padding:2px;
	text-decoration:none;
	top:-2px;
	left:-2px;
	position:absolute;
	margin:0
}
.BasResizeCenterImage
{
	padding:0 2px 0 0
}
.DesignerSelectedTopRowBorder
{
	background:url(Images/powerdesign/top_2.gif) repeat-x top left;
	padding:0;
	margin:0
}
.DesignerSelectedTopRightBorder
{
    height:1px;
    width:100%;
    background:url(Images/powerdesign/ur_2.gif) no-repeat top right;
    padding:0;
    margin:0
}
.DesignerSelectedTopLeftBorder
{
    height:1px;
    width:100%;
    background:url(Images/powerdesign/ul_2.gif) no-repeat top left;
    padding:0;
    margin:0
}
.DesignerSelectedMiddleRowBorder
{
    margin:0
}
.DesignerSelectedMiddleRightBorder
{
    width:100%;
    background:url(Images/powerdesign/right_2.gif) repeat-y top right;
    padding:0;
    margin:0
}
.DesignerSelectedMiddleLeftBorder
{
    width:100%;
    background:url(Images/powerdesign/left_2.gif) repeat-y top left;
    padding:0;
    margin:0
}
.DesignerSelectedBottomRowBorder
{
	height:2px;
	background:url(Images/powerdesign/bottom_2.gif) repeat-x top left;
	padding:0;
	margin:0
}
.DesignerSelectedBottomRightBorder
{
	height:1px;
	width:100%;
	background:url(Images/powerdesign/br_2.gif) no-repeat top right;
	padding:0;
	margin:0
}
.DesignerSelectedBottomLeftBorder
{
	height:1px;
	width:100%;
	background:url(Images/powerdesign/bl_2.gif) no-repeat top left;
	padding:0;
	margin:0
}
.DesignerSelectedTopLeftHandle
{
	height:7px;
	width:7px;
	background:#DDD;
	border:solid 1px #444;
	cursor:nw-resize;
	position:absolute;
	padding:0;
	margin:-1px 0 0 1px;
	top:0;
	left:0
}
.DesignerSelectedTopMiddleHandle
{
	height:7px;
	width:7px;
	background:#DDD;
	border:solid 1px #444;
	cursor:n-resize;
	position:absolute;
	padding:0;
	margin:-1px 0 0 2px;
	top:0;left:0
}
.DesignerSelectedTopRightHandle{height:7px;width:7px;background:#DDD;border:solid 1px #444;cursor:ne-resize;position:absolute;padding:0;margin:-1px 0 0 3px;top:0;left:0}.DesignerSelectedMiddleLeftHandle{height:7px;width:7px;background:#DDD;border:solid 1px #444;cursor:w-resize;position:absolute;padding:0;margin:0 0 0 1px;top:0;left:0}.DesignerSelectedMoveHandle{height:20px;width:20px;background:url(/images/powerdesign/transparent.gif) no-repeat top left;cursor:move;border:none;position:absolute;padding:0;margin:0;top:0;left:0}.DesignerSelectedMiddleRightHandle{height:7px;width:7px;background:#DDD;border:solid 1px #444;cursor:e-resize;position:absolute;padding:0;margin:0 0 0 3px;top:0;left:1px}.DesignerSelectedBottomLeftHandle{height:7px;width:7px;background:#DDD;border:solid 1px #444;cursor:sw-resize;position:absolute;padding:0;margin:2px 0 0 1px;top:0;left:0}.DesignerSelectedBottomMiddleHandle{height:7px;width:7px;background:#DDD;border:solid 1px #444;cursor:s-resize;position:absolute;padding:0;margin:2px 0 0 2px;top:0;left:0}.DesignerSelectedBottomRightHandle{height:7px;width:7px;background:#DDD;border:solid 1px #444;cursor:se-resize;position:absolute;padding:0;margin:2px 0 0 3px;top:0;left:0}
 
