/* prefix wd_ means WebDapp_ or WebDevelop_  */

/* table structure */

.wd_table {
  background-color: #f6f6f6;
  border: 1px solid #bbb;
}
.wd_th {
  border-bottom: 1px solid #bbb;
  background-color: #eaeaea;
}

/* flash notice, errors, etc */

#flash_notice, #flash_error {
  color: #555;
}
#flash_notice {
  background-color: #fdffc2;
  border: solid 1px #e6e8b0;
}
#flash_error {
  background-color: #FCC;
  border: solid 1px #C66;
}

#errorExplanation {
  border: 2px solid #CF0000;
  background-color: #f0f0f0;
}
#errorExplanation h2 {
  background-color: #c00;
  color: #fff;
}
#errorExplanation p {
  color: #333;
}

/* page and user controls */

#page_controls {
  background-color: #c8ffc2;
  border: 1px solid #b4e5ae;
}

#page_controls a {
  color: #222222;
}

#user_controls {
  border-top: 1px dashed #bbb;
  border-right: 1px dashed #bbb;
  background-color: #f6f6f6;
  padding: 5px;
}

/* drag&drop nested pages */

ul#nested_pages {
  background-color: #f6f6f6;
  border: 1px solid #bbb;
}
ul#nested_pages li ul {
  background-color: #fafafa;
  border: 1px solid #bbb;
}
ul#nested_pages li ul li ul {
  background-color: #fcfcfc;
}
ul#nested_pages li ul li ul li ul {
  background-color: #fff;
}

/* defaults */

.area {
 float: left;
}

.edit_mode {
  display: block;
  padding-top: 5px;
  font-size: 14px;
  font-weight: normal;
}

#breadcrumbs {
  padding-bottom: 10px;
}

.wd_new_element {
  background-color: #c2ccff;
  border: 1px solid #afb8e6;
}