/* Wacko Wiki Quick Start */

/* ??? */
label {cursor:pointer; cursor:hand;}
dfn { font-variant: small-caps; letter-spacing: 0.1em; font-style: normal; cursor: help; border-bottom: 1px dotted #000; }


/* PAGE ------------------------------------------------ */
body {color: black; background-color: #FFFFFF; font: 10pt Trebuchet MS }
body, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0}
div.page {padding: 10px 10px 10px 20px; text-align:justify;}    /* content area */
td {vertical-align: top }

/* title */
div.header {padding: 0px; text-align: left; }
div.menu {color:#555555; font-weight: bolder; background-color: #f5f5f5; padding: 1px 0px 0px 50px; border-top: 1px solid blue; border-bottom: 1px solid gray;  margin: 0px 10px 0px 20px}
div.menu a:link, div.menu a:visited, div.menu a:hover {color: #557799;}
div.menu a:hover {color: #8899ee; text-decoration: underline   }

/* heading */
h1 {padding:  0px 0px 0px 0px; font: 16pt Trebuchet MS bold; color: #555555; border-bottom: 1px solid #eeeeee; margin-bottom: 7pt}
h2 {padding: 15px 0px 5px 0px; font: 14pt Trebuchet MS bold; color: #555555; }   /*TRBL*/
h3 {padding: 15px 0px 3px 0px; font: 12pt Trebuchet MS bold; color: #555555; }
h4 {padding: 15px 0px 2px 0px; font: 10pt Trebuchet MS italic bold; color: #555555;}

/* hyperlink */
a:link,
a:visited,
a:active { color: #215dc6; text-decoration:none; }
a:hover { color: #428eff; text-decoration:underline; }
span.missingpage {background-color: #eeeeee;}   /* reference to the page that does not exist */

/* list-? */
ul, ol { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }

/* DESIGN ---------------------------------------------- */
/* border & background */
.brd_b,  .bg_t  { background: repeat-x top}
.brd_bl, .bg_tr { background: no-repeat 100% 0px}
.brd_br, .bg_tl { background: no-repeat}
.brd_l,  .bg_r  { background: repeat-y 100% 0px}
.brd_r,  .bg_l  { background: repeat-y}
.brd_t,  .bg_b  { background: repeat-x bottom}
.brd_tl, .bg_br { background: no-repeat 100% 0px}
.brd_tr, .bg_bl { background: no-repeat 0px 100%}
.bg_cy { background: repeat-y 50% 50%}
.bg_ly { background: repeat-y 0px}

/* align in table */
.al_bl { text-align: left; vertical-align: bottom}
.al_br { text-align: right; vertical-align: bottom}
.al_tl { text-align: left; vertical-align: top}
.al_tr { text-align: right; vertical-align: top}


/* duel-site settings */
table.menu a {font-weight:bold; font-size:18px; text-decoration:none; }

td.menu1 a:link, td.menu1 a:visited { color:#BD3708; }
td.menu2 a:link, td.menu2 a:visited { color:#CD9833; }
td.menu3 a:link, td.menu3 a:visited { color:#BBB507; }
td.menu4 a:link, td.menu4 a:visited { color:#339933; }
td.menu5 a:link, td.menu5 a:visited { color:#336699; }

td.menu1 a:hover { color:#F03C02; }
td.menu2 a:hover { color:#E0D748; }
td.menu3 a:hover { color:#E0D748; }
td.menu4 a:hover { color:#58D358; }
td.menu5 a:hover { color:#69AFF4; }

td.path {font-weight:bold; color:#FE8F00; padding-top:0px; padding-right:40px; font-size:16px;}

td.links a {font-weight:bold; font-size:14px; padding-top:0px; padding-left:10px; text-decoration:underline; }
td.links a:link { color:#164C7B; }
td.links a:visited { color:#164C7B; }
td.links a:hover { color:#B1BEC4; }

td.adminlinks a {font-weight:bold; font-size:14px; padding-top:0px; padding-left:10px; text-decoration:underline; }
td.adminlinks a:link { color:#639CB8; }
td.adminlinks a:visited { color:#639CB8; }
td.adminlinks a:hover { color:#B1BEC4; }

td.adminpages {color:#164C7B; font-weight:bold; font-size:14px; padding-left:10px; }
td.adminpages a {font-weight:bold; font-size:12px; text-decoration:underline; }
td.adminpages a:link { color:#639CB8; }
td.adminpages a:visited { color:#639CB8; }
td.adminpages a:hover { color:#B1BEC4; }
td.adminpages div.subtext {font-weight:bold; font-size:12px; padding-left:20px; }

/* WIKI UTILITY ---------------------------------------- */

/* forms */
form { margin: 0px; padding: 0px }
fieldset { padding: 10px; border: 1px solid black }
legend {font-weight: normal; padding: 0 5px;}
.textarea { width: 100%; height: 400px }


/* formatters */
.code { border: solid #888888 2px; width: 80%; padding: 3px; background: #FFFFFF; color: black; font: 10pt Lucida Console }

.email1 {color:#800000}
.email2 {color:#808000}
.email-odd {color:#800000}
.email-even {color:#808000}

td.micq1 {padding: 2px; font-weight: bold;}
td.micq2 {padding: 2px; font: 10px Trebuchet MS, Tahoma, Arial;}
td.micq3 {padding: 2px; width: 100%; }

/* table of contents */
div.toc1 { margin-left: 0px; padding-left: 0px;  list-style-type: none; font-weight: bold }
div.toc2 { margin-left: 0px; padding-left: 15px; list-style-type: none }
div.toc3 { margin-left: 0px; padding-left: 30px; list-style-type: none }
div.toc4 { margin-left: 0px; padding-left: 45px; list-style-type: none }
div.toc5 { margin-left: 0px; padding-left: 60px; list-style-type: none }
div.toc6 { margin-left: 0px; padding-left: 75px; list-style-type: none }

blockquote { border-left: #999 3px solid; padding: 5px }
blockquote p { padding: 0px; margin: 5px 0px }

cite { color: #888800; font-style: normal }

p.auto { margin: 0px; padding: 0px; font-size: 100% }
strike a:visited, s a:visited, strike, s, strike a:visited, s a:link { color: #999999 } /* strike img, s img { filter: Gray } */

/* upload table */
table.dtable { width: 100%; border: 0px none; border-collapse: collapse }
table.dtable tr td { border-width: 0px; border-color: #999999; border-style: none; padding: 4px; vertical-align: top }
table.upload td { padding: 2px 5px 2px 5px; vertical-align: bottom }
table.upload td.desc- { width: 100%; color: #444444; font-size: 80% }
table.upload td.dt- .dt2-,
table.upload td.remove- .remove2-,
table.upload td.size- .size2- { color: #666666; font: 11px Tahoma }
table.upload td.dt-,
table.upload td.file- { white-space: nowrap; color: #000000; font-size: 80%; font-weight: bold }
table.upload td.dt-, table.upload td.remove- { padding-right: 0 }
table.upload td.remove- a.remove2-:hover,
table.upload td.remove- a.remove2-:active { color: #ff0000 }
table.upload td.size- { padding-right: 0; text-align: right }
table.usertable { border: 1px none; border-collapse: collapse }
table.usertable tr td { border-width: 1px; border-color: black; border-style: solid; padding: 4px; vertical-align: top }



.add { color: #c00; font-weight: bold; text-decoration: underline }
.additions { color: #008800 }
.center{ text-align: center }


.codeold { border: solid #888888 2px; width: 100%; padding: 3px; background: #FFFFFF; color: black; font: 10pt Lucida Console; height: 400px; overflow: scroll }

.del { color: #c00; font-style: italic; text-decoration: line-through }
.deletions { color: #880000 }
.error { color: #CC3333; font-weight: bold }
.files, .comment { padding: 10px; border-left: 1px inset; border-right: 1px inset; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #EEEEEE; background: #EEEEEE }
.filesform, .commentform { padding: 10px; border-left: 1px inset; border-right: 1px inset; border-top: 1px solid #CCCCCC; background: #EEEEEE }
.include { padding: 8px; background: #F5F5F5 }
.indent { margin-left: 40px }
.logbtn { font: 10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; height: 21px }
.main { font-size: 22px }


.name { font-size: 11px; text-align: right }
.notes { color: #888800 }
.outerlink { color: #990000 }



.pageedit { border: 1px inset; border-bottom: none; background: #FFFFFF }
.pleft .p- { float: left; padding: 0 15px 0 0 }
.pleft, .pleft .pbody- { padding: 0 }
.pmark { color: #cccccc; font: 10px Arial }
.pmark a:link,
.pmark a:visited { color: #cccccc }
.pmark a:hover,
.pmark a:active { color: #cc3300 }
.pright { }
.pright .p- { float: right; padding: 0 0 0 15px }
.pright .pbody- { }
.print { font: 12px Trebuchet MS }
.revisioninfo { padding-bottom: 20px; color: #AAAAAA }

.preview {margin:2px;border:red 2px solid;}
.preview legend {color:red;font-weight:bold;}

.buttonsspacer{width:10px;height:1px;}

.time{ color: #cccccc; font: 9px Trebuchet MS, Tahoma, Arial, Verdana }

#tooltip{ border: 1px solid #666666; margin: 0px; padding: 3px 5px; background: #FFFFFF; color: #333333; font: menu; position: absolute; visibility: hidden }


/* wiki edit toolbar */
 .toolbar tr { background: ButtonFace; }
 .toolbar .btn-, .toolbar  .btn-hover,  .toolbar .btn-active,  .toolbar .btn-pressed {
  background: ButtonFace;
  color: ButtonText;
  border: 1px solid ButtonFace;
  padding: 1px;  margin: 0px;
  cursor:pointer;
  cursor: hand;
 }
 .toolbar img{
  width: 20px;
  height: 20px;
 }
 .toolbar .btn-hover {
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
 }
 .toolbar .btn-active,  .toolbar .btn-pressed {
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
 }
 .toolbar .btn-pressed {
  background: ButtonHighlight;
 }
 .edname-w, .edname-r, .edname-s
            { font: bold 14px Arial; border: 3px solid #D4D0C8; padding: 0 7px; color:#ffffff; vertical-align: middle;}
 .edname-w  { background: #1E9905; }
 .edname-r  { background: #2A45D0; }
 .edname-s  { background: #D08C2A; }


/* text highlighter */
.hl-main {font-family: monospace; font-size:13px;}
.hl-gutter { background-color: #CCCCCC; padding-right: 10px;
             font-family: monospace; font-size:13px;}
.hl-table {border: solid 1px #000000; }

.hl-default { color: #000000; }
.hl-code { color: #7f7f33; }
.hl-brackets { color: #009966; }
.hl-comment { color: #7F7F7F; }
.hl-quotes { color: #00007F; }
.hl-string { color: #7F0000; }
.hl-identifier { color: #000000; }
.hl-reserved { color: #7F007F; }
.hl-inlinedoc { color: #0000FF; }
.hl-var { color: #0066FF; }
.hl-url { color: #FF0000; }
.hl-special { color: #0000FF; }
.hl-number { color: #007F00; }
.hl-inlinetags { color: #FF0000; }

.nobr {white-space: nowrap}

div.action           { margin:2px; }
div.action-content   { padding:10px 10px 25px 10px; }
.cl-red   {color: #CC0000;}
.cl-green {color: #008000;}
.cl-blue  {color: #0000CC;}

tt { color:#666600; background:#ffffcc; padding: 0 2px }

.cite {color:#ff0000;font-style:normal;}
.mark { color: #000000; background:#ffaaaa; }