* {margin:0;padding:0;}
body {
  font-family:verdana, arial;
  color:#333;
  font-size:11px;
  line-height:1.3em;
  background-color:#fff;
  position:relative;
  margin-top:100px;
}

#wrapper {
  width:1200px;
  padding:0 1em;
  background-color:#fff;
  border:none;
  z-index:1;
}

/* header*/
#header h1 {
  width:100%;
  height:70px;
  line-height:62px;
  font-size:42px;
  vertical-align:middle;
  text-align:center;
  background-color:#fff;
  color:#666;
  font-weight:normal;
  border:none;
  z-index:100;
}

#header {
  width:100%;
  text-align:center;
  position:fixed;
  top:0px;
  left:0;
  height:99px;
}

.blankPage {
  display:none;

}

div#header>div {
  width:100%;height:30px;background-color:#005a9c;
}

#sideContainer {
  position:fixed;
  top:110px;
  left:10px;
  background:transparent;
  font-size:14px;
  line-height:18px;

}

#sideMenu {
  width:300px;
  
}

#sideMenu {overflow-y:scroll;}

.row {
  margin-left:300px;
  padding:0 5px;
  overflow:hidden;
}

#aux {
  position:absolute;
  top:75px;
  left:800px;
  font-family:verdana, sans-serif;
  font-size:14px;
  line-height:1.0px;
  padding:5px;
  color: white;

}

.TOC_liMainLeft img {
 margin:0px;
}

img {
 margin:20px;
}

h1.pageTitle {
  text-align:center;
  color:#666;
  border-bottom:2px solid #666;
  border-top:none;
  padding-bottom:5px;
}

h1 {
  font-family:geneva;
  font-size:2.2em;
  line-height:1.2em;
  font-weight:bold;
  text-align:left;
 clear:both;
  color:#005A9C;
  text-align:right;
}

h2 {
  font-size:1.6em;
  font-family:geneva;
  font-weight:bold;
  text-align:left;
  margin:2em 1em 0.5em 0em;
  color:#005A9C;
   
}

h3 {
  
  font-size:1.2em;
  margin: 3em 0em 0.30em 0em;
  font-weight:normal;
  text-align:left;
  color:#005A9C;

}

h4 {
 
  font-size:1.1em;
  margin:0.8em 0 0.5em 0;
  font-weight:bold;
  text-align:left;
  color:#005A9C;

}

h4 img {width:10px; height:10px;vertical-align:super;}

h5 {

 font-size:1.0em;
 text-align:left;
  margin-top:10px;
  font-weight:bold;
}

h6 {
 font-size:1.0em;
  margin:1.2em 1.5em;
 text-align:left;
 font-weight:bold;
}
.hideLink {
  color:blue;
  text-decoration:underline;
  cursor:pointer;
}

p {
  margin:1em 0;
  text-indent:0em;
}

a {
  color:blue;
  text-decoration:underline;
  /*font-weight:bold;*/
}

pre {
  white-space: pre-wrap;
}

div.table {
  display:table;
  width:100%;
  border:none;
  margin-top:10px;
}



div.ex div.tableRow {
  display:table-row;
  width:100%;
}
div.tableCellExLeft, .tableCellExRight {
  display:table-cell;
  padding:2px 5px;
  line-height:1.3em;
}

div.ex div.tableCellExLeft {
  width:50px;
  text-align:right;
}

div.ex div.tableCellExRight {
  text-align:left;
  border-left:3px solid rgb(206,233,243);
  padding-left:15px;
}
div.compClassStruct div.tableCellExLeft {
  width:15em;
  text-align:right;
}

div.compClassStruct div.tableCellExRight {
  text-align:left;
  padding-left:15px;
  width: 3em;
}
.linethru {text-decoration: line-through;}

/*
 * Syntax Highlighting
 */
.keyword, .classname, .string, .operator, .comment, .ident, .prop {
  font-family:menlo,monospace;
}

.comment {
  color:rgb(0,130,130);
  font-family:georgia, serif;
}

.operator {
  /*color:red;*/
}

.keyword {
  color:rgb(173,0,146);
}

.classname {
  color:rgb(114,0,153);
  font-weight:bold;
}

.string {
  color:rgb(190,28,71);
}

.ident {
  color:rgb(70,109,123);
}

.prop {
  color:rgb(70,160,230);
}

.meth {
  color:rgb(90,180,110);
}

.func {
  color:rgb(250,150,40);
}

.intProp {
  font-style:italic;
  font-size:0.9em;
}

.note {
  background-color:rgb(249,249,249);
  border-left:6px solid rgb(238,238,238);
  padding:8px;
  font-size:0.9em;
  margin:30px;
}
.noteHead {
  font-family:"courrier new", monospace;
  font-size: 1.2em;
  margin: 5px 0px;
}

