/*  screen.css - MoinMoin Screen Style for PLSAVEZ

Copyright (c) 2006 Jure Kodzoman

*/

/* content styles */

/* debug 
* {border: 1px dotted blue;}
*/
html{
   background: white;
}
body {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 12px;
    padding: 0;
    border: 0;
    background-color: white;
    color: #221B1B;
}

.content { 
   margin: 0px auto;
   width: 768px;
   background: white;
   border: 0px;
}

h1{ color: #003151; }

h2, h3{
color: #4c4c4c;
}

h4, h5, h6{
color: #183720;
}

h1, h2, h3, h4, h5, h6, #locationline{
font-family:"Georgia", verdana, helvetica, arial, sans-serif; 
text-align: left;
}

h1{ 
font-size: 22px; 
font-weight: normal; 
font-family:"Georgia", verdana, helvetica, arial, sans-serif;
background: url(../img/h1back.gif) no-repeat top left;
margin-left: -20px;
padding-left: 20px;

}
h2{ font-size: 18px; font-weight: normal;}
h3{ font-size: 14px; font-weight: normal; }
h4{ font-size: 12px; font-weight: normal; }

a { text-decoration: none; color: #12639A; }
a:hover, a:active { text-decoration: underline; color:#004707; }
a:visited {  text-decoration: none; 	color:  #004B89; }
a:visited:hover { text-decoration: underline; color:#002007;  }

ul {
  list-style-image: url("../img/bullet.gif");
  margin: 1em 0 1.5em 0;
  padding: 0;
}
ul ul{
  list-style-image: url("../img/bullet2.gif");
}

ol {
  margin: 1em 0 1.5em 0;
  padding: 0;
}


dl {
  margin: 1em 0 0.5em 0;
  padding: 0;
}

ul li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 1.5em;
  padding: 0;
}

ol li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 2em;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  line-height: 1.75em;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

input{
border: 1px solid #1F204E; 
background: #EEEFFF;
padding: 3px;
}

textarea {
    border: 1px solid #1F204E; 
	 background: #EEEFFF;
	 padding: 3px;
    font-size: 1em;
    font-family: monospace;
}

/* user interface styles */

#header {
    margin: 0;
    padding: 0px;
    /* background: #3D4551; */
    background: white;
    line-height: 1.1em;
}

#logo {
    display: block;
    margin: 0px 0px;
    padding: 0;
    /* For text only logo */
    font-size: 1.4em;
    line-height: 1em;
    font-weight: bold;
}

*[dir="rtl"] #logo {
    float: right;
}

#logo img {
    vertical-align: top;
}

#logo a {
    font-size: 1em;
    color: black;
    text-decoration: none;
}

#username {
    display: inline;
    margin-left: 5px;  
    padding: 0;
    text-align: left;
    white-space: nowrap;
}

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

#username a{
color: #1F204E;
}

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

#username form {
    display: inline;
}

#username input {
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent; /* inherit doesnt work on IE */
    color: #1F204E;
    text-decoration: underline;
    cursor: pointer;
}

#username input:hover, #username a:hover {
    color: black;
}

#searchform {
    float: right;
    margin: 5px 10px;
    padding: 0;
    white-space: nowrap;
    font-size: 0.82em;
}

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


#searchform form div {
    display: inline;
}

#searchform input{
    padding: 1px;
}

#titlesearch, #fullsearch{
    display: inline;
    padding: 0;
    margin: 0;
    border: 0px solid black;
    background: #1F204E; /* inherit doesnt work on IE */
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

#searchform label{display: block;}

#pagetrail {
    color: #636958;
    clear: right;
    display: inline; 
    margin: 5px 12px;
    padding: 0;
    font-size: 0.88em;
}

#pagetrail a{
 	 color: #636958;
}

#pagetrail a:hover{
 	 color: #303723;
}


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

#interwiki {
    margin: 5px 12px;
    display: inline;
    font-size: 1em;
}

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

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

#locationline {
    display:block;
    clear: right;
    background: none;
    font-size: 0px;
}

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

#pagelocation {
    display: inline;
    padding: 5px 12px;
    font-size: 2.4em;
    
}

#pagelocation a {
text-decoration: none;
color: white;
}

