/* === Editor toolbar === */

FORM {
	margin: 0;
	padding: 0
}

.editor {
	float: right;

	margin: 4px;
	background: rgb(227, 193, 192) url(/resources/images/icons/pencil.png) no-repeat 4px 50%;
	padding: 4px 4px 4px 20px;
	color: black;
	border: 1px solid rgb(159, 49, 52);

	font-size: 11px;
}

.editor A {
	color: black;
	text-decoration: none;
}

.editor A:hover {
	color: rgb(51, 51, 51);
}

SPAN.warning {
	color: red;
	font-weight: bold;
}

/*
IMG.avatar {
	border: 1px solid rgb(185, 185, 185);
	padding: 1px;
}
*/
DIV#actions {
	background-color: rgb(238, 238, 221);
	padding: 4px 10px;
	margin: 10px 0;
	text-align: right;
}

/* === Sortable lists === */

UL.sortable {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

UL.sortable LI {
	border: 1px solid rgb(192, 192, 192);
	background-color: rgb(246, 246, 246);
	margin: 3px;
	padding: 2px 4px 2px 2px;
}

UL.sortable LI SPAN.dragHandle {
	background-image: url(/resources/images/ui/dragHandle.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	width: 10px;
}

UL.sortable LI SPAN.actions {
	float: right;
}


/* === Floating windows === */

DIV.popup {
	padding: 0;
	color: white;
	border: 1px solid rgb(62, 62, 62);
	font-size: 10px;

	position: absolute;
	
	width: 450px;
	text-align: left;
}

DIV.popup H1, DIV#content DIV.popup H1 {
	background: black;
	font-size: 14px;
	text-transform: none;
	margin: 0;
	padding: 4px 10px;
	color: white;
	/* text-shadow: black 1px 0px 3px;*/
}

DIV.popup DIV.inner {
	padding: 7px;
	background: rgb(83, 83, 83);
	/* filter: alpha(opacity=90);
	opacity: .90; */
}

DIV.popup LABEL {
	color: white;
}

DIV.popup H2 {
	margin: 3px 0px;
	font-size: 12px;
	color: white;
	text-shadow: black 1px 0px 3px;
}

DIV.popup P {
	margin: 5px 0;
	color: white;
	text-shadow: black 1px 0px 3px;
	font-size: 11px;
	line-height: 120%;
}

DIV.popup DIV.actions {
	padding: 5px 15px;
	text-align: right;
	background-image: url(/site/templates/shared/images/backgrounds/link.gif);
}

DIV.popup A {
	color: white;
	text-decoration: underline;
}


/* === Live preview area === */

#livePreview {
	display: none;
}

#livePreviewContents {
	margin-top: 2px;
	width: 488px;
	padding: 5px;
	border: 1px solid rgb(192, 192, 192);
	display: block;
	background-color: white;
}


/* === Uploader widget === */

.progresscontainer {
	float: right;
	width: 100px;
	height: 12px;
	background-color: rgb(238, 238, 221);
	border: 1px solid rgb(93, 113, 149);
}

.progressbar {
	width: 0px;
	height: 12px;
	background-color: rgb(93, 113, 149);
}


/* === Tags widget === */

SPAN.tag {
	background: rgb(72, 72, 72);
	color: white;
	padding: 4px 8px;
	margin: 0 2px;
}

SPAN.tag IMG {
	vertical-align: middle;
}

/* === Autocomplete menu === */

div.autocomplete {
	position: absolute;
	width: 250px;
	background: rgb(72, 72, 72);
	color: white;
	margin: 0px;
	padding: 0px;
}

div.autocomplete UL {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

div.autocomplete UL LI.selected {
	background: rgb(93, 113, 149);
}

div.autocomplete UL LI {
	list-style-type:none;
	display: block;
	margin: 0;
	padding: 4px 8px;
	cursor: pointer;
}

/* --- Media Manager --- */

DIV#mediaListing, DIV#mediaItemUpload {
	clear: both;
	height: 400px;
	overflow: auto;
	width: 725px;
	border: 3px solid rgb(128, 128, 128);
}

DIV#mediaListing DIV.mediaItemBlock, DIV#mediaContainer DIV.mediaItemBlock {
	display: block;
	float: left;
	background: rgb(216, 216, 216);
	padding: 4px;
	margin: 8px;
	width: 207px;
	
	font-size: 11px;
}

DIV#mediaListing DIV.mediaItemBlock {
	background: black;
}

DIV#mediaListing {
	clear: both;
	height: 400px;
	overflow: auto;
	width: 725px;
	border: 3px solid rgb(128, 128, 128);
}