/*
 ** MediaWiki 'bepo' style sheet for CSS2-capable browsers.
 ** Copyright Jean-Denis Vauguet for http://www.bepo.fr
 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
 **
 ** Based on the Cavendish style by Mozilla Foundation.
 **
 ** Several styles are altered by jQuery hooks. Update
 ** jquery-enhancements.js accordingly.
 */

/* todo: can't we simplify this messy files pattern? */
@import url("content.css");
@import url("template.css");
@import url("basetemplate.css");
@import url("bepo.css");
/*@import url("tooltips.css");*/

/* Body */

body {
  /*background: #2A2A2A url("background.png") top left repeat-x;*/
  background: #2A2A2A;
  /*font-size: 0.8em;*/
  color: #000000;
  margin: 0 10px 10px 10px; 
  padding: 0;
}

/* Dock */

#dock {
  /*border: 1px solid #ff9c08;*/
  border-top: none;
  border-bottom: 1px solid #2B2B2B;
  background: #000000;
  height: 25px;
  /*float: left;*/
  /*position: absolute;*/
  top: 0;
  width: 100%;
  margin-bottom: 0.5em;
}

#dock .left::after {
/*#dock .right {*/
  float: left;
  width: 3px;
  height: 25px;
  background: url('dock.png') no-repeat right top;
}

#dock > ul,
#dock > ul > li {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#dock > ul {
  padding: 0;
  margin: 0;
  height: 25px;
  background-color: #000;
  /*width: 100%;*/
}

#dock > ul > li {
  font-weight: bold;
  padding: 0 1em;
  position: relative;
  border-right: 1px solid #3b3b3b;
  border-left: 1px solid #000;
}

#dock > ul > li.first {
  border-left: none;
}

#dock > ul > li.last {
  border-right: none;
}

#dock > ul > li > a,
#dock ul#personnal-tools li > a  {
  float: left;
  display: block;
  padding: 0;
  color: #aaa;
  text-decoration: none;
  font-size: 12px;
  line-height: 22px;
}

#dock > ul > li > a:hover,
#dock > ul > li.selected > a {
  color: #FFE327;
}

#dock > ul > li > a.active {
  color: #ffde00;
}

#dock > ul#personnal-tools {
  float: right;
}

#dock > ul#personnal-tools > li {
  font-weight: normal;
  border: none;
}

/* Header */

#header ul {
  margin: 0;
  padding-right: 0; /*1em;*/
}

#header li {
  padding: 0 6px 0 0;
  margin-right: 2px;
  font-size: 0.9em;
}

#header ul li.selected a {
  background-position: 0% -0px;
  color: #455372;
}

#header ul li.selected {
  background-position: 100% -200px;
}

div#header {
  clear: both;
}

/* Bepo logo */

#bepo-logo {
  position: relative;
  top: 0;
  left: 0;
  height: 110px;
  width: 250px;
  z-index: 100;
}

#bepo-logo a {
}

#bepo-logo a span {
  display: block;
  height: 110px;
  width: 125px;
}

/* Main container wrapping the wiki content */

#main {
  background: #f9f9f9;
  margin-left: 2px;
  padding: 0.5em 0.5em 0 0.5em;
  height: 100%;
}

/* Footer */

#footer {
  /*border: 1px solid red;*/
  color: #8c8c8c;
  font-size: 0.7em;
  margin: 0 15px;
  padding: 0;
}

#footer-icons {
  float: right;
  /*width: 80px;*/
  margin: 0 0 0 1em;
}

#footer-icons > span {
  margin-left: 0.5em;
}

#footer-text {
  /*text-align: center;*/
  line-height: 15px;
}

#f-about {
  text-align: right;
}

#footer-clear {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  clear: both;
  color: #E9E9E9;
  font-size: 0.1em;
}

#footer a,
#footer a:visited {
  color: #666666;
  text-decoration: none;
  border: none;
}

