Blob Blame History Raw
/* 
 * screen.css -- This file provides visual style for screens.
 *
 * Copyright (C) 2009-2013 The CentOS Project
 *
 * This CSS is free software; you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This CSS 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., 675 Mass Ave, Cambridge, MA 02139, USA.
 * 
 */

/*
 * Webenv -> Main Blocks
 * ---------------------
 */

div#header,
div#wrap,
div#body,
div#footer {
    min-width: 728px;
    }

/* Header */

div#header {
	background: #204C8D url("../img/moin-header-background.png") 0 0 repeat;
	min-height: 46px;
	}

/* Content */

div#wrap {
    background-color: #FFF;
    padding: 0 10px;
	}

div#body {
	clear: both;
    background-color: #F8F8F8;
	}

div#page,
div#preview {
    padding: 10px 30px 30px;
    }

div#content {
    background-color: #FFF;
    margin-bottom: 20px;
    }

div#content > p,
div#content > pre,
div#content table,
div#content div#page-history,
div#content div#content-below-diff > p,
div#content div#content-below-diff > pre,
div#content div#preview > p,
div#content div#preview > pre {
    margin-left: 20px;
    }

/* Headings */

h1 {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.9em;
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    padding-left: 20px; /* Should be the same for h{1-4} */
    color: #FFF;
    border: none;
    background-color: #204C8D;
    background-image: url("../img/moin-h1-background.png");
    -moz-border-radius: 3px;
    }

h2 {
    font-size: 1.4em;
    line-height: 1.8em;
    margin: 0;
    margin-top: 1.6em;
    margin-bottom: 0.8em;
    padding-left: 20px; /* Should be the same for h{1-4}*/
    background-image: url("../img/moin-h2-background.png");
    border: none;
    color: #072B61;
    -moz-border-radius: 3px;
    }

h3 {
    font-size: 1.25em;
    line-height: 1.6em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 20px; /* Should be the same for h{1-4} */
    color: #072B61;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DADADA;
    }
h4 {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 20px; /* Should be the same for h{1-4} */
    color: #072B61;
    border-bottom: none;
    }

h5 {
    font-size: 1.1em;
    line-height: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 20px; /* Should be the same for h{1-4} */
    color: #072B61;
    font-weight: bold;
    border-bottom: none;
    }

h6 {
    font-size: 1em;
    line-height: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 20px; /* Should be the same for h{1-4} */
    color: #000;
    font-weight: bold;
    border-bottom: none;
    }

#editor-help {
    padding: 1em;
	border: 1px solid;
    background-image: url("../img/moin-msg-bg-blue.png");
	border-color: #D2E0F6;
	background-color: #ECF4FF;
    }

#editor-help dl {
    margin: 0 0 2em;
    }

#editor-help dl dt {
    margin: 0.5em;
    font-size: 1.2em;
    border-bottom: 1px solid #D2E0F6;
    }

#editor-help dl dd {
    margin-top: 0.5em;
    margin-bottom: 1em;
    }

div#content-below-diff {
    margin-top: 20px;
    }

div.recentchanges {
    margin-top: 20px;
    font-size: x-small;
    }

div.recentchanges td.rcicon1 {
    text-align: center;
    }

div.recentchanges td.rcicon1 img,
div.recentchanges td.rcicon2 img {
    margin: 0 !important;
    }

div.recentchanges div.rcrss img,
table.recentchanges td img {
    margin-left: 0 !important;
    }

table.recentchanges {
    margin-left: 0 !important;
    width: 100%;
    margin-top: 15px;
    }

.recentchanges table {
    width: 100%;
    margin-left: 0 !important;
    }

.recentchanges tr.rcdaybreak {
    background-image: url("../img/moin-h2-background.png");
    }

p.diff-header {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    margin: 10px 0 !important;
    }

table.diff {
    font-size: x-small;
    width: 100%;
    }

table.diff tr.diff-title td {
    border:none;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    width: 50%;
    }

table.diff td.diff-removed {
    background: #FFDDDD;
    border: 1px solid #CC0000;
    border-right: 1px solid #AAA;
    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
    }

table.diff td.diff-added {
    background: #DDFFDD;
    border: 1px solid #00AA00;
    border-left: 1px solid #AAA;
    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
    }

/* Paragraphs */

div#content p {
    /* text-align:justify; */
    }

div#content form .userpref table {
    margin-bottom: 1em;
    }

