/*
Colors
DP Purple #51183B
DP Purple/White #9F8B9C
DP Dark link #63254C
DP Bright blue #29BAEC
Text input border #999999
Light grey underline #DDDDDD
Light grey background #F1F1F1
*/
html, body {
  height: 100%; 
}
.dp #wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -26px;
}
.dp #footer, .dp .push {
  height: 20px;
  clear: both;
}
#footer {
  color: #AAA;
  text-align: right;
  background-color: #F1F1F1;
  padding-top: 5px;
  border-top: 1px solid #DDDDDD;
}
a {
  text-decoration: none;
  color: #63254C;
}
em {
  font-style: italic;
}
body.dp {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.dp .row {
  margin-bottom: 18px;
}

.bad {
  padding: 3px;
  background-color: #FFDDDD;
  border: 1px solid #FF5555;
}
.good {
  padding: 3px;
  background-color: #DDFFDD;
  border: 1px solid #55FF55;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
/* Grid */
.column {
  float: left;
}
.cell {
  float: left;
  margin-right: 15px;
}
.cell.edge {
  margin-right: 0px;
}
.w960.g5 .span1 {
  width: 177px;
}
.w960.g5 .span2 {
  width: 383px;
}
.w960.g5 .span3 {
  width: 575px;
}
.w960.g5 .span4 {
  width: 767px
}
.w960.g5 .span5 {
  width: 960px;
  margin-right: 0px;
}
.centered, .cell.centered {
  float: none;
  margin: 0 auto !important; 
}
/* Styles */
.dp .box {
 margin-bottom: 15px;
 background-color: #f1f1f1;
}
.dp .box li {
 line-height: 18px;
}
.dp .box .title, .dp .box.title {
  font-weight: bold;
  padding: 6px 5px;
}
.dp .box li a {
  color: #63254C;
  display: block;
  padding: 2px 5px;
}
.dp .box li.active a {
  background-color: #51183B;
  color: #FFF;
}
.dp .box.message {
  text-align: center;
}
.dp .box.message.good{
  background-color: #DDFFDD;
  color: #006600;
  border: 1px solid #00AA00;
}
.dp .box.message.bad {
  background-color: #FFDDDD;
  color: #660000;
  border: 1px solid #AA0000;
}
.clear {
  clear: both;
}

/* Header */
.dp #top-strip {
  padding: 15px 0 5px 0;
  height: 18px;
  color: #9F8B9C;
  background-color: #51183B;
  border-bottom:2px solid #9F8B9C;
  margin-bottom: 20px;
}
.dp #top-strip a {
 color: #9F8B9C;
}
.dp #top-strip a:hover {
  color: #FFF;
}
.dp #top-strip .title {
  float: left;
}
.dp #top-strip #links {
  float: right;
  color: #635A64;
}
.dp #top-strip #links li {
  display: inline;
  padding: 0 3px;
}
.dp.admin a#live-site {
  display: block;
  font-weight:bold;
  color: #000;
  line-height: 18px;  
}
.dp.admin a:hover#live-site {
  background-color: #29BAEC;
  color: #FFF;
}

/* Forms */
.dp form li {
  margin-bottom: 12px;
}
.dp li label {
  display: block;
}
/* Sign In */
.dp .text-input, .dp .textinput {
  background-image: none;
  border: 1px solid #999;
  padding: 3px;
  width: 150px;
}
.dp.login #login-form {
  padding-left: 102px;
  padding-top: 143px;
}
/* Forms */
.dp.login #login-form .submit {
  position: relative;
  left: 70px;
}
.dp #login-form label {
  width: 200px;
  padding-right: 7px;
  width: 65px;
  text-align: right;
  display: inline-block;
}
.dp.login #content {
  width: 460px;
  height: 270px;
  background-image: url(/images/dp-login.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 0 auto;
}
.dp.hosting div#hosting {
  width: 640px;
  float: left;
  margin-top: 30px;
}

/*.dp #links a.highlight {
  color: #29baec;
}*/
.dp #links li a.icon {
  background-image:url(/images/dp-plane-icon.gif);
  background-repeat:no-repeat;
  padding-left:16px;
}

.dp.admin #editor-nav {
  
}
.dp.admin #editor-nav h2, .dp.admin #editor-nav ul, .dp.admin #editor-nav ul li {
  float: left;
  padding: 5px;
}
.dp.admin #editor-nav ul li input {
  background-image: none;
  border: none;
  background-color: transparent;
}

