/*  screen.css - MoinMoin Default Styles

Copyright (c) 2011 by Gey-Hong Gweon
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
*/

/* content styles */

/* debug
* {border: 1px dotted blue;}
*/

/* colors, for reference <<< */
/*
 * #aac0cc: bluish gray background
 * #aabbcc, ivory: text color (normal, hover) in header or footer
 * #432d90: pagetrail -- purplish blue (lighter)
 * #f0f5f0: light green -- tried once for editbar in page
 * #331d80: purplish blue (darker -- header/footer panel color)
 * #daa520: goldenrod color
 * #895600: dark gold -- text color inside goldenrod
 * tomato : link hover color
 * #fffeed: ivory background for the main page (used in the image)
 */
/* >>> */
html { /* <<< */
	/* L: 10-07-2012: background now set in theme/griffin.py */
	/* background -- now set in theme/griffin.py -- this will be overriden. */
	background: #aac0cc;
} /* >>> */
#outermost { /* <<< main geometry */
	text-align: center; /* for IE */
	background-color: white;
	background-color: #fafcff; /* slight bluish white */
	width: 100%;
	background-image: url('/Images/diag-dots-light.png');
} /* >>> */
body { /* <<< main geometry */
	/* text-align: center; */ /* for IE */
	background-color: transparent;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/* max-width: 900px; */
    /* padding: 10px 17px 2px 17px; */
	/* border-style: solid;
	border-width: 1px;
	border-color: #e9c919; */ /* #eac117; */
	/* background-color: #bfcfdf; */
	/* background-color: #97a5bf; */
	/* background-color: #b5d8ca; */
	font-size: 1em;
} /* >>> */
/* <<< a (links) */
/* a:link { color: #47f; text-decoration: none; }
a:link { color: #04c; text-decoration: none; }
a:link { color: #0000d0; text-decoration: none; } */
a:link, a:visited { color: SeaGreen; text-decoration: none; }
a:link:hover, a:visited:hover, a:link:active { text-decoration: underline; } /* color: #21d78f; } */
/* a:visited { text-decoration: none; color: #049;}
a:visited { text-decoration: none; color: #0000a0;}
a:visited:hover { text-decoration: underline; } */ /* color: #21d78f; } */
a.nonexistent:link { color: #666 }
a.nonexistent:hover { color: black; text-decoration: underline; }
.comment a:link, .comment a:visited { color: green; }
.pcomment a:link, .pcomment a:visited { color: green; }

a.download {
    font-size: 120%; 
    letter-spacing: 0.05em;
    font-weight: bold;
    background: #E7E7E7;
    border: 1px solid #9C9C9C;
    padding: 0.5em;
    text-align: center;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
	outline: none;
}
/* >>> a */
/* <<< table of contents */

.toch-a, .toch-a:link, .toch-a:visited {
    font-family: arial, helvetica, sans-serif, "geneva", "tahoma";
	opacity: 0.1;
	text-decoration: none;
}

.toch-a:hover, .toch-a:active, .toch-a:focus {
	opacity: 1.0;
    text-decoration: underline;
	cursor: pointer; /* jquery seems to need this */
}

img#toc-bookmark {
	background: transparent url(/Images/bookmark-green-small-down-half.png) no-repeat scroll center top;
	opacity: 0.3;
}

img#toc-bookmark:hover {
	background: transparent url(/Images/bookmark-green-small-down.png) no-repeat scroll center top;
	opacity: 1;
}

img#toc-bookmark:active {
	background: transparent url(/Images/bookmark-bright-green-small-down.png) no-repeat scroll center top;
	opacity: 1;
}

/* >>> /
/* Seems that this is crucial. <<< */
img {
	display: inline;
	/* Make sure that the image does not go outside the boundary.
	 * For example, in the attachment page. */
	max-width: 100%;
}

a img {
    margin: 0px;
	border: 1px solid transparent;
}

a img:hover {
	margin: 0px;
	border: 1px solid #aaf;
}

a img:active {
	margin: 0px;
	border: 1px solid gold;
}

/* However, there is a chrome bug regarding table data -- see http://drupal.org/node/1291704 */
/* td img { */
	/* max-width: none; */
/* } */
/* >>> */
input { /* <<< */
    /* does strange effect to button (text size becomes bigger when clicking)
    font-size: 1em;
    font-family: Arial, Lucida Grande, sans-serif;
    */
}
/* >>> */
textarea { /* <<< */
    font-family: monospace;
}
/* >>> */
.disabled { /* <<< */
    /* IE ignore disabled attribute, but at least show items in gray */
    color: gray;
}
/* >>> */
/* <<< header */
.header {
    margin: 0px;
    /* padding: 12px 0px; */
	padding: 0px 12px; /* header/footer padding -- sync */
    /* background: #e6eaf0; */
    line-height: 1.1em;
    background: transparent url(../Images/Header-Footer-Bg.png) repeat-y scroll top center;
	color: #aabbcc;
}

