html {
   margin: 0;
   padding: 0;
   height: 100%;
   }

body {
   margin: 0;
   padding: 0;
   font: small "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   color: #333;
   background: #e3eefc url(/images/bg-body.gif) repeat-x 0 30px;
   }

/* paragraphs, .xrefs, and .this-ways
---------------------------------------------- */

div.xref,
p.xref,
span.xref {
   font-size: 90%;
   margin: 10px 0;
   color: #666;
   }
div.xref a,
p.xref a,
span.xref a {
  color: #2e578a;
  margin-left: .25em;
   }

div.this-way,
p.this-way,
span.this-way {
   text-align: right;
   font-size: 120%;
   margin: 2em 0 0 0;
   }
div.this-way a,
p.this-way a,
span.this-way a {
   color: #2e578a;
   }

p {
   margin: 1em 0;
   }
p.first {
   margin-top: 0;
   }
p.last {
   margin-bottom: 0;
   }
p.small {
   font-size: 85%;
   }   

/* links and link-likes
---------------------------------------------- */

a:link, a:visited,
.link-like {
   color: #4870a3;
   }
a, a:hover {
   color: #c30;
   outline: none;
   }
a.url {
  color: #008000;
  }

/* images
---------------------------------------------- */

div.picture-frame-outer {
  width: auto;
  /* background: url(/images/bg-iconlist-shadow.gif) no-repeat bottom right;
  padding-bottom: 10px; */
  margin: 10px 0 10px 0;
  }
div.picture-frame-outer first {
  margin-top: 0;
}

img.picture-frame {
  border: 1px solid #999;
  background: #fff;
  padding: 5px;
  }

/* forms
---------------------------------------------- */

form { 
   margin: 0; 
   padding: 0; 
   }

/* forms: inputs */

form input.text,
form textarea.text { /* see also ie.css */
   font: small "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   line-height: 1.5em;
   padding: 2px;
   background-color: #eee;
   border: 1px solid #ddd;
   width: 75%;
   }
form textarea.text {
   line-height: 1em;
   }
form div.text {
   font-size: 100%;
   line-height: 1.5em;
   padding: 4px 2px;
   width: 75%;
   }
form input.medium {
   width: 200px;
   }
form input.small {
   width: 150px;
   }
form input.tiny {
   width: 50px;
   }
.factoid-inner form textarea {
   font-size: 100%;
   border: 1px solid yellow;
   padding: 2px;
   background: #fff;
   }
form input.example,
form textarea.example {
   color: #666;
   }
   
/* forms: table, ul, ol, dl */

dl.vertical dt {
   font-weight: bold;
   margin: 0;
   font-size: 110%;
   }
dl.vertical dd {
   margin: 0 0 10px 0;
   }
dl.narrow {
   position: relative;
   }
dl.narrow dt {
   float: left;
   clear: both;
   width: 70px;
   text-align: left;
   margin-bottom: 3px;
   }
dl.narrow dd {
   margin-left: 80px;
   margin-bottom: 6px;
   }
   
dl.narrow dt label {
   font-size: 100%;
   display: block;
   padding: 5px 0 0 0;
   height: 1.5em;
   line-height: 1.5em;
   }

form table tbody tr {
   vertical-align: top;
   }

form ul {
   margin: 0;
   padding: 5px 10px;
   }

/* forms: label, p, etc. */

form p {
   max-width: 600px;
   }
form p.xref {
   max-width: 100%;
}
form blockquote {
   padding: 0;
   margin: 5px 25px;
   max-width: 400px;
   }
form label {
   font-weight: normal;
   }
form label.xref {
   font-size: 90%;
   }
form .detail {
   margin: 5px 0;
   font-size: 100%;
   }
form p.example {
   font-size: 90%;
   margin: 0;
   padding: 0;
   }

/* forms: highlights, warnings, and errors */

form div.fieldWithErrors input.text,
form div.fieldWithErrors select {
   background: #f66;
   border-color: red;
   }

form div.fieldWithErrors input.example {
   color: #000;
   }
form div.fieldWithErrors input.dubious {
   background: #ffcc66;
   border: 1px solid #ff9900;
   color: #a04400;
}

form div.fieldWithErrors {
   display: inline;
   }
form div.error {
   margin: 0 0 10px 0;
   padding: 0;
   color: red;
   }
form p.error {
   color: red;
   }

form p.dubious {
   background: #ffcc66;
   border: 1px solid #ff9900;
   color: #a04400;
   padding: 5px 10px;
   }
form p.dubious a {
   color: #a04400;
   }

form p.ok {
   background: #CDEB8B;
   border: 1px solid #99cc66;
   color: #008C00;
   padding: 5px 10px;
   }
form p.ok a {
   color: #008C00;
   }

form p#note {
   background: #dae7f8;
   color: #2e578a;
   padding: 5px 10px;
   border: 1px solid #ccd8e8;
   }
form p#note a {
   color: #2e578a;
   }

/* #new_message_form */

form#new_message_form textarea {
   font-size: 120%;
}

/* Tables
---------------------------------------------- */

/* .narrow */

table.narrow {
   margin: 10px;
   }
#sidebar table.narrow {
   margin: 0;
   }
table.narrow th {
   text-align: left;
   vertical-align: top;
   padding-right: 5px;
   }

/* page structure
---------------------------------------------- */

/* #main */

#main {
   position: relative;
   font-size: 100%;
   min-width: 800px;
   }

/* #dynamic (#main > #content > #dynamic) */

#dynamic {
   position: relative;
   margin-bottom: 10px;
   min-width: 800px;
   }

/* #dynamic_primary (#main > #content > #dynamic > #dynamic_primary) */

div#dynamic_primary { /* left column */
   margin-right: 250px;
   }

/* #dynamic_secondary (#main > #content > #dynamic > #dynamic_secondary) */

div#dynamic_secondary { /* right column */ 
   position: absolute;
   top: 0;
   right: 0;
   width: 250px;
   /*border-left: 1px dotted #ccd8e8;
      min-height: 500px;*/
   }

/* #note (#main > #content > #dynamic > #dynamic_primary > #note ) */

div#note {
   margin: 20px;
   padding-bottom: 24px;
   background: url(/images/note-bg-bl.gif) no-repeat bottom right;
   }
   
/* #note-inner (#main > #content > #dynamic > #dynamic_primary > #note > #note-inner ) */

div#note-inner {
   padding: 10px 20px 20px 20px;
   background-color: #fff;
   border:2px solid #ccd8e8;
   min-height: 500px;
   font: 110% "Lucida Casual", "Comic Sans MS", "Brush Script MT", cursive, "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }
   
div#note-inner a {
   }
   

/* header
---------------------------------------------- */

#header {
   margin: 0;
   padding: 101px 0 0 0;
   font-size: 100%;
   background: #2e578a url(/images/swash-app.gif) repeat-x top left;
   }
#header-inner {
   }

/* logo: #header > #logo */

#logo {
   position: absolute;
   top: 10px;
   z-index: 100;
   }
