/*
  -----------------------------------------------
  Styles for the Getting Started Guide
  chenomx.com
  version:  2011.06.15
  -----------------------------------------------
 */

/* -- basic body styling -- */
body {
  background: #dcdcdc;
  font:1.2em Cambria,Georgia,serif;
  margin:0;
  padding:0;
  text-align:center;
}

/* 
  -- general element styling --
      - no special classes or ids. 
 */
* {
  margin: 0; 
}
code {
  font:100% Consolas,"Courier New",monospace;
}
em code {
  font-style:italic;
}
pre {
  margin:0 0 1em;
  font:100% Consolas,"Courier New",monospace;
}
img {
  border:none;
}
dl {
  margin:0 0 1.5em;
  padding:0;
}
dt {
  font-family:Calibri,Verdana,sans-serif;
  font-weight:bold;
}
dd {
  margin:0 0 .5em;
  padding:0;
}
ul li {
  line-height:1.5em;
  list-style:none;
  margin:0 0 0.5em 7px;
  background:none;
}
ol, ul {
  margin-top:.5em;
  margin-bottom:1em;
}
ol li {
  padding:0;
  margin-bottom: 0.5em;
}
h1, h2 {
  color:#466432;
  font:150%/1.2em Calibri,Verdana,sans-serif;
  margin:0.5em 0 0.4em 0;
}
h2 strong {
  font-size:78%;
  color:#000;
}
h3 {
  color:#c00;
  font:bold 130%/1.3em Calibri,Verdana,sans-serif;
  margin:0.5em 0 0.4em 0;
}
h4 {
  font:bold 115%/1.3em Calibri,Verdana,sans-serif;
  margin:0.5em 0 0.4em 0;
}
a:link, a:visited {
  border-bottom:1px dotted #69f;
  color:#03c;
  text-decoration:none;
}
a:link img, a:visited img {
  border-width:0;
}
a:visited {
  color:#906;
}
a:hover {
  color:#000;
  text-decoration:none;
}
h2 a:link, h2 a:visited {
  border-width:0;
  color:#03c;
}
h2 a:hover {
  color:#466432;
  text-decoration:none;
}
h3 a:hover {
  color:#c00;
  text-decoration:none;
}
h3 a:link, h3 a:visited {
  border-width:0;
  color:#03c;
}
table {
  border-collapse:collapse;
  border:0px;
  font-size:100%;
  line-height:1.5em;
  width:100%;
  margin:0 0 1.5em;
}
table td, table th {
  border:0px;
  padding: 0.3em;
}
table tr.blank td {
  border-width:0;
  font-size:1px;
  line-height:1px;
  padding:5px;
}
p {
  margin-bottom: 0.8em;
}
div.gsc-adBlock {
  display: none;
}
div.gsc-input-box {
  height: 2em;
}


/*
  -- general docbook styling --
     - styling docbook specific classes
 */
.sidebar {
  border:1px solid black;
  font:0.8em Calibri,Verdana,sans-serif;
  float:right;
  clear: right;
  margin: 8px 10px;
  width: 260px;
  right:0;
  background:white;
  padding:0;
}
.sidebar table {
  border-collapse:collapse;
  padding:0;
  margin:0;
}
.sidebar table td {
  border:hidden;
  padding:2px 5px;
  margin:0;
}
.sidebar .emphasis {
  font-weight:bold;
}
.orderedlist .sidebar {
  margin:0 0 0 -300px;
}
.navfooter {
  clear:right;
  margin-top: 20px;
}
.navfooter table {
  width:100%;
  border:0;
  font-family:Calibri,Verdana,sans-serif;
  line-height:1.0;
}
.navfooter .left {
  text-align:left;
  width:40%;
}
.navfooter .center {
  text-align:center;
  width:25%;
}
.navfooter .right {
  text-align:right;
  width:40%;
}
.navfooter th {
  border-style:none;
}
.navfooter td {
  border-style:none;
}
.navfooter td.left, .navfooter td.center, .navfooter td.right {
  vertical-align:top;
}
.navfooter td.center {
  font-weight:bold;
}
.navfooter a:hover {
  color:#f00;
  border-color:#c00;
}
div.table {
  margin-top: 10px;
}
.table table {
  font-family:Calibri,Verdana,sans-serif;
  margin:0 auto 0 auto;
}
.table p.title {
  font-weight:bold;
}
table.simplelist {
  border-style:none;
}
.simplelist td {
  border-style:none;
}
.simplelist th {
  border-style:none;
}
.calloutlist table {
  border:0;
}
.calloutlist td {
  border:none;
  text-align:left;
  vertical-align:top;
}
.note, .tip, .warning {
  margin:0 auto 0 auto;
  clear:right;
}
.note th, .tip th, .warning th {
  font-family:Calibri,Verdana,sans-serif;
}
.note td, .tip td, .warning td {
  padding-right:0.5em;
}
.note table, .tip table, .warning table {
  border:0;
}
.itemizedlist p.title, .orderedlist p.title {
  font-weight:bold;
  font-family:Calibri,Verdana,sans-serif;
}
.itemizedlist ul li {
  list-style-type:disc;
  text-indent:0;
  margin-left:1em;
}
.orderedlist ol li {
  margin-left:1em;
}
.orderedlist ol li p {
  margin-bottom: 0px;
  padding-left:.5em;
}
.itemizedlist ul li p {
  margin-bottom: 0px;
  padding-left:.5em;
}
.itemizedlist {
  margin-top:0.5em;
}
.orderedlist {
  margin-top:0.5em;
}
.figure p.title {
  margin-left:79px;
  margin-right:79px;
}
.mediaobject {
  text-align:center;
}
.mediaobjectco {
  text-align:center;
}
.table .mediaobject img {
  vertical-align:middle;
}
/* Give the main titlepage image some top and bottom room.*/
.book .titlepage img {
  margin:10px 0px;
}
.list-of-tables p {
  font-weight:bold;
  font-family:Calibri,Verdana,sans-serif;
}

