/* =MAIN
----------------------------------------------- */
body, td, input, select, textarea, a {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 150%;
}
pre {
  line-height: 120%;
}
body {
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #F9F7E2;
}
a {
  text-decoration: underline;
}
a:link {
  color: #256aa0;
}
a:visited {
  color: #5b8eb6;
  color: #256aa0;

}

a:hover {
  background-color: #DBEAF3;
  color: #333;
}
h1,h2,h3,h4,h5,h6 {
  margin-top: 7px;
  margin-bottom: 4px;
}
h1 {
  margin: .5em 0;
  font-size: 200%;
  font-weight: normal;
  letter-spacing: -0.04em;
}
h2 {
  margin-left: 8px;
  margin-top: .75em;
  font-size: 150%;
  font-weight: normal;
  letter-spacing: -0.04em;
}
h3 {
  margin: 1em 0 .25em 0;
  font-size: 130%;
  font-weight: normal;
  letter-spacing: -0.04em;
}


/* =COMMON
----------------------------------------------- */
/* clear float */
.clr:after {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
  content: ".";
  visibility: hidden;
}
/* Commented Backslash Hack hides from IE5-Mac \*/
 * html .clr {height: 1%;}
/* End IE5-Mac hack */

/* =HEADER
----------------------------------------------- */
#header {
  height: 55px;
  background: #B6DEF2 url("../images/login_fade.gif") repeat-x;
  padding: 9px 13px 5px 13px;
  border-bottom: 4px solid #91BBD3;
}

/* =TOP NAV
----------------------------------------------- */
#top_nav {
  margin: 0;
  list-style: none;
  background: #E8E9E9 url("../images/tab_fade.gif") repeat-x;
  border-bottom: 1px solid #ccc;
}
#top_nav li {
  float: left;
  border-right: 1px solid #ccc;
  font-weight: bold;
  text-align: top;
}
#top_nav li a {
  display: block;
  float: left;
  padding: 6px 10px;
  font-size: 80%;
}
#top_nav li a.sel {
  color: #333;
  text-decoration: none;
}

/* =NAV
----------------------------------------------- */
#wrap {
  margin: auto;
  width: 930px;
  background: transparent url("../images/shadow_right.gif") top right repeat-y;
}
#inner_wrap {
  margin: 0 6px 0 6px;
  border: 1px solid #E9E5C5;
  padding-bottom: 10px;
  background-color: #fff;
}
#shadow_wrap {
  background: transparent url("../images/shadow_left.gif") top left repeat-y;
}

#nav {
  width: 175px;
  padding-right: 5px;
  background-color: #F3F2E4;
  vertical-align: top;
  line-height: 100%;
}
#nav h5 {
  margin: 20px 0 0 8px;
}
#nav a {
  padding: 3px 0;
  font-size: 80%;
}
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav ul li {
  padding-left: 8px;
}
#nav a.sel {
  background-color: #DBEAF3;
  color: #333;
}

/* =CONTENT
----------------------------------------------- */
#content {
  padding: 0 15px;
  width: 710px;
  background-color: #fff;
  vertical-align: top;
}
body {
  font-size: 90%;
}
#content em {
  background-color: #ffc;
  font-style: normal;
}
#content .point {
  margin-left: 30px;
}
#content .quote {
  margin: 0 40px;
  padding: 10px;
  background-color: #efefef
}
#content cite {
  font-style: italic;
}

.convention {
  width: 600px;
  margin: 10px 0;
  border: 1px solid #BED3E2;
}
.convention th,
.convention td {
  padding: 3px 10px;
}

.convention thead th {
  background-color: #BED3E2;
}
.convention tbody th {
  width: 120px;
  text-align: left;
  background-color: #E3E9EE;
}

#content pre.code {
  width: 610px;
  display: block;
  padding: 10px;
  background-color: #eee;
  color: #090;
  overflow: auto;
}
#content pre.code em {
  background-color: #eee;
  font-style: italic;
  color: #777;
}

.paging {
  text-align: right;
}



/* =API
----------------------------------------------- */
#api .header_top,
#api .header_menu,
#api .menu {
  padding: 0 10px;
  background-color: #F3F2E4;
}
#api .header_top {
  padding-top: 10px;
  font-weight: bold;
  font-size: 150%;
  text-align: right;
}
#api .header_menu {
  text-align: right;
  padding-bottom: 10px;
}
#api .header_menu .menu {
  padding: 0;
}
#api td.menu {
  width: 175px;
  background-color: #F3F2E4;
}
#api td.menu b {
}
#api td.menu a {
  margin-bottom: 2px;
  margin-left: 4px;
}

#api td table td {
}
#api .credit {
}
#api hr {
  margin: 10px 0;
}
#api table table ul {
  margin: 0;
  list-style: none;
}
#api table table ul a {
}

/* Syntax highlighting */

#api .src-code {
  background-color: #f5f5f5;
  border: 1px solid #ccc9a4;
  padding: 0px;
  margin: 0px;
}
/*.src-code pre {	}*/

#api .src-comm { color: green; }
#api .src-id  {  }
#api .src-inc { color: #0000FF; }
#api .src-key { color: #0000FF; }
#api .src-num { color: #CC0000; }
#api .src-str { color: #66cccc; }
#api .src-sym { font-weight: bold; }

#api .src-php { font-weight: bold; }

#api .src-doc { color: #009999; }
#api .src-doc-close-template { color: #0000FF; }
#api .src-doc-coretag { color: #0099FF; font-weight: bold; }
#api .src-doc-inlinetag { color: #0099FF; }
#api .src-doc-internal { color: #6699cc; }
#api .src-doc-tag { color: #0080CC; }
#api .src-doc-template { color: #0000FF; }
#api .src-doc-type { font-style: italic; }
#api .src-doc-var { font-style: italic; }

#api .tute-tag { color: #009999; }
#api .tute-attribute-name { color: #0000FF; }
#api .tute-attribute-value { color: #0099FF; }
#api .tute-entity { font-weight: bold; }
#api .tute-comment { font-style: italic; }
#api .tute-inline-tag { color: #636311; font-weight: bold; }

/* tutorial */

#api .authors {  }
#api .author { font-style: italic; font-weight: bold; }
#api .author-blurb { margin: .5em 0em .5em 2em; font-size: 85%; font-weight: normal; font-style: normal; }
#api .example { border: 1px dashed #999999; background-color: #EEEEEE; padding: .3em; font-size: 80%; }
#api .listing { border: 1px dashed #999999; background-color: #EEEEEE; padding: .3em; white-space: nowrap; }
#api .release-info { font-size: 85%; font-style: italic; margin: 1em 0em; }
#api .ref-title-box {  }
#api .ref-title {  }
#api .ref-purpose { font-style: italic; color: #666666; }
#api .ref-synopsis {  }
#api .title { font-weight: bold; margin: 1em 0em 0em 0em; padding: .25em; border: 2px solid #999999; background-color: #9999CC;  }
#api .cmd-synopsis { margin: 1em 0em; }
#api .cmd-title { font-weight: bold; }
#api .toc { margin-left: 2em; padding-left: 0em; }