#logo h1 {
   margin: 0 10px 0 20px;
   padding: 0;
   display: block;
   width: 245px;
   height: 120px;
   /*text-indent: -9999px;*/
   outline: none;
   /*background: url("/images/logo-header.gif") no-repeat top left;*/
   z-index: 102;
   }

/* #nav: #header > #nav */

#nav {
   font-size: 100%;
   margin: 0;
   padding: 0;
   }

/* nav links */

#nav .links {
   position: absolute;
   top: 0;
   right: 20px;
   font-size: 85%;
   margin: 0;
   padding: 0;
   list-style: none;
   }
body.logged-out #nav .links {
   right: 0; /* For the "Sign up" corner thing */
   }
#nav .links li {
   float: left;
   margin: 0 0 0 4px;
   padding: 0;
   display: block;
   color: #88a0be;
   }
#nav .links li span,
#nav .links li a {
   display: block;
   padding: 4px 4px;
   margin: 5px 5px 0 0;
   }
#nav .links li a {
   color: #c7ddf8;
   text-decoration: none;
   }
#nav .links li a:hover,
#nav .links li a.active,
body#site.index #nav .links li.home a,
body#settings #nav .links li.settings a,
body#buddies.invite #nav .links li.invite a,
body#account.login #nav .links li.login a,
body#help #nav .links li.help a {
   color: #fff;
   background-color: #284c77;
   }

/* invite navlink */

#nav .links li.invite a {
/*   color: #008C00;
   background-color: #cdeb8b;
*/   }   
#nav .links li.invite a:hover {
   color: #fff;
   background-color: #284c77;
}
   
/* "Sign up" corner */

body.logged-out #nav .links {
   padding-right: 20px;
   }
#nav .links li.signup a {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0;
   margin: 0;
   display: block;
   width: 100px;
   height: 100px;
   text-indent: -9999px;
   background: url("/images/corner-signup.gif") top right no-repeat;
   }
#nav .links li.signup a:hover {
   background: url("/images/corner-signup.gif") top right no-repeat;
   }

/* #actions (#header > #actions)
   Toolbar */

#actions {
   margin: 0;
   padding: 0;
   background: #284c77 url("/images/nav-bg-rail.gif") repeat-x top left;
   border-style: solid;
   border-color: #14365f;
   border-width: 1px 0 1px 1px;   
   z-index: 300;
   }
#actions .empty {
   padding: .6em .8em;
   }
#actions ul {
   float: right;
   list-style: none;
   margin: 0;
   padding: 0 20px;
   }
#actions li {
   float: left;
   }
#actions li a {
   display: block;
   padding: .6em .8em;
   color: #c7ddf8;
   text-decoration: none;
   }
#actions li a.toggle {
   background-image: url("/images/icon-arrowdn.gif");
   background-repeat: no-repeat;
   background-position: 90% 50%;
   padding-right: 2em;
   }
body.logged-in #actions ul li.rightmost {
   border-right: 1px solid #14365f;
   padding-right: 0;
   margin-right: 0;
   }
#actions ul li a.leftmost {
   border-left: 1px solid #14365f;
   }
#actions ul li.topmost {
   border-top: 1px dotted #304968;
   }
#actions ul li.bottommost {
   border-bottom: 1px dotted #304968;
   }   
#actions ul li.new a {
   padding-right: 20px;
}
#actions li:hover a,
#actions li.sfhover a,
#actions li.active a,
#factoid.list  #actions li.your_stuff a,
#factoid.tags  #actions li.tags a,
#account.welcome #actions li.welcome a,
#digest   #actions li.daily_digest a,
#buddies  #actions li.friends a,
#site.more #actions li.more a,
#site.how_i_work #actions li.how_i_work a,
#site.examples #actions li.examples a,
#site.buzz #actions li.buzz a,
#site.sandbox #actions li.sandbox a,
#site.index #actions li.index a,
#settings #actions li.settings a {
   color: #fff;
   background-color: #203958;
   }

#actions li ul {
   z-index: 9999;
   position: absolute;
   margin: 0;
   padding: 0;
   width: 100px;
   left: -999em;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   border-color: #203958;
   background: url("/images/actions-bg.png");
   }
#actions li.more ul {
   width: 150px;
   }
#actions li:hover ul,
#actions li.sfhover ul {
   left: auto;
   }
#actions li.advanced a {
   font-size: 80%; 
   line-height: 2.25em; 
   font-weight: normal; 
   /* width: 20px; padding: .6em 2px; background-position: 50% 50% */
   }
#actions li li {
   float: none;
   background: transparent;
   }
#actions li li a {
   width: 86px; /* 100px - 14px (padding) */
   margin: 0;
   padding: 2px 7px;
   color: #203958 !important;
   background: transparent !important;
   }
#actions li.more li a {
   width: 136px; /* 150px - 14px (padding) */
   }
#actions li li a:hover {
   background-color: #C7DDF8 !important;
   }

/* Search and Send actions
   #search,#send (#header > #actions > #search,#send)
---------------------------------------------- */

#search {
   padding: 4px 4px 4px 12px; /* see also ie.css */
   }
#send {
   padding: 4px 12px 4px 12px; /* see also ie.css */
   }
#send.expanded {
   position: absolute;
   right: 25px;
   z-index: 301;
   }
#search input, #send input {
   vertical-align: middle;
   }
form input#send-text.expanded {
   width: 100%;
   }

#search-text, #send-text {
   width: 100px;
   margin: 2px 2px;
   padding: 2px;
   color: #2E578A;
   border: 1px solid #fff;
   background: #E3EEFC none repeat scroll 0%;
   font: 100% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }
#search-btn, #send-btn {
   margin-right: 8px;
   }

/* Content
   #content
---------------------------------------------- */

#content {
   font-size: 90%;
   line-height: 1.5em;
   }

/* title area */

h2 {
   margin: 10px 0 5px 0;
   padding: 0;
   font-size: 130%;
   line-height: 1em;
   font-weight: normal;
   }

h3 {
   margin: 20px 0;
   padding: 0;
   font-size: 100%;
   font-weight: normal;
   }
h3.subtitle {
   margin: 0 0 20px 0;
   }

/* headings */

h4 {
   margin: 30px 0 10px 0;
   padding: 0;
   font-size: 110%;
   font-weight: bold;
   }

/* lists */

ul.flat {
   list-style: none;
   margin: 0;
   padding: 0;
   }

ul.flat li {
   margin: 0;
   padding: .25em 0;
   }

ol {
   padding: 0 25px;
   }

ol li {
   padding: .25em 0;
   }

ol li.required {
   font-weight: bold;
   }
ol li.optional {
   /*color: #666;*/
   }

ol.multiple_choice {
   list-style: upper-alpha
   }

ul.raquo {
   list-style: none;
   padding-left: 1em;
	text-indent: -.75em;
	line-height: 1.25em;
}
ul.raquo li {
   line-height: 1.5em;
}
ul.raquo li:before {
   content: "\00BB \0020";
   }

/* Boxes
   .box */

div.box {
   margin: 0 auto;
   padding: 0;
   }

