/*styling the rendered elements for the template editor*/
#layout-editor-canvas .container{
	position: absolute !important;
}
#layout-editor-canvas .container.selected{
	cursor: move;
}
#layout-editor-canvas .container .slide_wrapper{
	position: relative;
	float: left;
	height: 100%;
	width: 100%;
}
#layout-editor-canvas .container.selected .dashes{
	border: 1px dashed #000;
	outline: 1px dashed #ddd;
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
}

#layout-editor-canvas .container.selected .dashCorner{
	width: 6px;
	height: 6px;
	background: #000;
	border: 1px solid #ddd;
	position: absolute;
	z-index: 89;
}
#layout-editor-canvas .container.selected .dashCorner.nw {
	top: -5px;
	left: -5px;
}
#layout-editor-canvas .container.selected .dashCorner.w {
	top: 50%;
	margin-top: -4px;
	left: -5px;
}
#layout-editor-canvas .container.selected .dashCorner.sw {
	bottom: -5px;
	left: -5px;
}
#layout-editor-canvas .container.selected .dashCorner.s {
	bottom: -5px;
	left: 50%;
	margin-left: -4px;
}
#layout-editor-canvas .container.selected .dashCorner.se {
	bottom: -5px;
	right: -5px;
}
#layout-editor-canvas .container.selected .dashCorner.e {
	top: 50%;
	margin-top: -4px;
	right: -5px;
}
#layout-editor-canvas .container.selected .dashCorner.ne {
	top: -5px;
	right: -5px;
}
#layout-editor-canvas .container.selected .dashCorner.n {
	top: -5px;
	left: 50%;
	margin-left: -4px;
}

#layout-editor-canvas .click-blocker {
	position: absolute;
	z-index: 9393929;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
	cursor: crosshair;
}
#layout-editor-canvas .draw-box {
	border: 1px dashed #000;
	outline: 1px dashed #ddd;
	position: absolute;
	z-index: 9393923;
}

/* jQuery UI fixes */
.ui-resizable-se {
	width: 9px !important;
	height: 9px !important;
	right: -5px !important;
	bottom: -5px !important;
}
.ui-icon-gripsmall-diagonal-se {
	background-image: none !important;
}