/* ===== GLOBAL RESET ===== */

* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
}

/* ===== LAYOUT ===== */

.break {
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
div#shell {
  background-color: #F8F3EB;
  background-image: url("/images/container_bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -54px; /* the bottom margin is the negative value of the footer's height */
}

div#content {
  border-top: 4px solid #FFFFFF;
}
.ie div#content {
  padding-top: 20px;
}

div#content div.container {
  width: 850px;
  margin: 30px auto 30px auto;
}

div#content div#major {
  width: 70%;
  float: right;
}

div#content div#minor {
  width: 25%;
}

/* hide sidebar where its not needed */

body.home div#content div#minor
{
  display: none;
}

body.home div#content div#major
{
  width: auto;
  float: none;
}

/*
 * Don't need the 'control panel' link on the 'control panel' page.
 * We are more specific than required here to make sure we beat the
 * display: block down lower
 */
body.sites.index div#content div#minor #controlPanelNav .home {
  display: none;
}


/* ===== HEADER ===== */

div#header {
  background-color: #29231E;
  height: 97px;
}

div#header div.container {
  width: 850px;
  margin: 0 auto 0 auto;
}

div#header a.logo img {
  margin: 5px 0 5px -20px;
}

.ie6 div#header a.logo {
  background-image: url("/images/CushyCMS_logo.png");
  background-repeat: no-repeat;
}
.ie6 div#header a.logo img {
  visibility: hidden;
  margin-left: 0;
}

div#credentials {
  border-left: 2px solid #5D5751;
  position: absolute;
  width: 275px;
  height: 80px;
  top: 7px;
  margin-left: 595px;
  padding-top: 3px;
}

.ie div#credentials {
  margin-left: 260px;
  width: 270px;
  overflow: hidden;
}

.ie8 div#credentials {
  margin-left: 600px;
}

div#credentials form, div#credentials form div, div#credentials form div.buttonRow {
  width: 270px;
  padding-right: 0;
}

div#credentials input {
  width: 165px;
}
div#credentials label {
  width: 70px;
  font-size: 12px;
  color: #FFFFFF;
}

div#credentials input#password {
  width: 135px;
}

div#credentials button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 32px;
  left: 235px;
}
.ie div#credentials button {
  top: 34px;
  left: 240px;
}

div#credentials button span {
 display: block;
 width: 26px;
 height: 26px;
 background-image: url("/images/buttons/login.gif");
}


div#credentials div.buttonRow span.alternatives {
  font-size: 10px;
  text-transform: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 61px;
  left: 97px;
}
div#credentials div.buttonRow span.alternatives a {
  color: #DDF54E;
}

div#credentials div.failure {
  background-image: none;
}
div#credentials div.failure div.validation-advice {
  display: none;
}

div#credentials div#userInfo {
  padding-top: 7px;
}

div#credentials div#userInfo dl, div#credentials div#userInfo dt, div#credentials div#userInfo dd {
  color: #FFFFFF;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
div#credentials div#userInfo dl {
  float: left;
  background-image: url("/images/users.gif");
  background-repeat: no-repeat;
  background-position: 0 6px;
  padding-left: 32px;
  margin-left: 15px;
}
div#credentials div#userInfo dl dt {
  font-size: 16px;
  width: 150px;
  overflow: hidden;
}
div#credentials div#userInfo dl dd {
  font-size: 11px;
  color: #F8F3EB;
}

div#credentials div#userInfo ul.options {
  float: right;
  margin-bottom: 13px;
}
div#credentials div#userInfo ul.options li {
  background: none;
  text-align: right;
  font-size: 10px;
  padding: 0;
  line-height: 150%;
}
div#credentials div#userInfo ul.options li a {
  color: #DDF54E;
}

div#credentials div#userInfo p {
  clear: both;
  color: #B1ACA5;
  font-size: 11px;
  text-align: center;
  margin-top: 0px;
}
div#credentials div#userInfo p a {
  color: #F8F3EB;
}

/* ===== FOOTER ===== */

div#push, div#footer {
  height: 22px;
}

