/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* == Default Styles == */
body {
  background: #eeeddd;
  background: #dfddc2;
  font: 62.5% "Lucida Grande", Verdana, sans-serif;
  color: #404040;
  text-align: left;
  color: #333; }

h1 {
  font-size: 4em;
  line-height: 2em;
  font-family: "Adobe Garamond", "Garamond", Georgia, serif;
  font-weight: normal;
  border-bottom: 1px solid #afae99;
  background: #fff;
  padding: 0 20px;
  margin: -20px -20px 0.5em; }

h2 {
  font-size: 2em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #eeeddd;
  padding-bottom: 0.45em; }

p, ul, ol, label, table {
  font-size: 1.2em;
  line-height: 1.667em;
  margin-bottom: 1.667em; }

ul {
  list-style: disc;
  margin-left: 1.667em; }

ol {
  list-style: decimal;
  margin-left: 1.667em; }

ul ul, ul ol {
  font-size: 1em;
  margin-bottom: 0; }

ol ol, ol ul {
  font-size: 1em;
  margin-bottom: 0; }
ol ol {
  list-style: lower-alpha; }

dt {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.33333em;
  margin-bottom: 0.33333em; }

dd {
  margin-left: 2em; }

table {
  width: 100%; }

tr {
  border-bottom: 1px solid #eeeddd; }

th {
  color: #84816f; }

tbody td {
  padding: 1em 0; }

.explanation {
  font-size: 1em;
  color: #84816f;
  margin-bottom: 0; }

.errors {
  font-size: 1.2em;
  padding: 1em;
  list-style: none;
  color: #930;
  background: #fff09e; }

.error {
  font-size: 1.2em;
  padding: 1em;
  list-style: none;
  color: #930;
  background: #fff09e;
  margin-bottom: 2em; }

ul.errors {
  clear: both; }

.success {
  font-size: 1.2em;
  padding: 1em;
  list-style: none;
  color: #930;
  background: #fff09e;
  background: #B9D5B9;
  color: #245525;
  margin-bottom: 2em; }

form .errors {
  font-size: 1.2em;
  margin-left: 220px;
  margin-top: 1em; }

.required:after {
  content: ' * '; }

.form-instructions {
  font-weight: bold; }
  .form-instructions p {
    margin-bottom: 0; }

/* Links */
a {
  -moz-outline-style: none;
  outline: none !important; }
  a:link, a:visited {
    color: #930; }
  a:focus {
    color: #b30;
    -moz-outline-style: none; }
  a:hover {
    color: #b30; }
  a:active {
    color: #830; }

h1 a, h2 a, h3 a {
  text-decoration: none; }

/* Forms */
input[type="text"], input[type="password"] {
  border: 0;
  border: 1px solid #afae99;
  padding: 4px;
  background: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }

textarea {
  border: 0;
  border: 1px solid #afae99;
  padding: 4px;
  background: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }

input[type="text"]:focus, input[type="password"] {
  background: #fff; }
input[type="submit"] {
  text-align: center;
  margin: 0;
  background: #628c85 url("../images/glass-btn.png") repeat-x 0 50%;
  color: #fff !important;
  padding: 3px 6px;
  border: none;
  border: 1px solid #628c85;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  text-decoration: none;
  font-size: 1.2em;
  margin-left: 220px;
  margin-bottom: 1.667em; }

textarea {
  width: 400px;
  height: 200px; }

div.field {
  margin-bottom: 1.667em; }

.field label {
  display: block;
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 20px;
  font-weight: bold;
  margin-bottom: 0; }

.hint {
  color: #aaa; }

/* Extra special styles for reCAPTCHA */
#recaptcha_widget_div label {
  float: none;
  text-align: left;
  padding: 0;
  margin: 0;
  display: inline;
  width: auto; }

form#signup-form #recaptcha_widget_div {
  margin-left: 220px; }

/* Reusable Classes */
.button {
  text-align: center;
  text-decoration: none;
  margin: 9px 0;
  background: #628c85 url("../images/glass-btn.png") repeat-x 0 50%;
  color: #fff !important;
  padding: 3px 6px;
  border: none;
  border: 1px solid #628c85;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-decoration: none; }

.group:after, .field:after, .field-value:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.more-info {
  cursor: pointer;
  background: transparent url("../images/more-info.gif") 100% 50% no-repeat; }

/* IE6 */
* html .group, * html .field, * html .field-value {
  height: 1%; }
*:first-child + html .group, *:first-child + html .field, *:first-child + html .field-value {
  height: 1%; }

/* IE7 */
.deck {
  display: block;
  text-transform: none;
  font-weight: 500;
  font-size: 1.1em;
  line-height: 1.667em;
  margin-bottom: 0;
  color: #aaa999;
  font-weight: bold; }

.navigation {
  list-style: none;
  margin-left: 0; }

.field-value li {
  padding: 2px 0;
  border-bottom: 1px dotted #dddccc;
  text-align: right; }
  .field-value li span {
    display: block;
    float: left;
    text-align: left;
    width: 30%; }

/* == Wrap == */
/* == Logo == */
#header {
  background: #3d3224;
  border-bottom: 1px solid #2f261c; }
  #header .group {
    background: #628c85;
    width: 820px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -20px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border: 1px solid #2f261c;
    border-width: 0 1px;
    position: relative; }

#logo {
  background: #628c85;
  display: block;
  width: 333px;
  float: left; }

#primary-nav {
  float: right;
  width: 400px;
  text-align: right; }
  #primary-nav ul, #primary-nav p {
    font-size: 1.2em;
    margin-bottom: 0;
    line-height: 7.91666667em;
    padding-right: 20px; }
  #primary-nav ul, #primary-nav p, #primary-nav #user-meta {
    display: inline; }
  #primary-nav li {
    display: inline;
    padding-left: 1em; }
  #primary-nav a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75); }
    #primary-nav a:link, #primary-nav a:visited {
      color: #ddd; }
    #primary-nav a:hover, #primary-nav a:active {
      color: #fff; }

/* User Meta :: Login form and user links */
#user-meta {
  background: #efedd1;
  border-bottom: 1px solid #cac8a9;
  margin: -20px -20px 20px;
  padding-left: 20px;
  padding: 10px 20px;
  text-align: right; }
  #user-meta p {
    margin-bottom: 0;
    line-height: 1em; }
  #user-meta .field {
    display: inline;
    float: none; }
  #user-meta #login-form {
    margin-bottom: 0;
    text-align: right;
    line-height: 1em;
    position: relative;
    display: inline; }
  #user-meta .field label, #user-meta .field input {
    float: none;
    text-align: left;
    display: inline;
    width: none;
    margin: 0; }
  #user-meta fieldset, #user-meta div, #user-meta input[type="submit"] {
    float: none;
    text-align: left;
    display: inline;
    width: none;
    margin: 0; }
  #user-meta label {
    padding: 0;
    font-size: 1.1em; }
  #user-meta .inputs {
    text-align: left;
    display: inline; }
  #user-meta input[type="text"], #user-meta input[type="password"] {
    width: 100px; }
  #user-meta .field:after {
    content: none;
    display: none;
    clear: none; }

