/**
* Design elements for default Template
*
* @author Andreas Gohr <andi@splitbrain.org>
* @author Anika Henke <henke@cosmocode.de>
*/

/* -------------- general elements --------------- */

body {
		margin:0px 0px 0px 0px;
		background: #a5bee5;
		font-family: verdana, arial, sans-serif;
		font-size: small;
		color: Black;
		margin: 0;
		padding: 0;
		min-width: 700px;
}

/* the document */
div.page {
		float: left;
		width: 82%;
		margin-left:0px;
		margin-right:0px;
		padding-bottom:10px;
}

table {
		font-size: 100%;
		padding:0;
		margin:0;
}

tr,td,th {padding:0; margin:0;}

img {border:0}

p {padding:0; margin: 0 0 1.0em 0;}

hr {
		border: 0px;
		border-top: 1px solid #8cacbb;
		text-align:center;
		height: 0px;
}

div.nothing {
		text-align:center;
		margin: 2em;
}

/* ---------------- forms ------------------------ */

form {
		border: none;
		margin: 0;
		display: inline;
}

label {
		display: block;
		text-align: right;
		font-weight: bold;
}

label.simple {
		text-align: left;
		font-weight: normal;
}

label input.edit {
		width: 50%;
}

fieldset {
		width: 300px;
		text-align: center;
		border: 1px solid #8cacbb;
		padding: 0.5em;
}

textarea.edit {
		font-family:monospace;
		border: 1px solid #8cacbb;  
		color: Black;
		background-color: white;
		font-size:14px;
		padding: 3px;
		width:100%;
}

input.edit,select.edit {
		font-size: 100%;
		border: 1px solid #8cacbb;
		color: Black;
		background-color: white;
		vertical-align: middle;
		padding: 1px;
		display: inline;
}

input.missing {
		font-size: 100%;
		border: 1px solid #8cacbb;
		height: 18px !important;
		color: Black;
		background-color: #ffcccc;
		vertical-align: middle;
		padding: 1px;
		display: inline;
}

/* --------- buttons ------------------- */
input.button, button.button{
		border: 1px solid #8cacbb;  
		color: Black;
		background-color: white;
		vertical-align: middle;
		text-decoration:none;
		font-size: 100%;
		cursor: pointer;
		margin: 1px;
		display: inline;
}

div.secedit {
		margin: 15px;
}

div.secedit input.button {
		border: 1px solid #8cacbb;
		color: Black;
		background-color: white;
		vertical-align: middle;
		text-decoration:none;
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		cursor: pointer;
		height: 15px !important;
		max-height: 15px !important;
		min-height: 15px !important;
		float:right;
		display: inline;
		margin-top: -30px;
}

/* ----------- page navigator ------------- */

div.pagenav {
		margin-top:1em;
}

div.pagenav-prev {
		text-align:right;	
		float:left;
		width:50%
}

div.pagenav-prev input.button {
		margin-right:5px;
}

div.pagenav-next {
		text-align:left;
		float:right;
		width:50%
}

div.pagenav-next input.button {
		margin-left:5px;
}