#pagetrail li, #pagelocation 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: "";
}

* html #pagetrail li, * html #pagelocation li { /* for broken IE */
    border-left: 1px solid #6699CC;
    padding: 0 0.3em;
}

* html #pagetrail li{
    border-left: 1px solid #53584A;
    padding: 0 0.3em;
}

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

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

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

#navibar {
     clear: both; /*  problem: clear: right; aligns nicely right of logo,
                    but lets it float high in the header, disconnected from ground */
    display: block;
    border: 0;
    margin: 0;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 0.82em;
    zoom: 1; /* for avoiding a gap between navibar and pageline on IE */
}

#navibar li{
    float: left;
    padding: 3px 5px;
    display: inline;
    border: none;
    white-space: nowrap;
    margin: 0 2px;
}

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

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

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

#navibar a, #navibar a:visited {
    color: white;
    text-decoration: none;    
}

#navibar li.current a {
    font-weight: bold;
}

#navibar li:hover{
    background: #1A70C0;
}

#navibar li.current, #navibar li.current:hover {
    background: #1A70C0; /* url(../img/tab-selected.png) repeat-x; */
}

#pageline {
    clear: both;
    margin: 0;
    padding: 0;;
    width: 100%;
    /* sync these values, line-height is needed for IE */
        height: 3px;
        line-height: 3px;
    /*border-bottom: 1px solid #9C9C9C;*/
    background: #1A70C0;
}

.editbar{
    clear: both;
    display: block;
    margin: 0;
    padding: 4px;
    white-space: nowrap;
    background: #1A70C0;
    font-size: 0.8em;
}

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

.editbar li {
    display: inline;
    padding: 0;
    margin: 4px 6px;
}

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

#header .editbar {
    border-bottom: 1px solid #53584A;
    padding-top: 5px;
}

#footer .editbar {
    border-top: 1px solid #53584A;;
    border-bottom: 1px solid #53584A;;
}

.editbar a, .editbar a:visited { color: #FFFFFF; }
.editbar a:hover{ color: #C6F5D4; }

#message {
    clear: both;
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #629600;
    background: #77B208;
}

#message p {
    margin: 5px 0;
    padding: 0;
    /* font-weight: bold; */
}

#message div.buttons {
    font-weight: normal;
}

.dialog form {
    margin: 0 15px;
}

.dialog td {
    border: none;
    padding: 5px;
}

.dialog td.label {
    text-align: right;
    font-weight: bold;
    width: 25%;
}

*[dir="rtl"] .dialog td.label {
    text-align: left;
}

.dialog td.content input {
    width: 100%;
}

#page {
    background-color: white;
    margin: 0;
    padding: 2px 20px 20px 20px;
    font-size: 0.9em;
    text-align: justify;   

   /* theses are some Firefox 1.5b1 specific extensions, see also the CSS3 draft.
   -moz-column-width: 25em;
   -moz-column-gap: 2em;
   -moz-column-rule: solid black 0.3em;     --   doesn't work yet with 1.5b1!

   TODO: make text/gui editor NOT use #page css, we don't want columns there!
    */
}

img.attachment{
	float: none;
	padding: 3px;
	border: 1px solid #cccccc;
	margin: 7px;
	background: white;
}

/* We use here dumb css1 ids because of IE suckiness */
#editor-textarea, #editor-help {
    font-family: monospace;
    border: 1px solid #8cacbb;  
    color: black;
    background-color: white;
    padding: 3px;
    width: 100%;
    margin-top: 0.5em;
}

#editor-help {
    font-size: small;
    background-color: #EEEEFF;
}

#editor-comment {
    font-size: 100%;
    border: 1px solid #8cacbb;
    color: black;
    background-color: white;
    vertical-align: middle;
    padding: 1px;
    display: inline;
    width: 70%;
}

#preview, #previewbelow {
    border: 1px solid #6C7680;
    padding: 10px 30px 20px 30px;
    background: url(../img/draft.png);
    margin-top: 0.5em;
}


#footer {
    clear: both;
    margin: 0;
    padding: 0;
    background: #53584A;
    color: #F0F0F0;
}

#footer a{ color: white; }