* html #user-meta .field {
  zoom: 0; }

#recover-password {
  display: block;
  font-size: 1.1em;
  margin-left: 220px;
  margin-bottom: 1.81818182em; }

/* == Content == */
#content {
  background: #eeeddd; }
  #content > .group {
    width: 780px;
    margin: 0 auto;
    background: #fbfaf1;
    padding: 20px 20px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border: 1px solid #afae99;
    border-width: 0 1px; }

/* == Pagination == */
.pagination {
  float: left;
  width: 414px;
  padding-top: 5px; }
  .pagination li {
    display: inline;
    padding: 3px 6px; }
    .pagination li.pagination_current {
      display: inline;
      background: #389;
      color: #fff;
      border: 1px solid #389;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px; }
    .pagination li.pagination_range, .pagination li.pagination_previous, .pagination li.pagination_first, .pagination li.pagination_next, .pagination li.pagination_last {
      padding: 0;
      display: inline; }
  .pagination a {
    text-decoration: none;
    color: #333;
    background: #FAFAF7;
    border: 1px solid #d7d5c4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 3px 6px; }
    .pagination a:hover {
      background: #c60;
      color: #fff; }

/* -- Home page -- */
#sign-up-feature {
  border-bottom: 1px solid #afae99;
  background: #fff;
  padding: 0 20px 20px;
  margin: -20px -20px 0.5em;
  width: 100%;
  margin-bottom: 20px; }
  #sign-up-feature h1 {
    border-bottom: none;
    margin: 0 0 20px;
    padding: 0;
    border-bottom: 1px dotted #eeeddd; }

#sign-up-description {
  float: left;
  width: 380px;
  font-weight: bold;
  font-size: 1.5em; }

#sign-up-button {
  text-decoration: none;
  width: 360px;
  float: right;
  text-align: center;
  text-align: center;
  background: #993300 url("../images/glass-btn.png") repeat-x 0 50%;
  color: #fff !important;
  border: none;
  border: 2px solid #930;
  padding: 20px 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  font-size: 2em; }
  #sign-up-button:hover, #sign-up-button:active {
    background-color: #b30;
    border-color: #b30; }