#footer a:hover {
  color: #ffffff;
}

/* Links */

a.new,
#p-personal a.new { color:#ba0000; }
a.new:visited,
#p-personal a.new:visited { color:#a55858; }

/* Mostly what's inside #main */

#siteSub {
  display: none;
}

#contentSub {
  margin: 0.5em 1em 0 0;
  color: #7d7d7d;
  width: auto;
}

span.subpages { display: block; }

/* Login page */

#wpName1, #wpPassword1, #wpLoginAttempt {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.mw-ui-flush-right {
  font-size: 85%;
  margin-left: 10px;
}

/* User notification */

.usermessage {
  background-color: #ffce7b;
  border: 1px solid #ffa500;
  color: Black;
  font-weight: bold;
  margin: 2em 0em 1em 0em;
  padding: 0.5em 1em;
  vertical-align: middle;
}

#siteNotice {
  text-align: center;
  font-size: 95%;
  padding: 0 0.9em 0 0.9em;
}

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

.error {
  color: red;
  font-size: larger;
}

/* Link-to-top */

#link-to-top-box {
  float: right;
  width: auto;
  margin: 0 0 0 1em;
  padding: 0;
  font-size: 1em;
}

/* Categories */

#catlinks-box {
  float: left;
  width: auto;
  color: #424242;
  margin: 0.5em 1em 0 0;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
}

#catlinks-box #catlinks #mw-normal-catlinks a {
  /*display: none;*/
  color: red;
}

#catlinks-box #catlinks #mw-normal-catlinks span a {
  color: #424242;
}

#catlinks-box #catlinks #mw-normal-catlinks span a:hover {
  color: #961F35;
}

/*#catlinks-box #catlinks #mw-normal-catlinks span a:after { content: "|"; padding-left: 10px; }*/

p.catlinks {
  padding: 0;
  display: inline;
}

/* Table of contents -- toc */

#toc {
  background: #ffffff;
  border: 1px solid #aaaaaa;
  padding: 5px;
  clear: right;
}

#toc ul {
  margin: 0;
  font-size: 10pt;
}

#toc .tocindent {
  margin-left: 2em;
}

#toc .tocline {
  margin-bottom: 0px;
}

#toc p {
  margin: 0
}

#toc .toctoggle {
  font-size: 94%;
}

#toc .editsection {
  margin-top: 0.7em;
  font-size: 94%;
}

#toc #toctitle h2 { margin-top: 0; }

/* images */

div.floatright, table.floatright {
  clear: right;
  float: right;
  position: relative;
  margin: 0 0 0.5em 0.5em;
  border: 0
  /*
  border: 0.5em solid White;
  border-width: 0.5em 0 0.8em 1.4em;
   */
}

div.floatright p {
  font-style: italic;
}

div.floatleft, table.floatleft {
  float: left;
  position: relative;
  margin: 0 0.5em 0 0;
  border: 0
  /*
  margin: 0.3em 0.5em 0.5em 0;
  border: 0.5em solid White;
  border-width: 0.5em 1.4em 0.8em 0;
   */
}
div.floatleft p {
  font-style: italic;
}

/* thumbnails */

div.thumb {
  background: #f9f9f9;
  margin: 0.5em 0;
  border-color: transparent;
  width: auto;
}

div.thumb div {
  border:1px dotted #cccccc;
  padding: 3px !important;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
}

div.thumb div a img {
  border: 1px solid #696969;
}

div.thumb div div.thumbcaption {
  border: none;
  text-align: left;
  line-height: 1.4em;
  padding: 0.3em 0 0.1em 0;
}

div.magnify {
  float: right;
  border: none !important;
  background: none !important;
}

div.magnify a, div.magnify img {
  display: block;
  border: none !important;
  background: none !important;
}

div.tright {
  clear: right;
  float: right;
  margin-left: 0.7em;
  border-width: 0.5em 0 0.8em 1.4em;
}