#header-top {
	height: 5px;
	background: transparent url(../Images/Header-Top.png) no-repeat scroll top center;
}

#header-top img { display: block; } /* This seems crucial. */

#editor-header { padding-top: 3px; padding-bottom: 3px; }

/* >>> */
/* <<< various bg, innerpage, outerpage */

/* L: 10-07-2012: both these now set in theme/griffin.py */
/* background -- now set in theme/griffin.py -- this will be overriden. */
.def-bg { background: #aac0cc none repeat-y scroll top center; }
/* background -- now set in theme/griffin.py -- this will be overriden. */
.white-bg { background: rgba(255, 255, 255, 0.3) none repeat-y scroll top center; }

.goldenrod-bg {
	background: transparent url(../Images/Golden-Rod.png) repeat-y scroll top center;
}

.goldenrod-bg img { display: block; /* This seems crucial. */ }

.edit-bar-bg { background: transparent url(../Images/Edit-Bar.png) repeat-y scroll top center; }

.top-edit-bar-bg { background: transparent url(../Images/Top-Edit-Bar.png) repeat-y scroll top center; }

.bottom-edit-bar-bg { background: transparent url(../Images/Bottom-Edit-Bar.png) repeat-y scroll top center; }

.body-bg {
	background: transparent url(../Images/Body-Bg.png) repeat-y scroll top center;
}

.innerpage { /* main geometry */
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	/* text-align: left; */
	position: relative;
}

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

.outerpage { /* main geometry */
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center; /* for IE */
	background-color: transparent;
}

/* These background methods work OK only for non-IE broswers to fill bg. */
/* These are here for information only. */

#pagetrail-bg { /* background: #432d90; */ margin: 0px -40px 0px -40px; padding: 0px 40px 2px 40px; } /* main geometry */

#top-editbar-bg { background: #f0f5f0; margin: 0px -39px; padding: 0 39px;} /* main geometry, the padding here is not effective... */
/* The padding expression had an error (no ":").  Now fixed. 07-02-2012 */

#bottom-editbar-bg { background: #331d80; margin: 0px -40px; padding: 0 40px;} /* main geometry, the padding here is not effective... */
/* The padding expression had an error (no ":").  Now fixed. 07-02-2012 */

/* >>> */
/* fonts -- global <<< */
/* .body-bg .innerpage, .body-bg .outerpage {
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
    font-family: "Helvetica Neue Light", "Helvetica Neue", arial, helvetica, sans-serif;
	font-family: "Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
	line-height: 1.38em;
} */

/* h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
} */

h1 {
	/* font-size: 180%; */
	line-height: 1.2em;
}
/* fonts -- global >>> */
#logoplus { /* <<<  */
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 2.0em;
	/* vertical-align: text-bottom; */
	vertical-align: middle;
} /* >>> */
/* logo <<< */
#logo {
    /* float: left; */
	display: inline-block;
	margin: 0px;
    padding: 12px 20px 3px 0px;
    /* For text only logo */
    /* font-size: 2.0em; */
	text-shadow: rgba(0,0,0,0.3) 0 1px, rgba(178,118,34,0.45) -2px 2px, rgba(178,118,34,0.75) -1px 1px;
    font-weight: bold;
	font-variant: small-caps;
	vertical-align: middle;
}

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

#logo img, img#top-icon, img#top-icon:hover, img#top-icon:active {
	margin: -15px 0px -7px 0px;
	border: 0px;
	vertical-align: top;
}

#logo a {
	color: #daa520;
	color: white;
	color: #fffeed;
    text-decoration: none;
}

#logo a:hover {
	color: #ffce47;
	color: #daa520;
	text-decoration: none;
}

#logo a:active {
	color: rgba(0,0,0,0);
	text-decoration: none;
	text-shadow: #ffce47 -1px 1px,rgba(0,0,0,0.3) -1px 2px, rgba(178,118,34,0.45) -2px 2px, rgba(178,118,34,0.75) -2px 2px;
	text-shadow: #daa520 -1px 1px,rgba(0,0,0,0.3) -1px 2px, rgba(178,118,34,0.45) -2px 2px, rgba(178,118,34,0.75) -2px 2px;
}

/* >>> */
/* username and search form <<< */

#username {
    display: inline-block;
    margin: 18px  0.3em 0px 0.3em; /* sync with searchform -- not any more */
	margin: 0 0.3em;
	margin: 0;
    /* padding-top: 24px; *//* sync with searchform -- not any more */
	/* vertical-align: middle; */
    font-size: 0.43em;
	color: ivory;
	/* text-shadow: rgba(0,0,0,0.5) -1px -1px, black -2px -1px; */
}