#promotional {
  width: 380px;
  float: left; }
  #promotional p {
    font-size: 1.3em;
    line-height: 1.5384em;
    margin-bottom: 1.5384em; }
  #promotional iframe {
    margin-bottom: 1.5384em;
    max-width: 100%; }

#invite-button {
  display: block;
  font-size: 1.6em;
  padding: 0.75em 0;
  margin-bottom: 8px; }
  #invite-button:hover {
    background-color: #6b9891; }

#closed {
  border: 1px dotted #afae99;
  border-width: 1px 0 0;
  color: #6b9891;
  padding: 2em 0 0;
  margin-bottom: 0; }
  #closed p {
    font-size: 2.2em;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: Garamond, serif; }

#blog-feed {
  float: right;
  width: 380px; }

/* -- Plans and Signup -- */
#sign-up-container {
  padding: 20px 0; }

#signup_submit {
  margin-left: 220px; }

#chosen-plan-text {
  font-size: 2.5em; }
  #chosen-plan-text em {
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold; }

#plans {
  margin-right: -20px;
  margin-left: -20px;
  margin-top: -20px;
  margin-bottom: 0;
  padding: 0;
  background: #efedd1; }
  #plans h2 {
    margin: 0;
    background: #444333;
    color: #fff;
    padding: 10px 20px;
    border-bottom: 1px solid #aaa999; }
  #plans .plan {
    display: block;
    float: left;
    width: 164px;
    padding: 20px;
    /*background: rgba(0,0,0,0.05);*/
    border-right: 1px dotted #afae99;
    border-bottom: 1px dotted #afae99; }
  #plans div.last {
    margin-right: 0;
    border-right: 0;
    width: 165px; }
  #plans div.hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
    border-color: #333222;
    z-index: 20;
    background: rgba(255, 255, 255, 0.5) !important; }

.plan h3 {
  line-height: 1em;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
  font-size: 2em;
  margin-bottom: 10px;
  margin: -20px -20px 10px;
  padding: 20px;
  background: #555444;
  color: #fff; }
.plan .price {
  font-weight: bold;
  margin-bottom: 0; }
.plan .description-text {
  text-transform: uppercase;
  color: #930;
  font-weight: bold;
  font-size: 1.1em; }
.plan .description ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0; }
.plan .description li {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  line-height: 1em;
  padding: 1em 0;
  position: relative;
  z-index: 10; }
  .plan .description li.active {
    background-color: #fbfaf1;
    background-image: url("../images/more-info-red.gif");
    background-repeat: no-repeat;
    color: #930;
    font-weight: bold;
    z-index: 100; }
  .plan .description li p {
    margin: 0;
    padding: 0; }
  .plan .description li .tooltip {
    position: absolute;
    background: #fff;
    color: #444333;
    margin: 0;
    padding: 10px;
    width: 164px;
    font-weight: bold;
    top: 2.8em;
    left: 20px;
    font-size: 0.9em;
    font-weight: normal;
    border: 5px solid #444333;
    border-width: 5px 0;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
    z-index: 10000; }
.plan .description em {
  color: #333;
  font-style: normal;
  font-weight: bold; }
.plan input[type="submit"] {
  margin-top: 10px; }