div.box div.header,
div.box div.footer {
   padding: 5px 15px;
   margin: 0;
   }
div.box div.footer {
   padding: 2px 15px;
   }

div.box div.header p {
   padding: 0;
   margin: 0;
   /*font-size: 90%;*/
   }

div.box h2 {
   color: #2e578a;
   padding: 0;
   margin: 0;
   }

/* .box-inner */

div.box div.box-inner {
   margin: 1em;
   padding: 0;
   }

div.box div.box-inner .first {
   margin-top: 0;
   padding-top: 0;
   }
div.box div.box-inner .last {
   margin-bottom: 0;
   padding-bottom: 0;
   }
div.box div.box-inner a {
   text-decoration: underline;
   }

/* Tabular listing
   table.listing */

table.listing {
   padding: 0;
   margin: 0;
   width: 100%;
   border-collapse: collapse;
   border-bottom: 1px solid #ccd8e8;
   font-size: 95%;
   }
table.listing tr td div {
   height: 1.5em;
   line-height: 1.5em;
   }
table.listing tr .value {
   font-size: 95%;
   }
table.listing tr .friends {
   width: 1em;
   }
table.listing tr.heading {
   border-top: 1px solid #ccd8e8;
   background: #f1f6fc;
   }
table.listing tr.heading div.group-name {
   }
table.listing tr.heading td {
   }
table.listing tr.heading th.todo {
   border-left: 1px solid #ccd8e8;
   border-right: 1px solid #ccd8e8;
   }
table.listing tr.heading th.friends {
   border-left: 1px solid #ccd8e8;
   }
table.listing th {
   overflow: hidden;
   margin: 0;
   padding: .5em .5em;
   font-size: 100%;
   text-align: left;
   font-weight: normal;
   }
table.listing td {
   vertical-align: top;
   overflow: hidden;
   padding: 5px;
   margin: 0;
   border-top: 1px solid #ccd8e8;
   border-bottom: 1px solid #ccd8e8;
   }
table.listing tr.overdue td { background: #fff url('/images/colors/red.png'); }
table.listing tr.done {
   color: #999;
   }
table.listing tr.done td div * {
   font-weight: normal;
   font-size: 90%;
}

div#note table.listing tr.done td.value .name,
div#note table.listing tr.done td.value .name a {
   text-decoration: line-through;
   color: #999;
   }

table.listing td div {
   overflow: hidden;
   height: 1.5em;
   }
table.listing td.error {
   overflow: auto;
   }
table.listing td.error div {
   overflow: auto;
   height: auto;
   }
table.listing tr td.todo {
   border-right: 1px solid #ccd8e8;
   vertical-align: top;
   padding: 0 !important;
   font-weight: bolder;
   width: 25px;
   }
table.listing td.todo a,
table.listing td.todo span {
   display: block;
   width: 25px;
   line-height: 2.2em;
   text-align: center;
   text-decoration: none;
   }
table.listing td.todo .spinner {
   display: block;
   width: 2em;
   padding: 0;
   text-align: center;
   }

div#note table.listing td.todo a,
div#note table.listing td.todo span {
   background-repeat: no-repeat;
   background-position: 50% 50%;
   }
div#note table.listing td.todo a.not_done {
   background-image: url("/images/icons/grey/todo-undone.gif");
   }
div#note table.listing td.todo a.not_todo {
   background-image: url("/images/icons/grey/todo-not-todo.gif");
}
div#note table.listing td.todo span.not_toggleable {
   background-image: url("/images/icons/grey/todo-not-toggleable.gif");
}
div#note table.listing td.todo a.done {
   background-image: url("/images/icons/grey/todo-done.gif");
}

/* Listing icons */

table.listing tr td.icons {
   width: 50px;
   }
table.listing tr td.icons span {
   width: 16px;
   height: 16px;
   margin: .25em 3px 0 0;
   float: right;
   background-repeat: no-repeat;
   background-position: 0 0;
   }
table.listing tr td.icons .reminder {
   background-image: url('/images/icons/inactive/reminder.gif');
   }
table.listing tr td.icons .archived {
   background-image: url('/images/icons/inactive/archived.gif');
   }
table.listing tr td.icons .recurrence {
   background-image: url('/images/icons/inactive/recurrence.gif');
   }

table.listing th.friends {
   width: 1em;
   }
table.listing td.friends {
   font-weight: normal;
   text-align: right;
   min-width: 1em;
   z-index: 100;
   font-size: 85%;
   }

/* #note -specific listing styles */

div#note .listing .name a {
   font-weight: bold;
   color: #333;
   text-decoration: none;
   }
div#note .listing .name a:hover {
   text-decoration: underline;
   }
div#note .listing .url {
   color: #2e578a;
   font-size: 85%;
   font-weight: normal;
   font-size: 85%;
   }
div#note .listing .url a {
   color: #2e578a;
   }
div#note .listing .value span.datetimes {
   font-weight: normal;
   padding-right: 5px;
   }
div#note .listing .value span.recurrence { }
table.listing div.description {
   font-size: 90%;
   margin: 3px 0 0 0;
   padding: 0;
   color: #666;
   }
table.listing .tags {
   padding: 0 2px;
   }
div#note table.listing .tags a,
div#note table.listing .tags .link-like {
   font-size: 80%;
   font-family: "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   font-weight: normal;
   outline: none;
   margin: 0 2px;
   text-decoration: none;
   padding: 1px 3px;
   color: #2E578A;
   background-color: #ccd8e8;
   -moz-border-radius-bottomleft:4px;
   -moz-border-radius-bottomright:4px;
   -moz-border-radius-topleft:4px;
   -moz-border-radius-topright:4px;   
   }   
div#note table.listing tr.done .tags a,
div#note table.listing tr.done .tags .link-like {
   color: #666;
   background-color: #eee;
   }

div#note table.listing tr.editable td.actions {
   }
div#note table.listing tr td.actions {
   font: 80% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   color: #ccc;
   width: 50px;
   border-left: 1px solid #ccd8e8;
   cursor: pointer;
}
div#note table.listing tr td.actions a {
   margin: .25em 0 0 0;
   padding: 0;
   width: 16px;
   height: 12px;
   float: left;
   display: none;
}
div#note table.listing tr:hover td.actions a,
div#note table.listing tr.actions-hover td.actions a {
   display: inline;
   background-position: 0 0;
   background-repeat: no-repeat;
   text-decoration: none;
}
div#note table.listing tr:hover td.actions a.edit              { background-image: url('/images/icons/inactive/edit.gif');       }
div#note table.listing tr:hover td.actions a.edit:hover        { background-image: url('/images/icons/active/edit.gif');         }
div#note table.listing tr:hover td.actions a.forget            { background-image: url('/images/icons/inactive/forget.gif');     }
div#note table.listing tr:hover td.actions a.forget:hover      { background-image: url('/images/icons/active/forget.gif');       }
div#note table.listing tr:hover td.actions a.archive           { background-image: url('/images/icons/inactive/archive.gif');    }
div#note table.listing tr:hover td.actions a.archive:hover     { background-image: url('/images/icons/active/archive.gif');      }
div#note table.listing tr:hover td.actions a.unarchive         { background-image: url('/images/icons/inactive/unarchive.gif');  }
div#note table.listing tr:hover td.actions a.unarchive:hover   { background-image: url('/images/icons/active/unarchive.gif');    }

