BODY {
  background: #DDD;
  margin: 0px;
  text-align: center;
  padding: 0px;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 12px;
  min-width: 1000px;
}
/* General Layout and Header Area */
#page-container {
  margin-left: 10px;
  margin-right: 10px;
  text-align: left;
}
#header {
  background: #70A857;
  height: 80px;
  padding: 5px;
  border-bottom: 4px solid #4B6A41;
}
#header A {
  text-decoration: none;
  color: white;
}
#header A:hover {
  color: white;
}
#header h1 {
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
}
#header h5 {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
  padding-bottom: 8px;
  color: silver;
}
#header #flash {
  float: right;
  color: #4B6A41;
  font-weight: bold;
  margin-right: 5px;
}
#header #nav {
  float: left;

}

#header #links {
  float: right;
  color: #4B6A41;
}

#header #links A {
  color: white;
}

#header #links A:hover {
  color: #616161;
}

#header #nav ul
{
  list-style: none;
}

#header #nav li
{
  float: left;
}

#header #nav li a
{
  margin-left: 0.5em;
  display: block;
  padding: .6em .4em .6em .4em;
  background: #fff;
  color: #616161;
  font-weight: bold;
  font-size: 1.0em;
  text-decoration: none;
}

#header #nav li a:hover
{
  background: #4B6A41;
  color: #fff;
}

/* Content Area */
#content {
  padding: 15px;
  background: white;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
}
#content h1 {
  margin: 0px;
  padding: 0px;
  font-size: 135%;
  color: gray;
}
#content h1 a{
  margin: 0px;
  padding: 0px;
  font-size: 50%;
  text-decoration: none;
  color: gray;
}
#content h2 {
  margin: 0px;
  padding-top: 10px;
  font-size: 125%;
  color: gray;
}
#content h3 {
  margin: 0px;
  padding-top: 20px;
  font-size: 120%;
  color: #990011;
}
#content h1 a:hover{
  color: darkgreen;
}
#content .action {
  float: right;
  color: gray;
}
#content .action A {
  font-weight: bold;
  text-decoration: none;
  color: darkgreen;
  border-bottom: 1px solid black;
}
#content .action A:hover {
  color: red;
  border-bottom: 1px solid red;
}
#content .page-header {
  color: gray;
}

#content #quickhelp {
  margin-top: 5px;
  color: red;
}

/* Page Listing */
#content .tree-controller {
  border: 0px;
  cursor: pointer;
}
#content .page-list.root {
  clear: both;
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
}
#content .page-list.collapsed {
  display: none;
}
#content .page-list {
  background: white;
  clear: both;
  list-style: none;
  border-left: 0px dotted silver;
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
  margin-top: 2px;
}
#content .page-list LI {
  clear: both;
  padding: 0px;
  margin: 5px 0px;
  padding-top: 2px;
  padding-right: 0px;
  padding-left: 2px;
}
#content .page-list .commands {
  font-size: 90%;
  padding-left: 5px;
  color: silver;
}
#content .page-list .commands A {
  color: gray;
}
#content .page-list .commands A.add-page:hover {
  color: blue;
}
#content .page-list .commands A.reorder-children:hover {
  color: black;
}
#content .page-list .commands A.delete-page:hover {
  color: white;
}
#content .page-list .commands A.reordering {
  background: navy;
  color: white;
}
#content .page-list .commands A.reordering:hover {
  color: white;
}
#content .page-list A.page {
  text-decoration: none;
  color: black;
  margin-left: 3px;
  font-size: 150%;
  display: block;
}
#content .page-list A.page:hover {
  /*color: blue;*/
  background: white url(../images/comatose/title-hover-bg.gif) top left repeat-y;
}
#content .handle, #content .do-reorder UL LI .handle {
  display: none;
}

#content .page-list .hover {
  background: #F1F0DB;
}
#content .page-list .hover-delete {
  background: red;
  color: #FF8E90;
}
#content .page-list .hover-delete A,
#content .page-list .hover-delete .commands A {
  color: #FF8E90;
}
#content .page-list .hover-delete A.page {
  color: white;
  border-bottom: 0px;
}
#content .page-list .hover-delete UL LI A.page {
  color: red;
  border-bottom: 0px;
}

#content .do-reorder LI .handle {
  display: inline;
  background: gray;
  color: white;
  padding: 1px 3px;
  cursor: move;
}

#content .page-list .do-reorder .commands A {
  display: none;
}

/* Page Form */
#content .page-form {
  margin-top: 10px;
}
#content .page-form LABEL {
  font-weight: bold;
  color: #555;
}
#content .page-form .meta-info LABEL {
  color: #999 !important;
}
#content .page-form .label { 
  padding-top: 5px;
  width: 90px;
  text-align: right;
  padding-right: 10px;
}
#content .page-form .label.body {
  vertical-align: top;
  padding-top: 10px;
} 
#content .page-form .field { 
  padding-top: 5px;  
}
#content .page-form .field-help { 
  color: gray;
}
#content .page-form #page_title {
  font-size: 125%;
  font-weight: bold;
}
#content .page-form #page_slug {
  color: gray;
}
#content .page-form #page_body {
  font-family: monospace;
  font-size: 110%;
}
#content #button-group {
  padding: 10px;
  text-align: right;
  background-color: #EAEAEA;
  margin-top: 10px;
}
#content #button-group .last-update {
  float: left;
  color: gray;
  padding-top: 4px;
  font-weight: bold;
}
#content #button-group .last-update LABEL {
  font-weight: normal;
}
#content #button-group .last-update A {
  color: gray;
}
#content #button-group A {
  color: maroon;
}
#content #button-group A:hover {
  color: red;
}
#content #preview-area {
  margin-top: 10px;
}
#content #preview-area FIELDSET {
  border: 1px solid silver;
}
#content #preview-area LEGEND {
  font-size: 125%;
}
#content #preview-area .preview-body {
  padding: 10px;
}
#content #preview-area .preview-note {
  background: #FFFFD9;
  padding: 15px;
}
#content #preview-area .commands {
  text-align: right;
  color: gray;
}
#content #preview-area .commands A{
  color: gray;
}
#content #preview-area .commands A:hover{
  color: black;
}
#content .revisions {
  padding: 10px;
  width: 49%; 
}
#content .current-content {
}
#content .older-content {
  background: #E9E9E9;
  float: right;
}

