/*--------------------------------------------------------------------------------------------
*
*	Edit Areas
*
*--------------------------------------------------------------------------------------------*/

html.live-edit-active {
	overflow: hidden;	
}

html.live-edit-active body {
	position: relative;	
}

.live-edit-enabled {
	position: relative;
}

.live-edit-button {	
	position: absolute;
	top: 0;
	right: 0;
	
	display: block;
	
	color: #555555;
	font-size: 14px;
	line-height: 1;
	
	padding: 9px 14px;
	background: #F7F7F7;
	border: #CCCCCC solid 1px;
	border-radius: 3px;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.08);
		
	cursor: pointer;
	z-index: 9;
}

.live-edit-button:hover {
	background: #FAFAFA;
	color: #222222;
	border-collapse: #999999;
}


/*--------------------------------------------------------------------------------------------
*
*	Panel
*
*--------------------------------------------------------------------------------------------*/

#live-edit-panel {
	width: 0px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 99998;
}

html.live-edit-active #live-edit-panel {
	overflow: visible;
}


#live-edit-iframe-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	
	display: none;
}

#live-edit-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: inherit;
	height: 100%;
	z-index: 1;
	background: #fff;
	overflow: auto;
	border: 0 none;
	border-right: #777777 solid 1px;
}


#live-edit-panel .ui-resizable-handle { position: absolute;font-size: 0.1px; z-index: 99999; display: block;}
#live-edit-panel .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; cursor: default; }
#live-edit-panel .ui-resizable-e { 
	width: 7px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -3px;
	z-index: 3;
	
	cursor: ew-resize !important;
}