@import url("/css/hk-pyg.css");

/* gitit screen css - borrows heavily from Mike Crittenden's BlueTripCSS framework (GPL) and from Wikipedia's CSS. */

/* MEYER RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5em;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* BASIC TYPOGRAPHY */

html { font-family: Arial, Verdana, sans serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, textarea { font-family: monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
/* Uncomment these lines to have quotation marks inserted around block quotes: */
/* blockquote *:first-child:before { content: "\201C"; } */
/* blockquote *:first-child:after { content: "\201D"; } */

/* FORMS */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
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; }

/* BASE SIZES */

body { font-size: 11px; line-height: 1.6em; }

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

h1, h2, h3, h4, h5, h6 { color: black; background: none; font-weight: normal; margin: 0;
	padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa; }

h1.pageTitle { font-size: 220%; line-height: 140%; margin: 0.2em 0 .5em;  }
h1 { font-size: 150%; margin: 1.07em 0 .535em; }
h2 { font-size: 132%; margin: 1.14em 0 .57em; }
h3 { font-size: 116%; margin: 1.23em 0 .615em; }
h4 { font-size: 100%; margin: 1.33em 0 .67em; }
h5 { font-size: 88%; margin: 1.6em 0 .8em; }
h6 { font-size: 80%; margin: 1.6em 0 .8em; }

ul { line-height: 1.5em; list-style-type: square; margin: .3em 0 0 1.5em; padding: 0; }
ol { line-height: 1.5em; margin: .3em 0 0 3.2em; padding: 0; }
li { margin-bottom: .1em; }
dt { font-weight: bold; margin-bottom: .1em; }
dl { margin-top: .2em; margin-bottom: .5em; }
dd { line-height: 1.5em; margin-left: 2em; margin-bottom: .1em; }

/* TABLES */

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

/* MARGINS & PADDINGS */

blockquote *:first-child { margin: .8em 0; }
hr,  p,  ul,  ol,  dl,  blockquote,  address,  table,  pre, form { margin-bottom: 1.4em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
th,  td { padding: .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea,  input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol,  ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }

/* COLORS */

a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active,  a:focus { text-decoration: underline; color: #000; }
/* code,  pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* TEXT CLASSES */

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error,  .notice,  .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}

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 */
a[href^="http:"], a[href^="https:"], a[href^="mailto:"],
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

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

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

/* Misc */
a[href$=".rss"],
a[href$=".rdf"]   { background-image: url(../img/icons/feed.png); }
a[href^="aim:"]   { background-image: url(../img/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 {
        color: black;
        text-decoration: none;
}
/* body { font: x-small sans-serif; background: #f9f9f9; color: black; margin: 0; padding: 0; } */
body { font: x-small, sans-serif; background: #f9f9f9; color: black; margin: 0; padding: 0; background: #f9f9f9 url(../img/bar.png) 0 25px repeat-x; }
#container { font-size: 120%; margin: 0 ; padding: 0; 	width: 100%; min-width: 770px; margin-top: 20px;}
#logo { min-height: 50px; }
#sidebar  { width: 12em; float: left; margin-right: 10px; }
#sidebar fieldset { background-color: white; margin-bottom: 1em; padding: 0; }
#sidebar fieldset, #sidebar fieldset legend { font-weight: normal; font-size: 95%; }
#sidebar ul { padding: 0; margin: 0; margin-left: 1.6em; line-height: 1.5em; }
#sidebar ul li { color: #888; }
.maincol { position: relative; margin-left: 13em; padding-top: 0; margin-right: 0; width: auto; }
.maincol_wide { position: relative; margin-left: 0px; padding-top: 0; margin-right: 0; width: auto; }
.content { border: 1px solid #ccc; background-color: #fff; padding: 1em; font-size: 110%; line-height: 150%; }
.content_plain { background-color: #fff; padding: 1em; font-size: 110%; line-height: 150%; margin-top: -15px; }
div#toc { float: right; 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; }
ul.tabs li { display: inline; border: 1px solid #ccc; border-bottom: none; border-collapse: collapse; padding: 0 0.6em 0 0.6em;
    margin: 0 0 0 1.2em; overflow: visible; background: white; line-height: 1.2em; }
ul.tabs li.selected { border-bottom: 3px solid white; }
ul.tabs li a { text-decoration: none; font-size: 95%; font-weight: bold; margin: 0; z-index: 0; color: #36c; }
.folding ul { list-style: none; margin: 0; padding: 0; }
.folding li { list-style: none; background-position: 0 1px; background-repeat: no-repeat; padding-left: 20px; }
.folding li.page { background-image: url(/img/icons/page.png); }
.folding li.folder { background-image: url(/img/icons/folder.png); }
.folding a { color: #000000; cursor: pointer; text-decoration: none; }
.folding a:hover { text-decoration: underline; }
#sidebar input, #sidebar select { font-size:  95%; padding: 0.1em; }
#exportbox select { width: 8em; border: 1px solid #ccc; padding: 0; }
#exportbox { margin: 0.3em 0 0.5em 0.4em; padding: 0; }
#sidebar input[type='submit'] { border: none; background-color: #ccc; color: white; }
#searchform { padding: 0; margin: 0.3em 0 0.5em 0.4em; }
#searchform input[type='text'] { width: 7.5em; border: 1px solid #ccc; }
#goform { padding: 0; margin: 0.3em 0 0.5em 0.4em; }
#goform input[type='text'] { width: 7.5em; border: 1px solid #ccc; }
.search_result { margin-bottom: 15px; }
.search_result .match { line-height: 1em; margin-bottom: 15px; }
pre.matches { font-size: .85em; margin: 0; padding: 0; }
#editform textarea { height: 25em; width: 98%; }
#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; }
#powered_by { color: #888; font-size: 95%; text-align: center; margin-top: -1em; padding-bottom: 12px;}

#header a {
    color: #fff;
    text-decoration: none;
    background-image:none;
    padding-right:0;
    letter-spacing:0;
    font-size: 14.4px;
    font-family: Arial, Verdana, sans-serif;
    position: static;
    line-height: 1.25;
}

#header a:hover {
    text-decoration: underline;
    background-image:none;
    padding-right:0;
    letter-spacing:0;
    font-size: 14.4px;
    font-family: Arial, Verdana, sans-serif;
    position: static;
    line-height: 1.25;
}

#header {
    background: #000 url(../img/header.png) repeat-x;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
    position: relative;
}

#header h1 {
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0 0 5px 100px;
    border: 0 none;
    font-family:Georgia,serif;
    font-size: 41.6px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.15;
}

#header h1 a {
    position: static;
    letter-spacing: -0.2px;
    margin: 0;
    border: 0 none;
    font-family:Georgia,serif;
    font-size: 41.6px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.15;
}


#header h1 a:hover, #header h1 a:active{
    text-decoration: none;
    letter-spacing: -0.2px;
    color: #D70606;
    background-image:none;
    margin: 0;
    border: 0 none;
    font-family:Georgia,serif;
    font-size: 41.6px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.15;
}


p#rss{
    position: absolute;
    right: 20px;
    top: 25px;
    margin: 0;
    padding: 0;
}

#userbox{
    position: absolute;
    right: 20px;
    top: 80px;
    margin: 0;
    padding: 0;
}


#menu1{
    height: 1%;
    overflow: hidden;
    margin-left: 80px;
    font-family: Arial, Verdana, sans-serif;
}
#menu1 ul{
    margin: 0;
    padding: 0;
}
#menu1 ul li{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
#menu1 ul li a{
    padding: 4px 10px;
    display: block;
    text-decoration: none;
}
#menu1 ul li a:link, #menu1 ul li a:visited{
    background: #222 url(../img/menu.png) top left repeat-x;
    color: #ddd;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    padding: 4px 10px;
    display: block;
    text-decoration: none;
}
#menu1 ul li a:hover, #menu1 ul li a:active{
    background: #333 url(../img/menu.png) 0 -100px repeat-x;
    color: #fff;
    text-decoration: none;
    border-left: 1px solid #444;
    border-top: 1px solid #444;
    padding: 4px 10px;
    display: block;
    text-decoration: none;
}
#menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{
    background: #d70606 url(../img/menu_in.png) top left repeat-x;
    color: #fff;
    border-left: 1px solid #d70606;
    border-top: 1px solid #d70606;
}

