/* 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 #1E2040; 
    border-right: 4px solid #1E2040;
    border-bottom: 4px solid #1E2040;
    background-color: white;
	height:auto;
}



.drsFixedElement {
    position: relative;
/*
    border: 1px solid #1E2040;
    border-right: 4px solid #1E2040;
    border-bottom: 4px solid #1E2040;
    background-color: white;
*/	
	height:auto;
}

.drsInlineElement {
    position: relative;
    border-left: 2px dashed gray;
    /*background-color: yellow;*/
	height:auto;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
background-color: #1E2040;
 373B75
 
 color: #D4D4FF;

*/
.drsMoveHandle {
    height: 20px; 
	/*height: auto;*/
	padding: 2px;
    background-color: #373B75;
    color: orange;
	border: 1px solid black;
    border-bottom: 1px solid #666;
    cursor:move;
	/*height:auto;*/
}

.drsWindowTitle_Text {
    color: #D4D4FF;
	font-weight: bold; 
	font-size: 12px;
	padding: 2px;
	vertical-align:middle;
}


/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
  Os cantos do resize
*/
.dragresize {
    position: absolute;
    width: 4px;
    height: 4px;
    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;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}