.plan label {
  display: block;
  margin-top: 2em;
  margin-bottom: 0;
  margin-left: 0; }
  .plan label input {
    margin: 0 6px 0 0; }

.plan
#plans .highlight {
  background: rgba(255, 255, 255, 0.8); }
  .plan
  #plans .highlight h3 {
    background: #6b9891; }
.plan
#plans div.selected {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.5);
  border-color: #333222;
  z-index: 20;
  background: #fff !important; }

/* Styles for other plan options */
#other-plan-options {
  clear: both;
  font-weight: bold;
  padding: 0;
  margin: 0;
  border: 1px dotted #afae99;
  border-width: 0 0 1px; }
  #other-plan-options p {
    margin: 0; }
  #other-plan-options #basic {
    float: left;
    width: 340px;
    padding: 20px; }
    #other-plan-options #basic button {
      margin-left: 10px;
      margin-bottom: 0; }
  #other-plan-options #custom-plan-contact {
    width: 410px;
    float: right; }

#custom-plan-contact {
  text-align: center;
  font-size: 1.35em; }
  #custom-plan-contact a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 2em;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5); }
    #custom-plan-contact a:link, #custom-plan-contact a:visited {
      background: #930; }
    #custom-plan-contact a:hover, #custom-plan-contact a:active {
      background: #b30; }

#upgrade-plan #custom-plan-contact {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 0; }

#choose-plan-continue {
  text-align: right;
  margin: 20px 0; }
  #choose-plan-continue em {
    font-style: normal;
    font-weight: bold;
    font-size: 2.4em;
    line-height: 1em;
    padding-right: 10px; }
    #choose-plan-continue em span {
      text-transform: uppercase; }

/* -- Google Checkout styles -- */
#google-checkout-button {
  margin-bottom: 20px; }

/* -- Invitation form -- */
#invite-form {
  font-size: 150%; }
  #invite-form input[type="submit"] {
    margin-left: 220px; }

/* -- Add a Site form -- */
.domain {
  font-style: normal;
  font-weight: bold;
  color: #84816f; }

#add_site_submit {
  margin-left: 220px; }

/* -- Dashboard -- */
#site-add-button {
  display: block;
  float: right;
  padding: 1em 12px 1em 36px;
  background: #efedd1 url("../../../../../application/views/scripts/images/silk-icons/page_add.png") 12px 50% no-repeat;
  text-align: left;
  text-decoration: none;
  font-size: 1.2em;
  margin-bottom: 1em; }

#site-list {
  clear: both; }
  #site-list td p {
    font-size: 1em;
    margin-bottom: 0; }
  #site-list .site-domain {
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold; }
  #site-list tr.inactive {
    background-color: #EEEDDD;
    color: #84816f;
    font-weight: normal; }
    #site-list tr.inactive td {
      padding-left: 10px; }

#mu-plan-status {
  float: left;
  width: 75%; }

/* -- My Account -- */
#account-navigation li {
  display: inline; }
#account-navigation a {
  text-decoration: none;
  font-weight: bold;
  border-right: 1px dotted #dddccc;
  margin-right: 9px;
  padding-right: 10px; }
#account-navigation li.last a {
  border: 0;
  margin: 0;
  padding: 0; }

#personal-info {
  float: left;
  width: 380px; }

#user-plan {
  float: left;
  width: 380px;
  float: right; }

#person-info-list {
  list-style: none;
  margin-left: 0; }

/* == Footer == */
#footer {
  border: 1px solid #afae99;
  border-width: 1px 0 0;
  overflow: hidden;
  padding-bottom: 20px; }
  #footer .group {
    width: 780px;
    padding: 20px;
    position: relative;
    margin: 0 auto;
    background: #cfcdaf;
    border: 1px solid #afae99;
    border-width: 0 1px 1px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

#secondary-nav {
  float: right;
  display: block;
  width: 420px;
  text-align: right;
  font-size: 1.1em;
  margin: 0; }
  #secondary-nav li {
    display: inline; }
  #secondary-nav a {
    text-decoration: none;
    padding-left: 1em;
    font-weight: bold; }

#copyright {
  float: left;
  width: 350px;
  font-size: 1.1em;
  margin-bottom: 0; }

#subscription-warning {
  color: #930;
  font-size: 1.5em; }