/*
Copyright 2011 Kalle Söderman
Copyright 2011 Christoph Haas (tiny additions)

This stylesheet is free software; you can redistribute it and/or modify it
under the terms of the GNU General Public License, version 2, as published by
the Free Software Foundation.

This program is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with
this program; if not, write to the Free Software Foundation, Inc., 51 Franklin
Street, Fifth Floor, Boston, MA 02110-1301 USA.

The license text can also be found at http://www.gnu.org/copyleft/gpl.html and
/usr/share/common-licenses/GPL-2 on Debian GNU/Linux.
*/

/*
    Font size table (Browser default 16px)

    pixels      relative
    --------------------
    36px        2.25em
    31px        0.5161em
    24px        1.5em
    21px        1.3125em
    18px        1.125em
    16px        1em
    14px        0.875em
    12px        0.75em
    11px        0.6875em
    10px        0.625em
    9px         0.5625em
    --------------------
*/

/* CSS Color Variables for light/dark modes */
:root, [debexpo-theme=light] {
    --txt-color: #222222;
    --txt-color2: #444444;
    --bg-color: #ffffff;
    --bg-color2: #f5f6f7;
    --bg-grad-color: #d7d9e2;
    --border-color2: #d2d3d7;
    --border-color3: #dfdfe0;
    --hr-color: #bbbbbb;
    --list-color: #f2f1f0;
    --list-color2: #ffffff;
    --list-hover-color: #cccccc;
    /* link colors work well for light/dark */
    --link-color: #0035c7;
    --link-visit-color: #54638c;
    --link-hover-color: #00207a;
    --link-active-color: #c2c3c7;
    --debexpo-red: #c70036;
}


[debexpo-theme=dark] {
    --txt-color: #ffffff;
    --txt-color2: #dddddd;
    --bg-color: #222222;
    --bg-color2: #272829;
    --bg-grad-color: #373932;
    --border-color2: #4a4b59;
    --border-color3: #585862;
    --hr-color: #444444;
    --list-color: #2f3031;
    --list-color2: #222222;
    --list-hover-color: #555555;
}

/* Reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
    color: var(--txt-color);
    background: var(--bg-color);
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

blockquote,
q {
    quotes: "" "";
}

html {
    background-color: transparent;
}

:focus {
    outline: 1px dotted grey;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

/* Main */

body {
    margin: 0;
    font: normal 100% sans-serif;
    line-height: 1.5;
    color: var(--txt-color);
    background-color: var(--bg-color);
    background-position: 0 0;
    background-repeat: repeat-x;
    /* Uncomment to show baseline grid
    background-image: url('../img/24grid.png');
    background-position: 30px 9px;
    */
}

#content {
    margin: 0 10px 0 52px;
}

#inner {
    position: relative;
}

#maincol {
    margin: 0 15em 1.5em 0;
}

/* Header */

#header {
    margin: 0;
    padding: 0 10px 0 52px;
    background-image: linear-gradient(to bottom, var(--bg-grad-color), var(--bg-color));
}

#header a:link,
#header a:visited,
#second-nav a:link,
#second-nav a:visited {
    text-decoration: none;
}

#header a:hover,
#second-nav a:hover {
    text-decoration: underline;
}

#breadcrumbs {
    margin: 0;
    font-size: 0.75em;
    text-transform: lowercase;
    line-height: 2;
    background-color: transparent;
    background-color: var(--bg-color2);
    border-bottom: 1px solid var(--border-color2);
    min-height: 20px;
}

#breadcrumbs:before {
    content: " ";
    margin-left: 0.5em;
    margin-right: 0.5em;
}

p.section {
    margin: 0;
    padding: 0 5px 0 5px;
    font-family: monospace;
    line-height: 16px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    position: absolute;
    top: 0px;
    left: 52px;
    background-color: var(--debexpo-red);
}

p.section a {
    color: white;
    text-decoration: none;
}

p.section a:hover {
    color: white;
    text-decoration: underline;
}

#navbar {
    background-color: transparent;
    list-style: none;
    display: block;
    border-bottom: 1px solid var(--debexpo-red);
    text-indent: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#navbar ul {
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    min-height: 45px;
}

#navbar li {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}

#navbar a:link,
#navbar a:visited {
    padding: 1.75em 0.5em 0.25em 0.5em;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: block;
    text-decoration: none;
}

#navbar a:visited {
    color: var(--link-visit-color);
}

#navbar a:hover,
#navbar a:visited:hover {
    background-color: var(--bg-color2);
    border-left: 1px solid var(--border-color2);
    border-right: 1px solid var(--border-color2);
    text-decoration: underline;
}