div#content form .userpref p {
    margin-left: 0;
    }

div#page p#pageinfo {
    margin-top: 5em;
    margin-bottom: 0;
    color: gray;
    }

/* Logo */

div#header div#logo img {
    border: none;
    float: left;
    margin-left: 10px;
    }

/* Google advertisement (468x60px) */

div#header div.ads-google {
    float: right;
    margin: 5px;
    }

div#header div.ads-google img {
    border: none;
    }

/* Last releases and RSS link for them. */

div#header div#last-releases {
    clear: both;
    min-height: 35px;
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    background: #3465A4;
    }

div#header div#last-releases div.left {
    display: block;
    float: left;
    width: 80%;
    margin-top: 10px;
    font-size: small;
    }

div#header div#last-releases div.right {
    float: right;
    margin-top: 9px;
    margin-right: 5px;
    }

div#header div#last-releases div.right span.rss span {
    text-align: center;
    font-weight: bold;
    background: #729fcf;
    padding: 4px 10px;
    }

div#header div#last-releases div {
    margin-left: 10px;
    }

div#header div#last-releases div span.title {
    font-weight: bold;
    color: #FFF;
    }

div#header div#last-releases div span.release {
    border-right: 1px dotted #FFF;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    }

div#header div#last-releases div span.last {
    border-right: 0px;
    }

/* User links on header */

div#header div.userlinks {
    padding: 10px;
    text-align: right;
    font-size: x-small;
    clear: both;
    }

div#header div.userlinks div.lastvisit {
    width: 50%;
    float: left;
    text-align: left;
    }

div#header div.userlinks div.lastvisit span {
    border: none;
    }

div#header div.userlinks div.lastvisit span.title {
    color: #FFF;
    }

div#header div.userlinks div.lastvisit span.datetime {
    font-style: italic;
    color: #FFF;
    }

div#header div.userlinks div.session {
    width: 50%;
    float: right;
    }

div#header div.userlinks div.session a {
    margin-left: 10px;
    margin-right: 10px;
	}

div#header div.userlinks div.session span {
    border-right: 1px dotted #FFF;
	}

div#header div.userlinks div.session span.last {
	border-right: none;
	}

div#header div.userlinks div.session span.last a {
	margin-right: 0;
	}

div#header div.userlinks div.session span.last:after {
	content: none;
	}

div#header div.userlinks div.trail {
	text-align: right;
    clear: both;
    padding-top: 5px;
    }

div#header div.userlinks div.trail span {
	display: inline;
	}

div#header div.userlinks div.trail span.last {
	border-right: none;
	padding-right: 0;
	}

div#header div.userlinks div.trail span:after {
	content: "»";
    color: #FFF;
    margin-left: 5px;
    margin-right: 3px;
	}

div#header div.userlinks div.trail span.last:after {
	content: none;
	}

/* User trail on content. */

div#body div.usertrail {
    font-size: small;
    }

div#body div.usertrail a {
    margin-right: 5px;
	}

div#body div.usertrail span {
	display: inline;
	}

div#body div.usertrail span.last {
	border-right: none;
	padding-right: 0;
	}

div#body div.usertrail span.last a {
	margin-right: 0;
	}

div#body div.usertrail span:after {
	content: "»";
	}

div#body div.usertrail span.last:after {
	content: none;
	}

/* Page lines */

.line {
	clear: both;
	margin: 0;
	padding: 0;
	background-color: transparent;
	}

.line.white {
	height: 3px;
	background-color: #FFF;
	}

#pageinfo {
    text-align: right;
    font-size: x-small;
    }

/* Footer */

#footer {
    clear: both;
    padding-bottom: 1em;
	background: #204C8D url("../img/moin-header-background.png") 0 0 repeat;
	}

#footer div.credits {
    padding: 10px;
    }
    
#footer div.credits .copyright,
#footer div.credits .license {
    font-size: x-small;
    color: #FFF;
    line-height: 1.5em;
    }

#footer div.credits a {
    color: #FFF;
    font-style: italic;
    }

#footer div.top {
    float:right;
    }

#footer .editbar {
    border-top-width: 2px;
    border-top-style: dotted;
    border-top-color: #628EAC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C9C9C9;
    }

#footer .navibar li {
    background-color: #FFF;
    background-image: url("../img/moin-navibarbottom-bg.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    -moz-border-radius: 0 0 3px 3px;
    }