div#footer {
  background-color: #C4BFB8;
  color: #5E5B58;
  margin-top: 10px;
  border-top: 2px solid #FFFFFF;
  padding: 10px;
  font-size: 10px;
}
div#footer a {
  color: #5E5B58;
}
div#footer ul {
  width: 850px;
  margin: 0 auto 0 auto;
}
div#footer ul ul {
  width: auto;
  margin: 0;
}
div#footer ul li {
  display: inline;
  background: none;
  margin: 0;
  padding: 0;
}
div#footer ul ul li {
  padding: 0 8px 0 5px;
  border-right: 1px solid #AAA59E;
}
div#footer ul ul li.last {
  border: none;
}

div#footer li#legal ul {
  float: left;
}
div#footer li#utils ul {
  float: right;
}

div#footer li#poweredBy {
  border: none;
}
div#footer li#poweredBy img {
  position: relative;
  margin-bottom: -5px;
  width: 119px;
  height: 16px;
}



/* ===== TYPOGRAPHY ===== */

body {
  font-family: Geneva, Arial, sans-serif;
  font-size: 13px;
  color: #5D5751;
  line-height: 150%;
}

h1, h2, h3, h4, h5, h6 {
  color: #29231E;
  margin-bottom: .75em;
}
h1 { font-size: 250%; margin-bottom: .5em; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
.ie6 h1, .ie7 h1, .safari h1 {
  font-size: 125%;
}


p {
  margin-bottom: 1.5em;
}

dl {
  margin-bottom: 1.5em;
}

a:link    { color: #6F8E18; }
a:visited { color: #91A74D; }
a:hover   { color: #A1BD31; text-decoration: none; }
a:active  { color: #CC3300; }
a:active, a:focus, button:active, button, button * { outline: none; }

/* ===== BASIC CONTENT ===== */

strong {
  font-weight: bold;
}
ul {
  list-style-type: none;
  margin-bottom: 1.5em;
  margin-left: 1em;
}
ul li {
  background: url("/images/bullet_large.gif") left 4px no-repeat;
  padding-left: 19px;
}

ol {
  color: #000000;
  margin-bottom: 1.5em;
  margin-left: 2.5em;
}
ol li span {
  color: #5D5751;
}


img.illustration {
  max-width: 250px;
  float: right;
  margin: 0 0 1em 1em;
  border: 2px solid #FFFFFF;
}
.ie img.illustration {
  width: 250px;
}

dl {
}
dl dt {
  background-image: url("/images/panel_important_background.gif");
  border: 2px solid #FFFFFF;
  color: #000000;
  padding: 2px 7px 2px 7px;
}
dl dd {
  border: 2px solid #FFFFFF;
  border-top: none;
  background-color: #FFFFFF;
  font-size: 95%;
  line-height: 135%;
  padding: 7px;
  margin-bottom: 7px;
}

table.sitesAndPages {
  background-color: #FBF9F5;
  margin-bottom: 1.5em;
}
table.sitesAndPages td {
  background-color: #FAF6F0;
  padding: 2px 5px 2px 5px;
  color: #847E78;
}
table.sitesAndPages th {
  background-color: #FFFFFF;
  padding: 2px 5px 2px 5px;
}
table.sitesAndPages thead th {
  color: #FFFFFF;
  background-image: url("/images/panel_header.gif");
}

table.grid, table.grid th, table.grid td {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

hr {
  clear: both;
  border-top: 1px dotted #908B84;
  border-bottom: 1px solid #F8F3EB;
  margin: 20px 0 20px 0;
}

code {
  font-family: "Courier New", Courier, monospace;
}

/* ===== PANELS ===== */

div.panel {
  margin-bottom: 1.5em;
  background-color: #FFFFFF;
}
div.panel h3, div.repeatablePanel div.repeatable div.repeatableControl h3 {
  background-image: url("/images/panel_header.gif");
  background-position: top right;
  background-color: #5D5751;
  margin: 0;
  font-size: 100%;
  color: #FFFFFF;
}
div.panel h3 span, div.repeatablePanel div.repeatable div.repeatableControl h3 span {
  display: block;
  background-image: url("/images/panel_header_corner.gif");
  background-position: top left;
  background-repeat: no-repeat;
  padding: 4px 11px 4px 11px;
}
div.panel div.contents {
  padding: 10px;
  border: 1px solid #5D5751;
}
div.panel div.contents p {
  margin-bottom: .5em;
}

div.panel.important {
  background-image: url("/images/panel_important_background.gif");
  background-position: top left;
  background-repeat: repeat-x;
  border: 2px solid #FFFFFF;
  padding: 10px;
}
div.panel.important h3 {
  background: none;
}
div.panel.important h3 span {
  background: none;
  padding: 0;
  color: #000000;
  font-size: 125%;
  margin-bottom: .5em;
}
div.panel.important div.contents {
  padding: 0;
  border: none;
}
div.panel.important div.contents a {
  color: #CC3300;
}

div.panel.trivial {
  background-color: #FCF9F5;
}
div.panel.trivial h3 {
  background-image: url("/images/panel_trivial_header.gif");
}
div.panel.trivial h3 span {
  background-image: url("/images/panel_trivial_header_corner.gif");
}
div.panel.trivial div.contents {
  border-color: #847E78;
}


/* ===== REPEATABLES ===== */

div.repeatablePanel div.repeatable {
  background-color: #C4BFB8;
  margin-bottom: 20px;
  border-bottom: 1px solid #F8F3EB; /* gecko hack */
}
div.repeatablePanel div.repeatable div.repeatableControl div.repeatableControlMenu {
  float: right;
  position: relative;
  top: -22px;
  left: -10px;
}
div.repeatablePanel div.repeatable div.repeatableControl a {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 2px;
}
div.repeatablePanel div.repeatable div.repeatableControl a span {
  display: none;
}
div.repeatablePanel div.repeatable div.repeatableControl a.repeatable_up {
  background-image: url("/images/icons/arrow_up.png");
}
div.repeatablePanel div.repeatable div.repeatableControl a.repeatable_down {
  background-image: url("/images/icons/arrow_down.png");
}
div.repeatablePanel div.repeatable div.repeatableControl a.repeatable_add {
  background-image: url("/images/icons/add.png");
}
div.repeatablePanel div.repeatable div.repeatableControl a.repeatable_trash {
  background-image: url("/images/icons/bin.png");
}
div.repeatablePanel div.repeatable div.panel {
  margin: 0 5px;
}
div.repeatablePanel div.repeatable div.panel h3 {
  color: #29231E;
  background-image: none;
  background-color: #FFFFFF;
  border: 1px solid #F8F3EB;
  border-bottom: none;
}
div.repeatablePanel div.repeatable div.panel h3 span {
  background-image: none;
  padding: 5px 10px 3px 10px;
}
div.repeatablePanel div.repeatable div.panel div.contents {
  border-color: #F8F3EB;
  border-top: none;
  padding-top: 0;
}


/* ===== STATUS MESSAGES ===== */

.success, .issue, .failure {
 background-position: right .3em;
 background-repeat: no-repeat;
}

.message {
 background-position: 5px 7px;
 padding: 5px 5px 5px 25px;
 -moz-border-radius: 7px;
 border-radius: 7px;
}
.message.success {
  background-color: #D9E394;
  border: 2px solid #BAD43D;
}
.message.issue {
  background-color: #FCC675;
  border: 2px solid #FF9900;
}
.message.failure {
  background-color: #E28F81;
  border: 2px solid #CC2C18;
  margin-bottom: 10px;
}

.ie6 form .message.failure {
  background: none;
  border: none;
}

.message ul {
  margin-bottom: 0;
  margin-left:0;
}
.message ul li {
  background-image: url("/images/icons/exclamation.png");
  background-position: 0 2px;
}

.success {
  color: #708A00;
  background-image: url("/images/icons/accept.png");
}
.success input, .success textarea, .success select {
  border-top: 1px solid #A6C438;
  border-left: 1px solid #A6C438;
  border-bottom: 1px solid #BFE141;
  border-right: 1px solid #BFE141;
}

.issue {
  color: #B54F00;
  background-image: url("/images/icons/error.png");
}
.issue input, .issue textarea, .issue select {
  border-top: 1px solid #C47400;
  border-left: 1px solid #C47400;
  border-bottom: 1px solid #E18600;
  border-right: 1px solid #E18600;
}


.failure {
  color: #820000;
}
.failure input, .failure textarea, .failure select, .fieldWithErrors input {
  border-top: 1px solid #C42717;
  border-left: 1px solid #C42717;
  border-bottom: 1px solid #E12D1A;
  border-right: 1px solid #E12D1A;
}
p.message.failure {
  background-image: url("/images/icons/delete.png");
}

a.dangerous {
  color: #CC3300;
}

.help, .attention {
  background-image: url("/images/icons/help.png");
  background-position: left .1em;
  background-repeat: no-repeat;
  padding-left: 19px;
}
.attention {
  background-image: url("/images/icons/information.png");
  color: #000000;
}

img.highlightIndicator {
  width: 16px;
  height: 16px;
  position: absolute;
  margin: 2px 0 0 -20px;
}
div.tableButtonRow img.highlightIndicator {
  margin-left: -40px !important;
}

/* ===== FORMS ===== */

form {
  margin: 0;
  padding: 0;
  width: 575px;
}

.fieldWithErrors { // seems to be an inbuilt ruby thing
  display: inline !important;
  clear: none !important;
}

fieldset {
  border-top: 2px dotted #C4BFB8;
  border-left: 1px solid #F8F3EB;
  padding: 15px 0 20px 0;
}
fieldset.noLegend {
  border: none;
}

legend {
  color: #29231E;
  font-size: 125%;
  margin: 0 10px 0 10px;
  background-color: #F8F3EB;
  padding: 0 3px 0 3px;
}
.ie7 legend {
  margin-bottom: 10px;
}

label {
  color: #4A443E;
  float: left;
  width: 100px;
  padding: 3px 10px;
  text-align: right;
  text-transform: capitalize;
}
label.big {
  width: 175px;
}
div.contents label {
  float: none;
  width: auto;
  padding: 0;
  text-align: left;
  text-transform: none;
}

form div {
  margin-bottom: .5em;
  padding: 0;
  display: block;
  clear: left;
}

form em {
  font-size: 90%;
}

input, textarea, select {
  width: 200px;
  border-top: 1px solid #C4BFB8;
  border-left: 1px solid #C4BFB8;
  border-bottom: 1px solid #E1DFDB;
  border-right: 1px solid #E1DFDB;
  padding: 3px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

input.big {
  width: 425px;
}

select {
  width: auto;
}

input[disabled='disabled'] {
  background-color: #F8F3EB;
}

/* FCKEDITOR */
div.panel div.contents.wysiwyg iframe {
}

body.editables.edit textarea {
  width: 545px;
  color: #5D5751;
  background-image: url("/images/fck_editor_bg.gif");
  background-repeat: no-repeat;
}
.ie6 body.editables.edit textarea {
  padding: 0 5px;
}

div.multipleFields div {
  margin: 5px 0;
}
div.multipleFields input {
  width: 1em;
}
div.multipleFields label {
  display: block;
  width: 100px;
  padding-left: 120px;
  text-align: left;
}
div.multipleFields p {
  margin-bottom: 5px;
}

div.buttonRow {
  clear: both;
  margin-top: 15px;
  padding-right: 240px;
}

div.buttonRow input {
  border: 1px solid #333;
  padding: 2px 1em;
  background: #555;
  color: #fff;
  font-size: 100%;
}

input:focus, textarea:focus, select:focus {
  border-top: 1px solid #C4C44E;
  border-left: 1px solid #C4C44E;
  border-bottom: 1px solid #E1E15A;
  border-right: 1px solid #E1E15A;
}
div.failure input:focus, div.failure textarea:focus, div.failure select:focus {
  border-top: 1px solid #C42717;
  border-left: 1px solid #C42717;
  border-bottom: 1px solid #E12D1A;
  border-right: 1px solid #E12D1A;
}

div.required label:before {
  content: "* "; /* does not work in IE... oh well */
}

a.button, button {
  display: block;
  float: right;
  margin: 0 7px 0 0;
  background-color: #8CA926;
  border: 2px solid #6F8E18;
  border-top: 2px solid #A6C438;
  border-left: 2px solid #A6C438;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF !important;
  cursor: pointer;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 9px 4px 6px; /* Links */
  text-transform: capitalize;
}
button {
  width: auto;
  overflow: visible;
  padding: 2px 9px 1px 6px; /* IE6 */
}
button[type] {
  padding: 3px 9px 3px 6px; /* Firefox */
  line-height: 17px; /* Safari */
}
*:first-child+html button[type] {
  padding: 2px 9px 1px 6px; /* IE7 */
}
button img, a.button img {
  margin: 0 1px -3px 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
}

button:hover, a.button:hover {
border-color: #DDF54E;
}
button:active, a.button:active {
  background-color: #DDF54E;
  border: 2px solid #FFFFFF;
  color: #556C13;
}


div.buttonRow span.alternatives {
  display: block;
  float: right;
  font-size: 95%;
  text-transform: lowercase;
  padding-top: .5em;
}
div.buttonRow span.alternatives a {
  color: #CC3300;
}

div.validation-advice { /* used for client side validation*/
  color: #820000;
  background-color: #E28F81;
  border-right: 1px solid #FFFFFF;
  background-image: url("/images/advice_background.gif");
  background-repeat: no-repeat;
  float: right;
  height: 21px;
  margin-left: 350px;
  margin-top: -24px;
  padding: 2px 5px 0 15px;
  font-size: 12px;
}
.ie6 div.validation-advice, .ie7 div.validation-advice {
  width: 130px;
}

div#advice-validate-host-ftp_host {
    width: 160px;
}

form div.inline input {
  width: auto;
}
form div.inline label {
  width: auto;
  float: none;
  display: inline;
  padding: 0;
  text-align: left;
}

form input.hidden {
  display: none !important;
}

/* advanced options */

div.advanced_options {
  padding-top: 5px;
}
div.advanced_options a {
  cursor: pointer;
}
div.advanced_options span {
  margin-left: 10px;
}
span#advanced_site_settings_show, span#advanced_wysiwyg_settings_show {
  background-image: url(/images/icons/cog_add.png);
  background-repeat: no-repeat;
  background-position: 5px 0;
  padding-left: 25px;
  color: #a1bd31;
}
span#advanced_site_settings_hide, span#advanced_wysiwyg_settings_hide {
  background-image: url(/images/icons/cog_delete.png);
  background-repeat: no-repeat;
  background-position: 5px 0;
  padding-left: 25px;
  color: #cc3300;
}
div#mode {
  padding-top: 10px;
}
div#mode label {
  padding-top: 0;
}
input#ftp_passive_true {
  width: 20px;
}
input#ftp_passive_false {
  width: 20px;
}
select#upload_path_select {
  width: 200px;
}

