/* ------ CONTENT MANAGER ------ */

.editable-region {
  margin: 5px;
  padding: 10px;
  border: 2px dotted #ddd;
}
.content-controls {
	text-align: left;
	font-size: 12px;
	position: absolute;
	z-index: 5;
	margin-left: -10px;
	border: 1px solid #ddd;
	background-color: #FFFFCC;
}
.region-name {
  float: left;
  text-transform: uppercase;
  color: #ddd; /* bbb */
}


/* ------ SYSTEM ------ */

#notice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  border: 2px solid #bba;
  background: #eec;
	color: #f0f0f0;
	margin: 18px;
	padding: 20px;
}
#notice,
#notice p,
#notice pre,
#notice li {
  color: #393939;
}

.errorExplanation {
  margin: 20px 40px 20px 20px;
  padding: 10px;
  border: 2px solid #bba;
  background: #eec;
}
.errorExplanation li {
  color: #930;
  margin: 0;
  padding: 0;
}
.errorExplanation p,
.errorExplanation h2 {
  display: none;
}
.fieldWithErrors input,
.fieldWithErrors select {
    background: #eec;
}

.edit {
  background: #363326; /* 776 */
  border: 4px solid #363326;
  letter-spacing: 0.1em;
}
.edit:hover {
  background: #C66;
  border: 4px solid #C66;
}
.editme a { display: none; }
.editme:hover a { display: block; }