#footer .navibar li:hover {
    background-color: #628ECA;
    background-image: url("../img/moin-navibarbottom-hover-bg.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    }

#footer .navibar li.current, 
#footer .navibar li.current:hover, 
#footer .navibar li.current:hover a, 
#footer .navibar li.current:active a {
    color: #FFFFFF;
    background-color: #628ECA;
    background-image: url("../img/moin-navibarbottom-hover-bg.png"); 
    background-position: left top;
    background-repeat: repeat-x;
    }

#credits, 
#version, 
#timings {
    text-align: center;
    font-size: 0.88em;
    padding: 0;
    margin-top: 2.5em;
    color: #EEE;
    }

#credits a { 
    color: #EEE; 
    }

#credits a:hover {
    text-decoration: underline;
    }

#credits li, #timings li {
    display: inline;
    padding-right: 2px;
    margin-right: 4px;
    color: #EEE;
    }

#credits img {
    vertical-align: middle;
    }

/* 
 * Webenv -> Forms
 * ---------------
 */

div#body div.row1 {
	clear: both;
	background: #F8F8F8;
	padding: 10px;
	}

div#body div.row2 {
	clear: both;
	background: #FFFFFF;
	padding: 10px;
	}

div#body div.row3 {
	clear: both;
	border-top: 1px solid #CCC;
	padding: 10px;
	margin-top: 10px;
	}

div#body fieldset div.row1 span.descrip,
div#body fieldset div.row2 span.descrip {
	float: left;
	}

div#body fieldset div.field {
	display: block;
	margin-left: 30%;
	}

div#body fieldset div.field div.column {
	float: left;
	margin-right: 1em;
	padding-right: 1em;
	border-right: 1px dotted #AAA;
	}

div#body fieldset div.row3 div.descrip {
	display: block;
	font-size: small;
	color: #AAA;
	font-style: italic;
	width: 70%
	}

div#body fieldset span.submit {
	float: right;
	}

/* */

div#body div.actions {
    margin-top: 10px;
	border-bottom: 1px solid #AAA;
    padding-bottom: 10px;

    }

div#body div.actions span {
	display: inline;
	margin: 0;
	padding-right: 10px;
	border-right: 1px dotted #AAA;
	color: #AAA;
	}

div#body div.actions span.last {
	border-right: none;
	padding-left: 10px;
	}

/* */

div#body div.pagination {
    font-size: small;
    padding: 10px;
    border-top: 1px #AAA solid;
    margin-bottom: 2em;
    }

div#body div.pagination span.left {
    float: left;
    }

div#body div.pagination span.left a:before {
    content: "«";
    padding-right: 3px;
    }

div#body div.pagination span.right a:after {
    content: "»";
    padding-left: 3px;
    }

div#body div.pagination span.right {
    float: right;
    }

/* */

div#body div.records-list {
    display: block;
    }

div#body div.records-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

div#body div.records-list ul li {
    padding: 0.5em;
    }

div#body div.records-list ul li.row1 {
    background: #F8F8F8;
    }

div#body div.records-list ul li span.col0 {
    display: block;
    float:left;
    text-align: center;
    padding-right: 0.5em;
    margin-right: 0.5em;
    border-right: 1px solid #FFF;
    }

div#body div.records-list ul li span.col1 {
    width: 250px;
    display: block;
    float:left;
    }

div#body div.records-list ul li span.col2 {
    border-left: 1px solid #FFF;
    padding-left: 0.5em;
    }

div#body div.records-list ul li.title {
    font-weight: bold;
    background: #eee;
    border-bottom: 1px #AAA solid;
    }

#editor-textarea {
    width: 99%;
    }

/*
 * Webenv -> Links
 * ---------------
 */

/* Broken or nonexistent links. */

a.nonexistent,
a.nonexistent:hover { color: gray; }

/* Special decoration for some links' classes */

a.www:before,
a.http:before,
a.https:before, {
    white-space:nowrap;
    content: url(../img/moin-www.png);
    margin: 0 0.2em;
    }

a.ftp:before {
    white-space:nowrap;
    content: url(../img/moin-ftp.png);
    margin: 0 0.2em;
    }

a.nntp:before {
    white-space:nowrap;
    content: url(../img/moin-nntp.png);
    margin: 0 0.2em;
    }