#login {
	font-size: large;
	/* vertical-align: 2px; */
	vertical-align: bottom;
}

#userhome {
	font-size: 110%;
}

#username span.sep {
	vertical-align: 1px;
}

#username a {
	color: #aabbcc;
}

#username a:hover {
	color: ivory;
	text-decoration: none;
	text-shadow: rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -1px 1px;
}

#username a:active {
	color: rgba(0,0,0,0);
	text-decoration: none;
	text-shadow: ivory -1px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -2px 2px;
}

#username form {
    display: inline;
}

#username input {
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    color: blue;
    font-size: 0.82em;
    cursor: pointer;
}

#username input:hover {
    color: tomato;
    text-decoration: none;
}

#searchform {
    padding-top: 20px; /* sync with username -- not any more */
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 25px;
    font-size: 0.82em;
    float: right;
	margin-right: -25px;
    clear: right;
    text-align: right;
	opacity: 0.05;
	background-color: #1a1364;
	/* firefox does something weird -- see comment below */
	background-color: rgba(0,0,0,0);
	text-shadow: rgba(0,0,0,0.6) -1px -1px, rgba(255,255,255,0.4) 1px 1px;
	vertical-align: middle;
}

#searchform {
	position: absolute;
	right: -80px;
	top: 0;
	padding-top: 0px;
	opacity: 0.015;
}

*[dir="rtl"] #searchform {
    float: left;
    clear: left;
    text-align: left;
	background-color: #1a1364;
	/* firefox does something weird -- see comment below */
	background-color: rgba(0,0,0,0);
}

#searchform:hover {
	opacity: 1.0;
}

#searchform input {
    font-size: 100%;
    vertical-align: middle;
	background: #eef0ff;
	border-width: 1px;
	border-color: #1a1364;
	border-style: solid;
	color: #1a1364;
}

/* firefox messes up the color of background png files!?  why?! */
/* this is a work-around solution for the color mismatch */
/* @-moz-document url-prefix() { */
    /* #searchform { */
		/* background-color: #300069; */
		/* background-color: rgba(0,0,0,0); */
    /* } */
	/* *[dir="rtl"] #searchform { */
		/* background-color: #300069; */
		/* background-color: rgba(0,0,0,0); */
	/* } */
    /* #searchform input { */
		/* border-color: #300069; */
		/* color: #300069; */
    /* } */
/*} */

/* >>> */
/* table related <<< */

/* <<< loginform */

/* #loginform {
	opacity: 0.0; *//* do not show it until we are ready */
/* } */

#loginform table {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

#loginform table tr td {
	padding: 3px 5px 3px 0px;
}

/* #loginform table tr.gp_login_button_row {
	height: 42px;
	max-height: 42px;
	min-height: 42px;
} */

#gp_login_button_row_content {
	text-align: center;
	vertical-align: middle;
	height: 44px;
	width: 700px;
/* container for absolutely positioned children */
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#more_or_less_button_row_content {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	display: none; /* initially, this row is not shown */
}

#gplus_signin_button_frame, #got_google_email_frame, #login_button_frame {
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none; /* initially, button not shown */
}

#gplus_signin_button_frame {
	z-index: 30;
	height: 44px;
}
	
#got_google_email_frame, #login_button_frame {
	z-index: 31;
	height: 44px;
	/* padding-top: 15px;
	padding-bottom: 15px; */
}

#got_google_email, #login_button {
	/* height: 100px;
	padding-top: 15px;
	padding-bottom: 15px; */
}

#gplus_signin_button, #got_google_email, #login_button {
	display: inline;
}

#got_google_email {
	text-align: center;
	background: green url('../Images/login_in_progress.gif') repeat-x scroll center center;
	color: blue;
	padding: 6px 30px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* >>> */

/* <<< dbw.table */

#dbw\.table {
	padding-top: 0px;
	width: 100%;
}

#dbw\.table tr td {
	padding: 3px 6px;
	border-bottom: 1px solid #bbbbff;
}

/* >>> */

/* Month Calendar <<< */

th.cal-header {
	color: black;
	background-color: #daa520;
	text-shadow: rgba(255,255,255,0.5) 1px 1px;
	line-height: 170%;
	padding: 0;
}

th.cal-header a {
	color: black;
}

th.cal-header a:link {
	color: black;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 105%;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
	border-width: 1px;
	border-color: rgba(218,165,32,0);
	border-style: solid;
	padding: 1px 4px;
}

a.cal-emptyday, a.cal-usedday, a.cal-weekend {
	border-width: 1px;
	border-color: rgba(218,165,32,0);
	border-style: solid;
	display: block;
}

/* days without and with pages linked to them */
a.cal-emptyday {
    color: #000000;
	text-decoration: none;
    text-align: center;
}

a.cal-usedday {
    color: #000000;
    font-weight: bold;
    text-align: center;
}

