/* Whole outline block including left marker */
div.outline-block {
   border-left: 0px;
   padding-left: 0em;
   padding-bottom: 0.3em;
}

/* Outline block content */
td.outline-content {
   border-left: 4px;
   padding-left: 5px;
   margin-left: 0px;
   margin-bottom: 0px;
   padding-top: 8px;
   padding-bottom: 0.0em;
}

div.marked {
}
div.unmarked {
}
div.visible {
   display: block;
}
div.invisible {
   display: none;
   height: 0px;
}

/* Left marker area */
td.outline-bar {
   width: 3px;
   margin-left: 2px;
   font-size:90%;
}

/* Left marker - shown (shown on mouse hover) */
td.marked {
   border-left: 1px dotted #106070;
   border-bottom: 1px dotted #506080;
#  border-left: 1px solid #106070; /* IE: dotted looks ugly, make it solid */
#  border-bottom: 1px solid #506080; /* IE: dotted looks ugly, make it solid */
   padding-left: 0px;
}
/* Left marker - hidden (shown on mouse hover) */
td.unmarked {
   border-left: 1px dotted #106070;
   border-bottom: 1px dotted #506080;
#  border-left: 1px solid #106070; /* IE: dotted looks ugly, make it solid */
#  border-bottom: 1px solid #506080; /* IE: dotted looks ugly, make it solid */
   padding-left: 0px;
}

/* Wedge & title area */
div.wedge {
   font-weight: bold;
   padding-left: 20px;
   margin-left: 0px;
   cursor: pointer;
   vertical-align: middle;
   content: "> ";
}

/* Wedge area nearby outline title - expanded wedge */
div.wedgeOpen {
   content: "> ";
   background: url('open.gif') no-repeat 0.1em;
}

/* Wedge area nearby outline title - collapsed wedge */
div.wedgeClosed {
   content: "> ";
   background: url('closed.gif') no-repeat 0.1em;
}