div#toolbar label {
  float: left;
  font-weight: bold;
  text-align: left;
  width: 300px;
}
div#toolbar ul {
  clear: left;
}
div#toolbar input {
  width: 20px;
}
div#toolbar ul li label {
  float: none;
  font-weight: normal;
}
div#toolbar ul li {
  background: none;
}
div#styles input {
  width: 545px;
  color: #5D5751;
}
div#css textarea {
  width: 545px;
  height: 150px;
  color: #5D5751;
  border-top: 1px solid #C4BFB8;
  border-left: 1px solid #C4BFB8;
  border-bottom: 1px solid #E1DFDB;
  border-right: 1px solid #E1DFDB;
  padding: 3px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* image upload fields */

form div.imageUpload {
  padding: 10px;
  background-image: url("/images/barHighlight_bg.gif");
  background-repeat: repeat-x;
  background-position: bottom right;
}
form div.imageUpload img {
  width: 100px;
  float: left;
  border: 1px dotted #908B84;
  margin: 2px 20px 2px 0;
}
form div.imageUpload label {
  width: auto;
  float: none;
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
form div.imageUpload label.uploadPending {
  font-weight: normal;
  background-image: url("/images/icons/accept.png");
  background-repeat: no-repeat;
  background-position: 322px 5px;
}

/* ===== S-IFR TEXT REPLACEMENT ===== */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}