.listing td.friends {
   font-weight: normal;
   text-align: right;
   min-width: 1em;
   z-index: 100;
   }
   
div#note .empty {
   color: #333;
   }

/* Flash message
   #flash_message */

div#flash_message {
   margin: 0;
   padding: 0;
   font-size: 110%;
   width: 100%;
   }
div#flash_message strong {
   padding-right: 5px
   }
div#flash_message_inner {
   margin: 0;
   background: #fff;
   color: #333;
   border-width: 0;
   padding: 0 25px;
   }
div#flash_message_inner .icon {
   float: left;
   width: 17px;
   height: 2.75em;
   padding: 0 15px 0 10px;
   margin: -1px 0 0 0;
   }
div#flash_message_inner .icon img {
   border: 1px solid #999;
   padding: 1px;
   background-color: #fff;
   margin: .5em 0;
   }
div#flash_message_inner p {
   margin: 7px 0;
   }
div#flash_message_inner img {
   vertical-align: middle;
   }
div#flash_message_inner img.picture_frame {
   border: 1px solid #999;
   background: #fff;
   padding: 5px;
   margin: 0 10px 10px 10px;
   }
div#flash_message .xref,
div#flash_message .xref a {
   color: #333;
   }
div#flash_message .xref {
   font-size: 85%;
   }
   
/* Flash message types */

div#flash_message_inner.ok {
   background: #CDEB8B;
   border-top: 1px solid #99cc66;
   border-bottom: 1px solid #99cc66;
   }
div#flash_message_inner.ok,
div#flash_message_inner.ok a,
div#flash_message_inner.ok .xref,
div#flash_message_inner.ok .xref a {
   color: #008C00;
   }

div#flash_message_inner.error {
   background: #fb5958;
   border-top: 1px solid #cb2928;
   border-bottom: 1px solid #cb2928;
   }
div#flash_message_inner.error,
div#flash_message_inner.error a,
div#flash_message_inner.error .xref,
div#flash_message_inner.error .xref a {
   color: #850202;
   }
   
div#flash_message_inner.dubious {
   background: #ffcc66;
   border-top: 1px solid #ff9900;
   border-bottom: 1px solid #ff9900;
   }
div#flash_message_inner.dubious,
div#flash_message_inner.dubious a,
div#flash_message_inner.dubious .xref,
div#flash_message_inner.dubious .xref a {
   color: #a04400;
   }

div#flash_message_inner.notice {
   background: #ffcc66;
   border-top: 1px solid #ff9900;
   border-bottom: 1px solid #ff9900;
   }
div#flash_message_inner.notice,
div#flash_message_inner.notice a,
div#flash_message_inner.notice .xref,
div#flash_message_inner.notice .xref a {
   color: #a04400;
   }

div#flash_message_inner.announcement {
   background: #fef;
   color: #2e578a;
   border-top: 1px solid #cbc;
   border-bottom: 1px solid #cbc;
   }
div#flash_message_inner.announcement,
div#flash_message_inner.announcement a,
div#flash_message_inner.announcement .xref,
div#flash_message_inner.announcement .xref a {
   color: #2e578a;
   }

div#flash_message_inner.motd {
   background: #fef;
   color: #2e578a;
   border-top: 1px solid #cbc;
   border-bottom: 1px solid #cbc;
   }
div#flash_message_inner.motd,
div#flash_message_inner.motd a,
div#flash_message_inner.motd .xref,
div#flash_message_inner.motd .xref a {
   color: #2e578a;
   }

div#flash_message_inner.noop {
   background: #efefef;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   }

div#flash_message_inner.info {
   border-top: 1px solid #ccd8e8;
   border-bottom: 1px solid #ccd8e8;
   background: #fff;
   color: #2e578a;   
   }
div#flash_message_inner.info .xref,
div#flash_message_inner.info .xref a {
   color: #333;
   }

div#flash_message_inner.busy {
   border-top: 1px solid #ccd8e8;
   border-bottom: 1px solid #ccd8e8;
   background: #fff;
   color: #2e578a;
   }
div#flash_message_inner.busy .xref,
div#flash_message_inner.busy .xref a {
   color: #333;
   }


/* #sidebar */

#sidebar, 
.sidebar-alike {
   margin: 0 20px 0 0;
   padding: 0;
   overflow: hidden;
   width: 220px;
   font-size: x-small;
   }
#sidebar div.box,
.sidebar-alike div.box {
   font-size: 95%;
   margin: 0 0 20px 0;
   padding: 0;
   color: #2E578A;
   background-color: #f1f6fc;
   border: 1px solid #ccd8e8;
   -moz-border-radius-bottomleft:12px;
   -moz-border-radius-bottomright:12px;
   -moz-border-radius-topleft:12px;
   -moz-border-radius-topright:12px;   
   }
#sidebar .noborder {
   border-width: 0;
   }
#sidebar_goal {
   padding-bottom: 10px;
}
#sidebar div.box .header,
.sidebar-alike div.box .header {
   border-top: 0;
   background: #dae7f8;
   color: #2e578a;
   padding-top: 5px;
   padding-bottom: 5px;
   margin: 0 0;
   -moz-border-radius-topleft:12px; 
   -moz-border-radius-topright:12px;
   }
#sidebar div.box .additional {
   -moz-border-radius-topleft:0;
   -moz-border-radius-topright:0;
   }
   
#sidebar .sans-header {
   margin-top: 20px;
   }
#sidebar div.box .header h4,
.sidebar-alike div.box .header h4 {
   font-size: 110%;
   margin: 0;
   padding: 0;
   }
#sidebar div.box .header h4 a,
.sidebar-alike div.box .header h4 a {
   color: #2e578a;
   text-decoration: none;
   }
   
#sidebar div.box-inner,
.sidebar-alike div.box-inner,
 {
   margin: 0;
   padding: 10px;
   line-height: 1.5em;
   /*background: #fff;*/
   /* max-height: 400px;
   overflow-y: auto; */   
   overflow: hidden;
   }
#sidebar div.box .noborder {
   border-width: 0;
   }

#sidebar div.box-inner tt {
   font-size: 120%;
   font-family: "Courier New", Courier, monospace;
   }
#sidebar div.box-inner ul,
#sidebar div.box-inner ol {
   margin: 10px 10px;
   padding: 0 10px;
   }
#sidebar div.box-inner li ul,
#sidebar div.box-inner li ol {
   list-style: none;
   margin: 0 0 0 10px;
   padding: 0;
   }
#sidebar div.box-inner ul li,
#sidebar div.box-inner ol li {
   margin: 0 0 0 20px;
   padding: .5em 0;
   }

/* sidebar list styles */

#sidebar div.box-inner ul.bulletless {
   list-style: none;
   padding: 0;
   margin: 0;
   }