a.cal-weekend {
	color: #777777;
	text-align: center;
}

/* links to prev/next month/year */
a.cal-link {
	margin-top: 3px;
	clear: both;
    color: #000000;
    text-decoration: none;
	padding: 0px 3px;
	font-weight: bold;
	font-size: 90%;
	border-width: 1px;
	border-color: rgba(218,165,32,0);
	border-style: solid;
}

th.cal-header a:hover, a:hover.cal-usedday, a:hover.cal-emptyday, a:hover.cal-weekend {
	text-decoration: none;
	border-width: 1px;
	border-color: #88cccc;
	border-style: outset;
	text-shadow: rgba(255,255,255,0.7) 0px 1px, rgba(255,255,255,0.7) 1px 0px, rgba(255,255,255,0.8) 1px 1px 2px;
}

th.cal-header a:active, a:active.cal-usedday, a:active.cal-emptyday, a:active.cal-weekend {
	border-style: inset;
	color: rgba(0,0,0,0);
	text-shadow: black -1px 1px, rgba(255,255,255,0.7) 0px 1px, rgba(255,255,255,0.7) 1px 1px, rgba(255,255,255,0.8) 1px 1px 2px;
}

td.cal-today a:active {
	border-style: inset;
	color: rgba(0,0,0,0);
	text-shadow: red -1px 1px, rgba(255,255,255,0.7) 0px 1px, rgba(255,255,255,0.7) 1px 1px, rgba(255,255,255,0.8) 1px 1px 2px;
}

/* for MonthCalendar mouseover info boxes (tooltips) <<< */
TABLE.tip {
    color: black;
    background-color: #FF8888;
	background-color: #ddffaa;
    font-size: smaller;
    font-weight: normal;
    border-style: solid;
	border-color: #8cc;
    border-width: 1px;
}

TH.tip {
    background-color: #FF4444;
	background-color: #66ff33;
    font-weight: bold;
    text-align: center;
    border-style: solid;
	border-color: black;
    border-width: 0px;
	padding: 5px;
}

TD.tip {
    text-align: left;
    border-style: solid;
	border-color: black;
    border-width: 0px;
	padding: 5px;
}

*[dir="rtl"] TD.tip {
    text-align: right;
    border-style: solid;
	border-color: black;
    border-width: 0px;
}
/* >>> */

/* >>> */

/* >>> */
/* pagetrail <<< */
#pagetrail {
	/* clear: both; */
	/*float: right;
	text-align: right;*/
    display: inline;
    margin: 0 15px 0 15px; /* vertical margins do not work!? */
	margin: 0;
    padding: 0px;
    font-size: 0.83em;
	font-style: italic;
	text-shadow: rgba(255,255,255,0.6) 1px 1px;
	color: black;
}

#pagetrail a, #pageinfo a {
	color: #402000;
}

#pagetrail span.current a {
	color: #252;
}

.goldenrod-bg a {
	font-style: italic;
	text-shadow: rgba(255,255,255,0.6) 1px 1px;
	color: #402000;
}

#pagetrail a:hover, #pageinfo a:hover, .goldenrod-bg a:hover {
	color: ivory;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.5) 1px -1px, rgba(255,255,255,0.5) 0px 1px;
}

#pagetrail span.current a:hover {
	color: #d6f0d0;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.5) -1px 1px, rgba(200,200,255,0.5) 1px -1px;
}

#pagetrail a:active, #pageinfo a:active, .goldenrod-bg a:active {
	color: rgba(0,0,0,0);
	text-decoration: none;
	text-shadow: ivory -1px 1px, rgba(0,0,0,0.5) 0px 0px, rgba(255,255,255,0.5) 0px 1px;
}

#pagetrail span.current a:active {
	color: rgba(0,0,0,0);
	text-decoration: none;
	text-shadow: #d6f0d0 -1px 1px, rgba(0,0,0,0.5) -2px 2px;
}

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

#interwiki {
    font-size: 1em;
}

#locationline {
	padding: 0.25em 0 0.25em 0;
    font-size: 24px;
    font-weight: bold;
    /* margin: 0.25em 0 5px 0; */
	margin: 0;
    clear: right;
}

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

#pagelocation {
    font-size: 1.1em;
    letter-spacing: 0.05em;
	color: ivory;
}


*[dir="rtl"] #pagetrail span.sep {
    visibility: hidden;
}

*[dir="rtl"] #pagetrail span.sep:after {
    content: " « ";
}
/* >>> */
#navibarline { /* <<< */
	/* text-align: justify; */
	clear: both;
	padding: 0;
	margin: 0;
	font-weight: bold;
} /* >>> */
#navibar { /* <<< */
	clear: right;
	background: transparent None repeat-y scroll top center;
	color: ivory;
	text-align: left;
	display: inline;
	font-size: 0.92em;
	/* text-shadow: rgba(255,255,255,0.3) 0px 0px, rgba(150,140,20,0.5) -1px -1px;
	text-shadow: rgba(0,0,0,0.5) -1px -1px, black -2px -1px; */
	padding: 0;
	margin: 0;
	/* zoom: 1; */
}