ul.subnav {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
}

ul.subnav li {
    display: inline;
    margin-right: 1em;
}

#searchbox {
    text-align: left;
    line-height: 1;
    margin: 0 10px 0 0.5em;
    padding: 1px 0 1px 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.75em;
}

#searchbox p {
    margin: 0;
    padding: 0;
}

#upperheader {
    margin: 0;
    padding: 0;
}

#logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-top: 0;
    width: 50px;
    height: 5.07em;
    min-height: 65px;
}

#logo a {
    display: block;
    position: relative;
    padding: 0;
    height: 100%;
    min-height: 65px;
}

#logo img {
    margin-top: 5px;
    position: absolute;
    bottom: 0.3em;
    overflow: auto;
}

#logo:hover {
    border: 1px solid var(--border-color2);
    border-top: 0;
    background-color: var(--bg-color2);
}

/* Links */

a:link {
    color: var(--link-color);
    text-decoration: underline;
}

a:visited {
    color: var(--link-visit-color);
}

a:link:hover {
    text-decoration: none;
    color: var(--link-hover-color);
}

a:visited:hover {
    text-decoration: none;
}

a:active {
    color: var(--link-active-color);
}

a img {
    border: 0;
}

a.rss_logo {
    font-size: 0.75em;
    float: right;
    width: 35px;
    line-height: 10px;
    color: #ffffff;
    background-color: #ff6600;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    text-decoration: none;
    padding: 0.25em;
    margin-left: 0.25em;
    border: 1px solid #ff6600;
}

a.rss_logo:hover {
    background-color: white;
    border: 1px solid #ff6600;
    color: #ff6600;
}

a.rss_logo.generic {
    background-color: #ff8800;
}

a.rss_logo.generic:hover {
    background-color: #ee7700;
}


/* Secondnav */

#second-nav {
    width: 16em;
    font-size: 0.75em;
    line-height: 1.5;
    float: right;
    top: 0;
    right: 0;
    margin: 3em 0 0 0;
    padding: 0 0 0 1em;
    border-left: 1px solid var(--border-color2);
}

#second-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#second-nav ul ul {
    margin-left: 1em;
}

#second-nav li {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#second-nav p {
    line-height: 2;
    font-weight: bold;
    margin: 0;
}

#second-nav h2 {
    margin: 0;
}

/* Typography */

p {
    margin: 1.5em 0 1.5em 0;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
    color: var(--txt-color2);
}

small {
    font-size: 0.75em;
}

sup {
    font-size: 0.75em;
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    /*color: black;*/
}

h1 {
    font-weight: normal;
    font-size: 1.8em;
    line-height: 0.83333;
    margin: 0.83333em 0 0.83333em 0;
}

h2 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.0714286;
    margin: 1.0714286em 0 1.0714286em 0;
}

h3 {
    font-size: 1.125em;
    line-height: 1.333em;
    margin: 1.333em 0 0 0;
}

h4 {
    font-weight: normal;
    font-style: italic;
    margin: 1.5em 0 1.5em 0;
    color: var(--txt-color2);
}

h5 {
    font-style: italic;
    font-size: 0.75em;
    margin: 2em 0 2em 0;
}

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

ol>ol,
ul>ul,
li>ol,
li>ul {
    margin: 0;
}

ol {
    list-style-type: decimal;
}

ul {
    list-style-type: disc;
}

th {
    font-weight: bold;
    margin: 1.5em 0 1.5em 0;
}

hr {
    border: none;
    background-color: var(--hr-color);
    height: 1px;
    margin: 1.4375em 0 1.5em 0;
}

/* Make pre's wrap to the window */
pre {
    margin: 1.5em 0 1.5em 0;
    overflow: auto;
    font-family: monospace;
    white-space: pre;
    color: var(--txt-color2);
    white-space: normal;
}

pre {
    white-space: pre-wrap;
}

tt,
code {
    font-family: monospace;
    white-space: pre;
    color: var(--txt-color2);;
    white-space: normal;
}

tt,
code {
    white-space: pre-wrap;
}

dt {
    margin: 1.5em 0 0 0;
    font-weight: bold;
}

dd {
    margin: 0 0 0 1.5em;
}

blockquote {
    font-size: 0.75em;
    margin: 2em;
    line-height: 2;
}

cite {
    font-style: italic;
    color: var(--txt-color2);
}

acronym,
abbr {
    text-transform: uppercase;
    font-size: 0.9em;
}