/* ===== HOME PAGE SPECIFIC ===== */

body.home div#preview {
  width: 370px;
  float: right;
  margin-top: -42px;
  margin-right: 10px;
  border: 2px solid #FFFFFF;
}

body.home div#featureSummary {
  width: 450px;
  height: 260px;
}
body.home div#featureSummary h3 {
  margin-bottom: 8px;
}
body.home div#featureSummary ul {
  margin-bottom: 10px;
}
body.home div#featureSummary ul#webDesignerFeatures {
  margin-bottom: 16px;
}
body.home a#signUpButton {
  display: block;
  width: 199px;
  height: 55px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("/images/buttons/signup.png");
}
body.home a#signUpButton span {
  display: none;
}
body.home a#signUpButton:hover {
  background-position: 0 -55px;
}

body.home div#featureOverview div.panel {
  color: #29231E;
  font-size: 12px;
  line-height: 130%;
  width: 200px;
  float: left;
  margin: 0 6px 1.75em 5px;
}
.ie body.home div#featureOverview div.panel div.contents {
  padding: 9px;
}

body.home div#featureOverview div.panel p {
  height: 62px;
}

body.home div#featureOverview div.panel img {
  border: 1px solid #C4BFB8;
  margin-top: 5px;
}

body.home div#screenshots {
  display: none;
}

