/**
  * From css/main.css: @import "app-base.css";
  */


/** End of app-base.css */


/**
  * From css/main.css: @import "base.css";
  */

body {
}

body.calpopup {
}

.error {
    color: #a00000;
}

.warning {
    color: #00a0a0;
}

.canonicalization_note {
    color: #009966;
}

hr {
    clear: both;
} 

.messages .message {
    display: block;
}

div#messages,  div#errors {
     background-color: rgb(240,234,183);
     border: 1px solid rgb(230,224,173);
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 5px;
     font-size: 1.2em;

}

div.spacer {
    clear: both;
}

.next-page, .prev-page {
    display: block;
    float: left;
    margin: 0.5em 0;
    padding: 0.2em 0.5em 0.5em 0.5em;
    border-top: 1px solid gray;
}

.next-page { padding-right: 1em; }
.prev-page { padding-left: 1em; }

div#jifty-wait-message {
    background: #fff url(/images/css/spinner.gif) no-repeat scroll center center;
    position:fixed;
    top: 5px;
    right: 5px;
    height: 24px;
    width: 24px;
    padding: 5px;
    text-indent: 10em;
    z-index: 42;
    -moz-border-radius: 15px;
}

div#jifty-region, div#jifty-region-lazy {
    display: inline;
}



div.warning {
 position: absolute;
 top: 0;
 left: 50%;
 right: 0;

 background-color: red;
 color: white;
 padding: .5em;
 border-bottom: 1px solid #000;
}

div.warning a {
 color: white;

}

ul.menu {
  display: block;

}

h1.title {
  border-bottom: 1px solid black;
}

/** End of base.css */


/**
  * From css/main.css: @import "calendar.css";
  */

.calendar {
    text-align: center;
    margin: 2em 0 0 0;
}

.calendar td, .calendar th { padding: 0.1em 0.25em 0.1em 0.25em; }

.calendar caption .month {
    padding: 0 1em 0 1em;
    font-size: 1.5em;
}
.select-free {
    overflow: hidden;
    z-index:10;
}

.select-free iframe {
    display:none;
    display/**/:block;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

/** End of calendar.css */


/**
  * From css/main.css: @import "combobox.css";
  */

/*
%# ComboBox styles... some properties like height and width must be dynamically
%# set in the JS (at least for now).

.combobox {
%#    border: 2px inset #333;
%#    padding-left: 0.5em;
%#    padding-bottom: 0.1em;
}
*/

.combobox .combo-button {
/*%#    padding: 0 2px 0 2px;*/
    padding-top: 2px;
    margin: 0;
    background: ButtonFace;
    color: ButtonText;
    border-right: 2px outset ButtonHighlight;
    border-bottom: 2px outset ButtonHighlight;
    border-top: 1px inset #000;
    border-left: 0px inset #fff; 
    margin-left: 0;
    padding-left: 0;
    cursor: default;
    font-size: 8pt;
}

.combobox .combo-text {
    border: 1px inset #333;
    margin: 0;
    padding: 0;
}

.combobox .combo-list {
    z-index: 200;
}

/** End of combobox.css */


/**
  * From css/main.css: @import "keybindings.css";
  */

div#keybindings {
    color: #666666;
    margin-top: 2em;

}

dl.keybindings .keybinding {
    display: inline;
}

dl.keybindings dt  {
    margin: 0;
    font-weight: bold;
    display: inline;

}
dl.keybindings dt:after  {
    content: ":";

}
dl.keybindings dd  {
    margin-right: 1.5em;
    margin-left: 0.5em;
    display: inline;
    white-space: nowrap;
}

/** End of keybindings.css */


/**
  * From css/main.css: @import "forms.css";
  */

div.form {
    background-color: #f6f6f6;
    padding: 0.2em;
    margin: 0 auto;
}

div.form_field {
    clear: both;
    padding-top: 0.5em;
}

.twocolumn {
    width: 49%;
    float: left;
}

div.form_field label.label, div.form_field span.label {
    float: left;
    width: 15%;
    text-align: right;
    font-size: 80%;
    padding: 0.2em 0.5em 0 0;
}

div.form_field .hints {
    width: 83%;
    font-size: 80%;
    padding-top: 0.2em;
    float: right;
    text-align: left;
    color: #999999;
}

div.form_field .error, div.form_field .warning, div.form_field .canonicalization_note {
    float: right;
    width: 88%;
    text-align: left;
}

div.form_field span.formw {
    float: right;
    width: 88%;
    text-align: left;
}

