@CHARSET "UTF-8";

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*Font Size Guide

  Px    Pct
  ---------
  10    77
  11    85
  12    93
  13    100
  14    108
  15    116
  16    123.1
  17    131
  18    138.5
  19    146.5
  20    153.9
  21    161.6
  22    167
  23    174
  24    182
  25    189
  26    197

*/

/*****************************************\
 General Definitions
\*****************************************/
html, body
{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #ccc;
  background-color: #000;
}

pre, code
{
  font-size: 100%;
}

.print_only
{
  display: none;
}

img
{
  border: 0;
  vertical-align: middle;
}

h2,
h3,
h4,
h5,
h6
{
  color: #024;
}

.smalltext
{
  font-size: 85%;
}

#topright
{
  color: #888;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  margin: 5px auto 2px auto;
  font-size: 77%;
  line-height: 12px;
  vertical-align: middle;
  text-align: right;
}

#topright a
{
  color: #aaa;
  border-bottom: 1px dotted #888;
  text-decoration: none;
}

#topright a:hover
{
  border-bottom: 1px dotted #048;
}

/*****************************************\
 The biggest div
\*****************************************/

#everything
{
  border-bottom: 1px solid #333;
  margin: 0 auto;
  padding: 0;
  width: 95%;
  background-color: #ccc;
  color: #000;
}

#everything a
{
  outline: none;
  color: #048;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px dotted #048;
  font-size: 93%;
}

#everything a:hover
{
  border-bottom: 1px dotted #08f;
}

#everything a.external
{
  padding-right: 20px;
  background: transparent url("../images/external_link.png") right no-repeat;
}

#everything a.permanent
{
  padding-right: 20px;
  background: transparent url("../images/pemanent_link.png") right no-repeat;
}

#toc
{
  padding: 5px;
  margin: 10px;
  border: 1px solid #024;
  float: right;
  background-color: #ccc;
}

#quicklook
{
  margin: 10px;
  border: 2px solid #024;
  background-color: #ccc;
  float: right;
}

#quicklook .qlheader
{
  background-color: #024;
  color: #ccc;
  font-weight: bold;
  text-align: center;
}

#quicklook .qlbody
{
  padding: 5px;
}


/*****************************************\
 The header div
\*****************************************/

#header
{
  height: 40Px;
  text-align: left;
  color: #ccc;
  background: #000 url("../images/topbg.png") repeat-x;
}

#header a,
#header a:hover
{
  border: 0;
}

/*****************************************\
 Top divs - where the logo, login and date are
\*****************************************/

#logo
{
  width: 180px;
  float: left;
  overflow:hidden;
  white-space: nowrap;
  vertical-align: middle;
  background: #000 url("../images/tlcorner.png") no-repeat;
}

#search
{
  width: 180px;
  float: right;
  overflow:hidden;
  white-space: nowrap;
  vertical-align: middle;
  background: #000 url("../images/trcorner.png") no-repeat;
}

/*****************************************\
 The menu bar
\*****************************************/

#menubar{
  padding: 2px 20Px;
  border-top:1px solid #000;
  border-bottom: 1px solid #888;
  text-align: right;
}

#menubar a
{
  padding: 0px 10px;
  text-decoration:none;
  color: #000;
  font-weight: normal;
  border: 0;
}

#menubar a:hover
{
  color: #024;
  text-decoration: underline;
  border: 0;
}

/*****************************************\
 Content
\*****************************************/

#content
{
  font-size: 112%;
  overflow: auto;
  padding: 3px 1px;
  background-color: #fff;
}


/*****************************************\
 The footer
\*****************************************/

#footer
{
  text-align: center;
  padding: .25em 0;
  margin: 0 auto;
  font-size: 85%;
  color: #111;
  background: #000 url("../images/topbg.png") repeat-x;
  border-top: 1px solid #000;
}

#footer .left
{
  float: left;
  padding-left: 1em;
}

#footer .right
{
  float: right;
  padding-right: 1em;
}

/*****************************************\
 The subfooter
\*****************************************/

#subfooter
{
  text-align: center;
  padding: 1px;
  margin: 10Px auto;
  font-size: 93%;
  color: #000;
}

#subfooter a,
a.subfooter
{
  color: #444;
  margin: 0 5px;
  text-decoration: none;
}

#subfooter a:hover,
a.subfooter:hover
{
  color: #888;
  border-bottom: 1px dotted #888;
}


/*****************************************\
 Content messages
\*****************************************/

#messages
{
  margin: .5em auto;
  width: 75%;
  border: 1px dashed #888;
  padding: .5em .25em;
}

#messages .notice
{
  color: #4b1;
}

#messages .error
{
  color: #f11;
}

/*****************************************\
 Content innermenu
\*****************************************/
#innermenu
{
  float: left;
  clear: left;
  width: 20%;

}

.innermenu
{
  width: 100%;
  margin-top: 1em;
}

.innermenu a,
.innermenu span
{
  border: none;
  font-size: 93%;
  display: block;
  width: 100%;
}

.innermenu a span
{
  padding: 0px;
  display: block;
  width: 92%;
  padding: 0 4%;
}

#innermenu a,
.innermenu a
{
  border: none;
  text-decoration:none;
  padding: 0;
  color:#000;
  border-bottom: 1px solid #fff;
}

