/**
  * 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(/static/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;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-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(/static/images/facebox/b.png);
}

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

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

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

#facebox .br {
  background:url(/static/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: 'Montserrat', Verdana, Arial, Helvetica, sans-serif;
    font-size: 76%;
    margin: 0px 0px 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;
}

/* Body */

#content {
    clear: both;
    padding-top: 2em;
    margin: 10px 7em 5em 7em;
    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:#006699;}
h2 {font-size:13pt; color:#006699;}
h3 {font-size:11pt; color:#006699;}

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

h1 a, h2 a, h3 a {
    color: #006699;
    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;
}


/** End of app.css */


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

/* Menu */

#menu-container {
    text-align: center;
}

#nav-menu-container {
    display: inline-block;
}

nav#bar {
    width: 100%;
    height: 48px;
    background: #1b1f20;
    position: relative;
    top: 0;
    z-index: 1;
}

nav#bar a.nav-link {
    line-height: 48px;
    font-size: 16px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    color: #FFF;
    text-decoration: none;
    -webkit-text-stroke: 0.2px;
    font-family: 'Montserrat',sans-serif;
}

a:visited {
    color: #08c;
}
a.blue {
    text-decoration: none;
    background: transparent;
}

a.blue.selected {
    color:#00aeef;
    border-color:#00aeef !important;
}

a.blue:hover {
    color:#00aeef;
    text-shadow:0px 0px 5px #00aeef
}

#nav {
    height: 34px;
    background: #1b1f20;
    width: 38%;
    left: 50%;
    position: relative;
    margin-left: -19%;
}


#navigation ul.menu {
    margin: auto 0 auto 0;
    padding: 0;
}

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

#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;
    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;
    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;
    font-variant: small-caps;
}

#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: 11.5%;
    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 th.level-Premier { background-color: white; border: 2px solid #ececec; }
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 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;
    font-size: 1em;
    font-style: italic;
}


/** End of download.css */


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

.logogrid, .logoline {
    text-align: center;
}

.logogrid {
    margin: -0.5em auto 2em auto;
    clear: both;
}

.logoline {
    margin: 0.5em auto;
}

img.brandlogo {
    margin: 0 1em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.solicit-testimonials {
    padding: 0 0 1em 0;
}

#who-teaser {
    display: block;
    border: none;
    text-align: center;
    max-width: 541px;
    width: 100%;
    margin: 0 auto;
}

/** End of brands.css */


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

#why-we-are-awesome h3+p {
    margin-top: 0;
}

/** End of jobs.css */


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

.rt-doc .superindex dd+dt {
    margin-top: 1em;
    text-decoration: none;
}

.rt-doc .superindex dd {
    margin-left: 0;
    text-decoration: none;
    -webkit-column-width: 20em;
    -moz-column-width: 20em;
    column-width: 20em;
}

dl.superindex a {
    color: #696969;
}

#index a {
    color: #696969;
}

.rt-doc a{
    color: #696969;
}

/* Section anchors are added by javascript */
.rt-doc .section-anchor {
    visibility: hidden;
    position: absolute;
    left: 0;
    padding-right: 0.25em;
}

.rt-doc .section-anchor a {
    color: #06C;
    text-decoration: none;
    opacity: 0.6;
}

.rt-doc *:hover > .section-anchor {
    visibility: visible;
}

.rt-doc h1[id],
.rt-doc h2[id],
.rt-doc h3[id],
.rt-doc h4[id],
.rt-doc dt[id] {
    position: relative; /* so the section anchors can be absolutely positioned */
    padding-left: 1em;
    left: -1em;
}

.rt-doc h1 a,
.rt-doc h2 a,
.rt-doc h3 a,
.rt-doc h4 a {
    color: #006699;
    text-decoration: none;
}

.rt-doc h1 a:hover,
.rt-doc h2 a:hover,
.rt-doc h3 a:hover,
.rt-doc h4 a:hover,
.rt-doc .section-anchor a:hover {
    text-decoration: underline;
}

.rt-doc h1 a:hover:after,
.rt-doc h2 a:hover:after,
.rt-doc h3 a:hover:after,
.rt-doc h4 a:hover:after {
    content: " ↑";
}

.rt-doc .section-anchor a:hover:after {
    content: "";
}

.rt-doc code {
    display: inline;
    padding: 0;
}

.rt-doc pre {
    padding-left: 1em;
    line-height: 1.2em;
}

.rt-doc pre code {
    font-size: inherit;
}

.rt-doc img {
    display: block;
    margin: 0 0 0 4em;
}

.release-notes pre {
    padding-left: 0;
    line-height: 1.2em;
}

/** End of docs.css */


/**
  * From css/main.css: @import "release-policy.css";
  */

table.release-policy {
    border-spacing: 0;
    margin-bottom: 3em;
}

table.release-policy tr.alternate-row {
    background: #efefef;
}

table.release-policy thead th {
    text-align: center !important;
    font-weight: bold;
    border-width: 0 2px;
    border-color: white;
    border-style: solid;
    padding: 0.2em 1em 0.2em 1em;
}


table.release-policy td {
    padding: 0.1em 0.5em 0.1em 0.5em;
    margin: 0;
}

table.release-policy tbody td {
    text-align: center;
}


/** End of release-policy.css */

/*
 *
 * RT Docs Search Bar Menu Styling
 *
 */
.docs-select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 5px;
    background-color: #fff;
    background: #fff;
    position: relative;
    display:  inline-block;
}

.docs-select-style:after {
    top: 50%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #006699;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}
.docs-select-style select {
    padding: 7px 8px;
    width: 101%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.docs-select-style select:focus {
    outline: none;
}

.docs-select-style select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

#duck-holder {
    padding: 8px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 5px;
}

.ddg-button {
    border: none;
    padding: 8px;
    box-sizing: border-box;
    background: #006699;
    border-radius: 5px;
    color: #ffffff;
}

#docs-search-menu {
    visibility: hidden;
}

#ddg-search {
    float:right;
}

/* End of RT Docs Search Bar Menu Styling */

/*
 *
 * RT Docs version - end of life note
 *
 */

.eol-note {
    font-style: italic;
    display: ruby;
}

/* End of RT Docs version - end of life note */