body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 76%;
    margin: 10px;
}

.clear {
    clear: both;
}

.hidden, .ie-hidden {
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    visibility: hidden;
}

a img { border: none }

div#jifty-wait-message {
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

/* Nav */

#bpsLogo img {
    border: 0;
    float: left;
}

/* Body */

#content {
    clear: both;
    padding-top: 2em;
    margin-left: 205px;
    font-size: 1.2em;
    line-height: 1.5em;
}

#content .pill, #content .leftside { line-height: 1.2em; }

.footer {
    margin: 4em 3% 2em 3%;
    width: 94%;
    border-top: 1px solid #999;
    padding-top: 0.5em;
    text-align: right;
    color: #999;
    font-size: 0.9em;
    clear: both;
}

.footer a { color: #999; }
.footer a:hover { color: #666; }

#content .pq {
    color: #081852;
    font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    line-height: 1.1em;
    margin-bottom: 0;
}

#content .pqcredit {
    color: #666;
    font-size: 0.8em;
    text-align: right;
    margin-top: 0;
}

#content .column .pq {
    text-align: left;
}

#content .column .pqcredit {
    text-align: right;
    padding-right: 4em;
}

#announcement {
    line-height: 1.2em;
    margin-top: -1em;
    margin-bottom: 2em;
}

#announcement h3 {
    display: inline;
    margin: 0;
    padding: 0;
}

code, pre {
    display: block;
    font-family: monospace;
    font-size: 120%;
    padding-left: 4em;
}

tt {
    font-family: monospace;
    font-size: 130%;
}

/* Old... */

h1 {font-size:14pt; color:#0066cc;}
h2 {font-size:13pt; color:#0066cc;}
h3 {font-size:11pt; color:#0066cc;}

h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 a, h2 a, h3 a {
    color: #06c;
    text-decoration: none;
}

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

.droptitle {
    font-size: 1em;
    font-weight: bold;
    color: #06c;
}

a.droptitle {
    text-decoration: none;
}

a.droptitle:hover {
    text-decoration: underline;
}

.paragraph-lead {
    margin-bottom: 0;
}

.paragraph-lead + p {
    margin-top: 0;
}

dt {
    font-weight: bold;
}

#products h3, #services h3 {
    margin: 0;
    padding: 0;
}

#products p, #services p {
    margin-top: 0;
}

#mailing-lists dd {
    margin-bottom: 0.75em;
}

.l2bg {border-bottom:3px solid black}

div.leftside {
    width: 177px;
    margin-top: 1em;
    position: absolute;
    top: 90px;
    left: 8px;
}

.pill {
    background-color: #0065CE; /* Note: this element also styled with Rico behaviour */
    color: white;
    font-size: 90%;
    line-height: 1.2em;
    float: right;
    clear: right;
    margin: 10px 0 10px 20px;
    padding: 0 15px;
    width: 180px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.pill a {
    color: white;
}

.pill h2, .pill h3 {
    color: white;
} 

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

#latest-version .pill {
    float: left;
    margin: 0;
}

.download-rt-now p {
    padding-bottom: 1em;
}

.download-rt-now em {
    font-weight: bold;
    font-style: normal;
}

#support-pitch a {
    font-weight: bold;
}

.clearAll {
    clear: both;
}

/* Product nav */

.productnav {
    margin-bottom: 1em;
}

.productnav .title {
    font-weight: bold;
    text-align: right;
    border-bottom: 1px solid #ccc;
    padding: 0 1em 0.2em 0;
    color: #06c;
}

.productnav ul {
    margin: 0.3em 0 0 2.3em;
    padding: 0;
}

.productnav ul li {
    list-style: none;
    list-style-image: url(/images/css/l3bullet.gif);
    margin: 0.5em 0;
    font-size: 0.9em;
}

.productnav ul li a {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.productnav ul li a:hover {
    text-decoration: underline;
}

/* training */

.pill.training {
    font-size: 80%;
}

ul.training-sessions {
    padding-left: 2em;
    margin-left: 0;
}

.training-sessions li {
    margin-bottom: 0.5em;
}

.training-sessions li span {
    font-weight: bold;
}

.training-signup {
    text-align: center;
}

.training-signup a {
    color: #06c;
    font-weight: bold;
    font-size: 1.5em;
}

.training-date-passed {
    text-decoration: line-through;
}

.training-private {
    font-size: 0.9em;
    line-height: 1.2em;
}

.partner p {
    margin-left: 210px;
}

/* Praise */

.inthepress dt {
    font-weight: normal;
}

.inthepress dd {
    padding-left: 2em;
    margin: -0.1em 0 0.5em 0;
}

#testimonial-companies {
    margin-left: 3em;
    padding-left: 0;
    list-style: disc;
}