#sidebar div.box-inner ul.bulletless li {
   padding: 0;
   margin-left: 0;
   }
   
#sidebar div.box-inner ul.flat {
   list-style: none;
   padding: 0;
   margin: 0;
   }
#sidebar div.box-inner ul.flat li {
   margin-left: 0;
   }
#sidebar div.box .description p {
   margin-top: 0;
   padding: 0;
   }
#sidebar div.box p.xref
.sidebar-alike div.box div.box-inner p.xref {
   margin: 10px 0;
   text-align: right;
   }
#sidebar div.box-inner p#note {
   background: #fff;
   margin-top: 20px;
   padding: 5px 10px;
   border: 1px solid #ccd8e8;
   }

/* Tag cloud */

#sidebar div.box .cloud {
   padding-bottom: 20px;
   }
#sidebar div.box .cloud a {
   outline: none;
   margin: 2px 3px;
   display: block;
   float: left;
   text-decoration: none;
   padding: 2px 6px 2px 6px;
   background: #C7DDF8;
   color: #2e578a;
   -moz-border-radius-bottomleft:6px;
   -moz-border-radius-bottomright:6px;
   -moz-border-radius-topleft:6px;
   -moz-border-radius-topright:6px;   
   }
#sidebar div.box .cloud a.selected {
   outline-color:invert;
   outline-style:none;
   outline-width:medium;
   background: #a7bDd8;
   }
#sidebar div.box .cloud a.clear {
   border: 1px solid #ccd8e8;
   background: #dae7f8;
   }

/* Toggle list */

#sidebar div.box .toggle {
   list-style: none;
   }
#sidebar div.box .toggle li {
   margin: 2px 0;
   }
#sidebar div.box .toggle li span {
   outline: none;
   text-decoration: none;
   background: #C7DDF8;
   color: #2e578a;
   padding: 2px 6px 2px 6px;
   border: 1px solid #8eb7ea;
   white-space: nowrap;
   }

#sidebar div.box .toggle li.toggled span {
   background: #a7bDd8;
   outline-color:invert;
   outline-style:none;
   outline-width  :medium;
   }
#sidebar div.box .toggle li a {
   color: #2e578a;
   text-decoration: none;
   }
   
/* Step list
   (Extends toggle_list. Usage: class="toggle step") */

#sidebar div.box .step li.completed span {
   background: #efefef;
   border: 1px solid #ccc;
   color: #666;
}
#sidebar div.box .step li.completed a {
   color: #666;
   text-decoration: line-through;
   }
#sidebar div.box .step li.toggled span {
   background: #cdeb8b;
   border: 1px solid #99cc66;
   color: #008C00;
}

/* Subscriptions */

#sidebar #sidebar_subscriptions .ical {
   background: url('/images/icon-ics.gif') no-repeat 0 0;
   padding-left: 25px;
   }
#sidebar #sidebar_subscriptions .rss {
   background: url('/images/icon-rss.gif') no-repeat 0 0;
   padding-left: 25px;
   }

/* Footer actions */

ul.footer-actions {
   font: x-small "Arial", "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   color: #444;
   margin: 25px 0 15px 0;
   padding: 0;
   list-style: none;
   }
ul.footer-actions li {
   margin: 0;
   padding: 1px 0 10px 20px;
   background-position: 0 0;
   background-repeat: no-repeat;
   }
ul.footer-actions li.print {
   background-image: url('/images/icons/active/print.gif');
   }
ul.footer-actions li.ics {
   background-image: url('/images/icons/active/event.gif');
   }
ul.footer-actions li.rss {
   background-image: url('/images/icons/active/feed.gif');
   }
ul.footer-actions li a.xref {
   padding: 0;
   margin: 0;
   font-size: x-small;
   display: inline;
   }

/* Footer
   #footer
---------------------------------------------- */

#footer {
   margin: -20px 0 0 0;
   padding: 0 20px 20px 20px;
   font-size: 95%;
   text-align: left;
   /*border-top: 1px solid #ccd8e8;*/
   }
#footer #footer-inner p {
   margin: .5em 0;
   padding: 0;
   }
#footer-inner {
   margin: 0;
   padding: 0;
   }
div.footer-list {
   margin: 1em 0;
   padding: 0;
   float: none;
   clear: both;
   }
div.footer-list ul {
   display: inline;
   float: none;
   clear: both;
   list-style: none;
   margin: 0;
   padding: 0;
   }
div.footer-list ul li {
   float: left;
   padding-left: .5em;
   }
div#footer sup {
   font-size: 150%;
   }
div#footer a {
   }
div#content div#footer a:hover {
   }

/* AJAX modal window */

#modal_container {
   width: 550px;
   min-height: 100px;
   overflow: hidden;
   background-color:#fff;
   border:6px solid #666;
   font: 90% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   color:#333;  
   text-align:left;
   }

#modal_overlay {  
   background-color:#000;  
   }
   
#modal_container .edit {
   padding: 20px 20px 10px 20px;
   width: 500px;
   }

#factoid.show ul.noindent,
#modal_container .edit ul.noindent {
   margin: 10px 0;
   padding: 0 0 0 25px;
   }
#factoid.show ul.noindent li,
#modal_container .edit ul.noindent li {
   margin-bottom: 5px;
   }

#modal_container .buttons {
   background: #EAEAEA;
   border-top: solid #ccc 1px;
   padding: 10px 20px;
   }
#modal_container .buttons .secondary {
   float: right;
   padding: 3px 0;
   }

/* More context */

.more_context {
   height: 300px;
   overflow-y:auto;
   overflow-x: hidden;   
   border: none;
   }
.more_context .header {
   background: #EAEAEA;
   padding: 10px;
   }
.more_context .header h4 {
   color:#333;
   font-size: 110%;
   margin: 0;
   padding: 0;
   }
.more_context .header h4 a {
   color:#333;
   text-decoration: none;
   }
.more_context .header ul {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 90%;
   }
.more_context .header ul {
   color: #555;
   }
.more_context div.box-inner {
   border-top: 1px solid #e7c735;
   margin: 0;
   padding: 10px 10px !important;
   /* max-height: 400px;
   overflow-y: auto; */   
   }
.more_context div.box-inner {
   border-top: 1px solid #ccc;
}

/* Overrides of the modal_container */

#modal_container.hover {
   max-width: 150px;
   max-height: 150px;
   min-width: 50px;
   min-height: 50px;
   overflow: auto;
   padding: 5px;
   border: 1px solid #f9dc5b;
   background: #ff9;
   color: #222;
   font: 110% "Lucida Casual", "Comic Sans MS", "Brush Script MT", cursive, "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   text-align:left;
   opacity: .8;
   }
   
/* Javascript Control.SelectMultiple popup */

.select_multiple_container {
   width: 150px;
   position:absolute;
   top:0;
   left:0;
   z-index:500;
   background: white;
   border:1px solid #369;
   }

.select_multiple_container h4 {
   background: #284c77;
   color: white;
   padding: 5px 7px !important;
   margin: 0 !important;
   font-size: .9em !important;
   }

