/* Override here any style definide by web-app-theme */
body {
  background-color: #eee;
  color: #3d332d; 
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#header {
  background: #78bf4b url(/javascripts/dd/dragondiapers/controlbar/images/header_background.png) repeat-x 0 0;
}

#container {
  overflow: hidden;
}

.secondary-navigation, #sidebar h3 {
  background: #78bf4b url(/javascripts/dd/dragondiapers/controlbar/images/header_background.png) repeat-x 0 -40px;
}

.bare_admin #box .block h2 {
  background: #565656 url(http://dzuniversal.s3.amazonaws.com/bgtiles/gray_noise.jpg) repeat 0 0;
  text-shadow: 1px 1px 0px #666;
}

.bare_admin #box {
  -moz-box-shadow: 3px 3px 15px #bbb;
  -webkit-box-shadow: 3px 3px 15px #bbb;
  width: 700px;
}

#main-navigation,  #main-navigation ul li, #footer .block {
  background-color: #3d332d;
}

.secondary-navigation, #sidebar h3 {
 border-bottom-color: #3d332d;
}
,
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active, .secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active, #user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
  color:  #9DC669;
  color:  #FFF;
  text-decoration:none;

}

#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active {
  text-shadow: -1px -1px 0px #000;
}

#main-navigation ul li.active a {
 text-shadow: 1px 1px 0px #bbb;
}

#sidebar ol, #sidebar ul {
  padding-left: 2em;
}

#header {
  -moz-box-shadow: 0px 0px 62px;
  -webkit-box-shadow: 0px 0px 62px;
}

a:link, a:visited, a:hover, a:active, h1, h2, h3 {
  color: #4b8229;
}

h1, h2, h3 {
  font-weight: bold;
}

#main .block h2,
#main .block h3 {
  text-shadow: 1px 1px 2px #bbb;
}

#main .block, #sidebar .block {
  -moz-box-shadow: 2px 3px 3px #999;
  -webkit-box-shadow: 2px 3px 3px #999;
}

.form .fieldWithErrors input.text_field,
.form .fieldWithErrors textarea {
  border: 1px solid #f00;
}

.formError {
  color: #f00;
}

.table th {
  background-color:  rgba(61,51,45, 0.8);
  text-align: center;
}

.table td.green_check {
  padding:5px;

}

a.delete_link  {
  float: right;
  display: block;
  background: transparent url(/javascripts/dd/dragondiapers/themes/modern_dark/images/trash.gif) no-repeat center center;
  width: 20px;
  height: 11px;
}


.secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
  background-color: rgba(26,26,26, 0.7);
}

.secondary-navigation ul li a:hover {
  background-color: rgba(26,26,26, 0.4);
}

.pass_change_control {
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 35px;
}

.good_idea {
 background-color: #ffc;
 -moz-border-radius: 10px;
 -webit-border-radius: 10px;
 padding: 1em;
 font-style: italic;
 font-size: 1.2em;
 font-family: Georgia;
  color: rgba(61,51,84,0.8);
}

ul.good_idea.errors {
  list-style: none;
  background-color: #fcc;
}

.image_url {
  font-size: 0.8em;
  display: block;
  width: 365px;
}

.theme_name {
  text-align: center;
  font-weight: bold;
  font-size: 2.5em;
  line-height: 2.5em;
}

.center_create_link {
  text-align: center;
  font-size: 1.4em;
  padding: 2em;
  font-weight: bold;
}
.center_create_link a {

}

.bespin_editor_area {
  width: 900px;
  height: 860px;
}

.cont-site_layouts.action-edit #main .bespin_editor_area,
.cont-site_layouts.action-new #main .bespin_editor_area {
  width: 860px;
  height: 800px;
}

.cont-site_layouts.action-edit #main,
.cont-site_layouts.action-new #main { 
  width: 100%;
} 

#main .content .inner h2 {
  margin-left: 0px;
}

#header, #wrapper {
  padding: 0 42px;
}

#wrapper {
  padding-top: 20px;
}

.return_to_site {
  position: fixed;
  right: 42px;
  top: 14px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 3px solid rgba(111,181,70,0.6);
  background-color: rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 1px 3px #555;
  -webkit-box-shadow: 1px 1px 3px #555;
}

.return_to_site a {
  display:block;
  padding: 8px 16px; 
  color: rgba(255,255,255,0.8);
  text-decoration: none;
  font-size: 1.1em;
}

.return_to_site a span {
  font-size: 1.2em;
}


.subscribe_to_site {
  position: absolute;
  right: 200px;
  top: 14px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
   border: 3px solid rgba(255,255,255,0.2);
   background-color: rgba(187,230,88,0.5);
  -moz-box-shadow: 1px 1px 3px #555;
  -webkit-box-shadow: 1px 1px 3px #555;
}

.subscribe_to_site a {
  display:block;
  padding: 8px 16px; 
  color: #3D332D;
  text-decoration: none;
  font-size: 1.2em;
}