a.news:before {
    white-space:nowrap;
    content: url(../img/moin-news.png);
    margin: 0 0.2em;
    }

a.telnet:before {
    white-space:nowrap;
    content: url(../img/moin-telnet.png);
    margin: 0 0.2em;
    }

a.irc:before {
    white-space:nowrap;
    content: url(../img/moin-irc.png);
    margin: 0 0.2em;
    }

a.file:before {
    white-space:nowrap;
    content: url(../img/moin-file.png);
    margin: 0 0.2em;
    }

a.mailto:before {
    white-space:nowrap;
    content: url(../img/moin-email.png);
    margin: 0 0.2em;
    }

a.attachment:before {
    white-space:nowrap;
    content: url(../img/moin-attach.png);
    margin: 0 0.2em;
    }

a.interwiki:before {
    white-space:nowrap;
    content: url(../img/moin-inter.png);
    margin: 0 0.2em;
    }

/* */

div#header .user-last-visit a,
div#header .userlinks a,
div#header .usertrail a,
div#header #last-releases a {
	color: #fff;
    }

/* 
 * Webenv -> Lists
 * ---------------
 */

ul { 
    list-style: url("../img/moin-ul.png") circle; 
    } 

div#rightbar ul {
    padding: 0.5em 0.5em 1em 1em;
    margin: 0;
    list-style: none;
    border-top: 1px #EEE solid;
    }

div#rightbar ul.first {
    border-top: none;
    }

div#right ul li {
    padding: 2px;
    }

/* Table of content (table-of-contents)  */

div.table-of-contents {
	font-size: small;
	text-align:left;
    margin-bottom: 2em;
	border: 1px solid #DDD;
    background-image: url("../img/moin-msg-bg-gray.png");
	background-color: #FFF;
    -moz-border-radius: 3px;
    margin-left: 1.5em;
	}

div.table-of-contents > ol {
    margin-left: 3.5em;
    }

div.table-of-contents p.table-of-contents-heading {
    font-size: 1.4em;
    line-height: 1.8em;
    margin: 0;
    padding-left: 1em; /* Should be the same for h{1-4}*/
    background-image: url("../img/moin-h2-background.png");
    color: #072B61;
    font-weight: bold;
    border-bottom: 1px solid #DDD;
    }

div.searchresults {
    border-top: 1px solid #AAA;
    }

div.searchresults dl {
    margin-left: 20px;
    margin-right: 20px;
    }

/* 
 * Webenv -> Quotation
 * -------------------
 */

/* Action messages */

#message {
    padding: 0 2em 0em;
	border: none;
	border-top: 4px solid;
	border-bottom: 4px solid;
    background-image: url("../img/moin-msg-bg-blue.png");
	border-color: #D2E0F6; 
	background-color: #ECF4FF;
    }

#message .buttons {
    margin-bottom: 1em;
    }


/* Admonitions
 * 
 * NOTE: To build admonitions, use the following wiki markup as
 * template:
 * --------------------------------------------------------------------
 * ||<tableclass="message blue"^|2>  attachment:ArtWork/note.png ||||<class="title" width="99%"(> Note: ||
 * ||<class="content"> Here is where the admonition content goes in. ||
 * --------------------------------------------------------------------
 */

table.message {
    margin-top: 1.5em;
    margin-bottom: 1.3em;
    }

table.message td {
    padding: 5px;
    }

table.message.blue {
    background-image: url("../img/moin-msg-bg-blue.png");
	background-color: #ECF4FF;
    }

table.message.blue td:first-child {
    border-left: 5px solid #D2E0F6;
    border-top: 1px solid #D2E0F6;
    border-bottom: 1px solid #D2E0F6;
    border-right: none;
    }

table.message.blue td.title {
    border-top: 1px solid #D2E0F6;
    border-right: 1px solid #D2E0F6;
    border-bottom: none;
    border-left: none;
    padding-bottom: 0;
    font-size: 1.3em;
    font-weight: bold;
    color: inherit;
    }

table.message.blue td.content {
    border-right: 1px solid #D2E0F6;
    border-top: none;
    border-bottom: 1px solid #D2E0F6;
    border-left: none;
    }

table.message.orange {
    border-color: #F6E7D2; 
    background-color: #FFF8EC;
    background-image: url("../img/moin-msg-bg-orange.png");
    }

table.message.orange td:first-child {
    border-left: 5px solid #F6E7D2;
    border-top: 1px solid #F6E7D2;
    border-bottom: 1px solid #F6E7D2;
    border-right: none;
    }

