@import url(color.css);

html { 
    padding: 0;
    margin: 0;
    font-size: 90%;
    font-family: "Droid Sans", Arial, "Bitstream Vera Sans", sans-serif;
    height: 100%;
    background: #fff;
    color: #000;
}
body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    position: relative;
}
* html body { height: 100%; }

li {
  padding-bottom: 0.5em;
}


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

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


li p { margin: 0 }

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

form.search {
    float: right;
    margin: 0.5em;
    color: #fff;
}
form.search p {
    margin: 0;
    font-size: 90%;
}

a.logo {
    display: block;
    margin: 0.3em 0.5em;
    float: left;
    clear: none;
    font-size: 200%;
    text-decoration: none;
    color: #537AAd;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 0.025em;
}
a.logo img {
    vertical-align: middle;
    margin: 0 0.25em 0 0;
}

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

span.pagepath { 
    font-size: 80%; color: #666; 
    font-weight: bold;
}
span.pagepath a, span.pagepath a:visited { 
    font-weight: normal;
    color: #999;
}

div.header {
}

div.search {
    float: right;
    margin: 0.5em;
    color: #fff;
}

div.wrapper {
    margin: 2em 3.5em 1.5em 17em;
    color: #444;
    position: relative;
}

div.content {
    line-height: 1.35;
    position: relative;
    min-height: 500px;
    _height: 500px; /* ie6 hack */
}

div.sidebar {
    width: 14.5em;
    position: absolute;
    left: -17em;
    top: 0px;
    font-size: 90%;
    line-height: 1.3;
    background: #feb;
    border: 1px solid #ea7;
    border-bottom: 1px solid #e83;
    padding: 1px;
    margin: 0px;
}
div.sidebar p {
    margin: 0;
}
div.wrapper div.sidebar h1, 
div.wrapper div.sidebar h2, 
div.wrapper div.sidebar h3 { 
    font-size: 100%; 
    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: "Droid Sans", Arial, "Bitstream Vera Sans", sans-serif;
}
div.sidebar ul { 
    margin: 0 0 0 0.5em;
    list-style: none;
    padding: 0 0 0.25em 0;
}
div.sidebar li {
    list-style: none;
    background: url(./bullet.png) no-repeat 3px 3px;
    padding: 0 0 0 15px;
}
div.sidebar a, div.sidebar a.http, div.sidebar a:visited {
    color: #000;
    text-decoration: underline;
}
div.sidebar a:hover { text-decoration: none }


div.wrapper h1, h2, h3, h4, h5 {
    color: #fa4;
    font-weight: bold;
    line-height: 1.2;
}
div.wrapper h1 { font-size: 175%; margin: 1em 0 0.5em 0; color: #f92 }
div.wrapper h2 { font-size: 150%; margin: 1em 0 0.5em 0.5em; }
div.wrapper h3 { font-size: 125%; letter-spacing: 0.025em; margin: 1.25em 0 0.75em 1em; }
div.wrapper h4 { font-size: 125%; letter-spacing: 0.05em; margin: 1.5em 0 1em 0; color: #fb6 }

div.content p
 { 
  margin-left: 1.8em; 
}
div.content p.line867 a:first-child {
  margin-left: -1.8em; 
}
div.content table td p { margin-left: 0; }
div.content li p { margin-left: 0; }
div.content div.table-of-contents p { margin-left: 0; }
div.content div.table-of-contents p.table-of-contents-heading {
  font-weight: bold;
}
div.content pre { margin-left: 1.8em; }

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

div#footer_border {
    margin-top: 50px;
    min-height: 20px;
}

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: 80%;
    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: 90%;
    color: #000;
    opacity: 0.90;
    z-index: 1000;
}

div.message p { margin: 0 }

#content table { 
    border-collapse: collapse; 
    font-size: 80%; 
    margin: 0.5em auto;
/*  margin: 0.5em;      if you don't like centered tables */
}
#content th, #content td { border: 1px solid #999; padding: 0.25em;  }
#content th { background: #f6f6f6;  }

tt { font-size: 90%; color: #333;
    font-family: "Courier New (monospace)", "Courier (monospace)", monospace; }
div.codearea, pre { 
    border: 1px solid #ddd; 
    background: #f6f6f6; 
    color: #666;
}
div.codearea a.codenumbers { font-size: 70%; 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: "Courier New (monospace)", "Courier (monospace)", monospace;
    font-size: 90%;
    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; }