.innermenu a:hover
{
  text-decoration: none;
  color: #024;
  border-bottom: 1px solid #024;
}

.innermenu span.header
{
  border-top: 2px double #024;
  border-bottom: 1px solid #024;
  background-color: #ccc;
  font-weight: bold;
  padding: 0 2%;
  width: 96%;
  color: #024;
  margin-bottom: 5px;
}

/*****************************************\
 Content body
\*****************************************/

#body
{
  width: 96%;
  margin: 0 auto;
  padding-bottom: 1em;
  overflow: auto;
}

.content_box
{
  width: 100%;
  margin-top: 1em;
  padding: 0;
  float: right;
  clear: right;
}

.with_innermenu
{
  width: 79%;
  margin-left: 1%;
  clear: right;
}

.content_box .cb_header,
.content_box .cb_subheader,
.content_box .cb_content
{
  width: 98%;
  margin: 0 auto;
  padding-bottom: 2px;
}

.content_box .cb_header
{
  border-top: 2px double #024;
  font-size: 138.5%;
  line-height: 1.5em;
  vertical-align: middle;
  color: #024;
  background-color: #ccc;
}

.content_box .cb_header .text
{
  font-weight: bolder;
  padding-left: 10px;
}

.content_box .cb_subheader
{
  font-size: 85%;
  line-height: 1.2em;
  vertical-align: middle;
  background-color: #ccc;
  border-bottom: 1px solid #024;
}
.content_box .cb_subheader .text
{
  padding-left: 20px;
  padding-right: 20px;
  font-style: italic;
}

.content_box .cb_content
{
  overflow: auto;
}

.content_box .cb_content_actual
{
  padding: 5px 5px;
  overflow: auto;
}

.content_box .cb_content_actual .avatar
{
  float: left;
  margin: 5px;
  width: 100px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}

.content_box .blog_comments
{
  width: 97%;
}

.content_box .blog_comments .content_box
{
  border-left: 2px solid #888;
  margin: 0;
  margin-left: auto;
  width: 95%;
}

.blog_draft
{
  background-color: #ccc;
}

input,
select,
textarea
{
  padding: .1em .2em;
  border: 1px solid #888;
}

input.txtbox,
textarea.txtarea,
select.selectbox
{
  width: 80%;
}

input.openid
{
  color: #cc7200;
  font-weight: bold;
  background: url("../images/openid_small_logo.png") no-repeat;
  background-color: #fff;
  background-position: 0 50%;
  padding-left: 18px;
}

textarea.txtarea
{
  height: 20em;
}

select.single
{ }

select.multi
{ }

.content_box .cb_content table
{
  padding: 1px;
}

.content_box .cb_content table td,
.content_box .cb_content table th
{
  border: 1px solid #808080;
  padding: 1px;
}

.content_box .cb_content fieldset,
.content_box .cb_content fieldset table,
.content_box .cb_content table.fldst,
.content_box .cb_content .doc_list,
.content_box .cb_content .doc_list table
{
  width: 95%;
  margin: 0 auto;
  border: none;
}

.content_box .cb_content fieldset legend
{
  font-weight: bold;
  padding: 0 1em;
}

.content_box .cb_content fieldset table
{
  width: 100%;
}

.content_box .cb_content fieldset table td,
.content_box .cb_content fieldset table th,
.content_box .cb_content table.fldst td,
.content_box .cb_content table.fldst th,
.content_box .cb_content .doc_list table td,
.content_box .cb_content .doc_list table th
{
  border: none;
}

.content_box .cb_content fieldset table td.label,
.content_box .cb_content table.fldst .label,
.content_box .cb_content .doc_list table td.label
{
  border-right: 1px solid #888;
  padding-right: .2em;
  text-align: right;
  width: 30%;
  vertical-align: top;
  font-weight: bold;
}

.content_box .cb_content .doc_list table td.label
{
  background-color: #ccc;
}

.content_box .cb_content fieldset table td.field,
.content_box .cb_content table.fldst .field,
.content_box .cb_content .doc_list table td.field
{
  padding-left: .2em;
  text-align: left;
}

.content_box .cb_content fieldset table td.action,
.content_box .cb_content table.fldst .action
{
  padding-left: 30%;
}

.content_box .cb_content .doc_list table
{
  border: 1px solid #888;
}

.content_box .cb_content .doc_list table td.action
{
  vertical-align: top;
  width: 20%;
  background-color: #ccc;
  border-left: 1px solid #888;
  padding-left: .2em;
}

dt
{
  font-weight: bold;
}

div.grippie
{
  background: #eee url("../images/grippie.png") no-repeat scroll center 2px;
  border-color: #ddd;
  border-style: solid;
  border-width: 0px 1px 1px;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

.resizable-textarea textarea
{
  display: block;
  margin-bottom: 0;
}

code,
blockquote
{
  display: block;
  background-color: #ddd;
  border: 1px dashed #888;
}

.blog_header
{
  /*border: 2px solid #024;
  border-bottom: none;
  background-color: #ccc;*/
}

.blog_subheader
{
  /*border: 2px solid #024;
  border-top: none;
  background-color: #ccc;*/
}