@import url("reset-fonts-grids.css");
@import url("base-min.css");
@import url("hk-pyg.css");

fieldset { border: 1px solid #ccc; padding: 1em; }
legend { font-weight: bold; margin-left: 1em; padding: 4px; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }
textarea,  input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }

hr { height: 1px; color: #aaa; background-color: #aaa; border: 0; margin: .2em 0 .2em 0;
}

#wikicontent h1,
#wikicontent h2,
#wikicontent h3,
#wikicontent h4,
#wikicontent h5,
#wikicontent h6 { font-weight: normal; border-bottom: 1px solid black; }

#wikicontent h1.pageTitle { font-size: 197%; margin: 0.2em 0 .5em; }

#wikicontent h1 { font-size: 153.9%; margin: 1.07em 0 .535em; }
#wikicontent h2 { font-size: 138.5%; margin: 1.14em 0 .57em; }
#wikicontent h3 { font-size: 123.1%; margin: 1.23em 0 .615em; }
#wikicontent h4 { font-size: 116%; margin: 1.33em 0 .67em; }
#wikicontent h5 { font-size: 108%; margin: 1.6em 0 .8em; }
#wikicontent h6 { font-size: 100%; margin: 1.6em 0 .8em; }

#wikicontent ul { list-style-type: square; }
#wikicontent dt { font-weight: bold; margin-bottom: .1em; }

#wikicontent table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
#wikicontent th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

#wikicontent blockquote { padding: 0 1.6em; color: #666; }

/* COLORS */

input.search_term { width: 95% }

/* Standard Buttons */
button:hover, a.button:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
a.button:active, button:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

/* Link icons */

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none; padding:0; margin:0; }

/* Make sure the icons are not cut */
#wikicontent a[href^="http:"],
#wikicontent a[href^="https:"],
#wikicontent a[href^="mailto:"],
#wikicontent a[href$=".pdf"],
#wikicontent a[href$=".doc"],
#wikicontent a[href$=".xls"],
#wikicontent a[href$=".rss"],
#wikicontent a[href$=".rdf"],
#wikicontent a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* External links */
#wikicontent a[href^="http:"]          { background-image: url(/images/icons/external.png); padding-right: 14px; }
#wikicontent a[href^="https:"]         { background-image: url(/images/icons/external.png); padding-right: 14px; }
#wikicontent a[href^="mailto:"]        { background-image: url(/images/icons/email.png); }

/* Files */
#wikicontent a[href$=".pdf"]   { background-image: url(/images/icons/pdf.png); }
#wikicontent a[href$=".doc"]   { background-image: url(/images/icons/doc.png); }
#wikicontent a[href$=".xls"]   { background-image: url(/images/icons/xls.png); }

/* Misc */
#wikicontent a[href$=".rss"],
#wikicontent a[href$=".rdf"]   { background-image: url(/images/icons/feed.png); }
#wikicontent a[href^="aim:"]   { background-image: url(/images/icons/im.png); }

h1 > a:link, h1 > a:active, h1 > a:hover, h1 > a:focus, h1 > a:visited,
h2 > a:link, h2 > a:active, h2 > a:hover, h2 > a:focus, h2 > a:visited,
h3 > a:link, h3 > a:active, h3 > a:hover, h3 > a:focus, h3 > a:visited,
h4 > a:link, h4 > a:active, h4 > a:hover, h4 > a:focus, h4 > a:visited,
h5 > a:link, h5 > a:active, h5 > a:hover, h5 > a:focus, h5 > a:visited,
h6 > a:link, h6 > a:active, h6 > a:hover, h6 > a:focus, h6 > a:visited {
        text-decoration: none;
}
#wikicontent { border: 1px solid #ccc; background-color: #fff; padding: 1em; font-size: 108%; }
#wikicontent p, #wikicontent pre, #wikicontent li { line-height: 140%; }
#userbox  { text-align: right; font-weight: bold; margin: 1em; }
div#toc { background-color: #f9f9f9; border: 10px solid white; margin: 0.8em; margin-right: 0; padding: 0.4em; }
#toc ul { margin: 0; padding-left: 1em; list-style: none; }
#toc > ul { margin-right: 1em; }
/* .req is used to hide a honeypot in a form */
.req { display: none; }
ul.messages > li { color: red; list-style: square; font-weight: bold; }
ul.tabs { padding: 0; margin: 0 0 0px 0; }
ul.tabs li { display: inline; border: 1px solid #ccc; border-bottom: none; padding: 0 0.6em 4px 0.6em;
    margin: 0 0 0 1.2em; background: white; }
ul.tabs li.selected { border-bottom: 3px solid white; }
ul.tabs li a { text-decoration: none; font-size: 93%; font-weight: bold; margin: 0; }
.index ul { list-style: none; margin: 0; padding: 0; }
.index li { list-style: none; background-position: 0 1px; background-repeat: no-repeat; padding-left: 20px; }
.index li.page { background-image: url(/images/icons/page.png); }
.index li.folder { background-image: url(/images/icons/folder.png); }
.index a { color: #000000; cursor: pointer; text-decoration: none; }
.index a:hover { text-decoration: underline; }
a.updir { font-weight: bold; }
#exportbox select { width: 8.5em; border: 1px solid #ccc; padding: 0; }
#exportbox { margin: 0.3em 0 0.5em 0.4em; padding: 0; }
#searchform { padding: 0; margin: 0.3em 0 0.5em 0.4em; }
#searchform input[type='text'] { width: 8.5em; border: 1px solid #ccc; }
#goform { padding: 0; margin: 0.3em 0 0.5em 0.4em; }
#goform input[type='text'] { width: 8.5em; border: 1px solid #ccc; }
.search_result { margin-bottom: 15px; }
.search_result .match { margin-bottom: 15px; }
code { font-size: 93%; }
pre.matches { margin: 0; padding: 0; }
#editform textarea { height: 25em; width: 98%; font-family: monospace; font-size: 93%; }
#editform #logMsg { width: 98%; margin-right: 1em; margin-bottom: 0.3em; }
.added { background-color: yellow; }
.deleted { text-decoration: line-through; color: gray; }
h2.revision { font-size: 100%; color: #888; font-style: italic; border: none; margin: 0 0 0.5em 0; padding: 0; }
#footer { padding: 1em; color: #888; text-align: center; font-size: 93%; }
.markupHelp pre { font-size: 70%; font-family: Monaco, Lucida Sans Mono, monospace; }