#credits, #version, #timings{
    margin: 5px 10px;
    padding: 0;
    text-align: center;
    font-size: 0.88em;
    color: #D4D4D4;
}

#credits li, #timings li {
    display: inline;
    padding-left: 7px;
    margin: 0 4px;
}

#credits img {
    vertical-align: middle;
}


.diff {
    width:99%;
}


.diff-header {
    font-weight: bold;
}

.diff-title {
    background-color: #C0C0C0;
}

.diff-added {
    background-color: #E0FFE0;
    vertical-align: sub;
}

.diff-removed {
    background-color: #FFFFE0;
    vertical-align: sub;
}

.diff-added span {
    background-color: #80FF80;
}

.diff-removed span {
    background-color: #FFFF80;
}

table.navigation {
    float: right;
    margin: 2px;
}
        

/* Spans for line-anchors - uses * html hack so that the rule only applies to
 * IE (where omitting the "display: none" triggers rendering bugs).
 */
* html span.anchor { display: none; }

/* IE6 has a bug with rendering of float elements. We workaround this bug by
 * assigning those elements a height attribute because we currently don't know
 * a better solution. This results in IE calculating the correct height of the
 * characters and displaying them correctly. We don't know any negative side
 * effects of this workaround:
 */
* html div#page, * html div#header { height: 0.001%; }


/* ------------------- SECTION PARSER PART! -------------------------------------*/


/* Content Sidebar */

#content .sidebar {
float: right; 
width: 200px; 
margin: 0 0 10px 10px;  
padding: 0px; 
font-size: 0.9em;
border: 1px solid #b1b1b1;
background: #ececec;
text-align: left;

}

#content .sidebar table{
	width: 96%;
	
}

#content .sidebar p{ margin: 0; margin-left: 2px; margin-right: 2px;
}
#content .sidebar h1{ 
	padding: 2px;
	background: #cfcfcf; 
	border: none; 
	margin:0;
	color: black;
	font-family:"Trebuchet MS", verdana, helvetica, arial, sans-serif;
}


/* All headings use darker blue and some white space above */
#content .sidebar *:first-child {margin-top: 0}


/* all block elements use light blue background */
#content .sidebar ul, #content .sidebar ol, #content .sidebar p, #content .sidebar table, #content .sidebar div {}
#content .sidebar ul, #content .sidebar ol {margin-left: 5px; padding: 0;}

/* Paragraphs and list items separated with bottom border */
#content .sidebar p, 
#content .sidebar li {padding:2px 2px 2px 2px;}
#content .sidebar li p {margin: 0; padding: 2px; border: none;}

/* Content Figures 

Default figure float to the end of the page. Left of right classes float to the left or right :-)
*/
#content .figure{float: right; margin: 0 0 0 20px; padding: 0; 
    font-size: 0.85em; text-align: center; font-weight: bold;}
    
#content .figure.left {float: left;}
#content .figure p{margin: 0; text-align: center;}