table.message.orange td.title {
    border-top: 1px solid #F6E7D2;
    border-right: 1px solid #F6E7D2;
    border-bottom: none;
    border-left: none;
    padding-bottom: 0;
    font-size: 1.3em;
    font-weight: bold;
    color: inherit;
    }

table.message.orange td.content {
    border-right: 1px solid #F6E7D2;
    border-top: none;
    border-bottom: 1px solid #F6E7D2;
    border-left: none;
    }

table.message img {
    margin-left: 10px !important;
    }

/* 
 * Webenv -> Tabs (Style 2: Two Rounded Borders)
 * ---------------------------------------------
 */

div#header div.tabs {
	margin-left: 10px;
    margin-right: 10px;
    }

div#header div.tabs a {
	color: #FFF;
	float: left;
	font-weight: bold;
	margin-right: 3px;
	padding: 0px 8px 0 0px;
	text-decoration: none;
	}

div#header div.tabs span.current a,
div#header div.tabs span.current a:hover, 
div#header div.tabs span.current a span,
div#header div.tabs span.current a:hover span {
	color: #204A87;
	text-decoration: none;
	}

div#header div.tabs a span {
	float: left;
	padding: 5px 0px 3px 8px;
	}

/* */

div#header div.tabs a {
	background: none;
	}

div#header div.tabs a span {
	background: none;
	}

div#header div.tabs span.current a,
div#header div.tabs span.current a:hover {
	background: url("../img/tabs-bg-1.png") 100% -50px no-repeat;
	}

div#header div.tabs span.current a span,
div#header div.tabs span.current a:hover span {
	background: url("../img/tabs-bg-2.png") 0 -50px no-repeat;
	}

div#header div.tabs span:hover a {
	background: url("../img/tabs-bg-1.png") 100% 0 no-repeat;
	}

div#header div.tabs span:hover a span {
	background: url("../img/tabs-bg-2.png") 0 0;
	}

/* Application level navigation bar. */

.editbar {
    clear: both;
    display: block;
    margin: 0;
    padding-left: 20px;
    white-space: nowrap;
    background: #EDF4FF; 
    font-size: 0.9em;
    }

.editbar form, .editbar form div {
    display: inline;
    margin: 0px;
    }

.editbar li {
    display: inline;
    padding: 0;
    margin-right: 10px;
    }

*[dir="rtl"] .editbar li {
    float: right;
    }

#header .editbar {
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #628ECA;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #C9C9C9;
    }

.navibar {
    /* Problem: clear: right; aligns nicely right of
     * logo, but lets it float high in the header,
     * disconnected from ground */  
    clear: both;
    display: block;
    height: 20px;
    padding: 0;
    padding-left: 10px;
    margin: 0;
    font-size: 0.9em;

    /* For avoiding a gap between navibar and pageline
     * on IE */
    zoom: 1;
    }

.navibar li {
    float: left;
    display: inline;
    white-space: nowrap;
    margin-left: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #628ECA;
    background-color: #FFF;
    background-image: url("../img/moin-navibartop-bg.png");
    background-position: left top;
    background-repeat: repeat-x;
    -moz-border-radius: 3px 3px 0 0;
    }

*[dir="rtl"] .navibar li {
    float: right;
    }

.navibar li.wikilink {
    /*background: #3967a3; /*url(../img/tab-wiki.png) repeat-x;*/
    }

.navibar li.userlink {
    /*background: #E6EAF0; /*url(../img/tab-user.png) repeat-x;*/
    }

.navibar li a { 
    /* To cover the box area as linkable in the header area */
    padding: 7px 8px; 
    }

#header .navibar li.current a { 
    /* To cover the box area as linkable in the header area */
    padding: 6px 8px 7px; 
    }


#footer .navibar li.current a { 
    /* To cover the box area as linkable in the footer area */
    padding: 7px 8px 5px;
    }

.navibar a, .navibar a:visited {
    color: #204C8D;
    text-decoration: none;
    }

.navibar li.current a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    padding-top: 6px;
    }

.navibar li:hover {
    background-color: #628ECA;
    background-image: url("../img/moin-navibartop-hover-bg.png");
    background-position: left top;
    background-repeat: repeat-x;
    }

.navibar li:hover a {
    color: #FFFFFF;
    text-decoration: none;
    }

