.previewMode, .customPreviewMode
{
	position: relative;	
	width: auto;
	padding: 20px 0 0 0;
}

.previewMode .edit_link, .customPreviewMode .edit_link
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;		
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 3px 5px;	
	color: #5072A2;
	font-weight: bold;	
	position: absolute;
	top: 0px;
	right: 0px;
	height: auto !important;
	width: auto !important;
	z-index: 10;
}

.previewMode .edit, .customPreviewMode .custom_edit
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;		
	background-color: #fff;
	color: #5072A2;
	font-weight: bold;	
	position: absolute;
	top: 20px;
	right: 0px;
	height: auto !important;
	width: auto !important;
	z-index: 11;
	border: solid 1px #ccc;		
	display: none;
}

.customPreviewMode .custom_edit { display: block; }

.previewMode .edit a, .customPreviewMode .custom_edit a
{
	display: block;
}

.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;
	z-index: 10;
}

#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; }
a.icon_home { background: url('../images/icon/icon_home.png') no-repeat left top; padding:  3px 3px 3px 23px;}
a.icon_edit { background: url('../images/icon/icon_edit.png') no-repeat 3px 2px; padding:  3px 3px 3px 23px;}
a.icon_preview { background: url('../images/icon/icon_preview.png') no-repeat 3px 2px; padding:  3px 3px 3px 23px;}
a.icon_globe { background: url('../images/icon/icon_globe.png') no-repeat 3px 2px; padding:  3px 3px 3px 23px;}
a.icon_edit_placeholder { background: url('../images/icon/icon_setting.png') no-repeat 3px 2px; padding:  3px 3px 3px 23px;}
a.icon_edit_page { background: url('../images/icon/icon_edit.png') no-repeat 3px 2px; padding:  3px 3px 3px 23px;}
a.icon_edit_control { background: url('../images/icon/icon_setting_edit.png') no-repeat 1px 2px; padding: 5px 10px 3px 22px; }
a.icon_cancel, .icon_cancel { background: url('../images/icon/icon_cancel.gif') no-repeat 2px 1px; padding: 3px 3px 3px 20px;}

/** CLIENT WEB PARTS STYLES **/
ul.sortable_webparts 
{
	margin: 0px;
	padding: 0px;
}

ul.sortable_webparts div.webparts_head 
{
	background: url('../images/icon/icon_setting.png') no-repeat 3px 2px #93BF53; 
	padding:  3px 3px 3px 23px; 
	font-weight: bold;
	color: #fff;
}

ul.sortable_webparts li.webpart_item
{
	list-style-type: none;    	
	list-style-position: outside;	
	margin: 0 0 7px 0;	
	cursor: move;	
	overflow: hidden;
}

ul.sortable_webparts li.webpart_item .webpart_body
{
	overflow: scroll;
	height: 100px;
	border: solid 1px #ccc;	
	padding: 2px;
}

ul.sortable_webparts li.webpart_item:hover
{
	background-color: #FFDE6B;
}

ul.unsortable_webparts 
{
	margin: 0px;
	padding: 0px;
}

ul.unsortable_webparts li.webpart_item
{
	list-style-type: none;    	
	list-style-position: outside;		
}