.toc {
    font-size: 0.75em;
    list-style: none;
    background-image: url('../img/greydot.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    line-height: 1.833;
    padding: 0;
    max-width: 62%;
    margin: 2em 0 2em 0;
}

.toc li {
    background-image: url('../img/greydot.png');
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0.0833em 0 0.0833em 0;
}

.toc a {
    display: block;
    text-decoration: none;
}

.toc a:hover {
    display: block;
    background-color: #f0f0f4;
    text-decoration: underline;
}

.toc dt {
    margin: 0;
    background-image: url('../img/greydot.png');
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0.0833em 0 0.0833em 0;
}

/* Sitemap */

.card {
    clear: both;
    margin: 1.5em 0 1.5em 0;
    background-position: 0 -50px;
    background-repeat: repeat-x;
    padding: 0;
}

.card ul {}

.card ul li {
    list-style: none;
}

.card h2 {}

.lefthalf {
    float: left;
}

.righthalf {
    margin-left: 50%;
}

.lefthalf ul {
    margin-top: 0;
}

/* Footer */

#footer {
    font-size: 0.75em;
    border: 1px solid var(--border-color3);
    padding: 1em;
    background-color: var(--bg-color2);
    margin: 20px 10px 0 52px;
    line-height: 1.5em;
    border-left: 0;
    border-right: 0;
    clear: both;
}

#content #footer {
    margin-left: 0;
}

#footer p {
    margin: 1em 0 1em 0;
}

#footer hr {
    border-top: 1px solid var(--border-color2);
    border-bottom: 1px solid white;
    height: 0;
}

#footer .editbar li {
    display: inline;
    margin-right: 2em;
}

#footer .info {}

#fineprint {
    margin-bottom: 1em;
}

#footermap {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    border: 0;
}

ul#footermap-cola a,
ul#footermap-colb a,
ul#footermap-colc a,
ul#footermap-cold a,
ul#footermap-cole a {
    padding-left: 0;
}

ul#footermap-cola,
ul#footermap-colb,
ul#footermap-colc,
ul#footermap-cold,
ul#footermap-cole {
    float: left;
    width: 19%;
    min-width: 11em;
    height: 12em;
    /* Update when adding items */
    margin: 0 1% 0 0;
    padding: 2em 0 0 0;
    list-style: none;
}

ul#footermap-cole {
    width: 18.9%;
    margin-right: 0;
}

#footermap-wrap {
    padding: 2em;
    border-top: 1px solid white;
}

#footermap a {
    margin: 0;
}

#footermap ul {
    list-style: none;
    padding: 0;
}

#footermap li {
    text-indent: 0;
    background-color: transparent;
    font-weight: bold;
}

#footermap li ul {
    margin: 0;
    padding: 0;
}

#footermap li li {
    margin: 0;
    text-indent: 0;
    padding: 0;
    font-weight: normal;
    border: 0;
    background-image: none;
    background-color: transparent;
}

#serverselect {}

#serverselect input,
#serverselect option,
#serverselect select {}

#serverselect ul {
    display: inline;
    margin-left: 2em;
}

#serverselect li {
    list-style: none;
    display: inline;
    padding: 0 1em 0 1em;
    margin: 0;
}

#serverselect form p {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.lcol50 {
    float: left;
    width: 49%;
    font-size: 0.75em;
    margin: 0 0 0 0;
    padding: 0 0.5em 0 0;
}

.lcol50 h2 {
    margin-top: 0;
}

.rcol50 {
    margin: 0 0 0 51%;
    padding: 0;
    font-size: 0.75em;
}

#pageLang {
    position: relative;
    /*  establish a containing box. needed for
                    langContainer */
}

form#pageLang {
    display: inline;
}

.inline {
    display: inline;
}

/* Extras */

input[type=submit] {
    margin-top: 1em;
}

.hidecss {
    display: none;
}

.clear {
    clear: both
}

#clear {
    clear: both;
    border: 0;
    height: 1px;
    display: block;
}

.quicklist {
    list-style: none;
    font-size: 0.75em;
    margin: 2em 0 2em 0;
    padding: 0;
    text-indent: 0;
    line-height: 2em;
}

.quicklist li {
    display: inline;
}

.item p {
    margin: 0;
}

.item h2,
.item p,
.item ul {
    margin-right: 10px
}

.item h2,
.item h3,
.item h4,
.item h5 {
    margin-top: 0;
}

.line {
    padding: 0;
    width: auto;
    overflow: hidden;
}

div.downloads {
    border-top: 0.17em solid #339900;
    margin: 1.33em 0 0 0;
}