div.tleft {
  float: left;
  margin-right: 0.7em;
  border-width: 0.5em 1.4em 0.8em 0;
}

.urlexpansion, .hiddenStructure {
  display: none;
}

img.tex {
  vertical-align: middle;
}

span.texhtml {
  font-family: serif;
}

/* edit views etc. */

.special li {
  line-height: 1.4em;
  margin: 0;
  padding: 0;
}

/* Page history styling */
/* the auto-generated edit comments */

.autocomment {
  color: gray;
}

#pagehistory span.user {
  margin-left: 1.4em;
  margin-right: 0.4em;
}

#pagehistory span.minor {
  font-weight: bold;
}

#pagehistory li {
  border: 1px solid White;
}

#pagehistory li.selected {
  background-color:#f9f9f9;
  border:1px dashed #aaaaaa;
}

/* diff rendering */

table.diff {
  background:white;
}

td.diff-otitle {
  background:#ffffff;
}

td.diff-ntitle {
  background:#ffffff;
}

td.diff-addedline {
  background:#ccffcc;
  font-size: smaller;
}

td.diff-deletedline {
  background:#ffffaa;
  font-size: smaller;
}

td.diff-context {
  background:#eeeeee;
  font-size: smaller;
}

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

/*
 ** keep the whitespace in front of the ^=, hides rule from konqueror
 ** this is css3, the validator doesn't like it when validating as css2
 */
#mBody a[href ^="http://"],
#mBody a[href ^="gopher://"] {
  background: url(external.png) center right no-repeat;
  padding-right: 13px;
}
#mBody a[href ^="https://"],
.link-https {
  background: url("lock_icon.gif") center right no-repeat;
  padding-right: 16px;
}
#mBody a[href ^="mailto:"],
.link-mailto {
  background: url("mail_icon.gif") center right no-repeat;
  padding-right: 18px;
}
#mBody a[href ^="news://"] {
  background: url("news_icon.png") center right no-repeat;
  padding-right: 18px;
}
#mBody a[href ^="ftp://"],
.link-ftp {
  background: url("file_icon.gif") center right no-repeat;
  padding-right: 18px;
}
#mBody a[href ^="irc://"],
.link-irc {
  background: url("discussionitem_icon.gif")  center right no-repeat;
  padding-right: 18px;
}
/* disable interwiki styling */
#mBody a.extiw,
#mBody a.extiw:active {
  color: #3366bb;
  background: none;
  padding: 0;
}
#mBody a.external { color: #3366bb; }
/* this can be used in the content area to switch off
special external link styling */
#mBody .plainlinks a {
  background: none !important;
  padding: 0;
}
/*
 ** Structural Elements
 */

/*
 ** general portlet styles (elements in the quickbar)
 */
.portlet {
  border: none;
  margin: 0 0 0.5em 0em;
  float: none;
  padding: 0;
  width: 11.6em;
  overflow: hidden;
}
.portlet h4 {
  font-size: 95%;
  font-weight: normal;
  white-space: nowrap;
}
.portlet h5 {
  background: transparent;
  padding: 0em 1em 0em 0.5em;
  text-transform: lowercase;
  display: inline;
  font-size: 91%;
  height: 1em;
  font-weight: normal;
  white-space: nowrap;
}
.portlet h6 {
  background: #ffae2e;
  border: 1px solid #2f6fab;
  border-style: solid solid none solid;
  padding: 0em 1em 0em 1em;
  text-transform: lowercase;
  display: block;
  font-size: 1em;
  height: 1.2em;
  font-weight: normal;
  white-space: nowrap;
}
.pBody {
  font-size: 95%;
  background: White;
  border-collapse: collapse;
  border: 1px solid #aaaaaa;
  padding: 0 0.8em 0.3em 0.5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
  margin: 0;
  padding: 0;
}
.portlet ul {
  line-height: 1.5em;
  list-style-type: square;
  list-style-image: url("bullet.gif");
  font-size:95%;
}
.portlet li {
  padding: 0;
  margin: 0;
}

