/*@import url(procountor_colors.css);*/
/* @import url(strawberry.css); */
/* @import url(chocolate.css); */
/* @import url(plum.css); */

/*** TEMPLATEN PERUSMÄÄRITYKSET ***/

html { 
    padding: 0;
    margin: 0;
    font-size: 11pt;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    height: 100%;
    background: #fff;
    color: #000;
}
body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    position: relative;
}
* html body { height: 100%; }

a img { border: none }
a { color: #f60; text-decoration: none }
a:visited { color: #f93; }

a.interwiki, a.http, a.www,a.file, a.mailto, a.https,  a.external { color: #EB753D }
a.interwiki:visited, a.http:visited, a.https:visited, a.file:visited, a.mailto:visited, a.www:visited, a.external:visited { color: #EB753D }
a.nonexistent { color: #f02 }
a:hover { color: #000; text-decoration: underline }

a.mailto:before {
    content: url(img/moin-email.png); 
    margin: 0 0.2em;
    vertical-align: middle;
    white-space: nowrap;
}

li p { margin: 0 }

textarea, select, input {
    border: 1px solid #999;
    vertical-align: middle;
    line-height: 1.0;
    font-size: 11pt;
}
textarea {
    display: block;
    width: 99%;
}

form.search {
    float: right;
    margin: 10px 20px 5px 0;
    color: #666;
}
form.search p {
    margin: 0;
    font-size: 11pt;
}
div.gotobar p {
    margin: 0;
    padding: 0;
}

div.editbar a.edit:before {
    content: url(img/edit.png);
    vertical-align: middle;
    margin: 0 0.15em 0 0.5em;
}

div.editbar {
    float: right;
    margin: 1em 1.5em;
    color: #999;
}
div.editbar a {
    color: #999;
    font-size: 11pt;
    margin: 0 0.25em;
}
div.editbar a:visited{
    color: #999;
}
div.editbar a:link{
    color: #999;
}
div.editbar a:hover {
    color: #fff;
}

a.logo {
    display: block;
    margin: 5px 20px;
    float: left;
    clear: none;
    font-size: 16pt;
    text-decoration: none;
    color: #444;
    line-height: 1.2;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: 0.025em;
}
a.logo img {
    vertical-align: middle;
    margin: 0 0 0 0;
}
ul#username {
    display: block;
    float: right;
    clear: right;
    list-style: none;
    margin: 0 20px;
}
ul#username li {
    list-style: none;
    display: inline;
    margin: 0 0 0 1em;
    font-size: 11pt;
}

ul.gotobar {
    margin: 0px;
    padding: 0px 20px;
    display: block;
    border-top: 1px solid #d60;
    border-bottom: 1px solid #e70;
    color: #eee;
    background: #f93;
    clear: both;
    overflow: hidden;
	height : 2.3em;
}
ul.gotobar li {
    display: block;
    float: left;
	padding : 0px;
    margin: 0.25em 0.25em 0.25em 0;
    border: 1px solid #e70;
    overflow: hidden;
}
ul.gotobar li a {
    letter-spacing: 0.05em;
    display: block;
    border: 1px solid #fb7;
    text-decoration: none;
    font-size: 10pt;
    padding: 0.25em 0.75em;
    background: #fa4;
    color: #420;
}
ul.gotobar li.current a {
    background: #f93;
    border: 1px solid #fa3;
    color: #000;
}
ul.gotobar li.current {
    border: 1px solid #d60;
}
ul.gotobar li a:hover {
    color: #000;
    background: #fb6;
    border: 1px solid #fd9;
}
body ul.gotobar li.clear {
    display: block;
    list-style: none;
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
    border: none;
    line-height: 1px;
}

div.header h1 {
    color: #eee;
    background: #444;
    padding: 0.3em 20px;
    border-bottom: 1px solid #555;
    margin: 0;
    font-weight: normal;
    font-size: 13pt;
    border-top: 2px solid #333;
    letter-spacing: 0.025em;
}
div.header h1 a.backlink {
    color: #eee;
}
div.header h1 a.backlink:hover {
    color: #fff;
}

span.pagepath { 
    font-size: 10pt; color: #666; 
    font-weight: bold;
}
span.pagepath a { 
    font-weight: normal;
    color: #999;
}

div.header {
    border-bottom: 1px solid #000;
}

div.wrapper {
    padding: 0 0 20px 0;
    margin: 10px 20px 0px 20px;
    color: #444;
    position: relative;
	max-width: 1050px;
}

div.content {
    margin: 0;
    padding: 0;
	line-height: 1.35;
    position: relative;
}

div.sidebar {
    width: 0;
    position: absolute;
    left: 0px;
    border: 0px;
    padding: 0px;
    margin: 0;
}

div.sidebar p {
    margin: 0;
}

div.wrapper div.sidebar h1, 
div.wrapper div.sidebar h2, 
div.wrapper div.sidebar h3 { 
    font-size: 12pt; 
    margin: 0 0 0.25em 0;
    letter-spacing: 0.05em;
    font-weight: normal;
    color: #852;
    border: 1px solid #ea6;
    background: #fc7;
    padding: 0.25em 0.5em;
    line-height: 1.1;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
div.sidebar ul { 
    margin: 0;
    list-style: none;
    padding: 0 0 0.25em 0;
}
div.sidebar li {
    list-style: none;
    background: url(img/bullet.png) no-repeat 3px 3px;
    padding: 0 0 0 15px;
}
div.sidebar a { color: #000; }
div.sidebar a:hover { text-decoration: underline }


div.wrapper h1, h2, h3, h4, h5 {
    color: #fa4;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.2;
}
div.wrapper h1 { font-size: 16pt; font-weight: bold; argin: 1em 0 0.5em 0; color: #f92 }
div.wrapper h2 { font-size: 14pt; font-weight: bold; margin: 1em 0 0.5em 0; }
div.wrapper h3 { font-size: 12pt; font-weight: bold; letter-spacing: 0.025em; margin: 1.25em 0 0.75em 0; }
div.wrapper h4 { font-size: 11pt; font-weight: bold; letter-spacing: 0.05em; margin: 1.5em 0 1em 0; color: #fb6 }


ul#pagetrail {
    display: block;
    background: #eee;
    border-bottom: 1px solid #fff;
    border-top: 3px solid #bbb;
    margin: 0;
    padding: 0 20px;
}
ul#pagetrail li {
    display: inline;
    list-style: none;
    margin-right: 0.75em;
}
ul#pagetrail li a {
    font-size: 10pt;
    color: #666;
}

div.footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ddd;
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 0;
    margin: 0;
}
div.footer span.time {
    display: block;
    text-align: right;
    color: #666;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    font-style: italic;
}

div#message, p.status {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #ffa;
    border-bottom: 1px solid #888;
    padding: 0.125em 0.5em;
    margin: 0;
    font-size: 11pt;
    color: #000;
    opacity: 0.90;
    z-index: 1000;
}

div.message p { margin: 0 }

#content table { 
  border-collapse: collapse; 
  font-size: 10pt; 
  margin: 0em;  
}
#content th, #content td { border: 1px solid #999; padding: 0.25em 0.25em 0.25em 0.25em;  }
#content th { background: #f6f6f6;  }

tt { font-size: 11pt; color: #333;
    font-family: "Lucida Console", "Courier New", monospace; }
div.codearea, pre { 
    border: 1px solid #ddd; 
    background: #f6f6f6; 
    color: #666;
}
div.codearea a.codenumbers { font-size: 9pt; float: right; display: block; padding: 0.25em }
div.codearea span.LineNumber { background: #fff; color: #888; border-right: 1px solid #ddd; margin-right: 0.25em; font-weight: bold; 
}
div.codearea pre { padding: 0; border: none; margin: 0; color: #222 }
div.codearea span.ResWord { font-weight: bold }
div.codearea span.ResWord2 { font-weight: bold; color: #f60 }
div.codearea span.ID { font-style: italic }
div.codearea span.Comment { color: #999; font-style: italic }
div.codearea span.Preprc { color: #999; font-weight: bold;  }
div.codearea span.String { color: #f60; font-style: italic }
div.codearea span.Char { color: #f60; font-style: italic; font-weight: bold }
div.codearea span.Number { color: #f60 }
div.codearea span.ConsWord { color: #f60; font-weight: bold }
div.codearea span.Operator { }
div.codearea span.SPChar { font-weight: bold; }
div.codearea span.Special { }
div.codearea span.Error { color: #f60; font-weight: bold; background: #ddd }

pre {
    padding: 0.25em; 
    font-family: "Lucida Console", "Courier New", monospace;
    font-size: 11pt;
    line-height: 1.25;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    /* end css 3 or browser specific rules */
}

li p, td p, dd p, dt p { margin: 0 }

hr {
	background: transparent;
	color: #fff;
	border: none;
	border-top: 1px solid #ccc;
}

div#preview {

    background: #ffa;
    border: 1px solid #888;
    padding: 0.125em 0.5em;
}

div.warn ul, div.tip ul, div.hint ul, div.info ul, div.err ul,
div.warn p, div.tip p, div.hint p, div.info p, div.err p {
	margin: 0;
}

.diff-added span {
	background: #eee;
	color: #000;
}

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


strong.highlight {
	background: #feb;
	color: #000;
	font-weight: normal;
}

span.strike {
      text-decoration: line-through;
}
span.u {
      text-decoration: underline;
}


@media print {
    div.sidebar, div.header { display: none }
    div.footer { position: static }
    div.wrapper { padding: 0; border: none }
}

/* from the HelpOnMoinWikiSyntax */
div.comment { 
    color: #444; 
    background: #ddf;
}

div.red { background: #fcc; }
div.green { background: #cfc; }
div.blue { background: #ccf; }

div.solid, div.dashed, div.dotted {
    border: 2px solid #000;
    padding: 0.5em;
}
div.solid { border-style: solid }
div.dashed { border-style: dashed }
div.dotted { border-style: dotted }

div.blink { text-decoration: blink }

table.addcommentform textarea { width: 50em; }

/*** OMAT VÄRIMÄÄRITYKSET ***/

html ul.gotobar {
	background: #000000;
	border-top-color: #71a352;
	border-bottom-color: #415137; 
}	

html ul.gotobar li {
	border-color: #71a352 
} 

html ul.gotobar li a {
	border-color: #444444;
	background: #447227;
	color: #ffffff; 
} 

html ul.gotobar li a:visited {
	border-color: #444444;
	background: #447227;
	color: #ffffff; 
} 

html ul.gotobar li a:hover {
	background: #a8f27a;
	border-color: #deffc9; 
	color: #000000; 
} 

html ul.gotobar li.current {
	border-color: #71a352; 
} 

html ul.gotobar li.current a {
	background: #7ed348;
	border-color: #444444; 
	color: #000000; 
} 

html ul.gotobar li.current a:visited {
	background: #7ed348;
	border-color: #444444; 
	color: #000000; 
} 

html ul.gotobar li.current a:hover {
	background: #a8f27a;
	border-color: #deffc9; 
	color: #000000; 
} 
	
html div.sidebar {
	color: #ffffff;
	background: #447227;
	border-color: #8fe25b;
	border-bottom-color: #(medium)s; } 
	
html div.wrapper div.sidebar h1,html div.wrapper div.sidebar h2,html div.wrapper div.sidebar h3 {
	color: #447227;
	border-color: #7ed348;
	background: #a8f27a; 
} 
	
html div.sidebar li {
	background:url(img/bullet-yours.png) no-repeat 3px 3px ;
} 
	
html h2,html h3,html h4,html h5 {
	color: #447227;
} 
	
html div.wrapper h1 {
	color: #447227;
} 
	
html div.wrapper h4 {
	color: #71a352; 
} 
	
html a {
	color: #197D33;
} 
	
html a:visited {
	color: #197D33;
} 

html a:hover {
	color: #eb753d;
} 
	
html a.logo {
	color: #444; 
}


/*** OMAT TOC-MÄÄRITYKSET ***/

div.table-of-contents {
	margin: 0px 0px 0px 5px;
	padding: 0px 5px 0px 20px;
	font-size: 10pt;
	float: right;
	border-left: solid 1pt;
	width: 250px;
}

p.table-of-contents-heading {
	margin: 0px 0px 0px -7px;
	padding: 0px px 0px 0px;
	font-size: 11pt; 
	font-weight: bold;
	letter-spacing: 0.025em; 
	color: #197D33;
}

div.table-of-contents ol{
	padding-left: 12px;
	margin-left: 0px;
}

/*** MUUT OMAT MÄÄRITYKSET ***/

dt {
	font-weight: bold;
}

dd {
	padding-bottom: 1em;
}