.downloads ul.downlist {
    margin: 0;
}

div.downloads .col50 {
    border-top: 0.15em solid #339900;
}

ul.downlist {
    padding-left: 30px;
    text-indent: 0;
    background: url('../img/emblem-downloads.png') no-repeat 0 0.15em;
    min-height: 23px;
    /*
     * border-top: 0.17em solid #339900;
     */
}

ul.quicklist.downlist {
    border-top: 0.17em solid #339900;
    padding-top: 0.25em;
    margin-top: 1.6em;
}

ul.downlist li {
    display: inline;
}

ul.downlist li:after {
    content: ', ';
}

ul.downlist li:last-child:after {
    content: '';
}

div.tip,
div.important,
div.warning,
div.note,
div.trans-note {
    padding: 0 2em 0 4em;
    margin: 1.85em 0 1.85em 0;
    background-repeat: no-repeat;
    background-position: 0.5em 0.5em;
    font-size: 0.75em;
    line-height: 2em;
    background-color: #FFFFCB;
    border: 0.15em solid #CCCCA3;
}

div.tip p,
div.important p,
div.warning p,
div.note p,
div.trans-note p {
    margin: 1em 0 1em 0;
}

div.tip {
    background-image: url('../img/admon-tip.png');
}

div.important {
    background-image: url('../img/admon-important.png');
}

div.warning {
    background-image: url('../img/admon-warning.png');
}

div.note,
div.trans-note {
    background-image: url('../img/admon-note.png');
}

/* Layout Elements */

.col50,
.cardleft,
.cardright {
    width: 47.5%;
    float: left;
    padding-bottom: 1.5em;
}

.lastcol,
.cardright {
    margin: auto;
    width: 47.5%;
    float: left;
    padding-right: 0;
    margin-left: 5%;
}

.lastcol h2,
.lastcol p,
.lastcol ul {
    margin-right: 0;
}

.cardleft h2 {
    margin-right: 1em;
}

.cardright div {
    margin-left: 1.5em;
}

.cardright h2 {
    margin-left: 1em;
}

.votemenu a {
    display: block;
}

table.vote td,
table.vote th {
    padding-right: 1.5em;
}

#maincol.with-toolbox {
    margin-right: 14em;
}

div.tabular table,
table.tabular,
table.vendors {
    /*    border-bottom: 1px solid #a9abb3;
    border-top: 1px solid #a9abb3; */
    border-bottom: 0.15em solid #666;
    border-top: 0.15em solid #666;
    width: auto;
    font-size: 0.75em;
    line-height: 2em;
    margin-bottom: 4em;
    margin-top: -0.169em;
}

table td {
    padding-right: 1.5em;
}

div.tabular table tr,
table.tabular tr,
table.vendors tr {
    width: 100%;
}

table th {
    padding-right: 1.5em;
}

div.tabular table td,
table.tabular td,
table.vendors td {
    background-image: url(../img/greydot.png);
    background-position: top left;
    background-repeat: repeat-x;
}

div.tabular table>td:first-child,
table.tabular>td:first-child,
table.vendors>td:first-child {
    background-image: none;
}

tr.pkg-list:nth-child(even) {
    background-color: var(--list-color)
}

tr.pkg-list:nth-child(odd) {
    background-color: var(--list-color2)
}

tr.pkg-list:hover {
    background-color: var(--list-hover-color);
}

#pageLang p,
#pageLang form {
    display: inline;
}

.inline a {
    float: left;
    margin-right: 1em;
}

#langSelector {
    /*    color: #0035c7; */
    /*    text-decoration: underline; */
}

#langSelector:hover {
    /*    cursor: pointer; */
    /*    text-decoration: none; */
}

#langContainer {
    padding-top: 0.5em;
    /*    background-color: #f5f6f7;
    background-color: white;
    background-image:url('../img/gradient-flipped.png');
    background-position: bottom;
    background-repeat: repeat-x;
    display: none;
    position: absolute;
    left: -1em;
    padding: 0.5em 1em 1em 1em;
    margin-right: -1em;
    border-bottom: 1px solid #dfdfe0;
    min-width: 100%; */
    /* make it reach the right edge if only a few
                   languages are available */
}

#langContainer a {
    margin-right: 1em;
}

#pageLang:hover #langContainer {
    display: block;
}

/* for l10n-arabic */
.bidi {
    direction: rtl;
    text-align: right;
}

ul.nodecoration {
    list-style: none;
    padding: 0;
}