/*
 ** Logo properties
 */

#p-logo {
  z-index: 3;
  position:absolute; /*needed to use z-index */
  top: 0;
  left: 0;
  height: 155px;
  width: 12em;
  overflow: visible;
}
#p-logo h5 { display: none; }
#p-logo a,
#p-logo a:hover {
  display: block;
  height: 155px;
  width: 12.2em;
  background-repeat: no-repeat;
  background-position: 35% 50% !important;
  text-decoration: none;
}

/*
 ** the navigation portlet
 */

#p-nav {
  position:relative;
  z-index:3;
}

/*
 ** Search portlet
 */
#p-search {
  position:relative;
  z-index:3;
}
#p-search .pBody {
  text-align: center;
}
input.searchButton {
  margin-top:1px;
  font-size: 95%;
}
#searchGoButton {
  padding-left: .5em;
  padding-right: .5em;
  font-weight: bold;
}
#searchInput {
  width:10.9em;
  margin: 0;
  font-size: 95%;
}
#p-search .pBody {
  padding: 0.5em 0.4em 0.4em 0.4em;
}

/*
 ** the personal toolbar
 */

#p-personal {
  width:100%;
  white-space:nowrap;
  padding: 0;
  margin: 0;
  position:absolute;
  left:0px;
  top:0px;
  z-index: 0;
  border: none;
  background: none;
  overflow: visible;
  line-height: 1.2em;
}

#p-personal h5 {
  display:none;
}
#p-personal .portlet,
#p-personal .pBody {
  padding:0;
  margin:0;
  border: none;
  z-index:0;
  overflow: visible;
  background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
  border: none;
  line-height: 1.4em;
  color: #2f6fab;
  padding: 0em 2em 0 3em;
  margin: 0;
  text-align: right;
  text-transform: lowercase;
  list-style: none;
  z-index:0;
  background: none;
}
#p-personal li {
  z-index:0;
  border:none;
  padding:0;
  display: inline;
  color: #2f6fab;
  margin-left: 1em;
  line-height: 1.2em;
  background: none;
}
#p-personal li a {
  text-decoration: none;
  color: #005896;
  padding-bottom: 0.2em;
  background: none;
}
#p-personal li a:hover {
  background-color: White;
  padding-bottom: 0.2em;
  text-decoration: none;
}


/*
 ** the page-related actions- page/talk, edit etc
 */
#p-cactions {
  position:absolute;
  top: 1.3em;
  left: 11.5em;
  margin: 0;
  white-space:nowrap;
  width: 76%;
  line-height: 1.1em;
  overflow: visible;
  background: none;
  border-collapse: collapse;
  padding-left: 1em;
  list-style: none;
  font-size: 95%;
}
#p-cactions .hiddenStructure { display: none; }
#p-cactions ul {
  list-style: none;
}
#p-cactions li {
  display: inline;
  border: 1px solid #aaaaaa;
  border-bottom: none;
  padding: 0 0 0.1em 0;
  margin: 0 0.3em 0 0;
  overflow: visible;
  background: White;
}
#p-cactions li.selected {
  border-color: #fabd23;
  padding: 0 0 0.2em 0;
}
#p-cactions li a {
  background-color: White;
  color: #002bb8;
  border: none;
  padding: 0 0.8em 0.3em 0.8em;
  text-decoration: none;
  text-transform: lowercase;
  position: relative;
  z-index: 0;
  margin: 0;
}
#p-cactions .selected a { z-index: 3; }
#p-cactions .new a { color:#ba0000; }
#p-cactions li a:hover {
  z-index: 3;
  text-decoration: none;
}
#p-cactions h5 { display: none; }
#p-cactions li.istalk { margin-right: 0; }
#p-cactions li.istalk a { padding-right: 0.5em; }
#p-cactions #ca-addsection a {
  padding-left: 0.4em;
  padding-right: 0.4em;
}
/* offsets to distinguish the tab groups */
li#ca-talk { margin-right: 1.6em; }
li#ca-watch, li#ca-watch, li#ca-varlang-0 { margin-left: 1.6em; }