/*  
  -- Custom ids and classes
     - custom styling added to create specific site look and feel. 
 */
/* div that forms the left navigation column. */ 
#navpane {
  background:white;
  border-right:2px #71838c solid;
  font-family:Calibri,Verdana,sans-serif;
  font-size:80%;
  height:100%;
  left:0;
  min-width: 250px;
  overflow:hidden;
  position:fixed;
  text-align:left;
  width:25%;
  z-index:3;
}
#navpane h2 {
  margin-left:.5em;
}
/* div within the navpane that holds the table of contents. */
#toc {
  background:transparent;
  display:block;
  height:90%;
  overflow:auto;
  position:relative;
}
#toc ul {
  margin:.1em 0em .1em 0em;
  padding: 0px;
}
#toc li {
  padding:0;
}
#toc .toggle {
  display:none;
}
#toc .toggled {
  display:block;
}
#toc ul li {
  margin-left:1em;
  white-space:nowrap;
}
#toc ul li .toggled {
  margin:0;
}
#toc li.chapter.toggled a {
  margin-left:0.2em;
  margin-right:0.5em;
}
#toc li ul.toggle {
  margin-left:.9em;
}
/*  div that is in the navpane below the toc and contains the search field.  */
#formArea {
  /*background: #dcdcdc;*/
  bottom:0;
  display:block;
  min-width: 250px;
/* display:none; */
  height:5em;
  position:fixed;
  width:25%;
}
#searchForm {
  left:2%;
  position:relative;
  top:25%;
  width:96%;
}
.toggle_search {
  color:#03c;
  font-size:60%;
  cursor: pointer;
}
table.gsc-search-box td {
  border:none;
}

/* outer div that forms the right hand content column.  */
#right {
  height: 100%;
  width: 75%;
  right: 0px;
  position: absolute;
}
/* div inside #right that provides centered page look. */
#container {
  background: #dcdcdc url(../images/container.background.png) repeat-y;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 754px;
  margin: 0 auto -40px;
  padding: 0 !important;
  text-align: left;
}
/* div that holds the content side header image. */
#header {
  background: url(../images/container.background.png) repeat-y;
  margin: 0 auto;
  height:80px;
  text-align:left;
  width: 754px;
  display:none;

}
#header img {
  margin: 0px 9px;
  position: relative;
  left: -1px;
}
#header a, #header a:link, #header a:visited {
  border:none;
  text-decoration:none;
}
/* divs that hold the search results. Not normally visible. */
#resultsArea {
  display:none;
}
#searchContent {
  font-size: 85%;
  margin: 0 35px;
}
#searchResults .gsc-control-cse {
  font-family:Calibri,Verdana,sans-serif;
  font-size:90%;
  padding:0;
}
#searchResults div.gsc-tabsArea, #searchResults table.gsc-resultsHeader {
  display: none;
}
#searchResults .gsc-webResult, #searchResults .gsc-result {
  margin-bottom:0;
}
#searchResults .gs-result a.gs-visibleUrl-short, #searchResults .gs-result .gs-visibleUrl-short {
  display:none;
}
#searchResults .gs-result a.gs-visibleUrl-long, #searchResults .gs-result .gs-visibleUrl-long {
  display:block;
}
#searchResults a:link, #searchResults a:visited {
  border-bottom:none;
}
#searchResults .gsc-tabHeader.gsc-tabhActive {
  border-top-color: #0096d1;
}
/* dynamic and wrap are the divs that hold the main content which is replaced
   using AJAX calls. */
#dynamic, #footer, #resultsArea {
  margin: 0 auto;
  width: 756px;
}
#wrap {
  margin: 0px 35px;
}
/* push is used to place the footer at the bottom of the browser window OR
   the bottom of the page if there is a scrollbar. */ 
.push {
  height: 40px;
  margin: 0 auto;
  width: 756px;
}
/* maincol is the outer div gived to all the chunked content that is dynamically
   included using either php or AJAX calls. */
.maincol {
  margin: 0 auto;
  font-size:85%;
  line-height:1.3;
  text-align:left;
}
/* the footer div is found at the bottom of the content page (sometimes stuck
   to the bottom of the browser window if there is not a full page of content).
 */
#footer {
  color: #666666;
  font-size:85%;
  height:40px;
  text-align:left;
}
#footer div {
  margin: 0px 24px;
}
#footer div strong {
}
#footer div em {
  color:#9c3;
  font-style:normal;
}
/* specific styling for the copyright string in the footer. */
#copyright {
  float: left;

}
/* specific styling for the last modified string in the footer. */
#lastModified {
  font-size:75%;
  font-style:italic;
  text-align:right;
}
#lastModified p {
  margin-right:0.8em;
}