.previewMode, .customPreviewMode
{
	border: dashed 2px #5072A2;
	position: relative;	
	width: auto;
	padding: 20px 0 0 0;
}
.customPreviewMode { border: dashed 2px #CD3A42; }

.previewMode a.edit, .customPreviewMode a.edit
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background: url('/content/images/icon/icon_edit.png') no-repeat 3px 4px;	
	padding: 3px 10px 3px 20px;
	border: dashed 2px #5072A2;
	background-color: #fff;
	color: #5072A2;
	font-weight: bold;	
	position: absolute;
	top: 0px;
	right: 0px;
	height: auto !important;
	width: auto !important;
}

.customPreviewMode a.edit { border: dashed 2px #CD3A42; color: #CD3A42;}

.previewMode:after, .customPreviewMode:after
{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#admin-navigation 
{
	border: solid 1px #ffde6b;
	background-color: #ccc;
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 7px 10px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

#admin-navigation ul { margin: 0px; padding: 0px; width: auto; height: auto; }
#admin-navigation ul li { list-style-type: none; list-style-position: outside; padding: 3px; display: block; }
#admin-navigation a { color: #000; height: auto; width: auto; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}

.panel-active { background-color: #ffde6b; }
#admin-navigation a.icon_home { background: url('/content/images/icon/icon_home.png') no-repeat left top; padding:  3px 3px 3px 23px;}
#admin-navigation a.icon_edit { background: url('/content/images/icon/icon_edit.png') no-repeat 3px 2px; padding:  3px 3px 3px 23px;}
#admin-navigation a.icon_preview { background: url('/content/images/icon/icon_preview.png') no-repeat 3px 2px; padding:  3px 3px 3px 23px;}
#admin-navigation a.icon_globe { background: url('/content/images/icon/icon_globe.png') no-repeat 3px 2px; padding:  3px 3px 3px 23px;}