#testimonial-companies li {
    width: 45%;
    padding: 0;
    margin: 0 1em;
    float: left;
}

.testimonials dt {
    font-weight: normal;
}

.testimonials dt p {
    margin: 0 0 1em 0;
}

.testimonials dd {
    font-style: italic;
    margin-left: 3em;
}

.testimonials dd + dt {
    border-top: 1px solid #ccc;
    padding-top: 1em;
    margin-top: 1em;
}

/* External support signup */

.sell-support {
    border: none;
    height: 600px;
    width: 100%;
}

#sell-support {
    float: right;
    width: 40%;
    border-left: 1px solid #DDD;
    margin: 0 0 1em 1em;
    padding: 0 0 1em 1em;
}

#helpitsbroke {
    height: 14em;
}

/* Marketing */

#masthead-announce {
    font-size: 1.1em;
    margin-top: 0;
    padding: 0.5em 0.75em;
    background: #ffa;
}

#masthead-announce .therest {
    color: black;
    text-decoration: none;
    font-size: 0.9em;
}

#masthead-announce .therest:hover {
    text-decoration: underline;
}

#whatwedo {
    font-size: 1.4em;
    line-height: 1.2em;
    margin-top: 0;
    color: black;
}

#whatwedo strong {
    font-weight: normal;
    font-style: italic;
}

.thepitch em {
    font-weight: bold;
    font-style: normal;
}

.thepitch .column {
    width: 48%;
}

.leftside .thepitch {
    color: #081852;
    font-size: 1.1em;
    font-weight: bold;
    font-style: italic;
    text-align: left;
}

.leftside .thepitch .second {
    padding-left: 0.75em;
}

ul.features li {
    padding-bottom: 0.8em;
    list-style-image: url(/static/images/css/l3bullet.gif);
}

ul.features li em, ol.features li em {
    font-weight: bold;
    font-style: normal;
}

ul.features li .new {
    color: #a00;
    font-weight: bold;
}

.whatsnewpull p {
    margin-top: 0;
    margin-bottom: 1.5em;
    line-height: 1.4em;
}

.whatsnew ul.features {
    margin: 0;
    padding: 0 0 0 2em;
}

.whatsnew ul.features li {
    padding-bottom: 0;
}

dl.features dt {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

dl.features dd {
    margin: 0 0 1em 0;
    padding: 0;
}

.rtbookcover {
    float: right;
    margin: -4.5em 0 1em 1em;
    padding: 2px;
    border: 1px solid #666;
}

.bookpull {
    clear: none !important;
    float: right;
    margin: 0 auto 1em auto;
    text-align: center;
    font-weight: bold;
}

.bookpull a {
    text-decoration: none;
    color: black;
}

.bookpull img {
    padding: 2px;
    border: 1px solid #666;
}

.bookpill img {
    padding: 2px;
    border: 1px solid #eee;
    display: block;
    text-align: center;
    margin: 1em auto;
}

.bookpill a {
    font-weight: bold;
    color: white;
}

.upgrade-support-pitch, .services-pitch {
    font-size: 90%;
    line-height: 1.3em;

    border: 1px solid #eee;
    background: #eee;
    padding: 0.5em 1em;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.headsup {
    padding: 0.5em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 90%;
}

.translations {
    list-style: none;
    padding-left: 2em;
}

.translations li img {
    padding-right: 0.3em;
}

.nolove {
    font-size: 80%;
}

#latest-version {
    padding-bottom: 1em;
}

#latest-version h3 {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1em;
}

#latest-version span {
    font-size: 90%;
}

div.screenshot {
    text-align: center;
}

img.screenshot {
    max-width: 100%;
}

.column.thin img.screenshot {
    max-width: 1000px;
    width: 100%;
}

div.screenshot h3 {
    color: black;
    font-size: 1.3em;
    font-weight: normal;
    text-align: center;
    padding: 0;
    margin: 0;
}

