body, #tabs > div {
    color:#333333;
    font-size: 14px;
    font-family:'Lucida Grande',Arial,sans-serif;
}

a { color: #0066CC; text-decoration: none; }
a:hover { text-decoration: underline;}

h3 { margin: 0; }

table td { padding-left: 5px; padding-right: 5px; }

.hidden { display: none; }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.indent20 { margin-left: 20px; }
.down20 { margin-bottom: 20px; }
.down30 { margin-bottom: 30px; }

.basic_form li { display: block; margin-bottom: 10px; margin-left: 0; list-style: none; }
    .basic_form label { display: block; font-weight: bold; color: #555; }
    .basic_form input, .basic_form select, .basic_form textarea {
        font-family: Verdana; font-size:18px;
        border: 2px solid #CCC; color:#666;
        margin-left: 20px; margin-right: 5px;
        padding: 2px;
    }
    .basic_form input { width: 300px; }
        .basic_form input.submit { background-color:#F8F8F8;  width:auto; }
    .basic_form select { padding: 1px 0 1px 1px; }
    .basic_form textarea { height: 140px; }

    .basic_form .booleanfield, .basic_form .radioselect { width: auto; display: inline; }

    .basic_form .errorlist, .basic_form .errorlist li { margin-bottom: 0px; color: red; }

    .basic_form input.error, textarea.error, select.error { background-color: #fdf7f4; }

    .hiddeninput { display: none !important; }

/* specific forms */

.agreement_form label { display: inline; }
.agreement_form input.booleanfield { margin-left: 3px; }

.site_form input { width: 400px; margin-left: 20px; }
.site_form label { margin-bottom: 3px; }

.site_form #id_domain_0 { margin-right: 0px; }
.site_form #id_domain_1 { margin-left: 2px; }
.site_form .textarea { width: 460px; font-size: 14px; }
.site_form li { color: #00a400; margin-bottom: 15px; }
.site_form .help_text { display: block; margin-left: 20px;}

.site_form .logo_preview { margin: 5px 0 10px 20px; border: 1px solid #eee; }

.site_form .logo_preview.id_logo { display: table; width: 300px; height: 120px; overflow: hidden; }
.site_form .logo_cell.id_logo { display: table-cell; text-align: center; vertical-align: middle; }
.site_form .logo_preview img#id_logo_image { max-width: 300px; max-height: 120px; }

.site_form .logo_preview.id_logo_m { width: 200px; height: 40px; overflow: hidden; }
.site_form .logo_preview img#id_logo_m_image { max-width: 200px; max-height: 40px; }

.site_form .logo_preview.id_favicon { width: 16px; height: 16px; overflow: hidden; }
.site_form .logo_preview img#id_favicon_image { max-width: 16px; max-height: 16px; }

.site_form ul li ul { margin-bottom: 2px; }
.site_form ul li ul li { margin-bottom: 2px; }
.site_form ul li ul li label span { margin-right: 10px; }


/* *** */

#header { text-align: center; border-bottom: 1px solid #ccc; padding: 0 10px 0 10px; }

#logo_wrapper { display: table; width: 100%; }
#logo { display: table-cell; vertical-align: middle; height: 120px; }
img.logo { max-height: 120px; max-width: 300px; }

#welcome { float: left; }

#topmenu a { margin-right: 5px; }
#topmenu a.active { font-weight: bold; }

#header.no-left-menu #logo_wrapper { float: left; width: auto !important; }
#header.no-left-menu #topmenu { padding-top: 12px; }

#footer { text-align: center; }

/* My Products page */

.widget_demo_1 { margin-bottom: 21px; max-width: 280px; }
.widget_demo_2 { margin-bottom: 21px; margin-left: 20px; max-width: 360px; }

#widget_settings ul { margin-bottom: 0; }
#widget_settings li, #widget_settings li label { display: inline; }

#blog_settings input.textinput { width: 550px; }
#blog_settings li { display: inline; }

/* TODO: move to page-specific stylesheets and add notes where it is used */

#content { margin: 20px 100px 50px 100px; }
/*#content .agreement_box { height: 480px; width: 640px;*/
/*    margin-left: auto; margin-right:auto; padding: 20px;*/
/*    border: 1px solid #333; overflow-y: scroll; }*/
#content .scroll_box { height: 240px; border: 1px solid #333; overflow-y: scroll; }

#content .agreement_box { height: 360px; padding: 10px; border: 1px solid #333; overflow-y: scroll; }

#content .content_item { margin: 10px; padding: 5px; }
#content .box { border: 1px solid #333; }
#content .code { overflow: scroll; font-size: 11px; }


/* TODO: move to page-specific stylesheets and add notes where it is used */

#add_listing { width: 600px; margin-left: auto; margin-right: auto; min-height: 400px; }
#add_listing h2 { margin-bottom: 0; }
#add_listing #email_info { margin-bottom: 5px; font-weight: bold; }
#add_listing input[type=text], #add_listing textarea
    { font: inherit; width: 300px; background-color: #edf0c0; }
#add_listing .error input[type=text], #add_listing .error textarea
    { background-color: #f0b0a0; }
#add_listing textarea { height: 140px; }
#add_listing ul.errorlist { margin: 0 0 0 10px; padding: 0; display: inline; list-style: none; }
#add_listing ul.errorlist li { margin: 0; padding: 0; display: inline; color: red; }

/* /data/ - listing queues, /staff/publisher-invitation/ */

#listing_queues table, #listing_queues tr { width: 100%; }
#listing_queues td.col { width: 33%; padding-right: 20px; overflow: hidden; }
#listing_queues.cols_4 td.col { width: 25%; padding-right: 20px; overflow: hidden; }

#listing_queues.cols_5 table { width: 100%; }
#listing_queues.cols_5 td.col { width: 20%; padding-right: 15px; overflow: hidden; }

table.listing_list { table-layout:fixed; width:100%; border-spacing: 0; border-collapse: collapse; }
    table.listing_list tr {}
        table.listing_list tr td { border-bottom: 1px solid #ddd; }
            table.listing_list tr td .line { white-space: nowrap; display:block; overflow:hidden; }
                table.listing_list tr td .line span { color: #777777; }
                table.listing_list tr td .permalink, table.listing_list tr td .rightlink { float: right; background: white; padding-left: 5px; }
                table.listing_list tr td .permalink a { display: block; height: 100%; padding-left: 10px; padding-top: 3px; padding-bottom: 2px;}
table.listing_list span.error { color: red !important; }

.staff-message { background-color: #ffffcc; color: #00a600; font-weight: bold; padding: 10px; border: 1px solid #aaa; }

.email-preview { width: 700px; font-size: 13px; font-family: Courier New, monospace; border: 1px solid #aaa; }
.email-preview .subject { background-color: #ddd; }

em.pubstatus { background-color: #74a2ed; color: #FFF; font-style: normal; padding: 1px; }
em.pubstatus.no { background-color: #f39496; color: #FFF; font-style: normal; padding: 1px; }
em.reqstatus { background-color: #33b536; color: #FFF; font-style: normal; padding: 1px; }
em.reqstatus.feature-makesense { background-color: #b8b530; color: #FFF; }
em.reqstatus.feature-blog { background-color: #e67300; color: #FFF; }
em.reqstatus.feature-app { background-color: #726484; color: #FFF; }

em.invstatus { background-color: #8f8cd5; color: #FFF; font-style: normal; padding: 1px; }

/* /merchant/ - Merchant Site */

.line { white-space: nowrap; display: inline; overflow:hidden; }
.line span { color: #777777; }
.permalink a { display: inline; height: 100%; padding-left: 10px; padding-top: 3px; padding-bottom: 2px;}

table#business_stats { font-size: 11px; }
table#business_stats thead { border-color: #000; border-style: solid; border-width: 0 0 1px 0; }
table#business_stats td.names { border-color: #000; border-style: solid; border-width: 0 1px 0 0; }
table#business_stats tbody tr { border-color: #999; border-style: solid; border-width: 0 0 1px 0; }

.strategy-highlight { background-color: #ffffbb; width: 312px; padding: 10px 0 10px 10px; margin-top: 10px; font-weight: bold;}

body.wide-full #content { padding-left: 0px; padding-right: 0px; margin-left: 15px; margin-right: 15px; }
body.wide-body #content { padding-left: 0px; padding-right: 0px; margin-left: 15px; margin-right: 15px; min-width: 1500px; }

.merch-list h2 { display: none; }
.merch-list ul { list-style-type: none; margin-left: 0; }
.merch-list ul li { margin-left: 0; }
.merch-list h3 { display: none; }

.merch-list a { font-size: 36px; text-decoration: none; padding: 10px; display: block; float: left; clear: both; border: 1px solid #fff; }
.merch-list a span { color: #000; font-size: 50px; }
.merch-list a:hover { color: #F00094; background-color: #555; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #000; }
.merch-list a:hover span { color: #DCDCDC; }
.merch-list a.another { font-size: 24px; }
.merch-list a:hover.another {  }

.merch-list.multiple-items h3 { display: block; }
.merch-list.multiple-items ul { margin-bottom: 20px; }
.merch-list.multiple-items ul a { font-size: 18px; padding: 3px; }
.merch-list.multiple-items ul a span { font-size: 28px; }
.merch-list.multiple-items a.another { font-size: 20px; padding: 3px; }