/* --------------- Links ------------------ */
A 		{ color: #000000; text-decoration: none; }
A:link		{ color: #0000ff; text-decoration: none; }
A:visited	{ color: #c9007f; text-decoration: none; }
A:active	{ color: #c900c9; text-decoration: underline; }
A:hover		{ color: #c900c9; text-decoration: underline; }

/* external link */
a.urlextern{
		background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
		padding: 1px 0px 1px 16px;
		text-decoration:none;
}
a.urlextern:hover {
		text-decoration:underline;
}

/* windows share */
a.windows{
		background: transparent url(images/windows.gif) 0px 1px no-repeat;
		padding: 1px 0px 1px 16px;
		color:#436976;
		text-decoration:none;
} 
a.windows:visited {
		color:Purple;
}
a.windows:hover { 
		text-decoration:underline;
}

/* interwiki link */
a.interwiki{
		background: transparent url(images/interwiki.png) 0px 1px no-repeat;
		padding-left: 16px;
		color:#436976;
		text-decoration:none;
}
a.interwiki:visited {
		color:Purple;
}
a.interwiki:hover {
		text-decoration:underline;
}

/* link to some embedded media */
a.media {
		color:#436976;
		text-decoration:none;
}
a.media:hover {
		color:#436976;
		text-decoration:underline
}

/* email link */
a.mail {
		background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
		padding: 1px 0px 1px 16px;
		text-decoration:none;
}
a.mail:hover {
		text-decoration:underline;
}

/* existing wikipage */
a.wikilink1:link    { text-decoration:none }
a.wikilink1:visited { text-decoration:none }
a.wikilink1:hover   { text-decoration:underline }

/* not existing wikipage */
a.wikilink2:link    { color:#FF3300; text-decoration:none }
a.wikilink2:visited { color:#FF3300; text-decoration:none }
a.wikilink2:hover   { color:#FF3300; text-decoration:underline }


/* ------------- Page elements ----------------- */

div.preview{
		background: #a5bee5;
		margin-left:2em;
		padding: 4px;
		border: 1px dashed #000000;
}

div.breadcrumbs{
		background-color: #f5f5f5;
		font-size:80%;
		color: #666666;
		padding-left: 4px;
}

span.user{
		color: black;
		font-size: 90%;
}

/* embedded images */
img.media {
		margin: 3px;
}

img.medialeft {
		border: 0;
		float: left;
		margin: 0 1.5em 0 0;
}

img.mediaright {
		border: 0;
		float: right;
		margin: 0 0 0 1.5em;
}

img.mediacenter {
		border: 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
}

acronym {
		cursor: help;
		border-bottom: 1px dotted #000;
}

/* special headlines */
h1,h2 {
		font-family: verdana, arial, sans-serif;
		font-size: small;
		text-transform:uppercase;
		background-color: #b1caef;
		margin: 0px;
		padding: 0px;
		margin-top: 15px;
		margin-left:15px;
		margin-right: 15px;
}
h3,h4,h5 {
		font-family: verdana, arial, sans-serif;
		font-size: small;
		background-color: #b1caef;
		text-transform:uppercase;
		margin: 15px;
		margin-top: -30px;
		margin-bottom: 0;
}
h3 {padding-left: 5px}
h4 {padding-left: 10px}
h5 {padding-left: 15px}

/* indent different sections */
div.level1,div.level2,div.level3,div.level4,div.level5 {
		font-family: verdana, arial, sans-serif;
		text-align: justify;
		background-color:#bad5ff;
		font-size:small;
		font-weight:normal;
		line-height:120%;
		padding: 5px;
		padding-top: 15px;
		margin: 15px;
		margin-top: 0;
		text-indent: 10px;
}
div.level3 {padding-left: 10px}
div.level4 {padding-left: 15px}
div.level5 {padding-left: 20px}

/* unordered lists */
ul { 
		font-size:small;
		line-height: 1.5em;
		list-style-type: square;
		margin: 0 0 0.5em 1.5em;
		padding: 0;
		list-style-image: url(images/bullet.gif);
}

/* ordered lists */
ol {
		line-height: 1.5em;
		margin: 0 0 0.5em 1.5em;
		padding: 0;
		color: #638c9c;
		font-weight: bold;
		list-style-image: none;
}

/* the list items overriding the ol definition */
.li {
		color: #000000;
		font-weight: normal;
}

ol {list-style-type: decimal}
ol ol {list-style-type: upper-roman}
ol ol ol {list-style-type: lower-alpha}
ol ol ol ol {list-style-type: lower-greek}

li.open {
		list-style-image: url(images/open.gif);
}

li.closed {
		list-style-image: url(images/closed.gif);
}

blockquote {
		border-left: 2px solid #8cacbb;
		padding-left: 3px;
		margin-left: 0;
}

/* code blocks by indention */
pre.pre {
		font-size: 120%;
		padding: 0.5em;
		border: 1px dashed #8cacbb;
		color: Black;
		background-color: #f7f9fa;
		overflow: auto;
}

/* code blocks by code tag */
pre.code {
		font-size: 120%;
		padding: 0.5em;
		border: 1px dashed #8cacbb;
		color: white;
		background-color: gray;
		overflow: auto;
}

/* inline code words */
code {
		font-size: 120%;
}

/* code blocks by file tag */
pre.file {
		font-size: 120%;
		padding: 0.5em;
		border: 1px dashed #8cacbb;
		color: Black;
		background-color: #dee7ec;
		overflow: auto;
}

/* inline tables */
table.inline {
		background-color: #ffffff;
		border-spacing: 0px;
		border-collapse: collapse;
}

table.inline th {
		padding: 3px;
		border: 1px solid #8cacbb;
		background-color: #dee7ec;
}

table.inline td {
		padding: 3px;
		border: 1px solid #8cacbb;
}

.leftalign{
		text-align: left;
}

.centeralign{
		text-align: center;
}

.rightalign{
		text-align: right;
}

/* ---------- table of contents ------------------- */

div.toc {
		visibility: hidden;
		display: none;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 25px;
}

div.tocheader {
		font-family: verdana, arial, sans-serif;
		font-size: small;
		font-weight: bold;
		text-transform:uppercase;
		background-color: #b1caef;
		margin-bottom:0px;
}

div.toctoggle {
		display: none;
		float:right;
		margin-top:0.3em;
		margin-right:3px;
}

div.toctoggle img {
		width:0.8em;
		height:0.8em;
}

#tocinside {
		padding-top:15px;
		font-family: verdana, arial, sans-serif;
		background-color:#bad5ff;
		font-size:small;
		font-weight:normal;
		line-height:120%;
}

ul.toc {
		list-style-type: none;
		list-style-image: none;
		line-height: 1.2em;
		margin: 0;
		padding: 0;
		padding-left: 1em;
}

ul.toc li {
		background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
		padding-left:0.4em;
}

ul.toc li.clear {
		background-image: none;
		padding-left:0.4em;
}

a.toc {
		color: #436976;
		text-decoration:none;
}

a.toc:hover {
		color: #000000;
		text-decoration:underline; 
}

/* ---------------------------- Diff rendering --------------------------*/
table.diff {
		background:white;
		text-align: justify;
		font-size: x-small;
		background-color:#bad5ff;
		margin: 15px;
		margin-top: -30px;
		padding: 5px;
		padding-top: 15px;
}
td.diff-blockheader {font-weight:bold}
td.diff-header {
		border-bottom: 1px solid #8cacbb;
		font-size:120%;
}
td.diff-addedline {
		background:#ddffdd;
		font-family: monospace;
		font-size: 100%;
}
td.diff-deletedline { 
		background:#ffffbb;
		font-family: monospace;    
		font-size: 100%;
}
td.diff-context {
		background:#f7f9fa;
		font-family: monospace;
		font-size: 100%;
}
span.diffchange { color: red; }

/* --------------------- footnotes -------------------------------- */

div.footnotes{
		clear:both;
		border-top: 1px solid #8cacbb;
		padding-left: 1em;
		margin-top: 1em;
}

div.fn{
		font-size:90%;
}

a.fn_top{
		vertical-align:super;
		font-size:80%;
}

a.fn_bot{
		vertical-align:super;
		font-size:80%;
		font-weight:bold;
}

/* insitu-footnotes */
div.insitu-footnote {
		font-size: 80%;
		line-height: 1.2em;
		border: 1px solid #8cacbb;
		background: #eef3f8;
		text-align: left;
		padding: 4px;
		max-width: 40%;    /* IE's width is handled in javascript */  
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code, * html .insitu-footnote pre.file {
		padding-bottom: 18px;
}

/* --------------- search result formating --------------- */
.search_result{
		margin-bottom: 6px;
		padding-left: 30px;
		padding-right: 10px;
}

.search_snippet{
		color: #999999;
		font-size: 12px;
		margin-left: 20px;
}

.search_sep{
		color: #000000;
}

.search_hit{
		color: #000000;
		background: #FFFF99;
}

div.search_quickresult{
		margin-bottom: 15px;
		padding-bottom: 5px;
		border-bottom: 1px dashed #8cacbb;
		margin-left: 30px;
		padding-right: 10px;
}

div.search_quickhits {
		margin-left: 1em;
		float:left;
		background: transparent url(images/bullet.gif) 0px 1px no-repeat;
		padding: 1px 0px 1px 8px;
		width: 30%;
}

/* ---- Admin --- */

div.acladmin label {
		text-align: left;
		font-weight: normal;
		display: inline;
}

div.acladmin table{
		margin-left: 15%;
		width: 80%;
}

/* ---------- AJAX quicksearch ----------- */

div.ajax_qsearch {
		position:absolute;
		right:237px;;
		width: 200px;
		display:none;
		font-size: 80%;
		line-height: 1.2em;
		border: 1px solid #8cacbb;
		background: #eef3f8;
		text-align: left;
		padding: 4px;
}

/* ---------- Spellchecking ------------- */

a.spell_error {
		color: #ff0000;
		text-decoration: underline;
}

div#spell_suggest {
		position: absolute;
		left: 0;
		top: 0;
		display: none;
		background-color: #fff;
		padding: 2px;
		border: 1px solid #000;
		font-size:80%;
		z-index: 2;
}

div#spell_result {
		display:none;
		font-family:monospace;
		border: 1px solid #8cacbb; 
		color: Black;
		font-size:14px;
		padding: 3px;
		background-color: #f7f9fa;
		overflow: auto;
		z-index: 1;

		/*white-space: pre-wrap;*/       /* css-3 */
		/*white-space: -moz-pre-wrap;*/  /* Mozilla, since 1999 */
		/*white-space: -pre-wrap;*/      /* Opera 4-6 */
		/*white-space: -o-pre-wrap;*/    /* Opera 7 */
		/*word-wrap: break-word;*/       /* Internet Explorer 5.5+ */
}

span.spell_noerr {
		color: #009933;
}

span.spell_wait {
		color: #0066cc;
}

/* ---------------  Image Details  ----------------- */

div.img_big {
		float: left;
		margin-right: 0.5em;
}

dl.img_tags dt {
		font-weight: bold;
		background-color: #dee7ec;
}
dl.img_tags dd {
		background-color: #f5f5f5;
}

div.imagemeta {
		color: #666;
		font-size: 70%;
		line-height: 95%;
}

div.imagemeta img.thumb{
		float:left;
		margin-right: 0.1em;
}

/* -------------- Media Popup ---------------------- */
div.mediaselect-left,div.mediaselect-right {
		background-color:#bad5ff;
		margin-top: 0px;
		padding: 5px;
		padding-top: 15px;
}

div.mediaselect-left {margin-left:15px;}
div.mediaselect-right {margin-right:15px;}

div.mediaselect-right li, div.uploadform { 
		clear: both;
}

div.mediaedit div.data label{
		display: block;
		text-align: right; 
		width: 20%;
		float: left;
		margin-right: 0.5em;
}

div.mediaedit div.data input, div.mediaedit div.data textarea{
		width: 75%;
		padding: 0.1em;
		margin: 0.1em;
}

div.mediaedit div.data input.button {
		width: 10em;
		display: block;
		margin-left: auto;
		margin-right: auto;
}

/* -------------- RezIRC hacks to look like Nanoblogger ---------------------- */
#banner {
		font-family: verdana, arial, sans-serif;
		background-color:#a1aab8;
		font-size:large;
		font-weight:normal;
		text-align:left;
		padding:15px;
		border-top:1px dotted #999;
		border-bottom:1px dotted #999;
}
#banner h1 {
		font-family: verdana, arial, sans-serif;
		font-weight: bold;
		text-transform: none;
		background-color:#a1aab8;
		font-size:large;
		text-align:left;
		margin: 0px;
		padding: 0px;
}

.description {
		font-family: verdana, arial, serif;
		color:#FFF;
		font-size:small;
		font-weight:bold;
		text-transform:lowercase;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
		font-family: verdana, arial, sans-serif;
		font-size: large;
		color: #FFF;
		text-decoration: none;
}
#links {
		float: right;
		padding-right:1%;
		padding-left:1%;
		margin-left:0px;
		margin-right:0px;
		padding-bottom:15px;
		border-left: 1px dotted #999;
		border-bottom:1px dotted #999;
		width: 15%;
		background-color: #93a9c6;
		min-width: 100px;
}

#parts {
		text-align: center;
		font-family: verdana, arial, sans-serif;
		font-size:small;
		background-color: #93a9c6;
}

#w3c {
		text-align: center;
}

#webchat {
		text-align: center;
		font-family: verdana, arial, sans-serif;
}