.term {
  border:1px solid rgb(200,210,240);
  padding:2px 5px;
  line-height:2em;
  border-radius:1em;
  background-color:rgb(230,240,250);
  vertical-align:middle;
}

ul {
  margin-left:50px;
  margin-top:10px;
}
ul li {
  margin-top:10px;
}

ul.defbox {list-style:none;margin-left:0px;}
li.defline {
  display:table;
  padding:2px 0px;
}
.defcol1 {
  display:table-cell;
  padding-right:10px;
  vertical-align:top;
  text-align:right;
  }
.defcol2 {
  display:table-cell;
  vertical-align:top;
}
.w20 {width:20px;}
.w30 {width:30px;}
.w50 {width:50px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}

.termdef dd, .termdef dt {
  font-family:menlo, monospace;
}

.termdef dd {
  margin:5px 0px 15px 30px;
}
      .moreLess {
        cursor:pointer;
	color:blue;
	font-family:monospace;
	text-decoration:underline;
	font-style:italic;
      }
      .cell1 {
        display:table-cell;
	width:70px;
      }
      .hide {
        border:1px solid #999;
	padding:5px;
	border-radius:5px;
	background-color:#efefef;
	color:#666;
      }

ol {
  list-style:decimal outside;
  margin-left: 30px;
}
ol li {
 padding:2px 0px;
}

 /* you still need to add style to the div element you are
  *  using for the TOC
  */

/*
 * this style effects the whole TOC
 * it does not style the TOC heading/title
 * this is done in TOCgenerator.js
 */
ol.TOC_ll1 {
  font-family:verdana, sans-serif;
  font-size:10px;
  font-weight:normal;
  text-decoration:none;
}
ol.TOC_ll1 a {
  color:inherit;
  text-decoration:none;
}
ol.TOC_ll1 a:hover {
  color:blue;
  text-decoration:underline;
  cursor:pointer;
}
/*
 * do not edit the styles below unless you are real sure
 */
ol.TOC_ll1>li, ol.TOC_ll2>li, ol.TOC_ll3>li {
  margin-top:0.5em;
  margin-bottom:0.1em;}

ol.TOC_ll1, ol.TOC_ll2, ol.TOC_ll3 {
  margin-top:0.1em;
  margin-bottom:0.1em;}
ol.TOC_ll1 {
  counter-reset:one;
  padding:0px;
  margin:5px 0px 0px 10px;
  line-height:1.0;
}
ol.TOC_ll2 {counter-reset:two;}
ol.TOC_ll3 {counter-reset:three;}
ol.TOC_ll1>li>div.TOC_liMain>div.TOC_liMainRight:before {
  content:counter(one);
  display:block;
  float:left;
  margin-right:5px;
  }
ol.TOC_ll2>li>div.TOC_liMain>div.TOC_liMainRight:before {
  content:counter(one) "." counter(two);
  display:block;
  float:left;
  margin-right:5px;
  }
ol.TOC_ll3>li>div.TOC_liMain>div.TOC_liMainRight:before {
  content:counter(one) "." counter(two) "." counter(three);
  display:block;
  float:left;
  margin-right:5px;
  }
ol.TOC_ll1>li {list-style:none;counter-increment:one;}
ol.TOC_ll2>li {list-style:none;counter-increment:two;}
ol.TOC_ll3>li {list-style:none;counter-increment:three;}
ol.TOC_ll1>li>div, ol.TOC_ll2, li>div {margin-left:0.5em;padding:0px;}
ol.TOC_ll2>li>div, ol.TOC_ll3 {margin-left:1em;padding:0px;}
ol.TOC_ll3>li>div {margin-left:1.5em;padding:0px;}

.TOC_liMain {display:table;}
.TOC_liMainLeft, .TOC_liMainRight {display:table-cell;}
div.TOC_liMainLeft {padding-right:3px;}

h1.toc {
  counter-increment:one_a; 
  counter-reset:two_a three_a; 
  padding-top:1em;
}
h1.toc:before {
  content:"CHAPTER " counter(one_a);
  margin-right:0px;
  border-bottom:1px solid #005A9C;
  display:block;
  font-weight:normal;
  font-size:0.7em;
}
h2.toc {
  counter-increment:two_a; 
  counter-reset:three_a;
}
h2.toc:before {
  content:counter(one_a) "." counter(two_a);
  margin-right:5px;
}
h3.toc { counter-increment:three_a; }
h3.toc:before {
  content:counter(one_a) "." counter(two_a) "." counter(three_a);
  margin-right:5px;
}