body.home img#medallion {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 8px;
  margin-left: 494px;
}
.ie body.home img#medallion {
  margin-left: 470px;
}
.ie8 body.home img#medallion {
  margin-left: 500px;
}

body.sessions.new #credentials { display: none }


/* ===== CONTROL PANEL SPECIFIC ===== */

div#content div#minor #controlPanelNav .home {
 list-style: none;
 background: none;
}

div#content div#minor #controlPanelNav .home a {
  display: block;
  font-size: 12px;
  padding-left: 20px;
  background-image: url("/images/icons/house.png");
  background-repeat: no-repeat;
  background-position: 0 2px;
  margin-bottom: 1em;
  color: #6F8E18;
}

div#content div#minor div#pageMenu h2 {
  font-size: 16px;
  overflow: hidden;
  margin-top: 30px;
}
div#content div#minor div#pageMenu ul {
  margin: 0 0 10px 0;
  padding: 0;
  border-bottom: 1px dotted #908B84;
}
div#content div#minor div#pageMenu ul li {
  margin: 0;
  padding: 0;
  background: none;
  display: inline;
}
div#content div#minor div#pageMenu ul li a {
  display: block;
  font-size: 14px;
  color: #5D5751;
  text-decoration: none;
  border-top: 1px dotted #908B84;
  padding: 7px 7px 7px 25px;
  background-image: url("/images/icons/page_white.png");
  background-repeat: no-repeat;
  background-position: 4px 9px;
}
div#content div#minor div#pageMenu ul li a:hover {
  background-image: url("/images/icons/page_white_edit.png");
  color: #29231E;
}
div#content div#minor div#pageMenu ul li.active a {
  background-image: url("/images/icons/page_white_go.png");
  color: #29231E;
}
div#content div#minor div#pageMenu ul li:hover, div#content div#minor div#pageMenu ul li.active {
  background-image: url("/images/barHighlight_bg.gif");
  background-repeat: repeat-x;
}