#navibar ul {
	padding: 0;
	display: inline;
	text-align: left;
}

#navibar li {
	text-align: left;
	/* padding-right: 8px; */ /* padding */
	/* margin-right: 10px; */
	list-style: none;
	display: inline;
	padding-top: 2px;
}

/* #navibar li:after {content: ' '; margin-right: 2px;} */ /* For the correct line breaking */

#navibar li:after {font-size: 0.5em; content: ' '; margin-right: 2px;}

#navibar li a {
	color: #8899ff;
	background-color: transparent; /* bg color */
	display: inline;
	text-decoration: none;
}

#navibar li.navilink2 a {
	color: ivory;
	color: #aabbcc;
}

#navibar li.navilink3 a {
	color: #aad8ff;
}

#navibar li.sisterwiki a {
	color: #ccddff;
	color: #99ddaa;
}

#navibar a.interwiki:before {content: none; margin: 0;}
#navibar a.action:before {content: none; margin: 0;}

#pagetrail a.interwiki:before {content: url(../img/moin-inter-12.png); margin: 0em 0.2em;}
#pagetrail a.badinterwiki:before {content: url(../img/moin-inter-12.png); margin: 0em 0.2em;}

#navibar li a:hover {
	color: ivory; /* fg color */
	text-decoration: none;
	text-shadow: rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -1px 1px;
}

#navibar li.navilink2 a:hover,
#navibar li.navilink3 a:hover {
	color: #ffce47;
	color: ivory;
}

#navibar li.navilink2 a:active,
#navibar li.navilink3 a:active {
	text-decoration: none;
	color: rgba(0,0,0,0);
	text-shadow: #ffce47 -1px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -2px 2px;
}

#navibar li a:active {
	text-decoration: none;
	color: rgba(0,0,0,0);
	text-shadow: ivory -1px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -2px 2px;
}

#navibar li.homebase a { /* <<< */
	font-variant: small-caps;
	font-size: 140%;
	/* text-transform: uppercase; */
	/* text-decoration: underline; */
	/* font-style: oblique; */
	/* background-color: green;
	color: blue; */
	color: #99cc32; /* yellow green */
	color: #cacf30;
	color: #8dc529;
	color: #8de529;
	/* color: #9b7914; */
	color: #aaffbb;
	text-decoration: none;
	/* text-shadow: rgba(255,185,32,0.1) -2px -2px, rgba(255,185,32,0.4) -1px -1px; */
}

#navibar li.homebase a:hover {
	color: #cacf30;
	color: ivory;
}

#navibar li.homebase a:active {
	text-decoration: none;
	color: rgba(0,0,0,0);
	text-shadow: #cacf30 -1px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -2px 2px;
} /* >>> */

#navibar li.current a { /* <<< */
	font-variant: small-caps;
	font-size: 170%;
	/* text-transform: uppercase; */
	/* text-decoration: underline; */
	/* font-style: oblique; */
	/* background-color: green;
	color: blue; */
	/* color: #daa520; *//* fg color -- gold */
	/* color: #aabbcc; */
	text-decoration: none;
	/* text-shadow: rgba(0,255,255,0.1) -2px -2px, rgba(0,255,255,0.3) -1px -1px; */
}

#navibar li.current a:hover {
	color: #ffce47;
	color: ivory;
}

#navibar li.current a:active {
	text-decoration: none;
	color: rgba(0,0,0,0);
	text-shadow: #ffce47 -1px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -2px 2px;
} /* >>> */

/* #navibar li a.current:hover, li.current:hover { */
	/* color: ivory; */ /* fg color */
	/* text-decoration: none; */
	/* text-shadow: rgba(255,215,0,0.45) 2px 1px 1px; */
	/* text-shadow: rgba(255,215,0,0.25) 2px 2px, rgba(255,215,0,0.45) 1px 1px; */
	/* text-shadow: rgba(138,118,34,0.45) -2px -2px, rgba(138,118,34,0.65) -1px -1px; */
/* } */

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

/* #navibar li {
    float: left;
    display: inline;
    margin: 0 2px;
    padding: 2px 5px;
    border: 1px solid #acd;
    border-bottom: none;
    white-space: nowrap;
} */

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

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

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

/* #navibar a, #navibar a:visited {
    color: black;
    text-decoration: none;    
}*/

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

#navibar li:hover {
    background: #d6e4f9;
}