.learn-more h2 {
    margin-top: 0;
    padding-top: 0;
}

.learn-more li {
    padding-bottom: 0.5em;
}

.learn-more li a {
    text-decoration: none;
}

.learn-more li a:hover {
    text-decoration: underline;
}

.fineprint {
    font-size: 0.9em;
    line-height: 1.3em;
}


/* Extensions gallery */

#region-extension-list > h3,
#region-featured-extensions > h3
{
    margin-top: 0;
}

#region-extension-list > h3 {
    margin-bottom: 0;
    float: left;
}

#region-extension-list .pager {
    float: right;
    margin: 0 auto;
    margin-right: 1em;
    text-align: right;
    color: #666;
}

#region-extension-list .pager a {
    color: black;
    text-decoration: none;
}

#region-extension-list .pager .pagenum {
    font-size: 140%;
    font-family: 'Lucida Grande', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, Verdana, serif;
}

#region-extension-list .pager .page {
    color: black;
    font-size: 80%;
    margin-top: -0.5em;
    text-align: center;
}

#region-extension-list .pager .current {
    font-weight: normal;
}

#region-extension-list .pager .next-page,
#region-extension-list .pager .previous-page {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 165%;
}

dl.extensions {
    clear: both;
    margin: 0;
    padding: 0;
}

dl.extensions dt {
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}

dl.extensions dt, dl.extensions dt a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

dl.extensions dt a:hover {
    text-decoration: underline;
}

dl.extensions dd.author {
    color: black;
    margin: 0 0 0 0.5em;
    padding: 0;
    float: left;
    font-size: 0.8em;
    line-height: 2em;
}

dl.extensions dd.author:before {
    content: "by ";
}

dl.extensions dd.author a {
    color: black;
    text-decoration: none;
}

dl.extensions dd.author a:hover,
dl.extensions dd.links a:hover
{
    text-decoration: underline;
}

dl.extensions dd.links {
    color: #111;
    float: left;
    margin: 0 0 0 0.5em;
    font-size: 0.8em;
}

dl.extensions dd.links a {
    color: #111;
    text-decoration: none;
}

dl.extensions dd.summary {
    color: #444;
    clear: left;
    margin: 0 1em 1em 1em;
    padding: 0;
    font-size: 0.8em;
    line-height: 1.2em;
}

dl.extensions dd.description {
    clear: left;
    margin: 1em;
    padding: 0;
}

#facebox {
    top: 10% !important;
}

#facebox .body {
    width: 500px;
}

#facebox .extension {
    font-size: 1.2em;
}

#facebox .extension h3 {
    font-size: 1.1em;
    color: #06c;
}

#facebox_overlay {
    opacity: 0.2 !important;
}

.extension h3 {
    margin: 0;
    padding: 0;
    color: #06c;
}

.extension .author, .extension .author a {
    color: #666;
    text-decoration: none;
}

.extension .author a:hover {
    text-decoration: underline;
}

.extension .author:before {
    content: "by ";
}

.extension .description {
    margin: 1em 0;
    line-height: 1.3em;
}

.extension .description code {
    display: inline;
    margin: 0;
    padding: 0;
}

.extension .description li b {
    font-weight: normal;
}

.extension .extra {
    font-size: 90%;
    line-height: 1.3em;
}

.extension .fullname {
    color: #666;
}

.extension .compatibility {
    padding: 0 0 1em 0;
}

#featured-extension .screenshot {
    margin: -5px auto 0 auto;
    width: 100%;
    max-width: 470px;
    text-align: center;
    display: block;
}

#featured-extension .author {
    margin-top: -0.3em;
}

#featured-extension .pager {
    margin: 0 auto;
    text-align: right;
    font-size: 200%;
    float: right;
    color: #666;
}

#featured-extension .pager .page {
    color: black;
    font-size: 40%;
    margin-top: -0.5em;
    text-align: center;
}

#featured-extension .pager a {
    color: black;
    text-decoration: none;
}

#featured-extension .pager .next-page,
#featured-extension .pager .previous-page {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    border: none;
}

/* System requirements */

.server-requirements dt {
    font-weight: bold;
    color: #06c;
}

.server-requirements dd {
    padding: 0;
    margin: -0.2em 0 0.5em 0;
}