p.payoff{
    margin: 0 0 5px 100px;
    padding: 0;
    color: #fff;
    font: 19.2px Georgia, serif;
    letter-spacing:0;
}

#legal{
    height: 1%;
    overflow: hidden;
    margin-top: 7px;
    margin-bottom: 7px;
}

#copyright{
}

#cclicenseimage {
    float: left;
    margin-right: 7px;
}

#cclicense{
    margin:0 auto;
    margin-top:0;
    padding-top:0 !important;
    text-align: left;
    max-width:600px;
    min-width:600px;
}

#footer {
    clear: both;
    background: #000 url(../img/header.png) repeat-x;
    border-top: 2px solid #D70606;
    color: #fff;
    margin: 0;
    padding: 0 80px;
    text-align: center;
    font-size: 80%;
    min-height: 60px;
}

#footer a {
  padding:0px;
  margin:0px;
  background-repeat: no-repeat;
  background-image: none;
}

#footer p{
    padding: 10px;
    margin: 0;
    font-weight: bold;
    font-family: Georgia, serif;
}
#footer div.up{
    float: right;
    position: relative;
    top: -32px;
    font-weight: bold;
    font-family: Georgia, serif;
}
#footer div.up a{
    padding-right: 20px;
    background: url(../img/top.gif) top right no-repeat;
}
#userbox  {
    float: right;
    position: relative;
    top: -16px;
    left: 33px;
    font-weight: bold;
    font-family: Georgia, serif; }
#footer a:link, #footer a:visited{
    color: #ddd;
    text-decoration: underline;
}
#footer a:hover, #footer a:active{
    color: #fff;
    text-decoration: none;
}