.select_multiple_container ul {
   margin: 10px !important;
   padding: 0;
   list-style: none;
   }

.select_multiple_container .buttons {
   background: #EAEAEA;
   border-top: solid #ccc 1px;
   padding: 5px 7px;
   }


/* View-specific alterations
   Set by the body id (e.g. body#messages),
   honed still further by the body class(es)
   (e.g. body#messages.logged-in)
---------------------------------------------- */

/* #messages */

body#messages.show table.listing {
   margin: 20px 0;
   }
body#message table.listing td.value {
   padding-left: 20px;
   }
#new_message dl.narrow dt {
   width: 4em;
   font-weight: bold;
   }
#new_message dl.narrow dd {
   margin-left: 5em;
   }   

/* account.welcome */

body#account.welcome #note-inner {
   background-color: #fff;
   border:1px solid #ccc;
   font: 120% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }
body#account.welcome #note-inner .xref {
   font-size: 80%;
   }
body#account.welcome #note-inner div.done,
body#account.welcome #note-inner div.done a {
   margin: 10px 0;
   padding: 0;
   color: #999;
   }
body#account.welcome #note-inner div.done h4 {
   }
body#account.welcome div.section {
   margin: 2em 0;
   }
body#account.welcome div.highlight {
   background: #ffcc66;
   border: 1px solid #ff9900;
   padding: 10px;
   }
body#account.welcome div.highlight .xref,
body#account.welcome div.highlight .xref a {
   color: #333;
   }
body#account.welcome div.highlight h4 {
   padding-top: 0;
   margin-top: 0;
   }
body#account.welcome div.ok h4 span {
   background: #d1e4b2;
   }

/* #site */

body#site #note-inner {
   background: #fff;
   border:1px solid #ccc;
   font: 120% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   min-height: 600px;
   }
body#site #note-inner h4 {
   font-size: 110%;
   margin: 20px 0 5px 0;
   padding: 0;
   font-weight: bold;   
   }

body#site.logged-out #actions li.info,
body#account.logged-out #actions li.info,
body#legal.logged-out #actions li.info {
   font-size: 120%;
   }
body#site.logged-out #actions li ul,
body#account.logged-out #actions li ul,
body#legal.logged-out #actions li ul {
   font-size: 85%;
   }

body#site #dynamic ul li {
   font-size: 110%;
   margin: 0;
   padding: .25em;
   }

div.sidebar-alike,
div.sidebar-alike {
   position: absolute; 
   right: 20px; 
   width: 220px; 
   }
   
/* #site.index */

body#site.index #actions {
   border-bottom-width: 0;
   }
body#site.index #dynamic {
   background: #284c77;
   padding: 10px 0 30px 0;
   min-width: 900px;
   min-height:300px;
   border-width: 0;
   border-color: transparent;
   }   
body#site.index #dynamic_inner {
   width: 800px;
   margin: 0 auto;
   position: relative;
   }
body#site.index #dynamic_primary {
   position: static;
   float: left;
   margin: 0;
   padding: 30px 0 20px 0;
   width: 350px;
   color: #fff;
   }
body#site.index #dynamic_primary h2 {
   margin: 0 0 25px 0 !important;
   font-size: 250%;
   line-height: 1em;
   }
body#site.index #dynamic_primary p {
   margin: 25px 0 25px 0;
   padding: 0 0;
   font-size: 150%;
   line-height: 1.3em;
   }
body#site.index #dynamic_primary ul {
   font-size: 115%;
   margin: 0;
   padding: 0 15px;
   line-height: 1.3em;
   color: #c7ddf8;
   }
body#site.index #dynamic_primary ul li {
   margin-bottom: 10px;
   }

body#site.index #dynamic_secondary {
   position: static;
   float: right;
   padding: 30px 0 20px 0;
   width: 400px;
   margin: 0;
   }

/* promo columns on home page */

body#site table.columns {
   border: 0;
   margin: 20px 15px;
   }
body#site table.columns h3 {
   font-size: 130%;
   font-weight: bold;
   margin: 0;
   padding: 0;
   }
body#site table.columns tr {
   vertical-align: top;
   }
body#site table.columns tr td {
   padding: 15px 30px;
   vertical-align: top;
   width: 25%;
   }

body#site #footer {
   text-align: center;
   margin: 0 auto;
   padding: 30px 0;
   }
   
/* #site.how_i_work */

body#site dl.how-i-work {
   margin: 2em 0;
   }
body#site dl.how-i-work dt {
   float: left;
   clear: both;
   width: 100px;
   text-align: left;
   margin-bottom: 3px;
   font-weight: bold;
   color: #999;
   }
body#site dl.how-i-work dt strong {
   font-style: normal;
   font-size: 110%;
   }
body#site dl.how-i-work dt em {
   font-style: normal;
   font-size: 80%;
   }
body#site dl.how-i-work dd {
   margin: 5px 0 20px 110px;
   }
body#site dl.how-i-work dd strong {
   font-size: 110%;
   display: block;
   }
body#site dl.how-i-work dd tt {
   color: #999;
   }

/* #site.how_i_work */

body.examples ul.examples {
   font-size: 85%;
   }
body.examples p.detail {
   font-size: 85%;
   }
body.examples h3.subtitle {
   margin-top: 20px;
   }


/* buzz */

div.buzz {
   margin: 2em 0;
   padding: 0 0 2em 0;
   border-bottom: 1px dotted #ccc;
   }
td.buzz div.buzz {
   border-width: 0;
   font-size: 130%;
   line-height: 130%;
   margin: 0;
   }
#sidebar div.buzz {
   border-width: 0;
   padding: 0;
   margin: 0;
   }
.buzz p.quote {
   text-indent: -.25em;
   font-style: oblique;
   margin: 0 0 .5em 0;
   padding: 0;
   }
.buzz p.attribution {
   font-size: 80%;
   margin: 0;
   padding: 0;
   }
.buzz div.picture-frame-outer {
   margin: 20px 0 0 0;
   }
.buzz div.picture-frame-outer-screenshot {
   margin: 0 0 20px 0;
   }
#sidebar .buzz img.picture-frame {
   max-width: 185px;
   overflow: hidden;
   }

#site.index div.buzz p.xref {
   text-align: right;
   font-size: 70%;
   }
#site.index #home-screenshot {
   margin-bottom: 25px;
   }
#sidebar div.buzz p.xref {
   }

/* Sandbox */

body#site.sandbox div#flair code {
   display: block;
  	margin: 10px 0 10px 0;
	background-color: #eee;
	border: 1px solid #999;
   padding: 5px;
   width: 50%;
   overflow: auto;
   }
body#site.sandbox div#flair code {
   margin-bottom: 2em;
   }

/* legal: tou, policy, privacy */
   
body#site.legal #note-inner {
   font-size: 100%;
   }   

/* #factoid */

/* #factoid.show */

body#factoid.show table.listing ul.noindent {
   margin-top: 0;
   margin-bottom: 0;
   }
body#factoid.show .buttons {
   margin-top: 1em;
   font-family: "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   font-size: small;
}

