/* ------------------------------------ */
/* CSS by LiteraryMoose and Radek Hulan */
/* style definitions for the admin area */
/* ------------------------------------ */

html { font-family: "Segoe UI", "Trebuchet MS", sans-serif; font-size: 100%; color: #010101; background-color: white; padding: 0 0 0 0; margin: 0 0 0 0; }
body { padding: 0px 0px 80px; margin: 0px; }
head { font-size: 70%; font-weight: bold; text-align: left; text-indent: 20px; padding: 5px 0 0 0; margin: 0 0 0 0; border-top: 1px solid black; width: 100%; height: 25px; position: fixed; bottom: 0px; left: 0px; display: block; z-index: 1000; background-color: #336834;  }
title { height: 25px; display: block; color:white}

a:link, a:visited { text-decoration: underline; padding: 2px; color: black; }
a:visited { color: #282828; }
a:hover{ color: black; background: #F1F18D; text-decoration: none; padding: 2px;}

#foot { font-size: 90%; line-height: 90%; font-weight: bold; text-align: right; position: fixed; bottom: 10px; right: 10px; z-index: 2000; margin: 0 0 0 0; padding: 0 0 0 0; color:white}
* html #foot { color:black}
#foot a:link, #foot a:visited{color:white}
#foot a:hover{color:black}
* html #foot a:link, * html #foot a:visited{color:black}
* html #foot a:hover{color:white}
h1 { font-size: 170%; text-align: left; text-indent: 15px; color: white; background-color: #336834; padding: 5px 0px 0px; margin: 0px 0px  0px; border-bottom: 2px solid #606060; width: 100%; height: 40px; }
.skip { display: none; }
label { cursor: pointer; }
pre { margin-left: 10px; }
.batchoperations { text-align: right; background-color: #F9DEB0; padding: 5px; border: ridge; border-width: 1px; width: auto; }
.loginname { font-size: small; line-height: normal; text-align: right; color: black; padding: 10px 10px 6px 10px; margin: -96px 0px 0px; border: 1px solid #010101; float: right; font-style: normal; color: black; line-height: 12pt; border: 1px solid black; background: #E2F1E3; -moz-border-radius: 10px; }

/* a div that has an indent */
div.indent { margin-left: 40px; }
img { border: 0 none; }
img.skinpreview { border: 1px solid #ccc; }

/* HTMLarea Container */
#editarea1, #editarea2 { margin: 0; padding: 0; clear: both; }
#editarea1 div, #editarea2 div { width: auto; }
#editarea1 td, #editarea2 td { margin: 0; padding: 0; border: none; text-align: left; }
#editarea1 table, #editarea2 table { background-color: transparent; width: auto; margin: 0; padding: 0; }
textarea { width: 95%; }
fieldset { padding: 10px; }
.highlight{ background: #F0ECA4; border-width: 1px; border-style: groove; padding: 2px; }

body, td, th, a, li, ul, textarea { color: #000; }
textarea { font-size: small; width: 95%; }

/* textareas for skin/template editing have monospace fonts */
textarea.skinedit, textarea.templateedit { font-family: "Courier New", Courier, monospace; font-size: medium; }
img			{ border: none; }
.skip 		{ display: none; }
label		{ cursor: pointer; }
.error 		{ color: red; font-size: 1.2em; }
#content input, #content select, #quickmenu select { border-style: outset; border-width: 1px; }

/* quick menu on left */
#quickmenu { position: absolute; overflow: hidden; top: 57px; left: 5px; width: 150px; margin: 10px; padding: 0; text-align: left; font-size: 70%; border-width: 1px; border-style: solid; border-color: black; background: #F4F4F4;}
#quickmenu ul { list-style-type: none; margin: 0; padding: 0; text-align: left; }
#quickmenu p { padding: 5px; margin: 0px; text-align: left; }
#quickmenu li { padding: 0; margin: 0; text-align: left; border-bottom: 1px solid #ccc; }
#quickmenu a { display: block; padding: 3px 0 3px 5px; font-size: 1em; line-height: 1.5em; text-decoration: none; color:black}
#quickmenu a:link, #quickmenu a:visited{ color:black}
#quickmenu a:hover { background: #336834; color: white; letter-spacing: 0px; }
#quickmenu h2 { font-size: 14px; text-align: left; padding: 2px 2px 2px 2px; margin: 0; border-bottom: 1px solid #AAAAAA; background-color: #D4D4D4; color: #000; }
#quickmenu form { margin: 0; padding: 5px 0 5px 0; text-align: center; }
#quickmenu option { font-size: 1.0em; }

/* page content */
#content { font-size: 78%; padding: 20px 20px 40px 20px; margin-left: 185px; margin-top: 22px; margin-right: 20px; font-style: normal; text-decoration: none; color: black; text-align: justify; line-height: 13pt; border-width: 1px; border-style: solid; border-color: black; /* rounded borders in gecko-based browsers? why not :) */ -moz-border-radius: 10px; padding: 20px 20px 20px 20px; background: white; }
#content h2 { color: #336834; border-color: gray; border-style: dashed; border-width: 0px 0px 1px 0px; font-size: 180%; line-height: 120%; text-decoration: none; font-weight: bold; }
#content h3 { border-color: gray; border-style: dotted; border-width: 0px 0px 1px 0px; font-size: 130%; font-weight: bold; line-height: 130%; color: gray; padding-left: 5px; letter-spacing: 2px; }
#content .note, pre { background-color: #ddd; padding: 5px; }
pre { margin-left: 10px; }
table { border: none; width: 100%; border-collapse: collapse; margin-bottom: 10px; margin-top: 10px; }
.batchoperations { background-color: #B8DCB8; width: auto; padding: 5px; text-align: right; }
th { background-color: #336834; color: white; font-size: small; border: 1px solid #9F9F9F; }
th, td { padding: 5px; empty-cells: show; }
td { background-color: #fff; border: 1px solid #9F9F9F; font-size: small; vertical-align: top; text-align: left; }
td a:link, td a:visited { text-decoration: underline; color: black; font-weight: normal; }
td.draft, td.future { background-color: #ffe; }
tr.highlighted td { background-color: green; }
table.navigation td, table.navigation th { border: 1px ridge #FAFAFA; background: #FAFAFA; }
table.navigation form, table.navigation fieldset { padding: 4px; margin: 0; }

/* This stylesheet serves to make item previews look nicer, and to markup the  buttonbar */
.leftbox, .rightbox { margin: 3px; padding: 3px; font-size: larger; width: 20%; }
.leftbox { float: left; border-right: 2px solid #888; }
.rightbox { float: right; border-left: 2px solid #888; }

/* markup buttons */
.jsbutton { text-align: center; padding: 3px; border: 1px solid #dddddd; }
.jsbuttonspacer { padding-right: 10px; }
.jsbuttonbar { padding: 3px; cursor: default; }
form, legend { background: #FAFAFA; }
#content form { padding: 5px; margin: 5px 0 5px 0; border: 1px solid #EAEAEA; }
#content form p{ padding: 0; margin: 5px; }
#content .navigation form { border: 0 none; }