input.text, input.date, input.password, textarea, select {
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url(/static/images/css/fieldbg.gif) repeat-x top;
    padding: 0.2em;
}

form input.ajaxautocompletes {
    background: #fff url(/static/images/css/fieldbg-autocomplete.gif) repeat-x top right;
    padding-right: 18px;
}

input.date {
    width: 10em;
}

.submit_button {
    display: block;
    clear: both;
}

.submit_button input {
    clear: both;
    margin: 0.5em 0 0 16%;
}

input.button {
    padding: 0.15em 1em;
    font-weight: bold;
}

h2.inline input {
    font-size: 115%;
}

/*
These styles are meant to be placed after (and hence override) the current CSS
for forms.  Some of the rules aren't needed if previous behavior doesn't need to
be overridden.  ".inline" is our inline form class.
*/

div.inline .submit_button
{
}

div.inline div.form_field {
    float: left;

    /* to counter previous rules */
    clear: none;

    /* aesthetic */
    margin-right: 0.5em;
}

div.inline div.form_field label.label,
div.inline div.form_field span,
div.inline .hints,
div.inline .error
{
    display: block;

    /* to counter previous rules */
    float: none;
    width: auto;
    text-align: left;
}


div.inline .hints {
    display: none;

}

div.inline div.form_field label.label {
    /* aesthetic */
    padding-bottom: 0.1em;
}


/* So the admin ui is one row per line */

.jifty_admin.item.inline {
     clear: both;
}

.jifty_admin .editlink {
    float: right;
}

.jifty_admin_header {
    display: inline;
}

.jifty_admin_header a {
    color: black;
    display: block;
    font-size: 0.6em;
    height: 100%;
    text-decoration: none;
    font-family : sans-serif;
}

div.subline {
    display: inline;
    float: left;  
}


option.selected {
    background: #dddddd;
}

input.placeholder, textarea.placeholder {
    color: #666;
}

form div.mandatory .label {
    font-weight: bold;
}

form ul.checkboxlist {
    display: block;
    float: left;
}

form ul.checkboxlist li.checkboxlistitem{
    list-style-type: none;
}

/** End of forms.css */


/**
  * From css/main.css: @import "halos.css";
  */

.halo {
    border-color: #ffd700;
    border-style: solid;
    border-width: 0;
    margin: 0;
    padding: 0;
}

.halo-header {
    display: none;
    border-bottom: 1px solid #ffd700;
    background: #fff;
    margin: 3px;
}

.halo-rendermode {
    float: right;
}

.halo-source {
    font-family: monospace;
}

.halo-argument {
    position: absolute;
    left: 200px;
    border: 1px solid black;
    background: #ccc;
    padding: 1em;
    padding-top: 0;
    width: 300px;
    height: 500px;
    overflow: auto;
}

.halo_actions {
    position: fixed;
    border: 1px solid black;
    background: #ccc;
}

.halo_actions h1 {
    color: #fff;
    background-color: #600;
    border-bottom: 1px solid black;
    padding: 0.25em;
    margin: 0;
    cursor: pointer;
    font-size: 120%;
}

.halo_actions h1 a { 
    color: #fff;
}

.halo_actions .resize {
    border: 5px solid #ccc;
    border-bottom-color: #000;
    border-right-color: #666;
    border-left-color: #aaa;
    cursor: pointer;
    color: #ccc;
    display: block;
    height: 0;
    width: 0;
    overflow: hidden;
}

.halo_actions .section {
    color: #ccc;
    background-color: #300;
    border-top: 1px solid black;
    margin-top: 0.5em;
    font-size: 120%;
    font-weight: bold;
}

.halo_actions .section a {
    text-align: center;
    color: #ccc;
}

.halo_actions .body {
    font-size: 110%;
    margin:0;
    padding:0 1em;
}

.halo_actions .body ul {
    margin:0;
    padding:0;
    margin-left: 1em;
}

.halo_actions .body .path {
    font-family: monospace;
    font-size: 120%;
    text-align: center;
}

.halo_actions .body .time {
    font-style: italic;
    text-align: center;
}

.halo_actions .body .fixed {
    font-family: monospace;
}

.halo_button {
    color: yellow;
    position: absolute;
    z-index: 9999;
    font-size:2em;
}

#render_info_tree {
    position: fixed;
    background: white;
    border: 1px solid yellow;
    right: 1em;
    bottom: 1em;
    border: 2px solid #fc0;
    padding: 1em;
}

#render_info_tree ul {
    list-style: none;
    padding-left: 1em;
}

