/** ***************************************************************************
  * filename . . : css.css
  * created. . . : 1 january 2004
  * function . . : standard style of The BalusC Server, http://balusc.xs4all.nl
  * called by. . : user browser
  * dependences. : none
  * exp input. . : none
  * ***************************************************************************
  * Author . . . : BalusC, balusc a xs4all nl
  * Version. . . : 3.1.2 20070202
  * License. . . : Open Source. No Warranty. No Support.
  */


/****************************************************************************/
/* basic                                                                    */
/****************************************************************************/

* {margin: 0px; padding: 0px; border: 0px;}
acronym {font-style: normal; cursor: help;}
body {padding-bottom: 10px; min-width: 800px; max-width: 1024px; background-color: #ccc; font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt;}
code {color: #000; font-family: 'lucida console', fixed, monospace, terminal, couriernew, courier; font-size: 11px; line-height: 11px;}
h1 {padding: 0px 0px 2px 0px; font-size: 13pt; font-weight: bold; color: #000;}
h2 {margin: 11px 0px 0px 0px; line-height: 23px; font-size: 11pt; font-weight: bold; color: #811;}
h3 {height: 12px; padding: 1px 0px 0px 3px; line-height: 10px; color: #fff; background-color: #a33; border: 1px #811 solid; border-bottom: 0px; font-size: 7pt; font-weight: bold;}
h4 {height: 15px; padding: 4px; line-height: 14px; color: #fff; background-color: #a33; border: 1px #811 solid; font-size: 13pt; font-weight: bold; letter-spacing: 1px;}
h5 {padding: 2px; font-size: 7pt; font-weight: normal; color: #999;}
hr {width: 100%; height: 1px; border: 0px; background-color: #999; color: #999; margin-left: 0px; text-align: left;}
input, select, textarea {background-color: #eee; border: 1px #bbb solid; margin: 0px 1px 0px 1px; font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt;}
input {height: 16px; vertical-align: middle;}
input.button {cursor: pointer;}
input.selected {color: #666; background-color: #efe;}
input.disabled {color: #666; background-color: #fee;}
ol {padding: 3px 0px 3px 0px;}
ol li {margin: 0px 0px 3px 30px;}
p {padding: 3px 0px 3px 0px;}
pre {margin: 2px 2px 6px 2px; padding: 2px; border: 1px #333 dashed; color: #000; background: #ffe; overflow: auto; overflow-y: hidden; font-family: 'lucida console', fixed, monospace, terminal, couriernew, courier; font-size: 11px; line-height: 11px;}
small {color: #333; font-size: 7pt;}
table {position: relative; font-size: 7pt;}
textarea {overflow: auto;}
td, tr {padding: 1px; font-size: 7pt;}
ul {padding: 3px 0px 0px 0px;}
ul li {list-style-type: none;}


/****************************************************************************/
/* content                                                                  */
/****************************************************************************/

table#main {width: 100%; width: expression(document.body.clientWidth > 800 ? (document.body.clientWidth > 1024 ? '1024px' : '100%') : '800px');}  /* IE don't recognize min-width/max-width, use the width: expression script instead */
	td.left {width: 161px; padding: 1px; vertical-align: top;}
		dl.menu {position: relative; margin: -1px 0px 0px 0px; padding: 1px 0px 0px 0px; border: 1px #811 solid; border-top: 0px; background-color: #a33;}
		div#menuads {position: relative; height: 600px; margin: 5px 0px 0px 0px; border: #811 1px solid; text-align: center;}
	td.middle {padding: 1px; vertical-align: top;}
		div#content {position: relative; padding: 2px 2px 5px 2px; border: #811 1px solid; background-color: #fff; font-size: 8pt;}
		div#content p.pics img {margin: 2px; vertical-align: top;}
		div#contentads {position: relative; height: 15px; padding: 2px 0px 15px 0px; text-align: center;}
		div#fastmenu {position: absolute; top: 35px; right: 3px; font-size: 7pt;}
		div#bottom {position: relative; margin-bottom: 5px; color: #999; text-align: center; font-size: 7pt;}
		div.admain {clear: both; height: 68px; margin: 2px 0px 0px 0px; padding: 2px; border: 1px #333 solid; background-color: #ff9; cursor: pointer;}
		div.admain p.adleft {float: left; width: 50%; color: #000; font-size: 7pt; text-align: center;}
		div.admain p.adright {float: right; width: 50%; color: #333; font-size: 10pt; font-weight: bold; text-align: center;}
	td.right {width: 161px; padding: 1px; vertical-align: top;}
		div.box {position: relative; margin: 0px 0px 4px 0px; padding: 2px; border: #811 1px solid; background-color: #fff; font-size: 7pt;}
		div.box img {display: block;}


/****************************************************************************/
/* menu                                                                     */
/****************************************************************************/

dl.main1, dl.main2, dl.main3 {padding: 1px 0px 1px 20px;}
dl.menu a:link, dl.menu a:visited, dl.menu a:hover, dl.menu a:active {position: relative; display: block; margin: 1px 0px 0px 0px; padding: 3px 1px 3px 3px; color: #000; font-size: 7pt; text-decoration: none; white-space: nowrap;}
dl.menu small {font-size: 6pt;}

.menu1 a {background-color: #c55;}
.menu1 a:hover {background-color: #e77;}
.menu1 a:active {background-color: #f88;}
.menu1active a, .menu1active a:hover, .menu1active a:active {background-color: #fff;}

.main1 { background-color: #c55;}

.menu2 a {background-color: #d66;}
.menu2 a:hover {background-color: #f88;}
.menu2 a:active {background-color: #f99;}
.menu2active a, .menu2active a:hover, .menu2active a:active {background-color: #fff;}

.main2 {background-color: #d66;}

.menu3 a {background-color: #e77;}
.menu3 a:hover {background-color: #f99;}
.menu3 a:active {background-color: #faa;}
.menu3active a, .menu3active a:hover, .menu3active a:active {background-color: #fff;}

.main3 {background-color: #e77;}

.menu4 a {background-color: #f88;}
.menu4 a:hover {background-color: #faa;}
.menu4 a:active {background-color: #fbb;}
.menu4active a, .menu4active a:hover, .menu4active a:active {background-color: #fff;}

/* site map */
.map dl {padding: 1px 0px 1px 5px; margin: 3px 0px -3px 0px;}
.map dd {margin: 1px 0px 0px 0px; padding: 3px; color: #000; font-size: 7pt; text-decoration: none; white-space: nowrap;}


/****************************************************************************/
/* tables                                                                   */
/****************************************************************************/

div#content table {margin-top: 3px; border-collapse: collapse;}
div#content td {border: 1px #fff solid;}
div#content th {height: 14px; border: 1px #fff solid; color: #fff; background-color: #b44; font-weight: bold; text-align: center; white-space: nowrap;}
div#content th.tha {background-color: #e77;}
div#content th.thw {color: #000; background-color: #fff;}
div#content table.borderless, div#content table.borderless th, div#content table.borderless tr, div#content table.borderless td {border: 0px;}
table#mrtg {background-color: #fff; font-size: 8pt;}
.tr1 {background-color: #e5e5e5;}
.tr2 {background-color: #c3c3c3;}

/* deprecated?
.tr3 {background-color: #e5e5e5;}
.tr3hover {background-color: #666; color: #fff;}
.tr3hover span.black {color: #fff;}
.tr3hover span.red {color: #e77;}
.tr3hover span.blue {color: #79f;}
.tr3hover span.green {color: #7e2;}
.tr3hover span.gray {color: #ccc;}
.tr3hover span.orange {color: #f84;}
.tr3hover a.black:link, .tr3hover a.black:active, .tr3hover a.black:visited {color: #fff; text-decoration: underline;}
.tr3hover a.black:hover {color: #ccc; text-decoration: underline;}
.tr3hover a.none:link, .tr3hover a.none:active, .tr3hover a.none:visited {color: #fff; text-decoration: none;}
.tr3hover a.none:hover {color: #ccc; text-decoration: none;}
.tr4 {background-color: #c3c3c3;}
.tr4hover {background-color: #666; color: #fff;}
.tr4hover span.black {color: #fff;}
.tr4hover span.red {color: #e77;}
.tr4hover span.blue {color: #79f;}
.tr4hover span.green {color: #7e2;}
.tr4hover span.gray {color: #ccc;}
.tr4hover span.orange {color: #f84;}
.tr4hover a.black:link, .tr4hover a.black:active, .tr4hover a.black:visited {color: #fff; text-decoration: underline;}
.tr4hover a.black:hover {color: #ccc; text-decoration: underline;}
.tr4hover a.none:link, .tr4hover a.none: active, .tr4hover a.none: visited {color: #fff; text-decoration: none;}
.tr4hover a.none:hover {color: #ccc; text-decoration: none;}
*/

.trg {background-color: #c55; color: #fff; font-weight: bold;}
.trh {background-color: #a33;}
.th1 {padding: 0px 2px 0px 2px;}
.td0 {white-space: nowrap; padding: 0px;}
.td1 {white-space: nowrap;}
.td2 {white-space: nowrap; text-align: center;}
.td3 {white-space: nowrap; text-align: right;}
.td4 {white-space: nowrap; vertical-align: top;}
.td5 {white-space: nowrap; text-align: right; vertical-align: top;}
.td6 {vertical-align: top;}
.td7 {vertical-align: top; border: 1px #ddd solid;}
.td7 img {vertical-align: middle;}
.td8 {vertical-align: top; border: 1px #bbb solid;}
.td8 img {vertical-align: middle;}
.td9 {text-align: center;}
.tdg {margin: 0px; padding: 0px; white-space: nowrap; background-image: url(graph000.gif);}
.tdh {font-weight: bold; text-align: left; color: #fff;}


/****************************************************************************/
/* stats                                                                    */
/****************************************************************************/

.period {margin: 2px; padding: 2px; border: 1px #ccc dashed; background-color: #ffe;}
.period input, .period select {width: 90px; height: 16px; margin: 3px 0px 3px 0px; vertical-align:middle;}

.stats {margin: 10px 0px 10px 0px; border-collapse: collapse;}
.stats acronym {display: block; cursor: help;}
.stats td, .stats th {border: 1px #fff solid; font-family: 'lucida console', fixed, helvetica, arial, sans-serif; font-size: 6pt; letter-spacing: -1px; white-space: nowrap;}
.stats td {padding: 2px 0px 0px 0px;}
div#content .stats th {height: 10px; padding: 1px; font-weight: normal; color: #000; background-color: #fff;}
.stats .graph {padding: 0px; background-color: #eee;}
.stats .graph, .stats .hit {font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; letter-spacing: 0px; vertical-align: top;}
.stats .right, .stats .hit {text-align: right;}
.stats .center {text-align: center;}

.vbarcontainer {position: relative;}
.vbarcontainer * {position: absolute; overflow: hidden; border-left: 1px #999 solid; border-top: 1px #888 solid; border-right: 1px #777 solid;  cursor: help;}
.vbar1a {background-color: #ddd;}
.vbar1b {background-color: #ccc;}
.vbar1c {background-color: #bbb;}
.vbar1d {background-color: #aaa;}
.vbar1e {background-color: #999;}
.vbar2a {background-color: #fcc;}
.vbar2b {background-color: #ebb;}
.vbar2c {background-color: #daa;}
.vbar3a {background-color: #cfc;}
.vbar4a {background-color: #ccf;}
.vbar5a {background-color: #ffc;}
.vbar6a {background-color: #cff;}

.hbarcontainer {position: relative; margin-right: 2px;}
.hbarcontainer * {position: absolute; overflow: hidden; border-left: 1px #aaa solid; border-top: 1px #777 solid; border-right: 1px #888 solid; border-bottom: 1px #999 solid;}
.hbar1a {background-color: #ddd;}
.hbar1b {background-color: #ccc;}
.hbar1c {background-color: #bbb;}
.hbar1d {background-color: #aaa;}
.hbar1e {background-color: #999;}
.hbar2a {background-color: #fcc;}
.hbar2b {background-color: #ebb;}
.hbar2c {background-color: #daa;}
.hbar3a {background-color: #cfc;}
.hbar4a {background-color: #ccf;}
.hbar5a {background-color: #ffc;}
.hbar6a {background-color: #cff;}

.hits1a, .hits1b, .hits1c, .hits1d, .hits1e, .hits2a, .hits2b, .hits2c, .hits3a, .hits4a, .hits5a, .hits6a {padding: 0px; text-align: center;}
.hits1a {background-color: #eee;}
.hits1b {background-color: #ddd;}
.hits1c {background-color: #ccc;}
.hits1d {background-color: #bbb;}
.hits1e {background-color: #aaa;}
.hits2a {background-color: #fee;}
.hits2b {background-color: #edd;}
.hits2c {background-color: #dbb;}
.hits3a {background-color: #efe;}
.hits4a {background-color: #eef;}
.hits5a {background-color: #ffe;}
.hits6a {background-color: #eff;}


/****************************************************************************/
/* fonts                                                                    */
/****************************************************************************/

.bold {color: #a33; font-weight: bold;}
.input {background-color: #eee; border: 1px #bbb solid; margin: 0px 1px 0px 1px; font-size: 7pt;}
.logo {display: block; height: 15px; padding: 4px; line-height: 14px; color: #fff; background-color: #a33; border: 1px #811 solid; font-size: 13pt; font-weight: bold; letter-spacing: 1px; text-align: center;}
.mono {font-family: monospace, terminal, couriernew, courier; font-size: 11px; line-height: 11px;}
.new {color: #a33; font-weight: bold;}
.normal {font-size: 8pt;}
.note {border-top: #ccc 1px solid; margin: 11px 0px 0px 0px; font-size: 7pt;}
.tiny {margin: 2px 0px 0px 0px; font-family: 'lucida console', fixed, helvetica, arial, sans-serif; font-size: 6pt; line-height: 7px;}
.update {color: #999; font-size: 7pt; text-align: right;}


/****************************************************************************/
/* code highlighters                                                        */
/****************************************************************************/

.code, .codetag, .codekeyword, .codevalue, .codecomment1, .codecomment2, .codecomment3, .codeoutput, .codeoutputerror, .codeconsole, .codecursor {font-family: 'lucida console', fixed, monospace, terminal, couriernew, courier; font-size: 11px; line-height: 11px;}
.code            {color: #333;}
.codetag         {color: #366;}
.codetagscript   {color: #900;}
.codekeyword     {color: #906;}
.codevalue       {color: #00c;}
.codeconstant    {color: #009; font-style: italic;}
.codeannotation  {color: #999;}
.codecomment1    {color: #396;}
.codecomment2    {color: #36c;}
.codecomment3    {color: #36c; font-style: italic;}
.codeoutput      {color: #00f;}
.codeoutputerror {color: #f00;}
.codeerror       {border-bottom: 1px #f00 solid;}
.codeconsole     {display: block; padding: 2px; color: #0f0; background-color: #000; border: 2px #ccc solid;}
.codecursor      {color: #ccc; text-decoration: blink;}


/****************************************************************************/
/* html basic                                                               */
/****************************************************************************/

div#content .htmlbasic {text-align: center;}
div#content .htmlbasic, div#content .htmlbasic * {font-family: 'lucida console', fixed, monospace, terminal, couriernew, courier; font-size: 11px; line-height: 11px; text-align: left;}
div#content .htmlbasic table {margin: 0px auto; padding: 0px; border: 1px #000 solid; border-collapse: separate;}
div#content .htmlbasic td {margin: 0px; padding: 0px; border: 1px #000 solid;}
div#content .htmlbasic th {margin: 0px; padding: 0px; border: 1px #000 solid; color: #000; background-color: #fff}


/****************************************************************************/
/* links                                                                    */
/****************************************************************************/

a:link, a:visited, a:active {color: #00f; text-decoration: underline;}
a:hover {color: #69f; text-decoration: underline;}
a.black:link, a.black:visited, a.black:active {color: #000; text-decoration: underline;}
a.black:hover {color: #666; text-decoration: underline;}
a.nav:link, a.nav:visited, a.nav:active {font-weight: bold; color: #00f; text-decoration: none;}
a.nav:hover {font-weight: bold; color: #69f; text-decoration: none;}
a.none:link, a.none:visited, a.none:active {color: #000; text-decoration: none;}
a.none:hover {color: #666; text-decoration: none;}
h2 a:link, h2 a:visited {text-decoration: none; color: #811;}
h2 a:hover, h2 a:active {text-decoration: underline; color: #811;}
h3 a:link, h3 a:active, h3 a:hover, h3 a:visited {font-size: 7pt; font-weight: bold; text-decoration: none; color: #fff;}
h3 a:hover, h3 a:active {text-decoration: underline;}
h5 a:link, h5 a:visited {text-decoration: none; color: #666;}
h5 a:hover, h5 a:active {text-decoration: underline; color: #666;}
div#content th a {display: block; height: 15px; line-height: 15px;}
div#content th a, div#content th a:link, div#content th a:visited, div#content th a:hover, div#content th a:active {color: #fff; font-size: 7pt; font-weight: bold; text-decoration: none;}
div#content th a:hover {background-color: #e77;}
div#content th a:active {background-color: #f88;}
div#bottom a:link, div#bottom a:visited {color: #999;}
div#bottom a:hover, div#bottom a:active {color: #666;}
.update a:link, .update a:visited {color: #999; text-decoration: underline;}
.update a:hover, .update a:active {color: #666; text-decoration: underline;}
.picture {cursor: pointer; border: 0px;}


/****************************************************************************/
/* colors                                                                   */
/****************************************************************************/

.black         {color: #000;}
.white         {color: #fff;}

.gray-darkest  {color: #333;}
.gray-darker   {color: #666;}
.gray-dark     {color: #999;}
.gray          {color: #bbb;}
.gray-medium   {color: #ccc;}
.gray-light    {color: #ddd;}
.gray-bright   {color: #eee;}

.red-darker    {color: #811;}
.red-dark      {color: #a33;}
.red           {color: #c55;}
.red-medium    {color: #d66;}
.red-light     {color: #e77;}
.red-bright    {color: #f88;}

.orange-dark   {color: #e31;}
.orange        {color: #f40;}
.orange-medium {color: #f62;}
.orange-light  {color: #f84;}
.orange-bright {color: #fa6;}

.green-dark    {color: #3a3;}
.green         {color: #5c5;}
.green-medium  {color: #6d6;}
.green-light   {color: #7e7;}
.green-bright  {color: #8f8;}

.blue-dark     {color: #33a;}
.blue          {color: #55c;}
.blue-medium   {color: #66d;}
.blue-light    {color: #77e;}
.blue-bright   {color: #88f;}


/****************************************************************************/
/* print version                                                            */
/****************************************************************************/

@media print {
	td.left, td.right {display: none;}
}