table.sitesAndPages {
  width: 560px;
  color: #29231E;
  background: none;
  border-collapse: collapse;
  margin: 0px 5px 0 5px;
}
table.sitesAndPages thead th {
  background: none;
  color: #000000;
  text-align: left;
  font-size: 14px;
}
table.sitesAndPages td {
  background: none;
  padding-left: 20px;
}
table.sitesAndPages tr:hover {
  background-color: #FCFAF6;
}
table.sitesAndPages tfoot tr:hover {
  background-color: none;
}
table.sitesAndPages td, table th {
  border-bottom: 1px dotted #908B84;
  padding: 5px;
}
table.sitesAndPages ul.actions {
  margin: 0;
  text-align: right;
}
table.sitesAndPages ul.actions li {
  list-style: none;
  display: inline;
  background: none;
  padding: 0 2px 0 2px;
  font-size: 12px;
}
table.sitesAndPages td a.button {
  float: left;
}

div#sitesAndPages a.site {
  text-decoration: underline;
}

div#sitesAndPages a.site:hover {
  text-decoration: none;
}

div#sitesAndPages a.page {
  display: block;
  color: #5D5751;
  padding: 0 0 0 39px;
  background-image: url("/images/icons/page_white.png");
  background-repeat: no-repeat;
  background-position: 18px 1px;
}
div#sitesAndPages a.page.add, div#sitesAndPages a.page.add:hover {
  color: #6F8E18;
  background-image: none;
  font-size: 12px;
  padding-left: 20px;
}
div#sitesAndPages a.page:hover {
  background-image: url("/images/icons/page_white_edit.png");
  color: #29231E;
}