.navibar li:hover a:active { color:#FFF; text-decoration:none;}
.navibar li a:active { color:#204C8D; text-decoration:none;}

.navibar li.current, 
.navibar li.current:hover, 
.navibar li.current:hover a, 
.navibar li.current:active a {
    color: #FFFFFF;
    background-color: #628ECA;
    background-image: url("../img/moin-navibartop-hover-bg.png"); 
    background-position: left top;
    background-repeat: repeat-x;
    }

#username {
    margin: 0;
    text-align: right;
    font-size: 0.82em;
    white-space: nowrap;
    }

*[dir="rtl"] #username {
    text-align: left;
    }

#username li {
    display: inline;
    padding-right: 0.5em;
    }

#username li:last-child {
    padding-right: 0; 
    }

#username form {
    display: inline;
    }

#username input {
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
    background: #E7E7E7; /* inherit doesnt work on IE */
    color: blue;
    font-size: 0.82em;
    cursor: pointer;
    }

#username input:hover {
    color: red;
    }

#searchform {
    color: #FFFFFF; 
    margin-top: 5px;
    text-align: right;
    padding: 0;
    white-space: nowrap;
    float: right;
    }

*[dir="rtl"] #searchform {
    float: left;
    }

#searchform input{
    padding: 3px;
    font-size: 0.82em;
    }

#searchinput {
    background: #EDF4FF;
    border-width: 2px;
    border-style: solid;
    border-color: #204C8D;
    color: #204C8D;
    display: inline;
    width: 160px;
    -moz-border-radius: 3px;
    }

#titlesearch, #fullsearch {
    border-width: 1px;
    border-style: solid;
    border-color: #204C8D;
    background: #3B71B8; /* inherit doesnt work on IE */
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    font-weight: bold;
    text-decoration: none;
    -moz-border-radius: 3px;
    }

#searchform label {
    display: block;
    }


#searchform form div {
    display: inline;
    }

#pagetrail {
    font-size: 0.82em;
    margin: 0;
    color: #EEE;
    text-align: right;
    }

*[dir="rtl"] #pagetrail {
    clear: left;
    }

#interwiki {
    margin-right: 0.5em;
    float:left;
    font-size: 1em;
    }

*[dir="rtl"] #interwiki {
    display: inline;
    margin-right: 5px;
    font-size: 1em;
    }

#interwiki span:after {
    content: ":";
    }

#locationline {
    padding-left: 20px;
    padding-right: 20px;
    }

*[dir="rtl"] #locationline {
    clear: left;
    }

#pagelocation {
    margin: 5px 0;
    padding: 0;
    }

#pagelocation li {
    display: inline;
    color: #3B639B;
    }

#pagetrail li {
    display: inline;
    margin: 0;
    }

/* XXX Warning: non-ascii characters! */

#pagetrail li:after {
    content: " » ";
    }

*[dir="rtl"] #pagetrail li:after {
    content: " « ";
    }

#pagetrail li:last-child:after {
    content: "";
    }

#pagelocation li:after {
    content: " » ";
    }

*[dir="rtl"] #pagelocation li:after {
    content: " \\ "; /* TODO: check what looks best with RTL */
    }

#pagelocation li:last-child:after {
    content: "";
    }

#username a:link { text-decoration: none; color: #EEE;}
#username a:hover { text-decoration: underline; color: #FFF; }
#username a:active { text-decoration: underline; color: #FFF; }
#username a:visited { text-decoration: none; color: #EEE; }
#username a:visited:hover { text-decoration: underline; color: #FFF; }

#pagetrail a:link { text-decoration: none; color: #EEE; }
#pagetrail a:hover { text-decoration: underline; color: #FFF; }
#pagetrail a:active { text-decoration: underline; color: #FFF; }
#pagetrail a:visited { text-decoration: none; color: #EEE; }
#pagetrail a:visited:hover { text-decoration: underline; color: #FFF; }

#userlinks {
    padding: 10px;
    }

.pageline {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    /* sync these values, line-height is needed for IE */
    height: 5px;
    line-height: 5px;
    background: #628ECA;
    }

/* Horizontal rules */
hr.hr1 { height: 2px; }
hr.hr2 { height: 3px; }
hr.hr3 { height: 4px; }
hr.hr4 { height: 5px; }
hr.hr5 { height: 6px; }
hr.hr6 { height: 7px; }