/* Woof User Guide CSS - assumes _woof.css loaded */

/* Override _layout.css */
.wf-main {
    padding-top: 0em;
}
.wf-sidebar {
    padding: 0em;
}
.wf-sidebar > div {
    padding: 0.6em;
}

/* Customize page sections */
.wf-header {
    background-color: #006666; 
    padding: 5px;
    color: #E99A56;
    font-size: small;
}

/* Add background image and use normal fonts if screen wide enough */
@media screen and (min-width: 35.5em) {
    .wf-header {
	font-size: 100%;
	font-weight: bold;
	height: 48px;
	background-position: 20px 20px;
	padding: 20px;
	background-image: url(../images/_woof/logo.png);
	background-repeat: no-repeat;
	text-indent: 100px;
    }
}

.wf-header h2, .wf-header h3 {
    margin: 0px;
}

.wf-sidebar .pure-menu.pure-menu-open {
    border-width: 0;
    background-color: #006666;
}

.wf-sidebar .pure-menu .pure-menu-heading, .wf-sidebar .pure-menu a {
    color: #E99A56;
}

.wf-sidebar {
    background-color: #006666;
}

.wf-main p {
    line-height: 1.2em;
}

.wf-main h1, .wf-main h2 {
  color: #888888;
  margin-bottom: 0.5em;
}

.wf-main h3, .wf-main h4 {
  color: #777777;
  margin-bottom: 0.5em;
}

.wf-main h4 {
  font-size: 93%;
}

.wf-main dt, dd {
   font-size: 93%;
}

.wf-footer {
    font-size: 77%;
    text-align: center;
    border-top: 1px solid #aaaaaa;
    /* margin-right: 180px; */
    margin-top: 10px;
}

.wf-sidebar {
  font-size: 77%;
}

.ug-hnav {
  font-size: 93%;
}

.wf-sidebar h2 {
  margin-bottom: 0.2em;
  margin-top: 0em;
  color: white;
  font-size: 100%;
}

.wf-sidebar ul, .ug-hnav ul {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1em;
}

.wf-sidebar > ul {
  padding-left: 0em;
}

.wf-sidebar li {
    /* So hanging indent for continuation menu items */
    text-indent: -1em;
}

.wf-sidebar li, .ug-hnav li {
  list-style-type: none;
  /* list-style-image: url(../images/_woof/navarrowright.png); */
  font-weight: bold;
  color: #e99a56;
}


.wf-sidebar a:link, .wf-sidebar a:visited {
  text-decoration: none;
  font-weight: normal;
  color: white;
}

.ug-hnav {
  padding-top:0.5em;    
  padding-bottom:0.5em;
  text-align:center;
  display: block;
}

.ug-hnav a:link, .ug-hnav a:visited {
  text-decoration: none;
  font-size: 93%;
  font-weight: normal;
  color: #808080;
}

.ug-hnav .ug-leftmost {
  display: block;
  float: left;
  text-align: left;
  background-image: url(../images/_woof/navarrowleft.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px; /* So image does not overlap */
}

.ug-hnav .ug-rightmost {
  display: block;
  float: right;
  text-align: right;
  background-image: url(../images/_woof/navarrowright.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 15px; /* So image does not overlap */
  margin-right: 10px;
}

.ug-toc ul {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.ug-toc li {
  list-style-type: none;
  /* list-style-image: url(../images/_woof/navarrowright.png); */
  color: #e99a56;
}

.ug-toc a:link, .ug-toc a:visited {
  text-decoration: none;
  font-weight: normal;
}


.ug-filename {
   font-size: 93%;
   font-family: "Courier New", Courier, monospace;
}

.ug-center {
   text-align: center;
}

.wf-main code, .wf-main .ug-code {
   font-family: "Courier New", Courier, monospace;
   font-size: 93%;
}

.wf-main a {
    text-decoration: none;
}

.wf-main .ug-ui {
    color: blue;
}


h4 .ug-code {
   font-size: 100%;
}

ul.ug-nobullets li {
  list-style-type: none;
}

.ug-console {
   margin: 2em 2em;
   font-size: 85%;
   font-family: "Courier New", Courier, monospace;
   background-color: #cccccc;
   padding: 2px;
   line-height: 1.2em;
}

.ug-sample {
    margin: 2em 2em;
    border: thin solid grey;
    padding: 0.5em;
}

.wf-main tbody {
    vertical-align: top;
}

table.ug-note td {
    font-style: italic;
    vertical-align: middle;
    padding: 0.5em;
}

table.ug-note td:first-child {
    border-right: thin solid grey;
}