div#sitesAndPages th.host {
  padding: 3px 0 5px 24px;
  background-image: url("/images/icons/book.png");
  background-repeat: no-repeat;
  background-position: 5px 6px;
}
div.tableButtonRow {
  height: 35px;
  margin-top: 10px;
}
div.tableButtonRow a.button {
  float: left;
}


/* ===== AJAX FTP LIST ===== */

div#ftp_tree_root_container {
  margin-top: 40px;
  display: none;
}
div#ftp_tree_root h6 {
  margin: 9px 0 3px 0;
}
div#ftp_tree_root ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#ftp_tree_root ol li {
  padding-left: 20px;
  background-image: url("/images/icons/page_white.png");
  background-repeat: no-repeat;
  background-position: 0 2px;
}
div#ftp_tree_root ol li.folder {
  background-image: url("/images/icons/folder.png");
}
div#ftp_tree_root ol li.folder a {
  text-decoration: none;
}
div#ftp_tree_root ol li.selected {
  background-image: url("/images/icons/accept.png");
}
div#ftp_tree_root ol li.selected a {
  background-color: #FFFAA6;
}
div#ftp_tree_root ol li.selected li a {
  background: none;
}
div#ftp_tree_root ol li div.empty {
  color: #CCCCCC;
  font-size: 12px;
}
div#ftp_tree_root ol li div {
  margin: 0;
}
div#ftp_tree_root label {
  text-transform: none;
}

/* ===== MINOR PAGE MENU ===== */

ul#minorPageMenu {
  position: absolute;
  margin-top: -25px;
  width: 300px;
  margin-left: 273px;
}
.ie ul#minorPageMenu {
  height: 50px;
  margin-top: -50px;
}
ul#minorPageMenu li {
  list-style: none;
  background: none;
}
ul#minorPageMenu li a {
  display: block;
  float: right;
  font-size: 12px;
  padding-left: 20px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: 0 2px;
}
ul#minorPageMenu li#viewPage a {
  background-image: url("/images/icons/magnifier.png");
}
ul#minorPageMenu li#revisionHistory a {
  background-image: url("/images/icons/date_edit.png");
}
ul#minorPageMenu li#tagBuilderTool a {
  background-image: url("/images/icons/wand.png");
}

/* ===== TAG BUILDER ===== */

.tagCodeViewer {
  margin: 1.5em;
}
.tagCodeViewer p {
  font-family: arial;
  font-size: 12px;
  line-height: 135%;
  padding: 5px 10px;
  color: #29231E;
  background-color: #F8F3EB;
  margin-top: 1px;
}
pre {
  display: block;
  padding: 2px 7px;
  color: #FFFFFF;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  border: 1px dashed #FFFFFF;
  background-color: #29231E;
  overflow: auto;
}
pre span {
  color: #DDF54E;
}



/* subscribe buttons */
fieldset#subscriptions { margin-top: 100px; }
#alertpay_subscribe_btn { border: 0; height: 28px; width: 103px; }
#paypal_subscribe_btn { border: 0; height: 26px; width: 113px; }

