/* 

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

 * --------------------------------------------------------------------

 */