#content .revisions label {
  display: block;
  color: #000;
}
#content .revisions label span {
  color: #999;
  font-weight: normal !important;
}
#content .revisions .title {
  font-weight: bold;
  margin-top: 5px;
}
#content .revisions .header {
  font-size: 110%;
  vertical-align: middle;
  font-weight: bold;
}
#content .revisions .header-actions {
  float: right;
  font-size: 90%;
  font-weight: normal;
  color: #999;
}
#content .revisions .meta {
  margin-bottom: 15px;
}
#content .revisions .footer {
  margin-top: 25px !important;
  text-align: center !important;
}
#content #go-btn {
  display: none;
}

#content #pgroup {
  margin: 0;
  padding: 0;
}

#content #pgroup #form {
  width: 700px;
  margin: 10px 0 20px 0;
  background: #f1f1f1;
  padding: 5px;
  font-weight: bold;
}
#pmenu {
  margin-top: 10px;
  float: right;
  width: 250px;
  background: #fff;
  font-weight: bold;
}

#pmenu ul {
  margin: 0;
  list-style: none;
}

#pmenu li a {
  background-color: #4B6A41;
  color: white;
  display: block;
  margin: 0;
  padding: 20px 10px 20px 30px;
  text-decoration: none;
}

#pmenu li a:hover {
  background-color: white;
  color: #4B6A41;
}

#payment_options {
  
}

#payment_options ul {
  margin: 0;
  list-style-type: none;
}

#payment_options li {
  color: black;
  display: block;
  margin: 0;
  padding: 2px 0 2px 10px;
  text-decoration: none;
  width: 450px;
}

#payment_options li a {
  color: black;
  text-decoration: none;
}

#payment_options li a:hover {
  color: red;
  background: white url(/images/comatose/title-hover-bg.gif) top left repeat-y;
}

/* Forms */
input, textarea, select {
  background-color: #FBFBFB;
  color: #323232;
  border: 1px solid #4B6A41;
  font-size: 11px;
  padding: 3px;
}
	
.button {
  padding: 2px;
  background-color: #6DA6E2;
  color: #FFFFFF;
  border: 1px solid #999;
  font-size: 11px;
}

/* Errors */
#errorExplanation {
  border: 1px solid red;
  background: #FFEAEB;
  padding: 10px;
  margin-top: 10px;
}
#errorExplanation h2 {
  margin: 0px;
  padding: 0px;
  color: maroon;
}
#errorExplanation p {
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  padding-left: 15px;
}
#errorExplanation ul {  
  margin: 0px;
  padding: 0px;
  padding-left: 35px;
}
#errorExplanation li {
  margin: 0px;
  padding: 0px;  
  padding-top: 5px;
}
#image_info {
  margin: 10px 13px 10px 13px;
  background-color: #eee;
  height: 145px;
  width: 160px;
  padding: 2px;
  float: left;
  text-align: center;
  font-weight: normal;
}

#image_info #img {
  width: 104px;
  min-height: 104px;
  line-height:104px;
  margin: auto;
}

#image_info img
{
  margin: 2px;
  vertical-align: middle;
  border: 1px solid #ffffff;
}

#image_info a:hover img {border: 1px solid black;}

#image_info .desc {
  text-align: center;
  font-size: 85%;
  color: #777;
}
#image_info .desc a {
  color: black;
}

#image_info .desc a:hover {
  color: red;
  text-decoration: none;
}
/* Footer Area*/
#footer {
  border-top: 4px solid #AAA;
  text-align: center;
  font-size: 90%;
  color: #AAA;
  padding-top: 5px;
  padding-bottom: 5px;
}
#footer A {
  color: #AAA;
  text-decoration: none;
  font-weight: bold;
}
#footer A:hover {
  color: #333;
  text-decoration: underline;
}

/* Modifiers */

/* When JavaScript is Turned Off... We need to adjust some things... */
.noscript #more-options,
.noscript #preview-area,
.noscript #preview-btn,
.noscript .tree-controller {
  display: none;
}
.noscript .page-list.collapsed {
  display: block !important;
}
.noscript .delete-page:hover {
  color: red !important;
}
.noscript #content .page-form #page_title,
.noscript #content .page-form #page_slug,
.noscript #content .page-form #page_parent,
.noscript #content .page-form #page_keywords,
.noscript #content .page-form #page_body {
  width: 100% !important;
}
.noscript #content .revisions #go-btn {
  display: inline;
}