/* 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
{
}
/* disable select in FF3 */
#innerEditor DIV 
{
	-moz-user-select: none;
}
/* 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,
.wp_box_help
{
        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;
}
.wp_box_help
{
	background: url(help_element.png) 0px 0px no-repeat;
 	top:-20px;
	//background-image: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/OS4/components/esw/8.7/editor/css/help_element.png',sizingMethod='crop');
}	
.wp_box_help_Highlight
{
	background: url(help_element.png) 0px 0px no-repeat;
	top:-3px;
	//background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/OS4/components/esw/8.7/editor/css/help_element.png',sizingMethod='crop');
}

.hlp_hint_wnd
{
	position:absolute; background:#FFFF99;border-style:double;width:300px;z-index:10000;
	font: 11px arial,helvetica,sans-serif;
	padding-left: 2px;
}

DIV#pluginPanel
{
	position: absolute;
	left: 0px;            /* will be adjusted dynamically */
	top: 0px;              /* based on position of the Plugin menu icon */
	z-index: 150000;
	text-align: left;
	width: 170px;
	/*height: 150px;*/
	height: auto;
	background: #E3E7E8;  /*#D1DADE;*/
	color: #302F49;
	border: 1px #8B97DC solid;
	-moz-border-radius: 3px;
	font: 11px arial,helvetica,sans-serif;
	padding: 5px;
/*	opacity: 0.0;*/
/*	filter:alpha (opacity=0);*/
}
.pluginPanel
{
	position: absolute;
	left: 0px;            /* will be adjusted dynamically */
	top: 0px;              /* based on position of the Plugin menu icon */
	z-index: 150000;
	text-align: left;
	width: 170px;
	/*height: 150px;*/
	height: auto;
	background: #E3E7E8;  /*#D1DADE;*/
	color: #302F49;
	border: 1px #8B97DC solid;
	-moz-border-radius: 3px;
	font: 11px arial,helvetica,sans-serif;
	padding: 5px;
/*	opacity: 0.0;*/
/*	filter:alpha (opacity=0);*/
}

DIV#pluginList
{
	font-size: 11px;
	font-weight: bold;
	width: 165px;
	/*height: 160px;*/
	height: auto;
	margin: 2px;
	padding: 0px;
	overflow: auto;
}

DIV.pluginChoice
{
/*	border-bottom: 1px #8B97DC solid;*/
	cursor: pointer;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	text-indent: 10px;
}

DIV.pluginChoiceHover,
DIV.pluginChoice:hover
{
	background: #111;
	color: #fff;
}
BUTTON { text-align: center; }

BUTTON.darkButton
{
	background: #2C2C2F;
	color: #fff;
	font: 11px "lucida grande",arial,helvetica,sans-serif;
	border: 1px #D1DADE solid;
	cursor: pointer;
	float:left;
	padding: 2px 8px 3px 8px;
	margin: 2px;
	-moz-border-radius: 4px;
}

BUTTON.darkButton:hover
{
	background: #000;
}

.statictext {
	position: static !important;
}