/* #factoid.edit */

body#factoid.edit form input.text,
body#messages.new form input.text {
   font: 100% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }
body#factoid.edit form textarea,
body#messages.new form textarea {
   width: 300px;
   font-size: 125%;
   line-height: 1.5em;
   }
   
/* #settings */

body#settings #note-inner {
   background-color: #fff;
   border:1px solid #ccc;
   font: 110% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   line-height: 1.5em;
   }
body#settings #note-inner h2 {
   margin: 20px 0 20px 0;
   font-size: 140%;
   font-weight: bold;
   }
body#settings #note-inner hr {
   border: 0;
   margin: 2em 0;
   border-bottom: 1px dotted #ccc;
   display: block;
   }
body#settings form input.text { /* see also ie.css */
   width: 200px;
}
body#settings form div.detail,
body#settings form p.detail,
body#settings form p.xref { /* see also ie.css */
   width: 400px;
}
body#settings form p.xref {
   font-size: 80%;
   }
body#settings form p.hint {
   font-size: 85%;
   float: right;
   margin: 0;
   padding: 10px;
   width: 125px;
   color: #2e578a;
   }
body#settings form p.dubious {
   color: #a04400;
   }
body#settings form p.ok {
   color: #008C00;
   }
   
body#settings form dd p.hint {
   margin-top: -2em;
}
body#settings form p.hint em {
   font-style: normal;
   font-weight: bold;
   }
  
/* #digest */

body#site.tou .subactions .tou a,
body#digest #note-inner {
   font-size: 110%;
}

/* .white-handwritten */
body.white-handwritten #note-inner {
   background-color: #fff;
   border:1px solid #ccc;
   font: 110% "Lucida Casual", "Comic Sans MS", "Brush Script MT", cursive, "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }

/* .white */
body.white #note-inner {
   background-color: #fff;
   border:1px solid #ccc;
   font: 110% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }


/* subactions */

.subactions ul {
   list-style: none;
   float: right;
   margin: 0 0 15px 5px;
   text-align: right;
   color: #c7ddf8;
   height: 1em;
   font-size: x-small;
   font-family: "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }
.subactions li {
   float: left;
   display: block;
   margin-left: 10px;
   }
.subactions a,
.subactions .subaction-like {
   display: block;
   padding: 4px 4px;
   text-decoration: none;
   }
.subactions .subaction-like {
   color: #666;
   }
.subactions a:hover {
   background-color: #ccd8e8;
   color: #333;
   text-decoration: none;   
   }

body#settings.index .subactions .index a,
body#settings.password .subactions .password a,
body#settings.datetime .subactions .datetime a,
body#settings.email .subactions .email a,
body#settings.mobile .subactions .mobile a,
body#settings.sharing .subactions .sharing a,
body#settings.twitter .subactions .twitter a,
body#settings.jott .subactions .jott a,
body#site.tou .subactions .tou a,
body#site.privacy .subactions .privacy a,
body#site.policy .subactions .policy a {
   color: #fff;
   background: #284c77;
   text-decoration: none;
   }
body#settings .subactions a:hover {
   color: #fff;
   background: #284c77;
   text-decoration: none;
   }
   
/* Pagination */

a.pagination_prev {
   position: absolute;
   left: 35px;
   }

/* #settings */

body#settings dl.vertical {
   margin-top: 0px;
}
body#settings dl.vertical dd {
   margin: 0 0 20px 0;
   }
body#settings div.xref a,
body#settings p.xref a,
body#settings span.xref a {
/*  white-space: nowrap;
*/   }

body#settings.index .cancel {
   margin-top: 30px;
   }

/* #buddies */

#buddies .listing .policy {
   }
#buddies .listing {
   border-bottom: 1px solid #ccc;
   }
#buddies .listing tr td {
   border-top: 1px solid #ccc;
   }
body#buddies #note-inner {
   background-color: #fff;
   border:1px solid #ccc;
   font: 110% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }

/* .invite */

body.invite dl.narrow dt {
   float: left;
   clear: both;
   width: 70px;
   text-align: left;
   margin-bottom: 0;
   }
body.invite dl.narrow dd {
   margin-bottom: 0;
   }
   
body.invite dl.narrow dt label {
   padding: 5px 0 0 0;
   height: 1em;
   line-height: 1em;
   }

body.invite #include_note {
   font-size: 100%;
   line-height: 1.5em;
   padding: 5px;
   width: 100%;
   max-width: 600px;
   background-color: #eee;
   border: 1px solid #ddd;
   font: small "Lucida Grande", "Helvetica", "Verdana", sans-serif;
}
body.invite .buttons {
   background: #EAEAEA;
   border-top: solid #ccc 1px;
   padding: 5px 10px;
   max-width: 600px;
   }

/* #help */

body#help #note-inner {
   background-color: #fff;
   border:1px solid #ccc;
   font: 110% "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }
body#help div.box div.box-inner a {
   color: #333;
   text-decoration: underline;
   }

body#help div.box div.box-inner h2 {
   margin: 20px 0 20px 0;
   font-size: 140%;
   font-weight: bold;
   }
body#help div.box div.box-inner h3 {
   margin: 20px 0 0 0;
   font-size: 130%;
   color: #2e578a;
   }
body#help div.box div.box-inner h4 {
   margin: 10px 0;
   font-size: 110%;
   }
body#help div.box div.box-inner h5 {
   margin: 10px 0;
   font-size: 110%;
   }
body#help div.box div.box-inner blockquote {
   font-family: "Courier";
   font-weight: bold;
   }

body#help div.interstitial p {
   text-align: right;
   margin-top: 0;
   margin-bottom: .5em;
   color: #2e578a;
   font-weight: bold;
   margin-left: 35%;
   }
body#help #content div.interstitial p a {
   color: #2e578a;
   }
body#help div.interstitial p strong {
   text-decoration: underline;
   }

body#help div.box-inner p {
   margin-bottom: 1em;
   }

body#help div.box-inner ul {
   margin-left: .25em;
   padding-left: 2em;
   }

body#help div.box-inner ul li {
   }

body#help div.box-inner li p {
   margin: 0;
   padding: 0;
   }

body#help div.nb {
   color: #2e578a;
   padding: 0 0;
   margin: 1.25em 25px;
   border-top: 1px dotted #2e578a;
   border-bottom: 1px dotted #2e578a;
   }
body#help #content #note-inner div.nb a {
   color: #2e578a;
   }

body#help div.warning {
   color: #fb5958;
   margin-top: 0;
   margin-bottom: .5em;
   }
body#help #content #note-inner div.warning a {
   color: #fb5958;
   }

body#help #note-inner hr {
   border: 0;
   margin: 2em 0;
   border-bottom: 1px dotted #ccc;
   display: block;
   }
body#help #note-inner pre {
   padding: 10px 10px;
   width: 50%;
   overflow: auto;
   }
body#help #sidebar ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }
body#help #sidebar ul li.append-gap {
   margin-bottom: 10px;
}


/* #account, .small */

