/* Design editing functionality */

.node .node {
  border: solid silver;
  border-width: 1px 1px 1px 0.5em;
  margin: 2em 0;
  padding: 0.3em 0.5em;
}

.node .node .node {
  margin: 1.5em 0;
  background-color: #f5f5f5;
}
.node .node .node .node {
  margin: 0.5em 0;
  background-color: #f0f0f0;
}
.node .node .node .node .node {
  margin: 0.2em 0;
  background-color: #e5e5e5;
}

.node .node .th {
  font-size: 130%;
  width: 20em;
}
.node .node .node .th {
  font-size: 115%;
  width: 15em;
}
.node .node .node .node .th {
  font-size: 100%;
  width: 10em;
}

.row {
  display: table;
  width: 100%;
}

.propertyName {
  display: inline;
  color: #344FB4;
}

.propertyName a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted silver;
}

.th {
  /* th equiv */
  display: table-cell;
  padding: 0.2em 0.3em;
  border-right: 1px solid silver;
}

.tc {
  display: table-cell;
  padding: 0.2em 0.3em;
  vertical-align: middle;
}

/* Value editing */
.editable, .editable_textarea {
  max-width: 90%;
  border: 1px solid silver;
}

#editPropDialog .editable {
  background-color: white;
  border: 1px solid silver;
  /*max-width: 70%;*/
}

.editable_textarea {
  min-height: 5em;
}

#hiddenNodes, #editNodes {
  border: 1px solid silver;
  padding: 0.3em;
  margin-bottom: 0.5em;
}

#hiddenNodes h2, #editNodes h2 {
  font-size: 100%;
  display: inline;
}

.buttons {
  float: right;
  margin: 0;
}

.buttons img:hover {
  cursor: pointer;
  background-color: #99a7d9;
}
.addButton, .delButton {
  margin-right: 0.3em;
}

/* Template editing */
.editStructure {
  background-color: #fef;
}

.nodeEdit {
  margin: 0 -0.5em;
  border-bottom: 1px solid silver;
}

.editStructure .nodeEdit {
  display: block;
}

.handle {
  border-bottom: 1px solid silver;
  padding: 1px 0.2em;
  background: url('/inc/img/handle-drag.png');
  cursor: move;
}

#editNodes input[type="text"] {
  width: auto;
}

#editNodes label {
  margin-left: 1em;
}

.sorthelper {
  border: 1px dashed gray;
}

.mceEditor td {
  padding: 0;
}

.mceContentBody {
  padding: 0.3em;
}

#editPropDialog {
  z-index: 500;
  position: fixed;
  width: 50%;
  max-height: 80%;
  top: 5em;
  left: 25%;
  background-color: #f5f5f5;
  border: 2px solid  #75756f;
  padding: 0.5em;
  overflow: auto;
}

fieldset {
  margin-bottom: 0.75em;
}

.dialog h2 {
  margin-top: 0;
}

.anEditPropUrl {
  margin: 0.5em auto;
}

.dialog p {
  margin: 0 auto;
}

.dialog input[type="text"] {
  width: 95%
}

.dialog input.newUrl {
  margin-bottom: auto;
  width: 85%
}

.dialogControls {
  text-align: center;
  margin-top: 1em;
}