#webchat input, .side input {
		border: 1px solid gray;
		background-color: #ffffff;
		width: 100%;
		font-size: x-small;
}

#webchat input.button {
		cursor: pointer;
}

.syndicate {
		font-family:verdana, arial, sans-serif;
		font-size:xx-small;
		line-height:150%;
		padding:2px;
		margin-top:10px;
		text-align:center;
		background:#EEE;
}

.powered {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:xx-small;
		font-weight:bold;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
		line-height:150%;
		text-transform:uppercase;
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing: .2em;
}
.side {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:x-small;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		text-align: center;
}

.sidetitle {
		font-family:verdana, arial, sans-serif;
		color:#003366;
		font-size:small;
		font-weight:normal;
		padding:2px;
		margin-top:10px;
		letter-spacing: .1em;
		border-bottom:1px dotted #999;
		text-align:center;
		text-transform:lowercase;
}

.editcontainer {
		background-color:#bad5ff;
		margin: 15px;
		margin-top: 0;
		padding: 5px;
		padding-top:15px;
}

.editcontainer input {
		text-align: justify;
		font-size: x-small;
}

.basiccontainer {
		text-align: justify;
		background-color:#bad5ff;
		margin: 15px;
		margin-top: -30px;
		padding: 5px;
		padding-top: 15px;
}