body.small div#dynamic_primary,
body.small #footer {
   width: 500px;
   margin: 0 auto;
   text-align: center;
   }
body.small div#dynamic_secondary {
   display: none;
   }
body.small div#note {
   text-align: left;
   }
body.small div#note-inner {
   padding: 30px;
   min-height: 300px;
   }
body.small form input.text {
   width: 300px;
   font-size: 125%;
   line-height: 1.5em;
   }
body.small .bubble-inner {
   margin-bottom: 20px;
}

/* buddy list */

.buddy .policy {
   text-align: right;
   }


/* #sidebar
---------------------------------------------- */

/* getsatisfaction sidebar */

div#gsfn_search_widget img { border: none; }
div#gsfn_search_widget .powered_by { margin-top: 8px; padding-top: 8px; } 
div#gsfn_search_widget .powered_by a { color: #333; font-size: 90%; }      
div#gsfn_search_widget form { margin-bottom: 8px; }
div#gsfn_search_widget form label { margin-bottom: 5px; display: block; }
div#gsfn_search_widget form #gsfn_search_query { width: 60%; }
div#gsfn_search_widget div.gsfn_content { }
body#help #sidebar .box-inner div#gsfn_search_widget ul.gsfn_topic_list { list-style: disc; margin-bottom: 3em; padding: 0 20px; }
div#gsfn_search_widget div.gsfn_content li { text-align:left; margin: 0; padding: .25em 0; }
div#gsfn_search_widget div.gsfn_content a.gsfn_link { line-height: 1; }
div#gsfn_search_widget div.gsfn_content span.time { font-size: 90%; padding-left: 3px; }
div#gsfn_search_widget div.gsfn_content p.gsfn_summary { margin-top: 2px }

div#gsfn_list_widget img { border: none; }
div#gsfn_list_widget a.widget_title { font-weight: bold; }
div#gsfn_list_widget .powered_by { margin-top: 8px; padding-top: 8px; }
div#gsfn_list_widget .powered_by a { color: #333; font-size: 90%; }
div#gsfn_list_widget div#gsfn_content { }
div#gsfn_list_widget div#gsfn_content ul { list-style: none; margin-left: 0; padding-left: 0;}
div#gsfn_list_widget div#gsfn_content li { text-align:left; margin-left: 0; margin-bottom:6px; padding: 0; }
div#gsfn_list_widget div#gsfn_content a.gsfn_link { line-height: 1; }
div#gsfn_list_widget div#gsfn_content span.time { font-size: 90%; padding-left: 3px; }
div#gsfn_list_widget div#gsfn_content p.gsfn_summary { margin-top: 2px }

/* Misc.
---------------------------------------------- */

.print-only {
   display: none;
   }

.new_bang, .ok_bang {
   background: #cdeb8b;
   border: 1px solid #99cc66;
   color: #008C00;
   padding: 2px 4px;
   }
   
.go_bang {
   background: #fef;
   color: #2e578a;
   border: 1px solid #cbc;
   padding: 2px 4px;
   }
.dubious_bang {
   background: #ffcc66;
   border: 1px solid #ff9900;
   color: #a04400;
   padding: 2px 4px;
   }
.dubious_bang a {
   color: #a04400;
   }
.noop_bang, .done_bang {
   background: #efefef;
   border: 1px solid #ccc;
   color: #666;
   padding: 2px 4px;
   }
.done_bang, #sidebar a.done_bang, #sidebar a.done_bang:hover {
   color: #666;
   text-decoration: line-through;
   }
.noop_bang .xref a:* {
   color: #666;
   }

.undone_bang {
   background: #C7DDF8;
   color: #2e578a;
   border: 1px solid #8eb7ea;
   padding: 2px 4px;
   }
#sidebar a.undone_bang, #sidebar a.undone_bang:hover {
   text-decoration: none;
   color: #2e578a;
}

#note_bang {
   padding: 2px 4px;
   border: 1px solid #f9dc5b;
   background: #ff9;
   color: #a04400;
   font: 110% "Lucida Casual", "Comic Sans MS", "Brush Script MT", cursive, "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }

/* curly quotes */

blockquote.bq {
   position: relative;
   text-indent: 3em;
   padding-left: 1em;
   padding-right: 1em;
   color: #2e578a;
   }

/* Quote
   #sidebar .quote */
.bq .quote {
   font: 120% "Lucida Casual", "Comic Sans MS", "Brush Script MT", cursive, "Lucida Grande", "Helvetica", "Verdana", sans-serif;
   }

.bqstart,
.bqend { 
   font-size: 500%; 
   color: #C7DDF8;
   text-shadow: #fff -2px -2px 2px;
}
 
/* apply IE specific rules first */
.bqstart {
   text-indent: 0;
   margin: -0.6em 0 -2em 0;
   float: left;
}
blockquote.bq > .bqstart {
   /* add extra non-IE rules */
   position: absolute;
   top: 0.2em;
   left: 0;
   /* remove IE specific rules */
   float: none;
   margin: 0;
   }
.bqend {
   position: absolute;
   margin-top: -0.6em;
   right: 0;
   text-indent: 0;
   } 
blockquote.bq > .bqend {
   margin-top: -0.2em;
   }

p#note a,
div#note a {
   color: #2e578a;
   }

body.mac .windows,
body.mac .unknown-os,
body.windows .mac,
body.windows .unknown-os { display: none; }

img, input, select {
   vertical-align: middle;
   }

hr, .hide {
   display: none;
   }
a img {
   border: none;
   }

/* self-clearing floats */
/* http://www.positioniseverything.net/easyclearing.html */

.clearboth:after,
#header:after,
#header-inner:after,
#nav:after,
#actions:after,
#main-body:after,
div.mod:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
   }
    
.clearboth,
#header,
#header-inner,
#nav,
#actions,
#main-body,
div.mod {
   display: inline-block;
   }

/* Hides from IE-mac \*/
* html .clearboth,
* html #header,
* html #header-inner,
* html #nav,
* html #actions,
* html #main-body,
* html div.mod {
   height: 1%;
   }
.clearboth,
#header,
#header-inner,
#nav,
#actions,
#main-body,
div.mod {
   display: block;
   }
/* End hide from IE-mac */

/* Promo */

#note table.listing tr td.promo {
   border-width: 0;
   width: 1.5em;
   padding-right: 0;
}

#note table.listing tr td.promo a {
   display: block;
   width: 1.5em;
   height: 1.5em;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 50% 100%;
   }
#note table.listing tr td.promo a.amazon { background-image: url('/images/icons/promo/amazon.gif'); }
#note table.listing tr td.promo a.itunes { background-image: url('/images/icons/promo/itunes.gif'); }
#note table.listing tr td.promo a.netflix { background-image: url('/images/icons/promo/netflix.gif'); }
#note table.listing tr td.promo a.flowers { background-image: url('/images/icons/promo/1800flowers.gif'); }

/* November 2008 */

.notice {
   background: #ffcc66;
   color: #a04400;
   border: 1px solid #ff9900;
   padding: 5px;
   text-align: center;
   }
.notice a {
   color: #a04400;
   }