#navibar li.current, #navibar li.current:hover {
    background: #81BBF2; *//* url(../img/tab-selected.png) repeat-x; *//*
    border: 1px solid #4d7da9;
    border-bottom: 1px solid #81bbf2;
    margin-bottom: -1px;
} */

#navibar span.sep {
	font-size: 15px;
	opacity: 0.25;
	font-color: #daa520;
	font-color: red;
}

/* >>> */
/* <<< scoller and scroller-copy related */
#scroller-copy {
	/* display: block; */
	padding-bottom: 7px;
	z-index: 701;
	text-align: center;
	width: 100%;
	position: fixed;
	left: 0px;
	opacity: 0.03;
	top: -10px; /* Adjusted more accurately by jQuery ... or not. */
	top: auto;
	bottom: 92%; /* kludge */
}
#scroller-copy:hover, #scroller-copy:active {
	opacity: 0.95;
	top: 0px; /* Taken care of by jQuery ... or not. */
	bottom: auto;
}
/* >>> */
#pageline { /* <<< */
    clear: both;
    /* margin: 0 -2px;
	padding: 0 4px; */
    /* width: 100%; */
    /* sync these values, line-height is needed for IE */
    /* height: 5px;
    line-height: 4px;
    border-bottom: 0px solid #4d7da9;
    border-top: 0px solid #4d7da9;
	background: #daa520; */
    /* background: #81BBF2; */
	/* background: white url(../Images/Golden-Rod.png) repeat-y scroll top center; */
} /* >>> */
.editbar { /* <<< */
    clear: both;
    display: block;
	margin: 0 0;
    padding: 2px 2px 1px 2px;
    /* background: #d6e4f9; */
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
    font-size: 0.90em;
	font-weight: normal;
	font-variant: small-caps;
    /* border-bottom: 1px solid #4d7da9;
    border-top: 1px solid #daa520; */
    /* border-bottom: 1px solid #4d7da9;
    border-top: 1px solid #4d7da9; */
	text-align: center;
	background: #331d80;
	background: rgba(0,0,0,0);
}

.editbar form, .editbar form div {
    display: inline;
	font-variant: small-caps;
    margin: 0;
	background: #331d80;
	background: rgba(0,0,0,0);
}

.editbar select {
    /* font-size: 100%; */
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	font-variant: small-caps;
    vertical-align: middle;
    margin-top: 0px;
	margin-left: 0px;
	color: #7799aa;
	color: #aabbcc;
	background: #1a1364;
	border-style: solid;
	border-width: 0px;
	/* border-color: #432d90; */
	/* background: #3f1880; */
	background: transparent;
	/* background: rgba(0,0,0,0); */
	/* text-shadow: rgba(0,0,0,0.5) -1px -1px, black -2px -1px; */
	z-index: 900;
}

.linux.chrome .editbar {
	font-size: 0.88em;
    padding: 0 2px;
}

.linux.chrome .editbar select {
    margin-top: -1px;
}

.linux.opera .editbar select {
    margin-top: -2px;
}

@-moz-document url-prefix() { /* firefox only */
	.editbar {
		font-size: 0.85em;
	}
	.editbar select {
		margin-top: -3px;
		/* margin-top: 0px; */
	}
}


/* http://stackoverflow.com/questions/4647992/how-to-make-css-visible-only-for-opera-11-opera-11-css-hack */
/* Not sure if this actually works? -- does not seem to */
/* @media not screen and (1) { */ /* opera 11 */
/* Here is another hack.  */
/* http://stackoverflow.com/questions/1120335/how-to-make-css-visible-only-for-opera */
/* Does not seem to work, either. */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	.editbar {
		font-weight: normal;
	}
	.editbar select {
		font-variant: normal;
		font-weight: normal;
	}
}

.editbar select option {
	background: #331d80;
	background: rgba(51,29,128,0.9);
	background: rgba(51,29,138,0.9);
	font-size: 90%;
	font-weight: normal;
}

.editbar li {
    display: inline;
	font-variant: small-caps;
	padding: 0px 6px; /* This may be overridden by popupmenu below. */
	color: #7799aa;
	color: #aabbcc;
	background: #331d80;
	background: rgba(0,0,0,0);
	/* text-shadow: rgba(0,0,0,0.5) -1px -1px, black -2px -1px; */
}

.editbar a, .editbar a:visited {
	font-variant: small-caps;
	color: #7799aa; 
	color: #aabbcc;
	background: #331d80;
	background: rgba(0,0,0,0);
	/* text-shadow: rgba(0,0,0,0.5) -1px -1px, black -2px -1px; */
} /* #0044B3; */

.editbar a:hover {
	font-variant: small-caps;
	color: #daa520;
	color: ivory;
	text-decoration: none;
	text-shadow: rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -1px 1px;
}

.editbar a:active {
	color: rgba(0,0,0,0);
	text-decoration: none;
	text-shadow: ivory -1px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -2px 2px;
}