#render_info {
    position: fixed;
    right:.5em;
    bottom:0;
}

a.inline_edit {

    display: block;
    width: 0;
    padding-left: 22px;
    min-height: 20px;

    background: no-repeat left center;
    background: url(/static/images/silk/pencil.png) no-repeat 0 0;
}

a.inline_create {

    display: block;
    width: 0;
    padding-left: 22px;
    min-height: 20px;

    background: no-repeat left center;
    background: url(/static/images/silk/pencil_add.png) no-repeat 0 0;
}


/** End of halos.css */


/**
  * From css/main.css: @import "facebox.css";
  */

/* This file has been changed for Jifty. Please see the commit log for its
 * changes before upgrading */

#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/** End of facebox.css */


/**
  * From css/main.css: @import "app.css";
  */

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: 180px;
    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;
}

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

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

code {
    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;}

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

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

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

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

dt {
    font-weight: bold;
}

#products dt, #services dt {
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    width: 16em;
    clear: left;
}

#products dd, #services dd {
    margin-bottom: 1em;
    margin-left: 16em;
}

#services dt { width: 14em }
#services dd { margin-left: 14em }

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

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

div.leftside {
    width: 164px;
    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;
}

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

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

.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 */

#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 Q&A signup */

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

/* Marketing */

#whatwedo {
    font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
    font-size: 1.5em;
    margin-top: 0;
    color: black;
}

#whatwedo strong {
    font-weight: normal;
    text-decoration: underline;
}

#hiveminder, #labs {
    padding-top: 1em;
}

.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;
}

.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;
}

.bookcover {
    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;
}

.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;
}

.services-pitch {

}

.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%;
}

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

.column.thin img.screenshot {
    max-width: 365px;
}

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;
}

/* Labs */

.paragraph-list span {
    font-weight: bold;
    color: #06c;
}

.paragraph-list span a {
    color: #06c;
    text-decoration: none;
}

.paragraph-list span a:hover {
    text-decoration: underline;
}

#github-repos dl {
    margin: 0;
    padding: 0;
}

#github-repos dt {
    font-weight: bold;
    font-size: 0.9em;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#github-repos dt a {
    color: #222;
    text-decoration: none;
}

#github-repos dt a:hover {
    text-decoration: underline;
}

#github-repos dd {
    margin: -0.1em 0 0.5em 0;
    padding: 0;
    color: #888;
    font-size: 0.8em;
}

#github-repos .loading {
    color: #888;
}


/* 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%;
}

#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;
    position: fixed;
}

#facebox .body {
    width: 500px;
}

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

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

.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;
}

#featured-extension .screenshot {
    margin: -5px auto 0 auto;
    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;
}


/** End of app.css */


/**
  * From css/main.css: @import "menu.css";
  */

/* Menu */

#nav {
    height: 34px;
    padding: 0;
    background: #069;
    margin-left: 200px;
}

.menu_wrapper { background: #069 url(/images/css/nav.gradient.png) repeat-x bottom; }
.menu_wrapper > div { background: url(/images/css/ctl-trans.gif) no-repeat top left; }
.menu_wrapper > div > div { background: url(/images/css/ctr-trans.gif) no-repeat top right; }
.menu_wrapper > div > div > div { background: url(/images/css/cbr-trans.gif) no-repeat bottom right; }

#navigation ul.menu {
    background: url(/images/css/cbl-trans.gif) no-repeat bottom left;
    width: 100%;
    margin: auto 0 auto 0;
    padding: 0;
}

#navigation ul {
    float: left;
}

#navigation li {
    list-style: none;
    display: inline;
}

#navigation ul.menu > li {
    float: left;
}

#navigation ul.menu > li > a {
    padding: 0 1em;
    line-height: 34px;
    border-right: 1px solid white;
}

#navigation ul.menu > li:last-child > a {
    border-right: none;
}

.submenu_wrapper {
    background: #ccc url(/images/css/shadow-gray-ccc.gif) repeat-x 0 -4px; 
    position: absolute;
    left: 220px;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    padding-bottom: 4px;
}

#navigation ul.submenu {
    margin: 0;
    padding: 0.4em 0.5em 0 0.5em;
    white-space: nowrap;
    display: block;
}

#navigation ul.submenu li a {
    color: black;
    text-decoration: none;
    padding: 0 0.5em;
    text-transform: capitalize;
}

#navigation ul.menu > li > a:link,
#navigation ul.menu > li > a:visited {
    color: white;
    font-size: 1.3em;
    text-transform: capitalize;
    text-decoration: none;
    font-variant: small-caps;
}

