@import "comments.css";

/*

This stylesheet should not affect any of the demos. It's purpose is control how
the demo pages look. If you find that any of the demos act differently when 
this stylesheet is not used, please tell me via the Contact page.

*/

html,body,a img,img,form {
  margin: 0;
  padding: 0;
  border: 0 none;
}
html,body {
  background-color: #000000;
  color: #000;
}
/* to hide the scrollbar in IE/Win when it's not needed (hide from IE/Mac) \*/
* html,* html body { overflow: auto; }
/* end hide */
body,div,table,td,th,a,p,h1,h2,h3,h4,
textarea,input,select option,select optgroup {
  font-family: verdana,tahoma,"Bitstream Vera Sans",arial,helvetica,sans-serif;
  font-size: 1em;
}
body {
  padding: .8em;
  font-size: 83%;
}
h1 {
  font-size: 1.6em;
  text-align: center;
  clear: both;
}
h2,h3 {
  font-family: helvetica,arial,"Bitstream Vera Sans",verdana,tahoma,sans-serif;
  font-size: 1.35em;
}
h3 {
  font-size: 1.2em;
}
pre code,code {
  font-family: 'lucida console','courier new',courier,monospace;
  font-size: 105%;
}
pre code {
  margin: 1.5em 10%;
  padding: 1.5em;
  display: block;
  background-color: #EDD09A;
  border: 1px dashed #000;
  text-align: left;
/*
From hixies (http://ln.hixie.ch/) stylesheet
(http://ln.hixie.ch/resources/style/spaced.css)

Enhanced comments by dynamicsitesolutions.com
*/
  white-space: pre; /* CSS2 */
  white-space: -moz-pre-wrap; /* Mozilla Gecko browsers which include 
    Firefox and Netscape 6+ */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7+ */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE5.5+/Win */
}
pre.code {
  position:relative;
  border:1px dashed #000;
  background-color: #EDD09A;
  margin: 1.5em 10%;
  padding: 0;
}
pre.code code {
  margin: 0;
  border: 0 none;
}
/* hide from IE5/Mac \*/
* html pre.code {
  border:2px dashed #000;
  border-width: 2px 1px 2px 2px;
  bo\rder-width: 2px;
  height: 1px;
}
* html pre.code code {
  border:1px solid #EDD09A;
  width:100%;
  height:100%;
  position:relative;
  z-index:100;
  bottom: -1px;
  margin: -2px -1px 0;
}
/* end hide */

div.figure {
  margin: 1em auto;
  text-align: center;
}
div.figure * {
  text-align: left;
}
div.figure img {
  display: block;
  margin: 0 auto;
}

a,a:link {
  font-size: .9em;
  text-decoration: underline;
  color: #0066cc;
}
p a,p a:link,li a,li a:link {
  font-size: 1em;
}
a:visited {
  color: #0055aa;
}
a:hover {
  color: #0077dd;
  text-decoration: none;
}

acronym,span.abbr,abbr span {
  border-bottom: 1px dashed #000;
  cursor: help;
}
/* \*/
* html acronym,* html span.abbr {
  font-style: italic;
}
/* */
a:hover acronym,a:hover span.abbr,a:hover abbr span {
  border-bottom: 0 none;
}
a.abbr,a.abbr:link,a.abbr:visited,a.abbr:hover {
  text-decoration: none;
}

#oldBrowserWarning {
  display: none;
}
.lh135 {
  line-height: 135%;
}
p#toCategoryIndex,div#toCategoryIndex,ul#toCategoryIndex {
  margin: 0;
  padding: 1em;
  text-align: right;
  width: auto;
  max-width: 100%;
  text-indent: 0;
}
ul#toCategoryIndex {
  padding: 1em 0;
  list-style-type: none;
}
ul#toCategoryIndex li {
  display: inline;
  padding: 0 .8em 0 .4em;
  border-right: 1px solid #000;
}
ul#toCategoryIndex li.last {
  border-right: 0 none;
}
ul#toCategoryIndex li a {
  margin-top: -.1em;
}
/* \*/
* html ul#toCategoryIndex {
  float: right;
}
* html ul#toCategoryIndex li {
  float: left;
  padding: 0 .8em;
}
* html ul#toCategoryIndex li a {
  margin-top: -.2em;
}
*:first-child+html ul#toCategoryIndex li {
  padding: 0 .5em 0 .8em;
}
/* */

ol,ul {
  text-align: left;
  padding-left: 16px;
  margin-left: 16px;
}
.seeAlso {
  text-indent: 0;
  width: auto;
}
.lastUpdate {
  text-align: right;
  margin: .5em;
  padding: 0 1em .5em;
}
#footer {
  clear: both;
  padding: .1em 0 1em;
  position: relative;
}
#footer,#footer p,#footer a,#footer a:hover {
  text-align: center;
  color: #6c6;
  font-size: 87%;
  margin: 0;
  border: 0 none;
}
#footer a,#footer a:hover {
  font-size: 100%;
}
#footer a:hover {
  color: #393;
}