.dmx-editor-wrapper.blue {
  background-color: rgb(110, 160, 193);
  border-color    : #369 #036 #036 #369;
}

/* toolbars container ------------------------------------------------------- */
.dmx-editor-wrapper.blue .dmx-editor-toolbars {
  background: rgb(130, 180, 223);
  background: rgb(130, 180, 223) url(toolbarset_blue.png) repeat-x;
  background: -moz-linear-gradient(center top , rgb(240, 240, 255) 0%, rgb(130, 180, 223));
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(240, 240, 255)),
    color-stop(1, rgb(130, 180, 223))
  );
  border-color: #EFF transparent rgb(110, 160, 193) transparent;
  margin: 0 1px;
  border-width: 1px 0;
  border-bottom-color: rgba(0,0,0,0.2);
}

.dmx-editor-wrapper.blue .dmx-editor-toolbars > .toolbar-overlay {
  background: rgb(130, 180, 223);
  background: rgb(130, 180, 223) url(toolbarset_blue.png) repeat-x;
  background: -moz-linear-gradient(center top , rgb(240, 240, 255) 0%, rgb(130, 180, 223));
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(240, 240, 255)),
    color-stop(1, rgb(130, 180, 223))
  );
}

.dmx-editor-wrapper.blue.ie .dmx-editor-toolbars,
.dmx-editor-wrapper.blue.ie .dmx-editor-toolbars > .toolbar-overlay {
	background-image:none;
}

/* Editable area ------------------------------------------------------------ */
.dmx-editor-wrapper.blue .dmx-editor-frame-wrapper iframe,
.dmx-editor-wrapper.blue .dmx-editor-frame-wrapper textarea {
  border-color : #036;
}

.dmx-editor-wrapper.blue .hoverable:hover,
.dmx-editor-wrapper.blue .hoverable:focus,
.dmx-editor-wrapper.blue .hoverable.active,
.dmx-menu.blue .hoverable:hover,
.dmx-menu.blue .hoverable:focus,
.dmx-menu.blue .hoverable.active {
  border-color:#369;
}

.dmx-editor-wrapper.blue .activateable.active,
.dmx-editor-wrapper.blue .activateable.active:hover,
.dmx-editor-wrapper.blue .button.checkable.checked,
.dmx-editor-wrapper.blue .checkable.checked:hover,
.dmx-menu.blue .activateable.active,
.dmx-menu.blue .activateable.active:hover,
.dmx-menu.blue .button.checkable.checked,
.dmx-menu.blue .checkable.checked:hover {
  border-color:rgb(200, 130, 80);
}

.dmx-editor-wrapper.blue .hoverable.disabled:hover,
.dmx-editor-wrapper.blue .hoverable.disabled:focus,
.dmx-editor-wrapper.blue .hoverable.disabled.active,
.dmx-menu.blue .hoverable.disabled:hover,
.dmx-menu.blue .hoverable.disabled:focus,
.dmx-menu.blue .hoverable.disabled.active {
  border-color:transparent;
  background:transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* menu --------------------------------------------------------------------- */
.dmx-menu.blue,
.dmx-editor-wrapper.blue .dmx-menu,
.dmx-menu.blue .dmx-menu {
  border-color:#369 #036 #036 #369;
  background-color:rgb(235, 237, 245);
}

.dmx-editor-wrapper.blue .dmx-editor-toolbars .combo {
  border-color:#69C;
}
.dmx-editor-wrapper.blue .dmx-editor-toolbars .combo:hover {
  border-color:#369;
}

.dmx-menu.blue.ie .disabled img {
  filter:alpha(opacity=50);
  background-color:rgb(235, 237, 245);
}

.dmx-menu.ie.blue .disabled img,
.dmx-editor-wrapper.ie.blue .dmx-menu .disabled img,
.dmx-menu.ie.blue .dmx-menu .disabled img {
  background-color: rgb(235, 237, 245);
}

.dmx-modal-dialog-blue {
  background-color:rgb(235, 237, 245) !important;
}

.dmx-modal-dialog-blue #dmx-modal-dialog-header {
  background: rgb(130, 180, 223) url(toolbarset_blue.png) left bottom repeat-x !important;
  border-bottom:1px solid #69C !important;
}


.dmx-editor-wrapper.blue.ie .dmx-editor-toolbars .disabled  img {
	filter:alpha(opacity=50);
	background-color: rgb(130, 180, 223) !important;
}