/* >>> */
#popupmenu { /* <<< */
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
	background: transparent;
	float: left;
}

#popupmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	background: transparent;
	text-align: left;
}

#popupmenu li {position: relative;}

#popupmenu a {
	text-shadow: rgba(0,0,0,0.5) 0px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -1px 1px;
	text-shadow: none;
}

#popupmenu a:hover {
	text-shadow: rgba(0,0,0,0.5) 0px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -1px 1px, ivory 0px 1px, rgba(0,0,0,0.9) 0px 1px, rgba(0,0,0,0.6) 1px -1px;
	text-decoration: none;
	color: ivory;
}

#popupmenu a:active {
	color: rgba(0,0,0,0);
	text-decoration: none;
	text-shadow: ivory -2px 2px, rgba(0,0,0,0.5) -1px 2px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -2px 2px, ivory -1px 2px, rgba(0,0,0,0.9) -1px 2px, rgba(0,0,0,0.6) 0px 0px;
}

#popupmenu ul ul {
	display: inline;
	position: absolute;
	top: 20px; left: 0px; /* make a nice overlap with the pencil icon */
	z-index: 998;
	float: left;
	width: 240px;
	height: 300px;
	background: transparent;
	margin: 0;
	padding: 0;
}

#popupmenu ul ul li {
	display: block;
	text-align: left;
	padding: 4px 30px 4px 10px; /* governs editbar padding in popupmenu */
	margin-left: 0px;
	background: transparent;
	background: #331d80;
	opacity: 0.93;
}

div#popupmenu ul ul,
div#popupmenu ul li:hover ul ul,
div#popupmenu ul ul li:hover ul ul
{display: none;}

div#popupmenu ul li:hover ul,
div#popupmenu ul ul li:hover ul,
div#popupmenu ul ul ul li:hover ul
{display: block;}

/* >>> */
/* message <<< */
#message, #message-in-editor {
    clear: both;
    margin: 0px -90px; /* main geometry */
	padding: 20px 90px;
    /* border-bottom: 1px solid #c9c9c9; */
	color: black;
	background: #bbffcc;
	/* text-align: justify; */
}

#message-in-editor {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	/* text-align: center; */
}
/*
#message-in-editor a.clear-link {
	text-align: center;
}
*/
#message {
	clear: none;
	/* new design */
	width: 690px;
	position: fixed;
	top: 0px;
	left: 50%;
	/* border: 5px solid #bad0ec; */
	border: 5px solid #7aa0ac;
    /* border-radius: 19px; *//* 19px 0 0; */
    /* -moz-border-radius: 19px;
    -khtml-border-radius: 19px;
    -webkit-border-radius: 19px; */
	margin: 0;
	margin-left: -440px;
	z-index: 2000;
	opacity: 0.93;
}

#message .hint, #message-in-editor .hint, #my-status-line .hint {
	font-style: italic;
	background-color: #aaddbb;
}

#message p, #message-in-editor p {
    margin: 0;
    padding: 0;
	padding-bottom: 6px;
    /* font-weight: bold; */
}

#message a:hover, #message-in-editor a:hover, #my-status-line a:hover {
	cursor: pointer;
}

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

#message .error, #message-in-editor .error, #my-status-line .error {
	padding: 6px;
	color: red;
	background: yellow;
}

#message-footer {
	margin-top: 5px;
	font-size: 85%;
	text-align: center;
}

/* >>> */
/* <<< dialog */

.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: 5px 0px; /* main geometry */
	min-height: 381px;
	position: relative;
	/* background: transparent url(../Images/Body-Bg.png) repeat-y scroll top center; */

    /* 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!
    */
}
/* >>> */
/* <<< editor related */
/* 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;
	padding: 0px;
    /* width: 100%; */
	width: 700px;
	margin: 10px 0;
    /* 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: 10px 0px;
    /* margin-top: 0.5em; */
}
/* >>> */
/* <<< textcha */
#textcha {
    font-size: 100%;
    /* margin-top: 0.5em; */
    border: 2px solid #FF8888;
    color: black;
    vertical-align: middle;
    padding: 3px 2px;
}

#textcha-answer {
    border: 2px solid #000000;
    padding: 3px 2px;
}
/* >>> */
input.button { /* <<< */
    /*
    border: 1px solid #8cacbb;
    color: black;
    background-color: #CCCCCC;
    vertical-align: middle;
    text-decoration: none;
    font-size: 100%;
    cursor: pointer;
    margin: 2px;
    padding: 1px;
    display: inline;
    */
} /* >>> */
/* footer -- and credits, version, timings <<< */
.footer {
    margin: 0;
    padding: 0 12px; /* header/footer padding -- sync */
    background: transparent url(../Images/Header-Footer-Bg.png) repeat-y scroll top center;
	color: #aabbcc;
	/* text-shadow: rgba(0,0,0,0.5) -1px -1px, black -2px -1px; */
}

