/* === 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);
}