/* Required CSS classes: must be included in all pages using this script */
	/* Apply the element you want to drag/resize */
.drsElement {
	position: absolute;
	/*border: 1px solid #333;*/
	border: 2px solid #555555;
	background-color: white;
	min-height: 2em;
}

.hover {
	border: 2px solid blue;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
	height: 1em;
	/*background-color: #CCC;*/
	/*background-color: #8f8f8f;*/
	/*border-bottom: 1px solid #666;*/
	border-bottom: 1px solid #555555;
	padding: 2px;
	padding-top:0px;
	padding-bottom:8px;
	text-align: center;
	cursor: default;
	background-image: url('../img/border-horiz.gif');
	background-repeat: repeat-x;
	background-position:0 -8px;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
	position: absolute;
	/*width: 5px;
	height: 5px;*/
	font-size: 1px;
	/*background: #EEE;
	border: 1px solid #333;*/
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/ /**/
.dragresize-tl {
	top: -8px;
	left: -8px;
	cursor: nw-resize;
	height: 8px;
	width: 8px;
	background-image: url('../img/border.gif');
	background-position: 0 0;
}

.border-tl {
	position: absolute;
	top: -8px;
	left: -8px;
	height: 8px;
	width: 8px;
	background-image: url('../img/border.gif');
	background-position: 0 0;
}

.dragresize-lm {
	top: 0px;
	left: -8px;
	cursor: w-resize;
	height: 20px;
	width: 8px;
	background-image: url('../img/border.gif');
	background-position: 0 -8px;
}

.border-lm {
	position:absolute;
	top: 0px;
	left: -8px;
	height: 20px;
	width: 8px;
	background-image: url('../img/border.gif');
	background-position: 0 -8px;
}

.dragresize-tm {
	top: -8px;
	/*left: 50%;*/
	width: 100%;
	height: 8px;
	cursor: n-resize;
	background-image: url('../img/border-horiz.gif');
	background-repeat: repeat-x;
	cursor: n-resize;
}

.border-tm {
	top: -8px;
	/*left: 50%;*/
	width: 100%;
	height: 8px;
	position:absolute;
	left:0px;
	background-image: url('../img/border-horiz.gif');
	background-repeat: repeat-x;
}

.dragresize-tr {
	top: -8px;
	right: -8px;
	cursor: ne-resize;
	height: 8px;
	width: 8px;
	background-image: url('../img/border.gif');
	background-position: -8px 0;
}

.border-tr {
	top: -8px;
	right: -8px;
	position:absolute;
	height: 8px;
	width: 8px;
	background-image: url('../img/border.gif');
	background-position: -8px 0;
}

.dragresize-rm{
	top: 0px;
	right: -8px;
	cursor: e-resize;
	height: 20px;
	width: 8px;
	background-image: url('../img/border.gif');
	background-position: -8px -8px;
}

.border-rm{
	top: 0px;
	right: -8px;
	position:absolute;
	height: 20px;
	width: 8px;
	background-image: url('../img/border.gif');
	background-position: -8px -8px;
}

.dragresize-ml { 
	top: 20px;
	height: auto;
	bottom:0px;
	width: 7px;
	left: -8px;
	cursor: w-resize;
	background-image: url('../img/border-vertical.gif');
	background-repeat: repeat-y;
	left: -8px;
}

.border-ml { 
	top: 20px;
	height: auto;
	bottom:0px;
	width: 7px;
	left: -8px;
	position:absolute;
	background-image: url('../img/border-vertical.gif');
	background-repeat: repeat-y;
	left: -8px;
}

.dragresize-mr {
	top: 20px;
	height: auto;
	bottom:0px;
	width: 7px;
	background-image: url('../img/border-vertical.gif');
	background-repeat: repeat-y;
	right: -8px;
	cursor: e-resize;
	background-position:-9px 0;
}

.border-mr {
	top: 20px;
	height: auto;
	bottom:0px;
	width: 7px;
	background-image: url('../img/border-vertical.gif');
	background-repeat: repeat-y;
	right: -8px;
	position:absolute;
	background-position:-9px 0;
}

.dragresize-bm {
	bottom: -8px;
	width: 100%;
	height: 7px; cursor : s-resize;
	background-image: url('../img/border-horiz.gif');
	background-repeat: repeat-x;
	cursor: s-resize;
	background-position:0 -31px;
}

.border-bm {
	bottom: -8px;
	left:0px;
	width: 100%;
	height: 7px;
	background-image: url('../img/border-horiz.gif');
	background-repeat: repeat-x;
	position:absolute;
	background-position:0 -31px;
}

.dragresize-bl {
	bottom: -8px;
	left: -8px;
	height: 8px;
	width: 8px;
	cursor: sw-resize;
	background-image: url('../img/border.gif');
	background-position: 0 -30px;
}

.border-bl {
	bottom: -8px;
	left: -8px;
	height: 8px;
	width: 8px;
	position:absolute;
	background-image: url('../img/border.gif');
	background-position: 0 -30px;
}

/*.dragresize-br {
	height: 12px;
	width: 12px;
	bottom: 0px;
	right: 0px;
	cursor: se-resize;
	background-image: url('../img/ResizeCorner.png');
	bottom: 0px;
}*/
.dragresize-br {
	bottom: -8px;
	right: -8px;
	height: 8px;
	width: 8px;
	cursor: se-resize;
	background-image: url('../img/border.gif');
	background-position: -8px -30px;
}

.border-br {
	bottom: -8px;
	right: -8px;
	height: 8px;
	width: 8px;
	position:absolute;
	background-image: url('../img/border.gif');
	background-position: -8px -30px;
}

.leftBlock {
	position: absolute;
	height: 4px;
	background-color: #ececec;
	left: -2px;
	width: 2px;
	top:20px;
}

.rightBlock {
	position: absolute;
	height: 4px;
	background-color: #ececec;
	right: -2px;
	width: 2px;
	top:20px;
}