.subscribe_to_site a span {
  font-size: 0.9em;
}




 table.signup_table {
/*      border:15px solid #cccccc; */
    border-collapse:collapse;
        margin-bottom:0px;
    background: #fff;
}

.signup_chart {
   margin-top: 4em;
   margin-bottom: 4em;

}
 .signup_table td {
    margin:0px;

        padding:3px;
        padding-right:7px;
        vertical-align:top;
        border:1px solid #cccccc;
        font-family: lucida grande,arial;
}

 .signup_heading {
    position: relative;
        text-align:center;
    font-family: lucida grande,arial;
}

 .signup_table .description {
  font-size:0.7em;
  color:#888888;
}

 .signup_table tr.even td {
        background-color:#f5f5f5;
}


 .signup_heading a.plan_link {
   text-decoration:none;
   display:block;
   border: 3px solid rgba(255,255,255,0.4);
   font-weight: bold;
   width: 90%;
   font-size: 1.2em;
   padding-top: 7px;
   padding-bottom: 7px;
   background-color: rgba(187,230,88,1);
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   margin: 0.5em;
   color: #3D332D;
  -moz-box-shadow: 1px 1px 3px;
  -webkit-box-shadow: 1px 1px 3px;
}

 .signup_heading a.plan_link span {

}

.signup_heading .current_plan {
  position: relative;
  top: -80px;
  font-weight: bold;
  font-size: 1.2em;
  padding: 10px;
}

 .signup_heading .plan {
        font-size:1.5em;
        font-weight:bold;
        color:#59991A;
}

.signup_heading .price {
        font-weight:bold;
}
.signup_table .highlight_row {
        background-color:#FFFFCC;
}
td.signup_cell {
        text-align:center;
        border-top:none;
        border-bottom:none;
        font-weight:bold;
}

td.signup_label_cell {
        text-align:right;
        border-top:none;
        border-bottom:none;
        font-size: 1.2em;
}

ul.features {
    list-style:none;
        margin:0px;
        background-color:#FFFFCC;
        text-align:center;
        font-size:1em;
        padding-top:1em;
        padding-left:1em;
    padding-right:1em;
}

ul.features li {
        padding-bottom:1em;
}

tr.highlight_row {
  display: none;
}

.basic .signup_table .basic,
.premium .signup_table .premium {
  background-color: #ffc;
}

.basic .signup_table tr.even .basic,
.premium .signup_table tr.even .premium {
  background-color: #ededc0;
}

.cont-admin.action-index .flash {
  display:none;
}

.webbersaurus_site .change_plans {

}

.din_template_choice_item .image_holder,
.add_template_list .image_holder {
  box-shadow: 1px 1px 3px #666;
  -moz-box-shadow: 1px 1px 3px #666;
  -webkit-box-shadow: 1px 1px 3px #666;
}


.bare_admin #din_signin_block form label,
.form.login label {
  display: block;
  font-size: 1.6em;
  color: #666;
}

.bare_admin #din_signin_block form input,
.form.login input {
  font-size: 1.8em;
  border: 1px solid #999;
  padding: 3px;
  color: #555;
}

.form.login input#login,
.form.login input#password {
  width: 98%;
}

.cont-session.action-new #box {
  width: 500px;
}

.cont-session.action-new #box .content
 {
  margin: 0px 30px;
}

#box #din_signin_block .content .highlight {
 background-color: #ffc;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 padding: 1em;
 font-style: italic;
 font-size: 1.2em;
 font-family: Georgia;
  color: rgba(61,51,84,0.8);  
}




#box #din_signin_block .content ul.highlight {
  list-style: none;
  background-color: #fcc;
}




#box #din_signin_block .content p { 
  font-size: 1.3em;
}

.cont-session.action-new #box .block h2 {
  padding-left: 49px;
}

.bare_admin #din_signin_block input.user_button {
  margin-top: 0.3em;
  margin-bottom: 1em;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f0f0f0

}

.action-forgot_password #din_signin_block input.user_button {
  margin-top: 1em;
}

#din_signin_block form .cancel_link {
  padding-left: 20px;
  color: red;
  font-size: 1.2em;
}

#din_signin_block .block h3 {
   margin: 0px;
   background: #3d332d;
   color: #fff;
   text-align: center;
   position: relative;
   padding: 10px;
   font-weight: normal;
   font-size: 1.1em;
}

.bare_admin.cont-signups  a.sign_in_link {
  font-size: 1.5em;
  text-decoration: none;
}

.bare_admin.cont-signups  a.sign_in_link:hover {
  text-decoration: underline;
}

#subnav {
   margin: 0px 42px;
   height: 3em;
   background-color: rgba(0,0,0, 0.5);
}

#subnav ul {
 margin: 0;
 padding: 0;
 list-style: none;
 position: absolute;

}

#subnav ul li {
   float: left;
}

#subnav ul li a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 8px 30px;
  font-size: 1.2em;
  text-shadow: 0px 0px 3px #000;
  -moz-text-shadow: 0px 0px 0px #000;
  -webkit-text-shadow: 0px 0px 0px #000;
}

#subnav ul li.active a {
  background-color: black; 
}