/* global & shared settings
 ------------------------------------------------------- */

html {overflow-y: scroll;}
body     {font-size:13px;font-family:arial,sans-serif;margin:0;padding:0;background:#999 url(/img/background.png)}
img      {border:0}
form     {margin:0}
textarea {border:1px solid #666;background-color:#fff;padding:4px;width:95%}
table    {border-collapse:collapse;border-spacing:0}
td, th   {padding:0;vertical-align:top}
input[type=submit], button {
  background:#ddd url(/img/button.png) no-repeat scroll 0 0;
  border:1px solid #999;
  color:#555;
  font-weight:bold;
  padding:3px 5px 2px;
}

label    {cursor:pointer}
label.selected {font-weight:bold}
hr       {height:1px;color:#666}

/* clearfix hack (FF3-safe)
 ------------------------------------------------------- */

.cf:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.cf {display: inline-block;}
html[xmlns] .cf {display: block;}
* html .cf {height: 1%;}



a {color:#c00;text-decoration:none}
p {line-height:1.5em;margin:0}

h1 {font-size:28px;margin:0 0 10px 0;background:#ffc;border:2px solid #cc0;color:#000;padding:10px 10px;margin-bottom:20px}
h1 span {font-size:20px;color:#cc0}
h1 a {text-decoration:none;color:#c00}
h1 a:hover {text-decoration:underline}


h2 {font-size:13px;margin:20px 0px 10px -10px;padding:5px 10px;background:#ccc}
h2 a {font-weight:normal;color:#000;text-decoration:underline}
span.hl {font-weight:bold;color:#666}
.code span.hl {color:#000;background:#fff}
#main {width:750px;padding:10px 20px;margin:40px auto;background:#fff;border:1px solid #666}
#preMenu {padding:10px 0 5px 5px;font-size:9px}
#menu, #menu li {padding:0;margin:0;list-style:none;list-style-image:none}
#menu, #menu li {padding:0;margin:0;list-style:none;list-style-image:none}
#menu {background:#ccc;width:730px;margin-bottom:0px;padding:5px 10px 0 10px;font-size:17px}
#menu li {float:left;margin-right:10px;padding:5px 10px;border-right:0px solid #333;font-weight:bold}
#menu li a {color:#666;text-decoration:none}
#menu li.selected {background:#fff;border:1px solid #999;border-bottom:0}
#menu li.selected a {color:#c00}
#menu li a:hover {text-decoration:underline}
#menu li.selected a:hover {text-decoration:none}
#menu li.last {border:0}


/* button style links
 ------------------------------------------------------- */

div.button {float:left;margin-left:5px;padding:2px 0px}
div.button a {background:#fff;color:#666;text-decoration:none !important;padding:0 10px}
div.button a:hover {color:#c03 !important;background-color:#fff !important}


/* captcha
 ------------------------------------------------------- */

#captcha-code {width:146px !important;max-width:none !important;margin-bottom:10px}
#captcha-image {border:2px solid #666;padding:2px;background-color:#fff;width:150px;height:70px}
#captcha-request {margin:5px 0 20px 0}

/* Form button & cancel
 ------------------------------------------------------- */

div.hint {display:none}
div.hint-error {display:block;color:#c03;margin:5px 0 10px 0;font-size:11px}

/* modlogs
 ------------------------------------------------------- */

.cover {background:#000;-moz-opacity:0.25;filter:alpha(opacity=25);opacity:0.25;-khtml-opacity:0.25}
.cover {position:absolute;top:0;left:0;width:100%;height:100%;display:none} 
.coverText {position:absolute;top:50%;left:50%;line-height:2em;width:100px;margin-top:-1em;margin-left:-50px;text-align:center}
.coverText span {background:#fff;padding:5px;}

#modlogs {display:none}
.modlog {display:none;position:absolute;width:450px;padding:10px;background:url(/img/modlogCover.png)}
* html .modlog {padding:0px;background:#fff}
.modlog a {color:#12b}
.modlog div.intro {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;color:#000;line-height:1.5em}
.modlog form {overflow:auto} /* https://bugzilla.mozilla.org/show_bug.cgi?id=167801#c39 */
.mlInner {border:3px solid #000}

* html .modlog {width:450px}

.mlHeader {color:#fff;background:#000;font-weight:bold;padding:5px 3px}
.mlHeader a, .mlHeader a:hover {color:#fff}
.mlHeader .mlTitle {margin-right:70px;cursor:move;width:100%}
.mlHeader .mlClose {width:48px;float:right}
.mlBody {padding:10px;background:#fff}
.mlBody div.errorText {padding:5px 10px;background:#eef;border:2px solid #12b;color:#000;font-weight:bold;margin-bottom:10px}

#modlogs .blink {-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;-khtml-opacity:0.5}
.pre-content.blink {-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;-khtml-opacity:0.5}

.std {padding:4px;background-color:#fff;border:1px solid #999;width:90%;max-width:90%}
.std:focus {border:1px solid #000}
input.big {font-size:2.5em}
/*textarea.std {width:100%;max-width:100%}*/
/* * html .std {padding:0;height:24px;padding-top:3px;padding-left:3px} */ /* IE, quirks mode fix */
* html .std {width:expression(document.body.clientWidth > 300 ? "95%": "95%") !important}

.std.proposal {color:#999}
.std.error, textarea.error {border:1px solid #c03;background-color:#fee}

/* form labels
 ------------------------------------------------------- */

label.input {display:block;margin-bottom:5px;font-weight:bold}
label.input > strong {background:#ffc}
label.radio, label.checkbox {display:inline}

#topic-text {width:95%;height:80px;margin-bottom:0px}
#topic-text {height:200px}

/* must be named WR-* or it will interfere with syntaxhighlighter */
#wr-comments {list-style:none;list-style-image:none;margin:0;padding:5px 0}
#wr-comments li {padding:10px 10px 40px;margin:0px;border-bottom:1px solid #ccc}

#wr-comments li a {font-weight:normal !important}
#wr-comments li a.permalink {color:#999}
#wr-comments li .title {padding-bottom:5px;margin-bottom:10px;border-bottom:1px dotted #eee;font-size:11px;color:#333}
#wr-comments li .title a {font-weight:bold}
#wr-comments li .title .subject {font-size:15px !important;color:#000}
#wr-comments li .date {margin-left:0px;color:#666}
#wr-comments li .text {line-height:1.5em}
#wr-comments li .result {visibility:hidden}

#wr-comments li.first {background:#fafafa}
#wr-comments li.inactive {-moz-opacity:0.25;filter:alpha(opacity=25);opacity:0.25;-khtml-opacity:0.25;background:url(/img/commentInactive.png) no-repeat}
#wr-comments .subject {margin-bottom:5px;font-weight:bold}
#wr-comments .profile {font-weight:normal}


/* help section of modlogs & comment
 ------------------------------------------------------- */

div.help {line-height:1.5em; padding:10px;background-color:#f0f0f0;margin-top:20px}
div.help ul, div.help ol {margin:0;padding:0;padding-left:20px}
div.help ul {margin:-10px 0;/* -20 to compensate the li-margins */padding:0;padding-left:20px}
div.help ul li, div.help ol li {margin:10px 0}

/* misc
 ------------------------------------------------------- */

a.rss {background:#fee !important;color:#c03 !important;padding:1px 3px;border:1px solid #c03;text-decoration:none}
a.rss:hover {text-decoration:underline;color:#c03 !important}

.trans {-moz-opacity:0;filter:alpha(opacity=0);opacity:0;-khtml-opacity:0}

#output-wrapper {padding:20px 10px;border-top:0}
#output {padding:0px}

img.favicon {width:16px;height:16px;border:1px solid #ccc;margin-right:5px;margin-bottom:-5px;padding:1px}

.displayNone {display:none}
.fl {float:left}
.fr {float:right}

span.confirm {color:#060;visibility:hidden}

/* content
 ------------------------------------------------------- */

.light, .light a {color:#999 !important;font-weight:normal !important}
.light a {text-decoration:underline !important}
.light a:hover {color:#c03 !important}
span.loading {text-decoration:blink;color:#666}
div#loading, span.loading {color:#fff;background:#c03;-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;-khtml-opacity:0.5;font-weight:bold;text-decoration:blink;padding:2px 10px}
div#loading {display:none;z-index:10000;top:0;left:0;position:absolute;}
div.note {font-size:11px;color:#999;margin:5px 0 10px 0}
div.note a {color:#c00}
div.cr {margin-bottom:5px}

.pagenav-wrapper {margin:0;line-height:1.8em;vertical-align:bottom} /* do not take this away without knowing, what you are doing. IE has problems without */
.pagenav-wrapper {vertical-align:top}
.pagenav-wrapper a {color:#12b;background-color:#eee;margin-right:0.3em;padding:0.1em 0.4em;text-decoration:none}
.pagenav-wrapper a:hover {background-color:#ddd}
.pagenav-wrapper .actPage {color:#fff;background-color:#12b;margin-right:0.3em;padding:0.1em 0.4em}
.pagenav-wrapper span.total {border:0;color:#000;padding:0.1em 0.4em 0.1em 0;white-space:nowrap}
.pagenav-wrapper span.total a {color:#c03;background:#fff;padding:0;text-decoration:underline}
.pagenav-wrapper .prev {margin-right:0.3em;padding:0.1em 0.4em}
.pagenav-wrapper .next {margin-left:0em;padding:0.1em 0.4em}


/* comments - must be in shared because used for comment
 * area of user profile
 ------------------------------------------------------- */

.cite {clear:both;padding:10px;background-color:#f5f5f5;margin:0px 0 0px 40px;border-left:3px solid #666;color:#666;font-style:italic}

#jsreq {padding:10px;line-height:1.5em;background-color:#fcd;margin-bottom:20px;border:1px solid #c03;border-top:0}
#jsreq h3 {margin:0;border:0;font-weight:bold}

/* these may be shown below tabmenu */
h3 {font-size:13px;padding:5px 5px;margin-top:0px;margin-bottom:10px;color:#000;background:#eee}
/*h3 a {color:#000}*/
h3 strong {font-style:italic}
h3 span.light {color:#ccc}
h3 span.link {font-weight:normal;color:#999}
h3 span.link a {color:#999}
h3 span.link a:hover {color:#12b}


div.bigAvatar {padding:10px;border:10px solid;float:left}
div.bigAvatar.neutral {border-color:#ccc}
div.bigAvatar.failure {border-color:#c99}
div.bigAvatar.success {border-color:#9c9}

.longtext {line-height:1.4em;color:#000}
div.split {padding-bottom:20px;border-bottom:1px solid #f5f5f5}
    
a.inline {color:#c03 !important;text-decoration:none !important;border-bottom:1px dotted #c03}
a.inline.cancel {color:#C03 !important;border-bottom:1px dotted #C03 !important}
a.inline.down {padding-left:10px;background:url(/img/darr.png) no-repeat}

span.guest, a.guest {color:#666 !important}


ul.next {padding-left:15px;list-style:square}
ul.next li {margin-bottom:10px}

a.admin {background:#c03;border-color:#fff;color:#fff !important;padding:0 5px;}

/* table.standard
 ------------------------------------------------------- */
table.standard {width:100%;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:10px}
table.standard div.avatar {margin:0 10px 0 0}
table.standard thead {text-align:left;color:#333;border-bottom:1px solid #ccc;color:#333}
table.standard th.topic {width:385px}
table.standard th.author {width:120px}
table.standard th.replies {width:55px}
table.standard th.lastPost {width:150px}
table.standard td a {color:#666}
table.standard th {padding:4px 5px;border-left:1px solid #ccc}
table.standard td {padding:4px 5px;color:#666;border-left:1px solid #ddd;white-space:nowrap}
table.standard td.first, table.standard th.first {white-space:normal;line-height:1.7em;border-left:0}
table.standard td.first a {color:#c03}
table.standard tr {border-bottom:1px dotted #ddd}
table.standard tr.even {background:#fafafa}
table.standard tr.odd {background:#fff}
table.standard tr.inactive {-moz-opacity:0.25;filter:alpha(opacity=25);opacity:0.25;-khtml-opacity:0.25}
table.standard tr.last {border-bottom:0}
table.standard div.date {margin-top:5px;color:#000}

table.standard td.lastPost {font-size:11px}
 
table.standard.board {-moz-opacity:0.25;filter:alpha(opacity=25);opacity:0.25;-khtml-opacity:0.25}


/* tabmenu
 ------------------------------------------------------- */

.tabmenu {background:#fff;margin:0;width:750px;border-bottom:1px dotted #ccc}
.tabmenu ul {float:left;margin:0;margin-left:0px;list-style:none;list-style-image:none}
.tabmenu ul li {margin:0 5px 0 0;padding:10px;float:left;font-size:13px}
.tabmenu ul li a {color:#666;text-decoration:none}
.tabmenu ul li a:hover {text-decoration:underline}
.tabmenu ul li.selected a {color:#c00;text-decoration:none;font-weight:bold}
.tabmenu ul li.selected  a:hover {text-decoration:none}
.tabmenu ul li.disabled {border-color:#ccc;color:#ccc}
.tabmenu div {float:right;color:#666}
.tabmenu div a {color:#00e}

.tabs {margin:20px 0 0 0;width:100%;border-bottom:5px solid #ccc;font-weight:bold;color:#666}
.tabs {list-style:none;list-style-image:none}
.tabs li {margin:0 5px 0 0;padding:5px 10px;float:left;font-size:13px;background:#eee;cursor:pointer;border:1px solid #ccc;border-bottom:0}
.tabs li.selected {background:#ccc;border-color:#666;color:#000}


#frameFooter {width:740px;padding:5px;font-size:11px;color:#666;border-top:1px solid #ccc}
#frameFooter .left {float:left}
#frameFooter .right {float:right}
#frameFooter .right a {color:#666}

/* * */

.img-caption {font-size:0.8em;color:#666}

.disabled {color:#999}
.disabled a {color:#999 !important;border-color:#999 !important;cursor:default}


.big {font-size:1.5em}

li h3 {border-bottom:0px solid #eee}

/* standard texts
 ------------------------------------------------------- */

.header {border-bottom:1px solid #AAA;margin-bottom:10px; padding:2px 0;color:#000;font-size:1.2em;font-weight:bold}
.header a {color:#000}
.header > strong {background-color:#ffc}

/* search
 ------------------------------------------------------- */

.search {padding:10px 0 10px 0;background:#f5f5f5}
.search-inputbar {width:90%;margin:auto}
.search-hintbar {width:90%;margin:auto;text-align:left;font-size:0.9em;color:#666;margin-top:2px}
.search-hintbar a {color:#666}
.search-optionbar {width:90%;margin:auto;text-align:left;font-size:0.9em;color:#666;margin-top:0}

.search-input.withExample {color:#666}
.search-input {width:60%;border:1px solid #bbb;border-top:1px solid #666;border-left:1px solid #666;padding:4px;background-color:#fafafa}
.search-input:focus {border:1px solid #999;border-top:1px solid #333;border-left:1px solid #333;background-color:#fff}
.search-input.error {border:1px solid #c66;border-top:1px solid #c00;border-left:1px solid #c00}

#search-search {display:inline;margin:0} /* IE: http://www.cs.tut.fi/~jkorpela/forms/extraspace.html */



ul {margin:0 0 0 20px;padding:0;}
li {margin:10px 0;}

a.selected {color:#000;text-decoration:none;}

#pageTitle {margin-bottom:20px;font-size:1.5em;font-weight:bold;padding-top:5px}
#pageTitle {border-bottom:1px solid #fff} /* opera-bug (jumping divs) */
#pageTitle span {color:#000;font-weight:normal}
#pageTitle span.small {font-size:0.7em}

#pageTitle h1 {font-size:2em;font-weight:bold;padding:0;margin:0;color:#000;display:inline}

.code {padding:10px;background:#000;color:#ccc}
.code a {color:#ccc;text-decoration:none}
.code a:hover {text-decoration:underline}
.code .hl {color:#333}


/* pre-content */

.pre-content {margin-bottom:10px}
.pre-content .left {float:left;line-height:2em}
.pre-content .right {float:right;line-height:2em}


/* board */
.search-input.board-search {width:300px;padding:2px}

#topicInlayPlaceholder {width:500px}


/* skins */
#propaganda {padding:0;margin:0;width:100%}
#propaganda, #propaganda li {list-style:none;list-style-image:none}
#propaganda li {margin:0;margin-right:28px;text-align:center;float:left;height:70px;line-height:50px}
#propaganda li.last {margin:0}
#propaganda li img {margin:auto;padding:10px;border:1px solid #fff}
#propaganda li img {border:1px solid #999;border-top:1px solid #ccc;border-left:1px solid #ccc}
#propaganda li:hover img {border:1px solid #333;border-top:1px solid #999;border-left:1px solid #999}
#propaganda li .caption {margin-top:5px;font-size:11px;color:#333}
#propaganda li:hover .caption {margin-top:5px}

/* shared intro areas */
#introLeft {float:left;margin-right:20px}
#introRight {float:right}
#introRight img {border:1px solid #999;padding:4px}

img.demo {position:absolute;margin-top:100px;margin-left:110px;border:1px solid #c03;background:#fff}

table.code {border:2px solid #060}
table.code td {padding:5px;line-height:15px;font-size:13px}
table.code td.lineNums {color:#999;text-align:right;border-right:1px dotted #060}
table.code td.lines {color:#060;padding-left:10px}
table.code td.lines em {color:#00c;font-style:normal}
table.code td.lines span {color:#999;font-style:normal}


div.canvas {width:500px;padding:0px;float:left;margin-right:20px}

.hidden {display:none !important}

a.tooltip {color:#999}
div.tooltipDiv {background:#fee;border:2px solid #c03;padding:10px;color:#c03;font-weight:normal !important;font-size:11px}

.hintText {color:#999 !important}

#nabble {border-bottom:1px solid #999;margin:20px 0;padding-bottom:20px;font-size:17px}