/* Used for centre justified pages */
.outerEditor
{
	position:absolute;
	top:0px;
	left:50%;
}

/* Used for centre justified pages */
.middleEditor
{
	position:relative;
	margin:0 auto;
}

/* Used for centre justified pages */
.innerEditor
{
}

/* Top and Left postions are initialized here to prevent any issues with lookup of position */
.draggable
{
	top:0px;
	left:0px;
	position:absolute;
	cursor:move;
}

/* Top and Left postions are initialized here to prevent any issues with lookup of position */
.editable
{
	top:0px;
	left:0px;
	position:absolute;
}

BODY.editor
{
	margin: 0px;
	background: url(transback.png);
}

/* Mozilla ignores crazy MS image filters, so it will skip the following */
.editBorder 
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transback.png');
	cursor:text;
}

/* IE ignores styles with [attributes], so it will skip the following. */
/* Mozilla treats paths on style sheet funny, the base URL is the style sheet URL, so you might have to 
   locate images in the same directory as the style sheet itself */
.editBorder[class] 
{
	background-image:url(transback.png);
	cursor:text;
}

/* Styles for resizing bounding box */

.deleteHighlight,
.deleteResize,
.duplicateHighlight,
.duplicateResize,
.xeditHighlight,
.xeditResize
{
        float:right;
        position:relative;
        width: 30px;
        height: 16px;
}

.duplicateHighlight,
.duplicateResize
{
        background: url(duplicate_element.png) no-repeat;
}

.deleteHighlight,
.deleteResize
{
        background: url(delete_element.png) no-repeat;
}

.xeditHighlight,
.xeditResize
{
        background: url(externaledit_element.png) no-repeat;
}

.imgpropeditResize
{
        background: url(image_prop.png) no-repeat;
}
.deleteResize,
.duplicateResize,
.xeditResize
{
    top:-20px;
    /* Cross Browser */
    cursor:pointer;cursor:hand;
}

.deleteHighlight,
.duplicateHighlight
{
    top: -3px;
    cursor:pointer;cursor:hand;
}

.outerTableSize
{
    height: 14px;
    width: 14px;
}

.resizeTab,
.north,
.northEast,
.east,
.southEast,
.south,
.southWest,
.west,
.northWest
{
	width: 10px;
	height: 10px;
	font-size:0px;
	line-height:0px;
	border: 1px solid black;
	padding: 0px;
	background: white;
}

.north
{
	cursor: n-resize;
}

.northEast
{
	cursor: ne-resize;
}

.east
{
	cursor: e-resize;
}

.southEast
{
	cursor: se-resize;
}
				
.south
{
	cursor: s-resize;
}

.southWest
{
	cursor: sw-resize;
}

.west
{
	cursor: w-resize;
}

.northWest
{
	cursor: nw-resize;
}

#ESWuserMenuPosition
{
	position: absolute !important;
	overflow: visible;
}

#ESWuserMenu
{
	position: static !important;
	overflow: visible;
}

DIV#userMenuLabel
{
	width: 100%;
	height: 15px;
	margin-top: -5px;
	margin-bottom: 0px;
	background: #3B3B3B url(dragmenu.png) bottom left no-repeat;
	cursor: move;
	text-align: right;
	padding: 0px 5px 1px 0px;
	opacity: 0.75;
	filter:alpha (opacity=75);
	border: 1px solid #4B4B4B;
	border-bottom: none;
	position: static;
	white-space: nowrap;
	-moz-border-radius: 3px;
	overflow: visible;
	font: 11px arial,helvetica,sans-serif;
	color: #fff;
	/* IE6 ONLY */
	_margin-top: -1px;
	_margin-bottom: 15px;
	_clear: both;
	_float: none;
}

DIV#userMenuLabel:hover
{
	opacity: 1.0;
	filter:alpha (opacity=100);
}

SPAN.userMenuLabel
{
	font: 11px arial,helvetica,sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	cursor: pointer;
}

SPAN.userMenuLabel:hover
{
	text-decoration: underline;
	color: #fff;
}

.correctionTable
{
    position: absolute;
    background-color: #E3E7E8;
    font: 12px "trebuchet ms",arial,helvetica,sans-serif;
    z-index: 25000;
    cursor: pointer;
}

.correctionOnMouseOver
{
    background-color: #bbbbbb;
}

.spellingError
{
    border: dotted 2px red;
    cursor: pointer;
}

DIV.editorPlugin
{
	width: 300px;
	height: 300px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(transback24.png);
	cursor: move;
	position: absolute;
	top: 100px;
	left: 100px;
	border: 1px solid #555;
	border-top: 0px;
	overflow: hidden;
	/* IE 6 ONLY */
	_background: url(transback8.png);
}

IFRAME.editorPluginView
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 285px;
}

DIV.editorPluginLabel
{
	/* width: 99%; */
	height: 15px;
	margin: 0px 0px 0px 0px;
	background: #3B3B3B url(dragmenu.png) bottom left no-repeat;
	cursor: move;
	text-align: right;
	padding: 0px 5px 1px 0px;
	opacity: 0.75;
	filter:alpha (opacity=75);
	border: 1px solid #4B4B4B;
	border-bottom: none;
	position: static;
	white-space: nowrap;
	-moz-border-radius: 3px;
	overflow: visible;
	font: 11px arial,helvetica,sans-serif;
	color: #fff;
	/* IE6 ONLY */
	_clear: both;
	_float: none;
}

DIV.editorPluginLabel:hover
{
	opacity: 1.0;
	filter:alpha (opacity=100);
}

SPAN.editorPluginLabel
{
	font: 11px arial,helvetica,sans-serif;
	color: #ffffff !important;
	text-decoration: none;
	cursor: pointer;
}

SPAN.editorPluginLabel:hover
{
	text-decoration: underline;
	color: #fff;
}

DIV#layoutGrid
{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	z-index: 0;
	background: url(layout_grid.png) repeat;
	opacity: 0.55;
	filter:alpha (opacity=55);
}

.newestAddition
{
	border-width: 2px;
	border-style: dashed;
	border-color: #0000ee;
}