/* COMMENT */
.sidebar .commenttext{  font-size:0.8em; }
.commenttext{ border-width: 0px;}
.commentauthor{font-size:0.8em; border:0; color:#999999;}



/* EVENT CALENDAR */


TABLE.eventcalendar {
    /* margin:auto; */
}

TD.head_yearmonth {
    border-width:0px;
    text-align:center;
    font-size: large;
}

TD.head_weekday {
    width:14%;

    border-style:solid;
    border-width:1px; 
    border-color:#000000; 
    background-color: #ffeeee;
    
    font-weight:normal;
    font-size:10pt;
    text-align:center;
}

TD.head_day {
    line-height: 20px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:1px; 
    border-color:#000000;
    border-bottom-width:0px;
    /* background-color: #FFFFEE; */
    vertical-align: top;
    font-weight:normal;
    font-size:10pt;
    text-align:left;
}

TD.head_day_sunday {
    line-height: 20px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:1px; 
    border-color:#000000;
    border-bottom-width:0px;
    /* background-color: #FFFFEE; */
    vertical-align: top;
    font-weight:normal;
    font-size:10pt;
    color: #FF3300;
    text-align:left;
}

TD.head_day_today {
    line-height: 20px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:1px; 
    border-color:#000000;
    border-bottom-width:0px;
    background-color: #FFFFAA;
    vertical-align: top;
    font-weight: bold;
    font-size:10pt;
    text-align:left;
}

TD.head_day_nbmonth {
    line-height: 20px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:1px; 
    border-color:#000000;
    border-bottom-width:0px;
    background-color: #eeeeee;
    vertical-align: top;
    font-weight:normal;
    font-size:8pt;
    text-align:left;
    color: #999999;
}

TD.cal_eventbox { 
    line-height: 11px;
    padding: 1px 3px 1px 3px;
    margin: 0px 0px 0px 0px;
    
    border-style:solid;
    border-width:1px; 
    border-top-width:0px;
    border-bottom-width:0px;
    border-color:#000000;
    
    vertical-align: middle;
    text-align: center;
}

TABLE.cal_event { 
    width:100%;

    padding:0 0 0 0;
    margin:0 0 0 0;
    
    border-width:0px; 
    align: center;
    
}

TD.cal_event {
    border-style:solid;
    border-width:1px; 
    border-color:#cccccc; 
    padding:3px;
    margin:0px;
    text-align:center;
    color:#3266cd;    
    font-weight:normal;
    font-size: 8pt;
    display: block;
    vertical-align: middle;
}

TD.cal_event_append {
    border-style:solid;
    border-width:1px; 
    border-color:#cccccc; 
    border-left-width:0px;
    padding:3px;
    margin:0px;
    text-align:center;
    color:#3266cd;    
    font-weight:normal;
    font-size: 8pt;
    display: block;
    vertical-align: middle;
}

TD.cal_event_pending {
    border-style:solid;
    border-width:1px; 
    border-color:#cccccc; 
    border-right-width:0px;
    padding:3px;
    margin:0px;
    text-align:center;
    color:#3266cd;    
    font-weight:normal;
    font-size: 8pt;
    display: block;
    vertical-align: middle;
}

TD.cal_event_append_pending {
    border-style:solid;
    border-width:1px; 
    border-color:#cccccc; 
    border-left-width:0px;
    border-right-width:0px;
    padding:3px;
    margin:0px;
    text-align:center;
    color:#3266cd;    
    font-weight:normal;
    font-size: 8pt;
    display: block;
    vertical-align: middle;
}

TD.cal_nbmonth {
    border-top-width:0px;
    border-bottom-width:0px;
    border-color:#000000;
    background-color: #eeeeee;
    padding: 2px;
    margin: 1px;
}

TD.cal_noevent {
    border-top-width:0px;
    border-bottom-width:0px;
    border-color:#000000;
    padding: 2px;
    margin: 1px;
}

TD.cal_last_nbmonth {
    border-top-width:0px;
    border-bottom-width:1px;
    border-color:#000000;
    background-color: #eeeeee;
    padding: 2px;
    margin: 1px;
}

TD.cal_last_noevent {
    border-top-width:0px;
    border-bottom-width:1px;
    border-color:#000000;
    padding: 2px;
    margin: 1px;
}


TD.list_head {
    border-width: 1px;
    border-style: solid;
    font-size: 11pt;
    font-weight: bold;
    background-color: #cccccc;
}

TD.list_entry {
    font-size: 10pt;
    font-weight: normal;
}

TD.head_dummy_nbmonth {
    line-height: 5px;
    border-top-width:0px;
    border-bottom-width:0px;
    border-color:#000000;
    background-color: #eeeeee;
    padding: 0px;
    margin: 0px;
}

TD.head_dummy {
    line-height: 5px;
    border-top-width:0px;
    border-bottom-width:0px;
    border-color:#000000;
    padding: 0px;
    margin: 0px;
}

TABLE.eventcalendar_menubar {
    /* margin:auto; */
}

TD.eventcalendar_menubar {
    border-width: 0px;
    /* text-align: left; */
    font-size: 9pt;
}

TABLE.eventcalendar_msg {
    /* margin:auto; */
}

TD.eventcalendar_msg {
    background-color: #FFFF66;
    border-width: 0px;
    font-size: 9pt; 
    color: #990000;
}

TABLE.simplecalendar {
    /* margin:auto; */
}

TD.simple_nb {
    line-height: 10px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:0px; 
    border-color:#000000;
    vertical-align: middle;
    font-weight:normal;
    font-size:8pt;
    text-align:center;
}

TD.simple_event {
    line-height: 20px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:1px; 
    border-color:#c0c0c0;
    background-color: #eeffff;
    vertical-align: middle;
    font-weight:bold;
    font-size:8pt;
    text-align:center;
}

TD.simple_noevent {
    line-height: 20px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:1px; 
    border-color:#c0c0c0;
    vertical-align: middle;
    font-weight:normal;
    color: #c0c0c0;
    font-size:8pt;
    text-align:center;
}

TD.simple_event_today {
    line-height: 20px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:2px; 
    border-color:#ff9999;
    background-color: #eeffff;
    vertical-align: middle;
    font-weight:bold;
    font-size:8pt;
    text-align:center;
}

TD.simple_noevent_today {
    line-height: 20px;
    padding:0px;
    margin:0px;
    border-style:solid;
    border-width:2px; 
    border-color:#ff9999;
    vertical-align: middle;
    font-weight:normal;
    color: #c0c0c0;
    font-size:8pt;
    text-align:center;
}

TD.simple_yearmonth {
    border-width:0px;
    text-align:center;
    font-size: 10pt;
}

TD.simple_weekday {
    width:14%;

    padding: 0 1px 0 1px;
    margin: 0 1px 0 1px;

    border-width:0px; 
    /* background-color: #ffeeee; */
    
    font-weight:bold;
    font-size:8pt;
    text-align:center;
}

TD.cal_daily_noevent {
    padding: 2px;
    margin: 1px;
    width: 96%; 
    border-style: dotted solid dotted solid; 
    border-top-color: #eeeeee; 
    border-bottom-color: #eeeeee; 
    border-left-color: #aaaaaa; 
    border-right-color: #aaaaaa; 
    border-top-width: 1px; 
    border-bottom-width: 1px; 
    line-height: 11px; 
}

TD.cal_eventbox_time {
    width: 10px;
    border-width: 0px; 
    padding: 0px; 
    margin: 0px; 
    text-align: left; 
    vertical-align: top; 
    font-size: 7pt; 
    color: #000000;
}

TD.cal_eventbox_time_event {
    border-width: 0px; 
    padding: 0px; 
    margin: 0px; 
    text-align: left; 
    vertical-align: top;
    font-size: 8pt;
}

TD.cal_daily_noevent {
    padding: 2px;
    margin: 1px;
    width: 96%; 
    border-style: dotted solid dotted solid; 
    border-top-color: #eeeeee; 
    border-bottom-color: #eeeeee; 
    border-left-color: #aaaaaa; 
    border-right-color: #aaaaaa; 
    border-top-width: 1px; 
    border-bottom-width: 1px; 
    line-height: 11px; 
}

TD.cal_weekly_noevent {
    padding: 2px;
    margin: 1px;
    width: 14%; 
    border-style: dotted solid dotted solid; 
    border-top-color: #eeeeee; 
    border-bottom-color: #eeeeee; 
    border-left-color: #aaaaaa; 
    border-right-color: #aaaaaa; 
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    line-height: 11px; 

}

TD.cal_blankeventbox {
    border-style: dotted solid dotted solid; 
    border-top-color: #eeeeee; 
    border-bottom-color: #eeeeee; 
    border-left-color: #aaaaaa; 
    border-right-color: #aaaaaa; 
    border-top-width: 1px; 
    border-bottom-width: 1px;  
    line-height: 11px;
}

TD.cal_weekly_eventbox {
    border-width: 2px; 
    border-color: #000000; 
    vertical-align: top; 
    font-size: 9pt; 
}

TD.cal_weekly_eventbox2 {
    border-style: dotted solid dotted solid; 
    border-top-color: #eeeeee; 
    border-bottom-color: #eeeeee; 
    border-left-color: #aaaaaa; 
    border-right-color: #aaaaaa; 
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    line-height: 11px;
}

TD.cal_hourhead {
    line-height: 11px; 
    font-weight:normal; 
    font-size:10pt; 
    text-align:right; 
    vertical-align: top;
}

/* lang header */

.lang{
float: left;
margin-right: -50px;
}