/*
// Copyright (c) 2007, Brian Frank and Andy Frank
// Licensed under the Academic Free License version 3.0
//
// History:
//   8 May 07  Andy Frank  Creation
//   6 Dec 07  Andy Frank  Redesign
//  16 Nov 09  Andy Frank  Move to Fantom.org
*/

/*************************************************************************
 * Overrides
 ************************************************************************/

body
{
  font: 10pt Arial, sans-serif;
  margin: 0 0 3em 0; padding: 0;
}
input { font: 10pt Arial, sans-serif; }
code,pre,textarea { font: 9pt Monaco, "Courier New", monospace; }
a { color: #185098; }
blockquote
{
  margin: 1em 0;
  padding-left: 1em;
  color: #a0a;
  border-left: 1px solid #ccc;
}

h1,h2,h3,h4,h5 { font-family: Arial, sans-serif; }
h1.title { font-size: 18pt; color: #2f5381; }
h1 { font-size: 15pt; color: #ad4e00; }
h2 { font-size: 12pt; color: #25272a; }
h3 { font-size: 11pt; }
h4 { font-size: 11pt; }
h5 { font-size: 11pt; }

table { border-collapse: collapse; width: 100%; border-bottom: 1px solid #d0dae5; }
table tr.even { background: #f2f6f8; }
table th { padding: 5px; font-weight: bold; text-align: left; }
table td { border-top: 1px solid #d0dae5; padding: 5px; }
table td:first-child  { width: 25%; }

/*************************************************************************
 * Header
 ************************************************************************/

div.header
{
  background: #14253c;
  color: #fff;
  border-bottom: 5px solid #2f5381;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#14253c), to(#0a121e));
  background-image: -moz-linear-gradient(top, #14253c, #0a121e);
}
div.header > div
{
  width: 850px;
  margin: 0 auto;
  padding: 10px 0 35px 0;
  position: relative;
}
div.header h1
{
  height: 1.4em;
  font-size:22pt;
  margin:0;
  padding:0;
  color:#fff;
}
div.header h1 a
{
  background: url(fantom.png) no-repeat 0 0;
  float: left;
  width: 161px;
  height: 37px;
  margin-top: 2px;
  overflow: hidden;
  text-indent: -9999px;
  outline-style: none;
}
div.header p
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 14px;
  right: 0;
  color: #fff;
  font-size: 8pt;
}
div.header p a { color: #fff; }
div.header form { display: inline; }
div.header form p { top: 40px; }
div.header ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
}
div.header li
{
  display: inline; font-size: 11pt;
  border-top: 1px solid #fff;
}
div.header li a
{
  float: left;
  padding: 5px 12px 7px 12px;
  margin-right: 2px;
  color: #fff;
  text-decoration: none;
  outline: none;
  background: #203858;
  background: -webkit-gradient(linear, 0 75%, 0 100%, from(#203858), to(#1b2f49));
  background-image: -moz-linear-gradient(top, #203858 75%, #1b2f49);
  border-top: 2px solid #264368;
}
div.header li a:hover
{
  border-top: 2px solid #345988;
  background: #27466f;
}
div.header li.active a
{
  border-top: 2px solid #4971a5;
  background: #2f5381;
}

/*************************************************************************
 * SubHeader
 ************************************************************************/

div.subHeader
{
  background: #d7d7c9;
  border-top: 1px solid #1e3554;
  border-bottom: 1px solid #bebea8;
  background: -webkit-gradient(linear, 0 0, 0 25%, from(#a4a490), to(#d7d7c9));
  background-image: -moz-linear-gradient(top, #a4a490, #d7d7c9 25%);
}
div.subHeader > div { width: 850px; margin: 0 auto; }
div.subHeader ul
{
  margin: 0;
  padding: 10px;
  list-style-type: none;
  white-space: nowrap;
}
div.subHeader li
{
  display: inline;
  padding-right: 4px;
  font: 10pt "Arial Narrow", Arial;
  color:#9d9a7b;
}
div.subHeader li a { color: #4e4d3a; font:10pt Arial; }

/*************************************************************************
 * Footer
 ************************************************************************/

div.footer > div
{
  width: 850px;
  margin: 3em auto 1em auto;
  font-size: 8pt;
  color: #3a415a;
}

/*************************************************************************
 * Content
 ************************************************************************/

div.content > div
{
  width: 850px;
  margin: 0 auto;
  position: relative;
}

/**** Fandoc ****/
div.fandoc { width: 630px; }
div.fandoc p { font-size:11pt; }
div.fandoc li { font-size:11pt; }
div.fandoc code { color: #080; white-space: nowrap; }
div.fandoc code.sig a { color: #080; }
div.fandoc blockquote code { color: #808; }
div.fandoc pre
{
  color: #333;
  background: #f7f7ed;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #dfe0cd;
  padding: 10px;
}
div.prevNext { position: relative; height: 32px; }
div.prevNext img { border: 0; vertical-align: middle; }
div.prevNext div.prev { position: absolute; top: 7px; left: 5px; }
div.prevNext div.next { position: absolute; top: 7px; right: 5px; }
div.prevNext:first-child
{
  background: #f7f7ed;
  background: -webkit-gradient(linear, 0 0, 0 25%, from(#e2e3cf), to(#f7f7ed));
  background-image: -moz-linear-gradient(top, #d7d7c9, #f7f7ed 25%);
  border: 1px solid #dfe0cd;
  border-top: none;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
div.prevNext:first-child a { color: #4e4d3a; }
div.prevNext + h1.title { margin-top: 0.5em; }

/**** Sidebar ****/
div.sidebar
{
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
}
div.sidebar ul { margin: 0 0 0 1.5em; padding: 0; }
div.sidebar ul.clean { list-style: none; margin: 0 0 0 1em; }
div.sidebar li { margin: 3px 3px 3px 0; }

/*************************************************************************
 * API
 ************************************************************************/

.todo, .TODO { color: blue; }

.type .overview h1 { margin-top: 0; }
.type .overview h2 { color: #ad4e00; margin-bottom: 0; }

.slots .overview li.hidden { display: none; }
.slots .overview li.hidden a { color: #f00; }
.slots .detail dd { margin: 1em 0 2em 1em; }
.slots .detail dt
{
  font: bold 11pt Arial;
  border-top: 1px solid #d0dae5;
  background: #f2f6f8;
  padding: 5px;
  margin-bottom: -0.5em;
  position: relative;
}

.slots .detail dt a
{
  color: #7aa3c0;
  font-size: 8pt;
  font-weight: normal;
  position: absolute;
  top: 5px;
  right: 5px;
}
.slots .detail dt.hidden
{
  background: #f8f8f8;
  border-top: 1px solid #ddd;
  display: none;
  color: #999;
}
.slots .detail dt.hidden a { color: #999; }
.slots .detail dd.hidden { display: none; }

.slotInfo { color: #999; }
div.fandoc .slotInfo p { font-size: 10pt; margin: 2px 0;}
.slotInfo a { color: #999; }

/*************************************************************************
 * Source Code
 ************************************************************************/

div.src { margin: 1em 0; }
div.src pre
{
  font: 9pt Monaco, "Courier New";
  background: none;
  border: none;
  color: #000;
  padding: 5px;
}
.src .b { color: #f00; }     /* bracket       */
.src .k { color: #00f; }     /* keyword       */
.src .s { color: #008080; }  /* string        */
.src .c { color: #008080; }  /* char          */
.src .u { color: #008080; }  /* uri           */
.src .x { color: #888; }     /* blockComment  */
.src .y { color: #888; }     /* lineComment   */
.src .z { color: #080; }     /* fandocComment */