body
{
    background-color: #ccc;
    color: #333;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    margin: 0px;
}

#page
{
}


body.essay-page 
{
    background-color: #e0e0e0;
}

    body.essay-page div.main-container 
    {
        text-align: center;
        clear: both;
        width: 100%;
        float: left;
        margin-top: 26px;
    }

        body.essay-page div.main-container div.main 
        {
            width: 80%;
            margin: auto;
            position: relative;
            text-align: left;
            padding: 40px;
            border: 3px solid #4f8aff;
            background-color: white;
            color: black;
        }

            body.essay-page div.main-container div.main h2 
            {
                margin-top: 0px;
            }

    body.essay-page hr 
    {
        background-color: #ccc;
        color: #ccc;
        height: 2px;
        border: none;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    body.essay-page div.main a:link,
    body.essay-page div.main :visited
    {
        text-decoration: underline;
    }

    body.essay-page blockquote 
    {
        background-color: #bed4ff;
        padding: 20px;
    }


.settings-main 
{
    width: 600px;
    margin: 40px auto;
    padding: 0 10px 10px 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

.settings-main h2 {
  font-size: 18px;
  padding-top: 0.4em;
  padding-bottom: 0.3em;
  border-bottom: 3px solid #4f8aff;
}

.settings-main textarea,
.settings-main input[type=text],
.settings-main input[type=password] {
  border: 1px solid #999;
}

q {
  font-style: oblique;
}

body td {
  font-size:        12px;
}

a:link     { color: #05a; text-decoration: none; }
a:visited  { color: #05a; text-decoration: none; }
a:hover    { text-decoration: underline; }

.smaller {
  font-size: 11px;
}

.selected-folder {
  background-color: #bed4ff
}

.find-search-term {
  background-color: #bed4ff;
  padding: 0 3px;
}

.listbox-system-titlebox {
  padding: 2px 10px 2px 10px;
  background-color: #bbb;;
  text-align: left;
}

.listbox-system-contentbox {
  background-color: #eee;;
  padding: 10px 0px 10px 0px;
}

.pseudolist {
  padding: 10px 10px 10px 15px;
  line-height: 2.0;
  vertical-align: middle;
}

.list-page-main-table {
  margin-top: 15px;
}

.non-colored-link a {
  color: #333;
}

.small-date {
  font-size: 11px;
  color: #777;
}

.edit-link a 
{ 
    font-size: 90%;
}

.disabled-edit-link { 
  color: #777;
}

.note { 
  font-size: 10px;
}

.about-text {
  font-style: oblique;
}

.about-links {
  margin: 5px 0 0 15px;
}

.recently-updated a { 
  color: #07f;
  font-weight: bold;
}

.inner-box-title {
  font-size: 12px;
  font-weight: bold;
}

.required {
  font-size: 12px;
  color: orange;            
}

.search_results_box 
{
    padding: 2px 10px 2px 10px;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 115%;
    background-color: #fff;
    margin-left: 5px;
    width: 400px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
    margin: 0 auto;
}

.box-main-cell {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  font-size: 12px;
  height: 100px;
}

.box-main-cell td {
  font-size: 12px;
}

.about-box-edit-cell { 
  padding: 10px;
}

.rightbox-table {
  border: 1px solid #bbb;
  background-color: #fff;
  padding: 0px;
}

.rightbox-title-cell {
background-color: #ccc;
  padding: 0 0 0 10px;
  height: 25px;
}

#edit-list-table 
{ 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.save-message, 
.save-message-active {
  width: 70%;
  font-weight: bold;
  text-align: center;
}

.save-message-active {
  background-color: #F6F000;
}

.normal-padding { 
  padding: 5px 10px 5px 10px;
}

.error-box {
  margin-top: 100px;
  margin-bottom: 100px;
  width: 50%;
  background-color: #eee;
  border: 5px solid #f44;
  padding: 30px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
  border-radius: 5px;
}

.area-title {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

.area-paging {
  color: #333;
  font-size: 13px;
  font-weight: bold;
}

.area-paging-inactive {
  color: #999;
}

.edit-list-area-title 
{
    float: left;
    padding: 3px 15px;
    background-color: #fff;
    color: #333;
    margin: 10px 10px 0px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.edit_list_page_options_box
{
    background-color: #fff; 
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.confirmation-msg { 
  color: #a33;
  font-weight: bold;
}

.validation-error {
  color: #f33;
  font-weight: bold;
}

.inactive {
  color: #999;
}

.sub-text {
  font-size: 10px;
}

.edit-favorite-row {
  background-color: #ddd;
}

a:link img, a:visited img { border: none; }

.divider {
  border: none;
  border-top: 1px dashed;
  border-width: 1px;
  height: 1px;
  width: 80%;
  color: #555;
}

.box-of-links {
  line-height: 1.5;
  font-size: 12px;
  font-weight: bold;
}

#session-status-msg {
  float: left;
  background-color: #7df900;
  color: #333;
  font-size: 10px;
  font-weight: bold;
}

#hud-log {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  background-color: #4f8aff;
  color: #bed4ff;
  font-family: monaco, fixed, monospace;
  font-size: 10px;
  z-index: 10;
}

.find-input {
  font-family: helvetica;
  font-size: 110%;
  width: 150px;
}

.guide-label {
  vertical-align: top;
  font-weight: bold;
  padding: 2em 1em 0 0;
}

.guide-desc {
  vertical-align: top;
  padding-top: 2em;
}

.guide-mini-label {
  padding-top: 5px;
  font-size: 95%;
}

.guide-code {
  padding-left: 0.2em;
  vertical-align: top;
  background-color: #ddd;
}

.guide-result {
  vertical-align: top;
  background-color: #bed4ff;
  padding-left: 0.2em;
  padding-right: 0.5em;
}

.guide-result ul ul {
  padding-left: 1em;
}

.guide-result a {
  text-decoration: underline;
}

.guide-result a:hover {
  background-color: #fff;
}

ul ul,
ol ol {
  margin-left: 0.7em;
  padding-left: 0.7em;
  margin-top: 0;
  padding-top: 0;
}

.rss
{
  color: #FF6600;
  font-weight: bold;
}

.status_msg
{
  background-color: #7df900;
  color: #333;
  font-weight: bold;
  padding: 10px;
}



/****  signup  **********************************************/

body.signup div.main
{
    position: absolute;
    top: 31px;
    left: 31px;
    max-width: 400px;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    display: inline;  /* xxx IE */
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

    body.signup div.main h1
    {
        margin: 0 0 15px 0;
        font-size: 150%;
        border-bottom: 2px dotted #4f8aff;
        font-style: italic;
        font-weight: normal;
    }

    body.signup div.main td { padding-left: 10px }
    body.signup div.main td.label { font-weight: bold; text-align: right }

    body.signup div.main p,
    body.signup div.main td p { font-size: 130% }

    body.signup div.main td p.smaller { font-size: 100% }
    body.signup div.main input[type="text"] { font-size: 140% }
    body.signup div.main input[type="password"] { font-size: 140% }

    body.signup form.begin-signup input[type="text"] { width: 304px; }
    body.signup form.begin-signup td.recaptcha { padding: 10px 10px 10px 6px }
    body.signup form.begin-signup input[type="submit"] { margin-right: 10px }

    body.signup div.main .input
    {
        font-family: helvetica;
        font-size: 130%;
        width: 304px;
        margin-left: 4px;
        color: #333;
    }

    body.signup form.complete-signup td { text-align: right }
    body.signup form.complete-signup input[type="text"],
    body.signup form.complete-signup input[type="password"] { width: 100% }
    body.signup form.complete-signup td.first-list
    { 
        padding-top: 2em;
        text-align: center;
    }
    body.signup form.complete-signup td.first-list div.prompt
    { 
        font-size: 120%;
        font-weight: bold;
        margin-bottom: 20px;
    }
    body.signup form.complete-signup td.first-list textarea
    { 
        width: 100%;
        height: 100px;
        font-family: Monaco, "Courier New";
        font-size: 97%;
    }

    body.signup form.forgot-password td { text-align: right }
    body.signup form.forgot-password input[type="submit"] { margin-top: 20px }

    body.signup form.change-password input[type="submit"] { margin-top: 20px }



/****  page-footer  **********************************************/

.page-footer
{
    position: relative;
    bottom: 0;
    background-color: #fff;
    width: 525px;
    margin: 56px auto;
    text-align: center;
    padding: 4px 0px 4px 0px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

span.footer-link a
{
    padding-left:  4px;
    padding-right: 4px;
}


/****  user page (folder page)  ***************************************/

table.list-table
{
    margin: 0 auto;
    width: 100%;
    padding: 0 8px;
}

table.list-table > tbody > tr > td
{
    width: 33%;
    vertical-align: top;
    margin: 0;
    padding: 0 8px;
}

table.list-table div.list-container
{
    margin: 16px 0;
}

table.list-table div.listbox
{
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

table.list-table div.drop_slug
{
    height: 200px;
}

/****  user-box  ***************************************/

div.user-box-base
{
    margin: 30px auto;
    width: 900px;
    position: relative;
}

div.user-box 
{ 
    clear: both;
    background-color: #fff;
    border-radius: 4px; 
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

div.user-box table.main
{
    border-collapse: collapse;
    width: 100%;
}

div.user-box table.main > tbody > tr > td
{
    padding: 20px 20px 10px 20px;
}

div.user-box table.main td.left
{
    width: 438px;
    vertical-align: top;
    border-right: 1px dotted #bed4ff;
}

div.user-box table.main td.left div.title
{
    margin: 0 10px 10px 0;
}

div.user-box table.main td.left div.title span.title
{
    font-size: 200%;
    font-weight: bold;
    padding-right: 0.5em;
}

div.user-box table.main td.left div.title span.follow
{
    white-space: nowrap;
}

div.user-box table.main td.left div.title span.title a:link,
div.user-box table.main td.left div.title span.title a:visited
{
    color: #333;
}

div.user-box table.main td.left img
{
    width: 64px;
    border-radius: 4px;
    margin-right: 10px;
}

div.user-box table.main td.left table.about tbody td
{
    vertical-align: top;
    padding: 0;
}

div.user-box table.main td.left table.about tbody td p
{
    margin-top: 0;
}

div.user-box table.main td.left p.about a.edit
{
    font-size: 80%;
    padding-left: 10px;
}

div.user-box table.menu
{
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

div.user-box table.menu span.disabled
{
    color: #ccc;
}

div.user-box table.menu td
{
    border-top: 1px dotted #bed4ff;
    border-left: 1px dotted #bed4ff;
    border-bottom: none;
    text-align: center;
}

div.user-box table.menu td:first-child
{
    border-left: none;
    border-bottom-left-radius: 4px;
}

div.user-box table.menu td:last-child
{
    border-right: none;
}

div.user-box table.menu td.selected
{
    background-color: #bed4ff
}

div.user-box table.menu td.search input
{
    color: #ccc;
    width: 88%;
}

div.user-box table.main td.middle
{
    padding-left: 10px;
    vertical-align: top;
}

div.user-box table.main td.middle div.list
{
}

div.user-box table.main td.middle div.header span.title
{
    font-weight: bold;
    font-size: 110%;
    color: #333;
    padding-right: 0.7em;
}

div.user-box table.main td.middle table.updates
{
    margin: 0.7em;
}

div.user-box table.main td.middle table.updates td
{
    padding: 0.1em;
}

div.user-box table.main td.middle table.updates td.name
{
    text-align: right;
    vertical-align: middle;
}

div.user-box table.main td.middle table.updates td.list 
{
    vertical-align: middle;
}

div.user-box table.main td.middle table.updates td.list img
{
    width: 18px;
    border-radius: 2px;
    vertical-align: middle;
}

div.user-box table.main td.middle div.nobody
{
    color: #f7f7f7;
}

div.user-box table.main td.middle div.menu
{
    margin-top:10px;
}

div.user-box h1 a:link,
div.user-box h1 a:visited
{
    color: #333;
}

#following-view-all-box
{
    display: none;
    margin-top: 10px;
}

div.user-box table.main td.right
{
    padding: 0;
    border-left: 1px dotted #bed4ff;
    width: 100px;
}

div.global-menu
{
    height: 100%;
}

div.global-menu table
{
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

div.global-menu table td
{
    text-align: center;
    border-bottom: 1px dotted #bed4ff;
    padding: 6px 0;
}

div.global-menu table td:first-child
{
    border-top: 1px dotted #bed4ff;
}

div.global-menu table td.create-list
{
    font-weight: bold;
}

div.global-menu a
{
    font-size: 12px;
    color: #777;
    padding: 0 9px;
}

div.global-menu a:visited
{
    color: #777;
}

div.global-menu div.status
{
    font-size: 10px;
    color: #777;
    margin-right: 2px;
}

div.global-menu div.status a
{
    color: #777;
    font-weight: bold;  
}

div.global-menu div.status a:visited
{
    color: #777;
}

/****  user list index  **********************************************/

table.user_index_table 
{ 
    border-spacing: 0;
    width: 100%;  
    margin-left: 20px;
}

    table.user_index_table td {  vertical-align: top;  }

    div.list_index 
    {  
        clear: both;  
        margin-top: 15px;  
        background-color: #fff;  
        border-radius: 5px;
        box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
    }

        div.list_index div.header 
        {  
            padding: 5px 0 0 0;
        }

            div.list_index div.header div.view_select { float: left; margin-left: 10px; }

                div.list_index div.header div.view_select a { color: #777; padding-right: 2em; }

        div.list_index div.header div.create { float: right; }

            div.list_index div.header div.create a { padding-right: 10px; color: #777; }

        div.list_index div.body { padding: 10px; }

        div.list_index div.body_category { margin-top: 15px; }


        div.list_index div.body h2 {  font-size: 120%; font-weight: normal; margin: 15px 0 10px 0;  }

           div.list_index div.body h2 a { color: #333;  }

        div.list_index div.body div.list {  margin-top: 2px; margin-left: 11px; }

            div.list_index div.body div.list a { }

            div.list_index div.body div.list .date  {  padding-left: 10px;  font-size: 80%;  color: #bbb;  }

            div.list_index div.body div.category a.selected { background-color: #bed4ff }

        div.list_index div.body div.category { margin-top: 2px; margin-left: 11px; }

        div.list_index div.body div.category a.category_name { font-weight: bold; }

        div.list_index div.body div.lists { margin-left: 1em; }

    table.user_index_table div.list_container
    {  
        margin: 15px;  
        width: 47%;
    }

    table.user_index_table div.listbox  
    {  
        margin-bottom: 15px;
        box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
    }

    div.list_index div.error
    {
        color: #f33;
    }


/****  front page  **********************************************/

body.front-page
{
    background: #fff;
}

body.front-page div.page-footer
{
    margin-top: 830px;
}

div.front-base
{
  background-image: url("/static/img/front.jpg");
  background-repeat: no-repeat;
  width: 997px;
  height: 800px;
  position: absolute;
  top: 0;
  left: 0;
}

div.front-base-preview
{
  background: #fff url("/preview/front.jpg") no-repeat 0 0;
}

div.front_main 
{ 
    position: absolute;
    top: 31px;
    left: 31px;
    width: 317px;
    padding: 17px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

    div.front_main div.logo
    {
        text-align: center;
    }

        div.front_main div.logo h2
        {
            font-size: 125%; 
            font-weight: normal;    
            padding: 0 6px;
        }

    div.front_main hr
    {
        width: 67%;
        border: 1px solid #fff;
    }

    div.front_main div.books,
    div.front_main div.iphone
    {
        float: left;
        margin: 10px 10px 0 0;
        text-align: center;
    }

    div.front_main div.menu
    {
        clear: both;
        text-align: center;
    }

        div.front_main div.menu div.signup
        {
            font-size: 170%;
            font-weight: bold;
        }

        div.front_main div.menu a
        {
            padding: 0 1em;
        }

    div.front_main div.login 
    { 
    }

        div.front_main div.login div.logged_in
        {
            text-align: center;
        }

        div.front_main div.login a
        {
            padding-left:  6px;
            padding-right: 6px;
        }

        div.front_main div.login .login-input 
        {
            font-family: helvetica;
            font-weight: normal;
            font-size: 130%;
            width: 307px;
            color: #999;
        }


body.front-page div.sidebar-container
{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

body.front-page div.sidebar-container div.front_sidebar
{
    margin: 1.4em;
    width: 307px;
    height: 100%;
}

body.front-page div.front_sidebar div.ideas ul
{
    padding-left: 17px;
}

body.front-page div.front_sidebar div.ideas ul li
{
    margin-bottom: 7px;
}

body.front-page div.front_sidebar div.ideas img
{
    width: 66px;
    float: right; 
    margin-left: 5px;
    position: relative;
}

body.front-page div.front_sidebar div.ideas a img
{
  border: 3px solid #fff;
}

body.front-page div.front_sidebar div.ideas a:hover img
{
  border: 3px solid #05a;
}



/****  list page  **********************************************/


body.list div.center_container
{
    margin: 41px auto;
    width: 525px;
}

body.list div.listbox
{
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

body.list div.footer-container
{
    margin-top: 600px;
}

/****  archive  **********************************************/

table.archive_category_index
{
    margin: 40px;
    padding: 4px 4px 10px 4px; 
    background-color: #fff;
    border-radius: 5px; 
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

table.archive-lists
{
    margin: 0 auto;
}

table.archive-lists div.list-title-box-container
{
    padding: 10px;
}


/****  iphone page  **********************************************/

body.iphone
{
    background-color: white;
}

body.iphone div.main-center-outer
{
    text-align: center;
    width: 100%;
    float: left;
}

body.iphone div.main-center-inner
{
    width: 727px;
    margin: auto;
    text-align: left;
    position: relative;
}

body.iphone h1
{
    font-weight: normal;
    margin-left: 113px;
}

body.iphone h2
{
    font-size: 105%;
}

body.iphone div.left
{
    float: left;
}

body.iphone div.right
{
    float: left;
    width: 400px;
    margin-left: 10px;
    font-size: 120%;
}

    body.iphone div.right img.preview
    {
        width: 100px;
        margin-top: 11px;
    }

    body.iphone div.right p,
    body.iphone div.right h2
    {
        margin-left: 7px;
    }

    body.iphone div.right p.smaller
    {
        font-size: 90%;
    }

    body.iphone div.right ul
    {
        font-size: 90%;
    }

    body.iphone div.right img.app_store_badge
    {
        margin: 13px 0 13px 3px;
    }

    body.iphone div.list_container_left
    {
        clear: both;
        margin: 17px 13px 0 23px;
        float: left;
        width: 331px;
    }
    
    body.iphone div.list_container_right
    {
        margin: 17px 0 0 5px;
        width: 331px;
        float: left;
    }



/****  old edit list page  **********************************************/

div.edit-list-container
{
    margin: 0 auto;
    width: 600px;
}

/****  old email list page  **********************************************/

div.email-list-fields
{
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    float: left;
}

.email-list-fields textarea,
.email-list-fields input[type=text]
{
    border: 1px solid #999;
}


/****  old recent lists page  **********************************************/

div.recent-lists
{
    width: 80%;
    margin: 40px auto;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.4) -3px 3px 3px;
}

div.recent-lists h1
{
    font-size: 130%;
}

.debug
{
    border: 1px solid red;
}

body.admin
{
    background: white;
    margin: 2em;
}

/****  includes  **********************************************/





.listbox-color-0 {
  background-color: #ffbec2;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-0 {
  color: #ff4853;
}

.list_color_border_0,
div.listbox-editable div.menu div.set-bullet td.list_color_border_0
{
  border: 1px solid #ff4853;
}



.listbox-color-1 {
  background-color: #ffd0be;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-1 {
  color: #ff6d37;
}

.list_color_border_1,
div.listbox-editable div.menu div.set-bullet td.list_color_border_1
{
  border: 1px solid #ff6d37;
}



.listbox-color-2 {
  background-color: #fdeaa4;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-2 {
  color: #fdc700;
}

.list_color_border_2,
div.listbox-editable div.menu div.set-bullet td.list_color_border_2
{
  border: 1px solid #fdc700;
}



.listbox-color-3 {
  background-color: #f6f49f;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-3 {
  color: #d6d600;
}

.list_color_border_3,
div.listbox-editable div.menu div.set-bullet td.list_color_border_3
{
  border: 1px solid #d6d600;
}



.listbox-color-4 {
  background-color: #cef9a2;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-4 {
  color: #73e600;
}

.list_color_border_4,
div.listbox-editable div.menu div.set-bullet td.list_color_border_4
{
  border: 1px solid #73e600;
}



.listbox-color-5 {
  background-color: #9be092;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-5 {
  color: #1bc700;
}

.list_color_border_5,
div.listbox-editable div.menu div.set-bullet td.list_color_border_5
{
  border: 1px solid #1bc700;
}



.listbox-color-6 {
  background-color: #9fd4c5;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-6 {
  color: #36b592;
}

.list_color_border_6,
div.listbox-editable div.menu div.set-bullet td.list_color_border_6
{
  border: 1px solid #36b592;
}



.listbox-color-7 {
  background-color: #bed4ff;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-7 {
  color: #4f8aff;
}

.list_color_border_7,
div.listbox-editable div.menu div.set-bullet td.list_color_border_7
{
  border: 1px solid #4f8aff;
}



.listbox-color-8 {
  background-color: #d7bfff;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-8 {
  color: #9d62ff;
}

.list_color_border_8,
div.listbox-editable div.menu div.set-bullet td.list_color_border_8
{
  border: 1px solid #9d62ff;
}



.listbox-color-9 {
  background-color: #efbeff;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-9 {
  color: #d65dff;
}

.list_color_border_9,
div.listbox-editable div.menu div.set-bullet td.list_color_border_9
{
  border: 1px solid #d65dff;
}



.listbox-color-10 {
  background-color: #e0e0e0;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-10 {
  color: #a3a3a3;
}

.list_color_border_10,
div.listbox-editable div.menu div.set-bullet td.list_color_border_10
{
  border: 1px solid #a3a3a3;
}



.listbox-color-11 {
  background-color: #ffffff;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-11 {
  color: #a3a3a3;
}

.list_color_border_11,
div.listbox-editable div.menu div.set-bullet td.list_color_border_11
{
  border: 1px solid #a3a3a3;
}



.listbox-color-12 {
  background-color: #ff69b4;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-12 {
  color: #d12a7d;
}

.list_color_border_12,
div.listbox-editable div.menu div.set-bullet td.list_color_border_12
{
  border: 1px solid #d12a7d;
}



.listbox-color-13 {
  background-color: #ff8c00;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-13 {
  color: #e84600;
}

.list_color_border_13,
div.listbox-editable div.menu div.set-bullet td.list_color_border_13
{
  border: 1px solid #e84600;
}



.listbox-color-14 {
  background-color: #ffd700;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-14 {
  color: #b39700;
}

.list_color_border_14,
div.listbox-editable div.menu div.set-bullet td.list_color_border_14
{
  border: 1px solid #b39700;
}



.listbox-color-15 {
  background-color: #ffff00;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-15 {
  color: #b8b800;
}

.list_color_border_15,
div.listbox-editable div.menu div.set-bullet td.list_color_border_15
{
  border: 1px solid #b8b800;
}



.listbox-color-16 {
  background-color: #adff2f;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-16 {
  color: #6eb800;
}

.list_color_border_16,
div.listbox-editable div.menu div.set-bullet td.list_color_border_16
{
  border: 1px solid #6eb800;
}



.listbox-color-17 {
  background-color: #00fa9a;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-17 {
  color: #00b56d;
}

.list_color_border_17,
div.listbox-editable div.menu div.set-bullet td.list_color_border_17
{
  border: 1px solid #00b56d;
}



.listbox-color-18 {
  background-color: #00ced1;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-18 {
  color: #008d8f;
}

.list_color_border_18,
div.listbox-editable div.menu div.set-bullet td.list_color_border_18
{
  border: 1px solid #008d8f;
}



.listbox-color-19 {
  background-color: #00bfff;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-19 {
  color: #0082ad;
}

.list_color_border_19,
div.listbox-editable div.menu div.set-bullet td.list_color_border_19
{
  border: 1px solid #0082ad;
}



.listbox-color-20 {
  background-color: #7b68ee;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-20 {
  color: #5034e0;
}

.list_color_border_20,
div.listbox-editable div.menu div.set-bullet td.list_color_border_20
{
  border: 1px solid #5034e0;
}



.listbox-color-21 {
  background-color: #ee82ee;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-21 {
  color: #d728eb;
}

.list_color_border_21,
div.listbox-editable div.menu div.set-bullet td.list_color_border_21
{
  border: 1px solid #d728eb;
}



.listbox-color-22 {
  background-color: #a9a9a9;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-22 {
  color: #666666;
}

.list_color_border_22,
div.listbox-editable div.menu div.set-bullet td.list_color_border_22
{
  border: 1px solid #666666;
}



.listbox-color-23 {
  background-color: #c0c0c0;
  padding: 0px;
  line-height: 1.5;
  margin: 0px;
  width: 100%;
  position: relative;
}

.list-color-number-23 {
  color: #7d7d7d;
}

.list_color_border_23,
div.listbox-editable div.menu div.set-bullet td.list_color_border_23
{
  border: 1px solid #7d7d7d;
}



.listbox
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.listbox-content ul
{
    margin-right: 2em;
}

.listbox-content ul a,
.listbox-content ol a,
.listbox-content p a {
  text-decoration: underline;
}


.listbox-color-selector-selected {
  border: 1px solid #05a;
}


.listbox-status 
{
    font-size: 90%;
    font-weight: bold; 
    text-align: center;
    display: none;
}

.listbox-status-rounded
{
    border-radius-bottomleft: 5px;
    border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}

.listbox-status-double-rounded
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 10px;
}

.listbox-status-special {
  font-weight: bold; 
  text-align: center;
}

.listbox-link-selector {
  visibility: hidden;
  display: none;
  margin: -5px 10px 10px 10px;
  padding: 7px 0px;
  font-weight: bold;
  border-top: 1px dashed #999;
}

.listbox-footer-link a {
  font-weight: bold;
  font-size: 12px;
}

.listbox-stricken {
  text-decoration: line-through;
}

.gend-link-color a 
{
    font-size: 90%;
    color: #05a;
    margin-left: 0.7em;
}

.gend-link-color a:hover 
{
    color: #05a;
}



/****  text list  **********************************************/


div.listbox div.text_content { margin: 1.5em; margin-bottom: 0; }

body.list div.listbox div.text_content { margin: 3em 3em 0 3em; }


div.listbox div.text_content img.icon
{
    float: right;
    margin: 0 0 10px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/* nested lists  */
div.listbox div.text_content ul ul,
div.listbox div.text_content ol ol 
{
    padding-left: 0.65em;
}


span.checkmark
{
    font-size: 125%;
}


/****  photo list  **********************************************/

.listbox .photo_list_thumbnails 
{
    margin: 10px 10px 0px 15px;
}

    .listbox .photo_list_thumbnails img 
    {
        width:  40px;
        height: 40px;
        margin: 0;
    }

.listbox .photo_list_images
{
    margin: 30px 10px 0px 30px;
}

    .listbox .photo_list_images img
    {
        clear: both;
        margin: 10px;
    }




/****  'more' and date area  **********************************/

div.listbox div.show-more 
{
    text-align: center;
}


div.listbox div.dates { clear:both; float:right; margin-right:1em; font-size:90%; }



/****  status  **********************************************/

.status_active
{
    background-color: #F6F000;
    display: block;
}

.status_success
{
    background-color: #7df900;
    display: block;
}

.status_failure
{
    background-color: #f33;
    display: block;
}


/****  font stuff  **********************************************/

.font_Helvetica
{
    font-family: helvetica;
    font-size: 100%;
}

.font_Times
{
    font-family: times;
    font-size: 105%;
}

.font_Courier
{
    font-family: courier;
    font-size: 100%;
}



/****  style type  **********************************************/

.style_Number ul
{
    list-style-type: decimal;
}

.style_Disc ul
{
/* let the default style type be active, which causes nested lists to
 * get various style types. */
}



/****  Augmented lists: attachments and related  *********************************/


/* PREVIEW */
div.listbox.preview div.text_content.augmented { margin: 1em; text-align: center; }

div.listbox.preview .attachments { margin-bottom: 0.5em; }

div.listbox.preview .attachments img { border-radius: 4px }



/* FULLVIEW */
div.listbox.fullview div.text_content.augmented { text-align: center; font-size: 120%; margin: 0.5em 3em 0 3em; }

div.listbox.fullview div.text_content.augmented ul { margin: 0 0 0 -1em; padding: 0; }

div.listbox.fullview div.text_content.augmented li { display: block; padding: 1em; }

div.listbox.fullview div.text_content.augmented div.attachment img { max-width: 300px; max-height: 300px; margin: 1em 0; border-radius: 5px; }



/****  footer  **************************************************/

div.listbox div.footer
{
    padding: 0;
    font-size: 95%;
    clear: both;
    position: relative;
}

  div.listbox div.footer div.menu
  {
  }

  div.listbox div.footer div.menu div.item a
  {
      padding: 3px 9px;
  }



  div.listbox div.footer div.menu div.item
  {
      float: left;
      padding: 2px 0;
  }


  div.listbox div.footer div.panel
  {
      visibility: hidden;
      display: none;
  }

    div.listbox div.footer div.tool_panel
    {
        margin: 5px;
    }

    div.listbox div.footer div.send_panel input.text
    {
        width: 140px;
    }

    div.listbox div.footer div.send_panel textarea.text
    {
        width: 250px;
        height: 30px;
    }



  div.listbox div.footer div.actuators
  {
      clear: both;
      float: right;
  }

    div.listbox div.footer div.actuators a
    {
        padding: 3px 9px;
    }


  div.listbox div.footer .link_generator_container a
  {
    font-size: 90%;
    font-weight: normal;
    padding: 0 0 0 0.3em;
  }


  div.listbox div.footer .link_generator_container a,
  div.listbox div.footer .link_generator_container a:visited
  {
    text-decoration: none;
  }

  div.listbox div.footer .link_generator_container a:hover
  {
    text-decoration: underline;
  }




.selected_panel_switch
{
    background-color: #fff;
}

.selected_panel_switch_alternate
{
    background-color: #bed4ff;
}

  


/****  editable  **************************************************/


div.listbox-editable textarea,
div.listbox-editable input 
{
    font-family: Monaco, "Courier New";
    font-size: 97%;
}

div.listbox-editable textarea 
{
    width: 99%;
    padding: 1px 0;
}


div.listbox-editable div.header
{
    padding: 2px 10px 0 10px;
    text-align: right;
    font-size: 90%;
}

  div.listbox-editable div.header a
  {
      padding: 3px 9px;
  }

  div.listbox-editable div.category_editor table
  {
      width: 97%;
      margin-left: 5px;
      margin-right: 5px;
  }

  div.listbox-editable div.category_editor table tr td
  {
      padding: 0;
  }

  div.listbox-editable div.category_editor select
  {
      width: 100%;
  }

  div.listbox-editable div.category_editor input
  {
      width: 98%;
  }





  /****  mod menu  ************************************************/

  div.listbox-editable div.menu 
  {
      display: none;
  }

  div.listbox-editable div.menu div.submenu span.label
  {
      font-weight: bold;
      padding: 0 1em 0 10px;
  }

  /* main menu */
  div.listbox-editable div.menu table.items
  {
      margin-left: 10px;
  }

  div.listbox-editable div.menu table.items td
  {
      vertical-align: top;
      font-size: 90%;
  }

  div.listbox-editable div.menu table.items dt
  {
      font-weight: bold;
  }

  div.listbox-editable div.menu table.items dd
  {
      margin-left: 13px;
  }

  div.listbox-editable div.menu table.items a
  {
      color: #05a;
  }


  /* color submenu */
  div.listbox-editable div.menu div.set-color
  {
      display: none;
  }

  div.listbox-editable div.menu div.set-color table
  {
      width: 100%;
  }

  div.listbox-editable div.menu div.set-color td.color-selector
  {
      height: 23px;
  }


  /* font submenu */
  div.listbox-editable div.menu div.set-font
  {
      font-size: 110%;
      padding: 5px 0;
  }

  div.listbox-editable div.menu div.set-font a
  {
      padding: 1px 5px;
  }


  /* bullet submenu */
  div.listbox-editable div.menu div.set-bullet
  {
      font-size: 110%;
      padding: 10px 0 5px 0;
  }

  div.listbox-editable div.menu div.set-bullet table
  {
  }

  div.listbox-editable div.menu div.set-bullet td
  {
      padding: 0 10px 0 10px;
      border: none;
      text-align: left;
  }

  div.listbox-editable div.menu div.set-bullet td.bullet
  {
      line-height: 119%;
  }

  div.listbox-editable div.menu div.set-bullet span.large
  {
      font-size: 150%;
  }


  /* icon submenu */
  div.listbox-editable div.menu div.set-icon
  {
      padding: 5px 10px;
  }

  div.listbox-editable div.menu div.set-icon a
  {
      padding: 1px 5px;
  }

  div.listbox-editable div.menu div.set-icon img
  {
      vertical-align: middle;
      height: 48px;
      margin: 0;
  }

  div.listbox-editable div.menu div.set-icon input[type="checkbox"]
  {
      margin-top: 10px;
  }


  /* folder submenu */
  div.listbox-editable div.menu div.set-folder
  {
      display: none;
      font-size: 110%;
      padding: 5px 0;
  }

  div.listbox-editable div.menu div.set-folder table /* iphone */
  {
      width: 73%;
  }

  div.listbox-editable div.menu div.set-folder a
  {
      padding: 1px 5px;
  }


  /* attachments submenu */
  div.listbox-editable div.attachments div.current div.attachment
  {
      float: left;
      position: relative;
  }

    div.listbox-editable div.attachments div.current div.attachment.loading
    {
        width: 41px;
        height: 41px;
        border: 1px dotted #777;
    }

    div.listbox-editable div.attachments div.current div.attachment img
    {
        height: 41px;
        margin: 0;
        z-index: 1;
    }

    div.listbox-editable div.attachments div.current div.attachment div.label
    {
        position: absolute;
        bottom: 0;
        right: 3px;
        z-index: 2;
        color: white;
        font-weight: bold;
        font-size: 150%;
        text-shadow: 1px 1px 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;
    }

    div.listbox-editable div.attachments div.current div.attachment div.delete
    {
        display: none;
        position: absolute;
        top: 0;
        left: 3px;
        z-index: 3;
        font-size: 150%;
    }

      div.listbox-editable div.attachments div.current div.attachment div.delete a,
      div.listbox-editable div.attachments div.current div.attachment div.delete a:visited
      {
          text-decoration: none;
          color: red;
          text-shadow: 1px 1px 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white;
      }


    div.listbox-editable div.attachments div.hint
    {
        clear: both;
        display: none;
        font-style: italic;
        padding: 1em;
    }

    div.listbox-editable div.attachments div.tools
    {
        clear: both;
        text-align: left;
    }

      div.listbox-editable div.attachments div.tools a
      {
          color: #05a;
          padding: 0 6px;
      }

      div.listbox-editable div.attachments div.tools input
      {
          display: none;
          padding: 0.7em 0;
      }

      div.listbox-editable div.attachments div.tools div.status
      {
          font-weight: bold;
          text-align: center;
      }



  /* delete submenu */
  div.listbox-editable div.menu div.delete
  {
      display: none;
  }

  div.listbox-editable div.menu div.delete div.confirm
  {
      background-color: #f6f000;
      text-align: center;
      font-weight: bold;
  }




  /* buttons */
  div.listbox-editable div.buttons_topped
  {
      border-top: 1px dotted #05a;
  }

  div.listbox-editable div.button
  {
      text-align: center;
      font-size: 100%;
      padding: 0.4em 0;
      color: #05a;
      float: left;
  }

  div.listbox-editable div.button:hover
  {
      cursor: pointer;
  }

  div.listbox-editable div.button_1_of_1 { width: 100%; }

  div.listbox-editable div.button_1_of_2 { width: 50%; }
  div.listbox-editable div.button_2_of_2 { width: 49%; border-left: 1px dotted #05a; }


  div.listbox-editable div.button_1_of_3 { width: 33%; }
  div.listbox-editable div.button_2_of_3,
  div.listbox-editable div.button_3_of_3 { width: 33%; border-left: 1px dotted #05a; }

    
  div.listbox-editable div.end_buttons
  {
      clear: both;
  }
    






.user-photo {
  width:  66px;
  height: 66px;
}


.micro-user-photo {
  border: 1px solid #ccc;
  width:  16px;
  height: 16px;
  float: left;
  margin-right: 5px;
}


.medium-user-photo {
  width: 24px;
  height: 24px;
}




.list-title-box {
  padding: 0 10px 1px 10px;
  position: relative;
}





.list-title-box-color-0 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #ffbec2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #ffbec2;
    border-bottom: 1px solid #ff4853;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-1 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #ffd0be;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #ffd0be;
    border-bottom: 1px solid #ff6d37;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-2 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #fdeaa4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #fdeaa4;
    border-bottom: 1px solid #fdc700;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-3 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #f6f49f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #f6f49f;
    border-bottom: 1px solid #d6d600;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-4 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #cef9a2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #cef9a2;
    border-bottom: 1px solid #73e600;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-5 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #9be092;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #9be092;
    border-bottom: 1px solid #1bc700;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-6 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #9fd4c5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #9fd4c5;
    border-bottom: 1px solid #36b592;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-7 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #bed4ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #bed4ff;
    border-bottom: 1px solid #4f8aff;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-8 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #d7bfff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #d7bfff;
    border-bottom: 1px solid #9d62ff;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-9 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #efbeff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #efbeff;
    border-bottom: 1px solid #d65dff;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-10 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #e0e0e0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #a3a3a3;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-11 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #a3a3a3;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-12 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #ff69b4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #ff69b4;
    border-bottom: 1px solid #d12a7d;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-13 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #ff8c00;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #ff8c00;
    border-bottom: 1px solid #e84600;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-14 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #ffd700;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #ffd700;
    border-bottom: 1px solid #b39700;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-15 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #ffff00;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #ffff00;
    border-bottom: 1px solid #b8b800;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-16 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #adff2f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #adff2f;
    border-bottom: 1px solid #6eb800;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-17 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #00fa9a;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #00fa9a;
    border-bottom: 1px solid #00b56d;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-18 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #00ced1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #00ced1;
    border-bottom: 1px solid #008d8f;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-19 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #00bfff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #00bfff;
    border-bottom: 1px solid #0082ad;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-20 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #7b68ee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #7b68ee;
    border-bottom: 1px solid #5034e0;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-21 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #ee82ee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #ee82ee;
    border-bottom: 1px solid #d728eb;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-22 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #a9a9a9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #666666;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}



.list-title-box-color-23 
{
    padding: 0.4em 10px;
    position: relative;
    background-color: #c0c0c0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #7d7d7d;
    overflow: hidden; /* IE hack - prevents title box from disappearing when the floated title div wraps to two lines of text */
}




.list-title-handle
{
  font-size: 15px;
  cursor: move;
}


/* XXX these need to be renamed */

.box-title {
  font-size: 130%;
  font-weight: bold;
  color: #333;
}

.box-title a {
  color: #333;
}

.box-title a:visited {
  color: #333;
}

.box-title a:hover {
  background-color: inherit;
}

.box-subtitle {
  font-size: 90%;
  font-weight: normal;
  color: #333;
  padding-right: 10px;
}

.box-subtitle a {
  color: #333;
}


.box-title-colored a {
  font-weight: bold;
  font-size: 130%;
}


/* nowrap versions */

.box-title-nowrap {
  font-size: 130%;
  font-weight: bold;
  color: #333;
  vertical-align: middle;
  white-space: nowrap;
}

.box-title-nowrap a {
  color: #333;
  white-space: nowrap;
}

.box-title-nowrap a:visited {
  color: #333;
  white-space: nowrap;
}

.box-subtitle-nowrap {
  font-size: 90%;
  font-weight: normal;
  color: #333;
  vertical-align: middle;
  white-space: nowrap;
}






.comments-box 
{
    border-top: 1px dotted #bbb;
    border-radius-bottomleft: 5px;
    border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}

  .comments-box form
  {
    margin: 0;
  }

.comments-thread-box-0 
{
    background-color: #e7e7e7;
    border-radius-bottomleft: 5px;
    border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}

.comments-thread-box-1 
{
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}


.comments-thread-box-0,
.comments-thread-box-1 {
  /* xxx padding right related to IE hack */
  padding: 10px 5px 10px 10px;
}



.comments-box .comment,
.comments-box .comment-toplevel {
  margin: 0px;
  vertical-align: middle;
  /* xxx IE hack */
  width: 97%;
}


.comments-thread-reply-box {
  font-size: 11px;
}

/* comment sider */
.comments-box td + td {
  margin-left: 10px;
  font-size: 11px;
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
}

.comments-box td.save {
  text-align: right;
}

.comments-box div.login {
  margin: 15px 10px 0 15px;
  padding-bottom: 10px;
}

.comments-box div.login a {
  font-weight: bold;
}

.comment-name {
  font-weight: bold;
}

#new-comment-thread-box {
  padding-top: 10px;
  padding-bottom: 10px;
}




.search-box {
  margin: 30px 10px 10px 0px;
}

.search-response-box {
  margin: 20px 10px 10px 0px;
  line-height: 2.0;
  vertical-align: middle;
}

.search-response-paging-box {
  margin-top: 20px;
}

.search-response-paging-box a {
  font-weight: bold;
}