span.relatedpages {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    padding-right: 1em;
    margin-top: 0.25em;
    font-size: 0.75em;
    text-align: right;
    float: right;
    margin-top: -1.5em;
}

span.relatedpages select {
    margin: 0 0 0 1em;
    text-decoration: none;
}

span.relatedpages a {
    margin: 0 0 0 1em;
    text-decoration: none;
}

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

span.error-message {
    color: red;
    font-weight: bold;
}

/* QA information styles */

ul.qa {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.qa>div {
    margin-left: 0.5em;
}

.qa-toggle {
    font-size: smaller;
    margin-left: 1em;
}

.qa-toggle span {
    text-decoration: underline;
}

.qa .visibility {
    font-family: monospace;
    margin: 0 3px 0 0;
    padding: 2px 4px;
    font-weight: bold;
    font-size: larger;
}

.qa div.qa-header {
    font-weight: bold;
    display: inline;
    padding: 2px 4px;
}

.qa div.qa-content {
    margin-left: 1em;
    margin-bottom: 0.5em;
}

.qa .severity-warning .visibility {
    background-color: #FFEB44;
}

.qa .severity-error .visibility {
    background-color: #FF6700;
}

.qa .severity-information .visibility {
    background-color: #C7EA3C;
}

/* Closed bugs plugin */

.qa .bugs-closed {
    margin: 0;
    margin-bottom: 1em;
    list-style-type: none;
}

.qa .bugs-closed ul {
    list-style-type: none;
}

/* Lintian plugin */

.qa .lintian-E {
    background-color: #FF6700;
    margin: 0 3px 0 0;
    padding: 2px 4px;
    font-family: monospace;
    border: none;
}

.qa .lintian-W {
    background-color: #FFEB44;
    margin: 0 3px 0 0;
    padding: 2px 4px;
    font-family: monospace;
    border: none;
}

.qa .lintian-P {
    background-color: #C7EA3C;
    margin: 0 3px 0 0;
    padding: 2px 4px;
    font-family: monospace;
    border: none;
}

.qa .lintian-I {
    background-color: #C7EA3C;
    margin: 0 3px 0 0;
    padding: 2px 4px;
    font-family: monospace;
    border: none;
}

.qa .lintian-X {
    background-color: #EE99EE;
    margin: 0 3px 0 0;
    padding: 2px 4px;
    font-family: monospace;
    border: none;
}

.qa .lintian-O {
    background-color: #DDD;
    margin: 0 3px 0 0;
    padding: 2px 4px;
    font-family: monospace;
    border: none;
}

.qa .lintian-pkgname {
    font-weight: bold;
}

.qa .lintian-contents {
    margin: 0;
    margin-bottom: 1em;
    list-style-type: none;
}

/* User information */
.userinfo p {
    margin: 0.5em 0 0.5em 0;
}

/* Sponsor guidelines */
table.sponsor-guidelines {
    table-layout: fixed;
}

.sponsor-tags-abbrev {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Django table forms */
#form th {
    font-weight: normal;
}

#form ul {
    list-style: none;
    padding-left: 0em;
    margin: 0em;
}

.errorlist {
    color: red;
    font-weight: bold;
}

ul.sub-list {
    padding-left: 0em;
    margin: 0em;
}

.comment {
    background-color: #fff0d0;
    border-radius: 6px 6px 0 0;
    padding: 10px 14px;
    border: 1px solid #bbb;
    border-bottom: none;
    line-height: 1.4;
    margin-bottom: 0;
    box-shadow: 0 1px 0 #999;
}

.author {
    background-color: #c8d1e8;
    border-radius: 0 0 6px 6px;
    padding: 10px 14px;
    border: 1px solid #bbb;
    border-top: 1px solid #bbb;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 15px;
}

.outcome-work {
    display: inline-block;
    background-color: #f5dcdc;
    color: #d33;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.9em;
    font-weight: bold;
    border: 1px solid #bbb;
    margin-right: 8px;
}

.outcome-ready {
	display: inline-block;
	background-color: #d0f0d0;
	color: #2a7d2a;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 0.9em;
	font-weight: bold;
	border: 1px solid #bbb;
	margin-right: 8px;
}

table.pkg {
    width: 100%;
}

table.pkg th {
    vertical-align: middle;
}

th.pkg-pkg {
    width: 15%;
}

th.pkg-ver {
    width: 20%;
}

th.pkg-up {
    width: 15%;
}

th.pkg-rfs {
    width: 75px;
}

th.pkg-new {
    width: 90px;
}

#themeswitcher {
    float: right;
    padding: 0.25em;
    margin-left: 0.25em;
}