/*
 ** the remaining portlets
 */
#p-tbx,
#p-lang {
  position:relative;
  z-index:3;
}

/*
 ** footer
 */

/* js pref toc */
#preftoc {
  float: left;
  margin: 1em 1em 1em 1em;
  width: 13em;
}
#preftoc li { border: 1px solid White; }
#preftoc li.selected {
  background-color:#f9f9f9;
  border:1px dashed #aaaaaa;
}
#preftoc a,
#preftoc a:active {
  display: block;
  color: #0014a6;
}
#prefcontrol {
  clear: both;
  float: left;
  margin-top: 1em;
}
div.prefsectiontip {
  font-size: 95%;
  margin-top: 1em;
}
fieldset.operaprefsection { margin-left: 15em }

/*
 ** IE/Mac fixes, hope to find a validating way to move this
 ** to a separate stylesheet. This would work but doesn't validate:
 ** @import("IEMacFixes.css");
 */
/* tabs: border on the a, not the div */
* > html #p-cactions li { border:none; }
* > html #p-cactions li a {
  border: 1px solid #aaaaaa;
  border-bottom: none;
}
* > html #p-cactions li.selected a { border-color: #fabd23; }
/* footer icons need a fixed width */
* > html #f-poweredbyico,
 * > html #f-copyrightico { width: 88px; }
 * > html #mBody {
   overflow-x: auto;
   width: 100%;
   padding-bottom: 25px;
}

/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {margin-top: 0;}
* html #column-content {
  display: inline;
  margin-bottom: 0;
}
* html div.editsection { font-size: smaller; }
#pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */
* > html #column-content {
  float: none;
}
* > html #column-one {
  position: absolute;
  left: 0;
  top: 0;
}
* > html #footer {
  margin-left: 13.2em;
}
.redirectText {
  font-size:150%;
  margin:5px;
}

.printfooter {
  display: none;
}

.not_patrolled {
  background-color: #ffa;
}
div.patrollink {
  font-size: 75%;
  text-align: right;
}
span.newpage, span.minor, span.searchmatch {
  font-weight: bold;
}
span.unpatrolled {
  font-weight:bold;
  color:red;
}

span.searchmatch {
  color: red;
}
.sharedUploadNotice {
  font-style: italic;
}

span.updatedmarker {
  color:black;
  background-color:#00FF00;
}
span.newpageletter {
  font-weight:bold;
  color:black;
  background-color:yellow;
}
span.minoreditletter {
  color:black;
  background-color:#C5FFE6;
}

table.gallery {
  border:  1px solid #cccccc;
  margin:  2px;
  padding: 2px;
  background-color:#ffffff;
}

table.gallery tr {
  vertical-align:top;
}

table.gallery td {
  vertical-align:top;
  background-color:#f9f9f9;
  border: solid 2px white;
}

div.gallerybox {
  margin: 2px;
  width:  150px;
}

div.gallerybox div.thumb {
  text-align: center;
  border: 1px solid #cccccc;
  margin: 2px;
}

div.gallerytext {
  font-size: 94%;
  padding: 2px 4px;
}

/* Misceallenous */

.clr, .clr-both {
  clear: both;
}

.clr-left {
  clear: left;
}

.clr-right {
  clear: right;
}

.invisible {
  background: transparent;
  color: transparent;
}

.center {
  width: 100%;
  text-align: center;
}

*.center * {
  margin-left: auto;
  margin-right: auto;
}

.small, .small * {
  font-size: 94%;
}

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