/* 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; */
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
/* height: 20px;
 background-color: #CCC;
 border-bottom: 1px solid #666; */
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize 
{
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl 
{
 cursor: nw-resize;
}
.dragresize-tm 
{
 cursor: n-resize;
}
.dragresize-tr 
{
 cursor: ne-resize;
}
.dragresize-ml 
{
 cursor: w-resize;
}
.dragresize-mr 
{
 cursor: e-resize;
}
.dragresize-bl 
{
 cursor: sw-resize;
}
.dragresize-bm 
{
 cursor: s-resize;
}
.dragresize-br 
{
 cursor: se-resize;
}

.HeaderLeft
{
    height:27px;
    width: 8px;
    background: url(../Images/ModalImages/HeaderLeft.gif) no-repeat;
}

.HeaderCenter
{
    height:27px;
    background: url(../Images/ModalImages/HeaderCenter.gif) repeat-x;
 /*   text-align:left; */
}

.HeaderRight
{
    height:27px;
    width: 8px;
    background: url(../Images/ModalImages/HeaderRight.gif) no-repeat;
}

.BodyLeft
{
    width: 8px;
    background: #fff url(../Images/ModalImages/BodyLeft.gif) repeat-y;
}

.BodyCenter
{
    background: #fff;
}

.BodyRight
{
    width: 8px;
    background: #fff url(../Images/ModalImages/BodyRight.gif) 100% 0 repeat-y;
}

.FooterLeft
{
    width:8px;
    height:8px;
    background:url(../Images/ModalImages/FooterLeft.gif) no-repeat
}

.FooterCenter
{
    height:8px;
    background:url(../Images/ModalImages/FooterCenter.gif) repeat-x
}

.FooterRight
{
    width:8px;
    height:8px;
    background:url(../Images/ModalImages/FooterRight.gif) no-repeat
}