/* Signup page */

    table.features { 
      margin: 0 auto;
      border: 0;
      font: 13px/14px "arial";
      color: #5d5751;
      width: 675px;
    }

    table.features td {
      border: 0;
      vertical-align: middle;
    }

    table.features td.info {      
      text-align: right;
      padding-right: 10px;
    }

    table.features td.info a {
      color: #6f8e18;
      text-decoration: none;
      border-bottom: 1px dotted #6f8e18;
    }

    table.features td.qn {
      width: 35px;
    }

    table.features td.qn a {
      font: 10px/12px "Georgia";
      color: #FFFFFF;
      width: 7px !important;
      height: 12px;
      border: 1px solid #e9e2d6;
      background: #cbc2b1;
      text-decoration: none;
      display: block;
      text-align: left;
      padding-left: 2px;
      padding-top: -1px;
    }

    td.freeBottom {
      vertical-align: bottom !important;
    }

    td.tick {
      background: url(/images/icons/pro_tick.png);
      background-position: 45px 0;
      background-repeat: no-repeat;
      height: 30px;
    }

    td.cross {
      background: url(/images/icons/pro_cross.png);
      background-position: 50px 5px;
      background-repeat: no-repeat;
      height: 30px;
    }

    td.or {
      width: 50px;
      text-align: center;
    }

    /* buttons */

    table.features a.submit {
      height: 16px;
      width: 85px;
      display: block;
      margin: 0;
      background: url(/images/icons/user_add_pro.png);
      background-color: #8CA926;
      background-position: 10px 5px;
      background-repeat: no-repeat;
      border: 2px solid #6F8E18;
      border-top: 2px solid #A6C438;
      border-left: 2px solid #A6C438;
      text-decoration: none;
      font: bold 12px/14px "arial";
      color: #FFFFFF !important;
      cursor: pointer;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 5px 9px 2px 20px; /* Links */
      text-transform: capitalize;
      text-align: center;
    }

    table.features a.submit:hover {
      border-color: #DDF54E;
    }

    table.features a.submit:active {
      background-color: #DDF54E;
      border: 2px solid #FFFFFF;
      color: #556C13;
    }

    div.pro_signup_outer {
      margin: 25px 150px 0 0;
    }

    div.pro_signup_option {
      text-align: center;
      float: right;
      margin: 10px 20px 10px 10px;
    }

    /* twitter feed */

    div#twitterFeed {
      font: 12px/14px arial;
      color: #29231e;
      clear: both;
      padding-top: 20px;
      padding-bottom: 20px;
    }

    div#twitterFeed a {
      border: none;
      color: #6f8e18;
    }

    div#twitterFeed a.user {
      color: #6f8e47;
    }

    div#twitterFeed ul {
      margin-left: 0;
      padding-left: 0;
    }

    div#twitterFeed ul li {
      background-color: #fff !important;
      background-image: none;
      font-size: 12px;
      margin: 3px;
      padding: 3px 4px 3px 4px;
      border: 1px dotted #e9e2d6;
    }

    div#twitterFeed img {
      width: 24px;
      height: 24px;
      border: 1px solid #666;
      vertical-align: middle;
      margin-right: 3px;
    }

    div#twitterFeed a.JRM {
      text-decoration: none;
      color: #fff;
    }
/* Cushy Pro Signup Sales Page */

    table.proFeatures, table.proFeatures td, table.proFeatures th {
      border: 1px solid #e9e2d6;
      border-collapse: collapse;
      padding: 10px;
      background-color: #FFFFFF;
    }

    table.proFeatures th {
      font-weight: bold;
      text-align: right;
      padding-right: 10px;
    }

    .largeRed {
      font-size: 18px;
      font-weight: bold;
      color: #FF0000;
      line-height: 22px;
    }

    .largeBlack {
      font-size: 18px;
      font-weight: bold;
      color: #000000;
      line-height: 22px;
    }

    .medBlack {
      font-size: 16px;
      font-weight: bold;
      color: #000000;
      line-height: 18px;
    }

    span.yellowbg {
      background-color: yellow;
    }

p#survey {
  background: #8CA926;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  font-weight: bold;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
}

p#survey a {
  color: yellow;
  text-decoration: none;
}