.dp.admin #pagecontent textarea{
  width: 700px;
  height: 300px;
}

.usercontent em, .usercontent i {
  font-style: italic;
}
.usercontent strong, .usercontent b {
  font-weight: bold;
}
.usercontent h1, .usercontent h2, .usercontent h3, .usercontent h4, .usercontent h5, .usercontent h6 {
  font-weight: bold;
  font-size: 1.3em;
}
.usercontent p {
  margin: 10px 0;
}

.dp.admin .delete {
  float: inline;
/*  display: none;*/
}
.dp.admin .box li {
  position: relative;
}
.dp.admin .box li .delete {
  font-size: 10px;
  display: none;
  position: absolute;
  right: 8px;
  top: 2px;
  cursor: pointer;
  color: #999;
}
.dp.admin .box li.hover .delete {
  display: inline;
  
}
.dp.admin .box li.warning {
  background-color: #FF0000 !important;
}
.dp.admin .box li.warning .delete {
  text-decoration: underline;
}
.dp.admin .box li.warning, .dp.admin .box li.warning a, .dp.admin .box li.warning .delete {
  color: #FFF;
}

/* Module presentation */
.items th {
  font-weight: bold;
}
.items li, .items tr, .underline {
  border-bottom: 1px solid #DDD;
  line-height: 24px;
}
.items li.last {
  border-bottom: none;
}
span.delete {
  cursor: pointer;
  color: #C1183B;
}
.titlebar {
  display: block;
  font-weight: bold;
  padding: 6px 5px;
  margin-bottom: 15px;
  background-color: #f1f1f1;
  border-bottom:1px solid #DDDDDD;
}

/* Module menu panels */
.module.panel {
  background-color: #F1F1F1;
  margin-bottom: 15px;
}
.module.panel {
  margin-bottom: 15px;
  background-color: #f1f1f1;
}
.module.panel .title {
  font-weight: bold;
  padding: 6px 5px;
}
.module.panel .options .option {
 line-height: 18px;
}
.module.panel .options .option a {
  color: #63254C;
  display: block;
  padding: 2px 5px;  
}
.module.panel .options .option a:hover {
  color: #8D5E7F;
  text-decoration: underline;
}
.module.panel .closed .options {
  display: none;
}
.module.panel .toggler {
  cursor: pointer;
}
.module.panel .toggler .icon {
  float: right;
  color: #AAA;
  font-weight: bold;
  margin-right: 2px;
}
.module.panel .toggler.hover .icon {
  color: #000;
}
.module.panel.closed .options {
  display: none;
}
/*#module-main h1, #module-main h2, #module-main h3 {*/
#module-main h1, .title.special {
  background-color: transparent;
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: normal !important;
  padding-top: 20px;
  margin-bottom: 0;
  padding-bottom: 17px;
  padding-top: 3px;
}
.dim, .dim a {
  color: #9F8B9C;
}
.dim a:hover {
  text-decoration: underline;
/*  color: #63254C;*/
}
.module .additional { /* TODO replaces .dp .get-more */
  display: block;
  margin-top: 5px;
  border-top: 1px solid #DDD;
  padding-bottom: 3px;
  padding: 4px 3px 4px 4px;
  font-size: 10px;
}
.items .delete {
  float: right;
}
a.delete, span.delete {
  cursor: pointer;
}

.clear {
  clear: both;
}
/* forms */
.dp.admin .textinput {
  border:1px solid #CCCCCC;
  padding:3px;
}

.button {
/*  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;*/
  background-color:#F1F1F1;
  border: 1px solid #DDDDDD;

  font-weight: bold;
  line-height: 28px;
/*  display: inline-block;*/
  padding: 6px 6px;
  color: #000;
}
/* Buttons */
.button:hover {
  color:#63254C;
  cursor: pointer;
}
.button:active {
  background-color:#FFF;
}

/* Buttons */
.button {
/*  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;*/
  background-color:#F1F1F1;
  border: 1px solid #DDDDDD;

  font-weight: bold;
  line-height: 28px;
/*  display: inline-block;*/
  padding: 6px 6px;
  color: #000;
}
.button:hover {
  color:#63254C;
  cursor: pointer;
}
.button:active {
  background-color:#FFF;
}
.image.hint {
  background-color: #F1F1F1;
  border: 1px solid #DDD;
  padding: 10px;
  margin-bottom: 19px;
}