#navigation ul.menu > li > a:link:hover,
#navigation ul.menu > li > a:visited:hover,
#navigation ul.menu > li.active > a:link,
#navigation ul.menu > li.active > a:visited
{
    text-decoration: underline;
    color: #fc6;
}

#navigation ul.submenu li a:hover {
    text-decoration: underline;
}

#navigation ul.submenu li.active a:link,
#navigation ul.submenu li.active a:visited
{
    font-weight: bold;
}


/** End of menu.css */


/**
  * From css/main.css: @import "columns.css";
  */

/* Columns */

.column {
    width: 49%;
    margin: 0;
    padding: 0;
}

.column > h1:first-child,
.column > h2:first-child,
.column > h3:first-child,
.column > p:first-child
{
    margin-top: 0;
    padding-top: 0;
}

.column .pill {
    width: 85%;
}

.right {
    float: right;
    clear: right;
}

.left {
    float: left;
    clear: left;
}

.wide { width: 55%; }
.thin { width: 43%; }

.wider   { width: 65%; }
.thinner { width: 33%; }

.widest   { width: 73%; }
.thinnest { width: 25%; }

.noclear { clear: none; }

/** End of columns.css */


/**
  * From css/main.css: @import "support-plans.css";
  */

table.support-plans {
    border-spacing: 0;
    margin-bottom: 3em;
}

table.support-plans tr.alternate-row {
    background: #efefef;
}

table.support-plans thead th {
    text-align: center !important;
    font-weight: bold;
    background: #efefef;
}

table.support-plans thead .level-header th {
    background: none;
}

table.support-plans th.service {
    width: 28%;
    background: none;
}

table.support-plans th.level {
    width: 14%;
    border-width: 0 2px;
    border-color: white;
    border-style: solid;
}

table.support-plans th.level-Q\&A { background-color: #6CE050; }
table.support-plans th.level-Bronze { background-color: #EDB53B; }
table.support-plans th.level-Silver { background-color: #ECECEC; }
table.support-plans th.level-Gold { background-color: #FFEF04; }
table.support-plans th.level-Platinum { background-color: #A7C0E2; }
table.support-plans #level-Q\&A { border: 1px solid #6CE050; }
table.support-plans #level-Bronze { border: 1px solid #EDB53B; }
table.support-plans #level-Silver { border: 1px solid #ECECEC; }
table.support-plans #level-Gold { border: 1px solid #FFEF04; }
table.support-plans #level-Platinum { border: 1px solid #A7C0E2; }

table.support-plans td.service {
    text-align: right;
    padding: 0 0.5em 0 0.1em;
    margin: 0;
}

table.support-plans td {
    padding: 0.1em 0.3em 0.1em 0.3em;
    margin: 0;
}

table.support-plans tbody td {
    text-align: center;
}

table.support-plans .yes {
    color: #008000;
    font-size: 26px;
}

table.support-plans .no {
    color: #999;
    font-size: 14px;
}

table.support-plans tfoot td {
    border-top: 1px solid #ccc;
    text-align: center;
}

table.support-plans tfoot td.service { text-align: right }

table.support-plans tfoot tr.order-links td {
    border-top: none;
    vertical-align: top;
}

dl.service-descriptions dd {
    margin-bottom: 1em;
}

/* hosting plans piggyback on .support-plans but also need a few of their own */

table.hosting-plans th.service {
    width: 24%;
}

table.hosting-plans th.level {
    width: 19%;
}



/** End of support-plans.css */


/**
  * From css/main.css: @import "download.css";
  */

/* Capture download form */

#capture-download form {
    background-color: #ddf;
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    
    width: 90%;
    margin: 0;
    padding: 1.5em;
}

#capture-download form h2 {
    padding-top: 0;
    margin-top: 0;
}

#capture-download label {
    width: 8em;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    padding-right: 0.5em;
}

#capture-download label.after {
    width: auto;
    text-align: left;
    padding-right: 0;
    display: inline;
}

#capture-download input[type=text] {
    width: 12em;
}

#capture-download input[type=submit] {
    margin-left: 70%;
    font-weight: bold;
    margin-top: 1em;
    padding: 0.35em 0.75em;
    background-color: #06c;
    color: #fff;
}

#capture-download textarea {
    width: 90%;
    height: 10em;
    margin: 1em 0;
}

#capture-download .questions {
    padding-top: 1em;
}

#capture-download .nolove {
    padding-left: 2em;
    padding-top: 2em;
    font-size: 1em;
}


/** End of download.css */