/* overwrite some main css so some things are blank */

body { background-image: none; }
#header { width:980px; margin:0px auto; background-image:none; }
#header #logo { background-image:none; }
#mainmenu { background-image:none; width:980px; margin:0px auto; }
div#footer { background:none; }

/* end */


#module_div {
	position:relative;
}

.module {
	position:absolute;
}

.handler {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	background:url(../images/spacer.gif);
}

.dhandler, .drhandler, .nolimithandler { cursor:move; }

.inner  {
	width:100%;
	height:100%;
}

div#content {
	width:984px;
	margin:0px auto;
	padding:0px;
	background:none;
	border:none;
}

/* 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 {
 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;
}
.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;
}
/*more*/
.resizeonly {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}
.resizeonly-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.resizeonly-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.resizeonly-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

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

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

.dragresizenolimit {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}
.dragresizenolimit-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresizenolimit-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresizenolimit-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

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

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


.sttext{
	text-align:center;
	margin-top:5px;
}

.strw{
	background:url(../images/runwild/switch_to_afterdark.gif);
	border:none;
	width:196px;
	height:26px;
	cursor:pointer;
}

.stad {
	background:url(../images/after_dark/switch_to_runwild.gif);
	border:none;
	width:196px;
	height:26px;
	cursor:pointer;
}