#footer-bottom {
	height: 20px;
	background: transparent url(../Images/Footer-Bottom.png) no-repeat scroll top center;
}

#footer-bottom img { display: block; } /* This seems crucial. */

#credits, #version, #timings{
    margin: 0 10px -2px 10px;
    padding: 5px 0;
    text-align: center;
    font-size: 0.8em;
	line-height: 1.24em;
    color: #6C7680;
	color: #8899aa;
	/* text-shadow: rgba(0,0,0,0.5) -1px -1px, black -2px -1px; */
}

#credits li, #timings li {
    display: inline;
    margin: 5px 6px;
}

#credits a, .footer a {
	color: #aabbcc;
}

#credits a:hover, .footer a:hover {
	color: ivory;
	text-decoration: none;
	text-shadow: rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -1px 1px;
}

#credits a:active, .footer a:active {
	color: rgba(0,0,0,0);
	text-decoration: none;
	text-shadow: ivory -1px 1px, rgba(138,118,34,0.45) -2px 2px, rgba(138,118,34,0.65) -2px 2px;
}

#credits img {
    vertical-align: middle;
}
/* >>> */
/* <<< diff */
.diff {
    width:100%;
    table-layout: fixed;
	background-color: #ffff80;
    background-color: #e8e8ff;
	margin: 0;
}

#diff-header-line {
	background-color: #d0d0d9;
    background-color: #e8e8ff;
}

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

.diff-header-back {
    font-weight: bold;
	text-align: right;
}

.diff-title {
    background-color: #d0d0d9;
    background-color: #e8e8ff;
}

.diff-added {
    background-color: #d0ffb0;
    vertical-align: top;
    width: 50%;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: monospace, courier;
	font-size: 0.9em;
}

.diff-removed {
    background-color: #e5e5aa;
    vertical-align: top;
    width: 50%;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: monospace, courier;
	font-size: 0.9em;
}

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

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

td.diff-info {
    background-color: #d8d8ef;
    vertical-align: top;
}

div.diff-info {
    white-space: nowrap;
}

div.diff-info-rev-comment span.diff-info-value {
    white-space: normal;
}

div.diff-info-header {
    background-color: #E8E8E8;
    background-color: #e8e8ff;
    /* padding: 0.25em 0.5em; */
	padding: 0.25em 0;
    /* margin: -0.25em -0.5em;
    margin-bottom: 0.25em; */
    text-align: center;
}

td.diff-same {
    text-align: center;
    border: 0;
}

/* >>> */
.info { /* <<< */
    float: right;
    font-size: 0.7em;
	padding: 0 12px;
	margin: 0;
    color: gray;
	color: #7799aa;
}

.info a, .info a:visited {
	color: #7799aa;
}

#pageinfo {
	/* position: absolute; */
	/* bottom: -4px; */
	/* right: 0; */
	/* text-align: right; */
	/* margin: 0;
	margin-bottom: -1px; */
	/* margin-top: -3px; */
	padding: 0;
	/* padding-top: 5px; */
	color: gray;
	color: #7799aa;
	color: black;
	color: #101;
	color: #336;
	color: #007;
	text-shadow: rgba(255,255,255,0.5) 1px 1px;
	text-align: right;
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
	clear: both;
}

/* see above (pagetrail) */
/* #pageinfo a, #pageinfo a:visited { */
	/* color: #7799aa; */
	/* color: blue; */
/* } */

/* >>> */
.seperator { /* <<< */
    color: gray;
} /* >>> */
#pagebottom { /* <<< */
	clear: both;
    background: transparent url(../Images/Header-Footer-Bg.png) repeat-y scroll top center;
} /* >>> */
table.navigation { /* <<< */
    float: right;
    margin: 2px;
} /* >>> */
#openididentifier { /* <<< */
    background: url(../../common/openid.png) no-repeat;
    background-position: 0 50%;
    padding-left: 18px;
} /* >>> */
small { /* <<< */
	font-size: 90%;
} /* >>> */
#my-status-line { /* <<< */
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
	font-size: 11pt;
	position: fixed;
	width: 60%;
	top: 97%;
	left: 50%;
	background-color: yellow;
	border: 1px solid gray;
	margin: 0;
	margin-left: -30%;
	z-index: 2001;
	opacity: 0.9;
    line-height: 1.2em;
}

#my-status-line p {
	margin: 3px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

#my-status-line-para-top, #my-status-line-para-bottom, #my-status-line-footer {
	text-align: center;
	width: 100%;
}

#my-status-line-footer {
	font-size: 85%;
	margin-top: 3px;
}

#my-status-line:hover, #my-status-line:active {
	bottom: 0;
	top: auto;
	opacity: 0.96;
}

/* >>> */