/* Copyright 2011 LiveText, Inc. All rights reserved. */
@import '../../../rubric.css';

div.doc {
  padding: .5em .5em;
}

#author {
  font-size: 90%;
  font-style: italic;
  padding-left: 3em;
}

h1.doc, h2.doc {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  background: #eee;
  padding: .4em;
}

h2.doc {
  padding-bottom: .5em;
  margin-bottom: 0;
}

h3.doc {
  font-size: 100%;
  float: left;
  width: 11.6em;
  _width: 170px;
  padding: 1em 0 1em .4em;
  margin: 0 0 0 -12em;
  _margin: 0 0 0 -85px;
  background: #eee;
  border-top: 1px solid #fff;
  overflow: hidden;
}

div.panel {
  border-left: 12em solid #eee;
  _border-left: 170px solid #eee;
  border-top: 1px solid #eee;
  clear: both;
  padding: 0;
}

div.page {
  clear: both;
}

div.actions {
  _margin-top: 1.6em;
}

div.panel div.actions {
  _margin-top: .2em;
}

div.panel_body {
  padding: 1em 5em 1em .5em;
}

table.rubric {
  _width: auto;
}

/* outline */

div.tree#doc {
  padding-left: 0;
}

div.tree #doc_body {
  margin-top: 1em;
}

.tree#doc h1.doc,
.tree#doc h2.doc {
  background: none;
  font-size: 120%;
  margin-top: 0;
}

.tree#doc h1.doc {
  padding: 0 0 0 1em;
  margin: 0;
  text-align: left;
}

.tree#doc h3.doc {
  font-family: Arial, Helvetica, sans-serif;
  float: none;
  width: auto;
  margin: 0;
  padding: .1em 0 .1em .4em;
  overflow: visible;
}

.tree#doc div.panel {
  border: 0;
  clear: both;
}

.tree#doc div.panel_body {
  padding: .5em 1em 1.5em .1em;
}

.tree#doc div.page {
  width: 79%;
  float: right;
  clear: none;
}

div.outline {
  float: left;
  width: 19%;
  margin: 0 .1em 1em -.2em;
  background-image: url(shadow-left.gif);
  background-position: right;
  background-repeat: repeat-y;
  overflow: hidden;
  _margin-top: 1em;
}

.outline .b1 {
  height: 100%;
  _height: 50em;
}

.outline ul {
  border-top: 1px solid black;
  list-style: none;
  padding: 0;
  margin: 0 10px 0 0;
}

.outline li {
  border-bottom: 1px solid #ccc;
  margin: 0;
}

.outline li a {
  display: block;
  padding: 5px 10px 5px 0.5em;
  color: black;
  margin-right: 1.5em;
  text-decoration: none;
  overflow: hidden;
  word-wrap: break-word;
  width: 100%;
}

html>body .outline li a {
  width: auto;
}

.outline li.selected {
  background-image: url(active_item.gif);
  background-position: right;
  background-repeat: no-repeat;
}