body {
  background-color: #cfcfff;
  text-align: center;
  font-size: 1em;
  background: #010101 url('./images/bg_gradient.png') repeat-x fixed 0px 0px;
  font-family: Georgia, Arial, serif;
  margin: 0px;
  height: 100%;
  color: #ffcc99;
}

#curtain {
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #00008f;
  z-index: 5;
  opacity: 0.4;
}

#dragbox {
  position: absolute;
  opacity: 0.5;
  z-index: 10;
  float: left;
}

* html, * html body {
  height: 100%;
  margin: 0px;
  overflow: auto;
}

* html #curtain {
  position: absolute;
  left: -16px;
}

#overlay {
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  width: 60%;
  color: #000000;
  margin: 80px 20% 0px 20%;
  padding: 5px 10px 10px 10px;
  background-color: #ffffff;
  border: 1px solid black;
  z-index: 9;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

#overlay p {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#overlay label {
  display: block;
  font-weight: bold;
}

* html #overlay {
  position: absolute;
}

body.overlay #curtain, body.overlay #overlay {
  display: block;
}

#hourglass {
  position: absolute;
  display: none;
  width: 16px;
  height: 16px;
  background: transparent url('./images/HourGlass.gif') no-repeat 0px 0px;
}

div.hourglass {
  display: none;
}  

body.busy #hourglass, body.busy div.hourglass {
  display: block;
}

h1 {
  font-size: 1.2em;
  margin: 0px 0px 1em 0px;
}

h1 span.subHead {
  color: #af8844;
  font-size: .85em;
  font-weight: normal;
}

.contentHead {
  color: #c19169;
  border-bottom: 1px solid #bdbdbd;
}

h2 {
  font-size: 1.1em;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 1em 0px;
}

h3 {
  font-size: 1em;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 1em 0px;
}

fieldset {
  padding: 7px;
  border: 1px solid #bdbdbd;
}

#overlay fieldset {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

fieldset.raised {
  background-color: #500800;
}

legend {
  font-weight: bold;
}

#overlay legend {
  font-size: .85em;
  color: #000066;
}

fieldset.subfield legend {
  font-size: .85em;
}

#login {
  width: 500px;
  border: 0px;
  margin: 20px auto 120px auto;
  background: #000000 url('./images/bg_red.jpg') no-repeat 0px 0px;
  padding: 0px;
  text-align: left;
}

#loginHeader {
  height: 100px;
  background: transparent url('./images/banner_ppoc.gif') no-repeat 0px 0px;
}

#container {
  width: 1024px;
  border: 0px;
  margin: 0px auto 0px auto;
  background: #000000 url('./images/bg_redstrip.jpg') repeat-y 0px 0px;
}

#container2 {
  background: transparent url('./images/bg_red.jpg') no-repeat 0px 0px;
}

#banner {
  height: 100px;
  background: transparent url('./images/banner_ppoc.gif') no-repeat 0px 0px;
}

#navigation {
  border-top: 5px solid #590900;
  border-bottom: 1px solid #bdbdbd;
  font-size: 11px;
  text-align: left;
  background: #000000;
  padding: 4px 10px 4px 10px;
}

#navigation a, #navigation a:visited, #navigation a:link {
  padding: 3px;
  text-decoration: none;
}

#navigation a:hover {
  text-decoration: underline;
}

#main {
  padding: 10px;
}

#apps {
  width: 200px;
  float: left;
}

#apps h3 {
  padding: 5px 0px 16px 0px;
  margin: 0px;
  font-size: 1.1em;
  font-weight: bold;
}

#rightContent {
  margin: 0px;
  padding: 0px 0px 0px 210px;
}

div.leftPanel {
  float: left;
  width: 230px;
}

div.rightPanel {
  padding: 0px 0px 0px 240px;
}

div.welcome {
  padding: 0px 0px 10px 240px;
}

.contentBlock {
  padding: 0px 0px 0px 240px;
  margin: 0px 0px 1.5em 0px;
  text-align: left;
}

div.buttonbar {
  margin: 0px 0px 5px 0px;
  text-align: center;
}

div.buttonbar b {
  display: inline-block;
}

div.box20 {
  height: 30px;
}

.leftBox {
  float: left;
}

.rightBox {
  float: right;
}

ul.apps {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.apps li {
  margin: 0px 0px 10px 0px;
}

ul.apps li.selected a, ul.apps li.selected a:visited, ul.apps li.selected a:link {
  background: transparent url('./images/menu_button.gif') no-repeat 0px -33px;
  color: #000000;
}

ul.apps a, ul.apps a:visited, ul.apps a:link {
  display: block;
  width: 200px;
  height: 33px;
  font-weight: bold;
  background: transparent url('./images/menu_button.gif') no-repeat 0px 0px;
  text-decoration: none;
}

ul.apps span {
  display: block;
  margin: 0px;
  padding: 9px 0px 0px 0px;
  font-size: 14px;
  line-height: 15px;
}

#navtree {
  display: block;
  width: 50%;
  overflow: auto;
  border: 1px solid #000066;
  background-color: #ffffff;
}

#eb1 {
  display: block;
  margin: 10px 49% 0px 0px;
  overflow: auto;
  border: 1px solid #000000;
  background-color: #ffffff;
}

#pageInfo, .subInfo {
  float: right;
  width: 49%;
}

#pageInfo fieldset.subfield {
  margin: 5px;
}

/* Nav Tree */

ul.tree {
  display: block;
  margin: 5px;
  padding: 0px;
  list-style-type: none;
  text-align: left;
}

ul.tree ul {
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 12px;
  list-style-type: none;
}

ul.tree li.closed ul {
  display: none;
}

ul.tree li {
  display: block;
  padding: 0px;
  background: transparent url('./images/treeVlin.gif') repeat-y 0px 0px;
  z-index: 5;
  -moz-user-select: none;
  -khtml-user-select: none;
}

ul.tree li.hide span, ul.tree li.hide p {
  opacity: 0.6;
}

ul.tree li.root {
  padding: 0px 0px 0px 18px;
  background: transparent url('./images/treeHome.gif') no-repeat 0px 0px;
}

ul.tree div {
  float: left;
  width: 12px;
  height: 18px;
  overflow: hidden;
  background: transparent url('./images/treeVlinT.gif') no-repeat 0px 0px;
}

ul.tree div.last {
  background: transparent;
}

ul.tree li.last {
  background: transparent url('./images/treeVlinL.gif') no-repeat 0px 0px;
}

ul.tree div.menuitem {
}

ul.tree div.expander {
  cursor: pointer;
  background: transparent url('./images/treeMinusPlus.gif') no-repeat 0px 0px;
}

ul.tree li.closed div.expander {
  background-position: 0px -18px;
}

ul.tree div.hourglass {
  float: right;
  width: 80px;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  color: #00669f;
  padding: 0px 0px 0px 18px;
  background: transparent url('./images/HourGlass.gif') no-repeat 1px 1px;
}

ul.tree p {
  float: left;
  padding: 0px;
  margin: 0px 2px 0px 0px;
  height: 18px;
  width: 16px;
  cursor: move;
  background: transparent url('./images/treeFolder.gif') no-repeat 0px 0px;
}

ul.tree li.open p {
  background-position: 0px -18px;
}

ul.tree li.closed p {
  background-position: 0px 0px;
}

ul.tree li.open p.published {
  background-position: -16px -18px;
}

ul.tree li.closed p.published {
  background-position: -16px 0px;
}

ul.tree li p.url {
  background-position: -48px 0px;
}

ul.tree li p.urlp {
  background-position: -48px -18px;
}

ul.tree span {
  float: left;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  -moz-user-select: none;
  -khtml-user-select: none;
  cursor: move;
}

ul.tree li.lock p, ul.tree li.lock span {
  cursor: crosshair;
}

ul.tree b.secure {
  float: left;
  height: 18px;
  width: 16px;
  background: transparent url('./images/treeLock.gif') no-repeat 0px 0px;
}

ul.tree p.over, ul.tree span.over {
  background-color: #7fff7f;
}

ul.tree p.selected, ul.tree span.selected {
  background-color: #000066;
  color: #efefff;
}

/* Tag display */

ul.taglist {
 width: 100%;
 float: none;
 text-align: left;
}

ul.taglist li {
 display: inline-block;
 padding: 0px 5px 0px 5px;
 margin: 0px 0px 2px 5px;
 height: 15px;
 font-size: 12px;
 border: 1px solid #000000;
 background-color: #ffcf8f;
 cursor: pointer;
 color: #000000;
 -moz-border-radius: 0px 7px 7px 0px;
 -webkit-border-radius: 0px 7px 7px 0px;
 border-radius: 0px 7px 7px 0px;
}

ul.taglist li.tagBtn {
 background-color: #cfcfcf;
 height: 17px;
 padding: 1px 5px 0px 5px;
 margin: 0px 0px 2px 10px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}

ul.taglist li.tagBtn a, ul.taglist li.tagBtn {
 text-decoration: none;
 color: #000000;
}

/* Tag Tree (Overlay) */

#tagtreeoverlay ul.tree li.root {
 padding: 0px;
 background: none;
}

#tagtreeoverlay ul.tree li.root span {
 background-color: #dfdfdf;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
}

#tagtreeoverlay p {
 display: none;
}

#tagtreeoverlay span {
 display: inline-block;
 padding: 0px 5px 0px 5px;
 height: 15px;
 font-size: 12px;
 border: 1px solid #000000;
 background-color: #ffcf8f;
 cursor: pointer;
 -moz-border-radius: 0px 7px 7px 0px;
 -webkit-border-radius: 0px 7px 7px 0px;
 border-radius: 0px 7px 7px 0px;
}

#tagtreeoverlay span.selected {
 background-color: #000066;
}

/* Template Box */

#templatebox div.over {
  background-color: #7fff7f;
  cursor: crosshair;
}

div.previewtemplate ul {
  display: block;
  margin: 5px 10px 0px 10px;
  padding: 0px;
  list-style-type: none;
}

div.previewtemplate li {
  display: block;
  margin: 0px 0px 1px 0px;
  line-height: 20px;
  border: 1px solid #000000;
  background-color: #cfcfcf;
}

ul.applist {
  display: block;
  margin: 0px 0px 0px 10px;
  padding: 5px 0px 0px 5px;
  list-style-type: none;
  text-align: left;
  border: 1px solid black;
}

ul.applist li {
  display: block;
  margin: 0px 5px 5px 0px;
  height: 20px;
  border: 1px solid #000000;
  z-index: 6;
}

ul.applist li p {
  text-align: center;
  height: 20px;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
  font-weight: bold;
  font-size: 12px;
  -moz-user-select: none;
  -khtml-user-select: none;
  background-color: #cfcfcf;
}

ul.applist li p.over {
  background-color: #cfcfff;
  cursor: move;
}

ul.clicklist {
  list-style-type: none;
  margin: 5px;
  padding: 5px;
  border: 1px solid #bdbdbd;
  text-align: left;
}

ul.clicklist li {
  position: relative;
  height: 23px;
}

ul.clicklist select {
  position: absolute;
  right: 0px;
}

div.tabmenu {
  height: 20px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  background: transparent url('./images/tabs.png') repeat-x 0px -40px;
}

div.tabcontent {
  margin: 0px;
  background: #590900;
  padding: 15px 10px 10px 10px;
  border-right: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
}

div.tabmenu ul {
  display: block;
  height: 20px;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.tabmenu li {
  display: block;
  float: left;
  height: 20px;
}

div.tabmenu a {
  background: transparent url('./images/tabs-left.png') no-repeat 0px -20px;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  cursor: pointer;
  height: 20px;
  padding: 0px 0px 0px 10px;
  text-decoration: none;
}

div.tabmenu li.selected a {
  background: transparent url('./images/tabs-left.png') no-repeat 0px 0px;
}

div.tabmenu span {
  background: transparent url('./images/tabs.png') no-repeat right -20px;
  padding: 4px 20px 2px 10px;
  display: block;
}

div.tabmenu li.selected span {
  background: transparent url('./images/tabs.png') no-repeat right 0px;
}

div.tabmenu li.selected a:hover {
  color: #c19169;
}

div.ebHeader {
  background: #000000 url('./images/icon_eb_button.gif') no-repeat 0px 0px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

div.ebHeader span {
  display: block;
  padding-top: 2px;
}

ul.ebContent {
  display: block;
  margin: 0px;
  padding: 2px;
  list-style: none;
  text-align: left;
}

div.ebContent {
  display: block;
  margin: 0px;
  padding: 10px;
}

ul.ebContent li.even {
  background-color: #d7d7f7;
}

ul.ebContent span.recycle {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  -moz-user-select: none;
  -khtml-user-select: none;
  padding: 0px 0px 0px 20px;
  background: transparent url('./images/icon_recycle.png') no-repeat 0px 0px;
  cursor: move;
}

div.expandblockclosed div.ebHeader {
  background-position: 0px -20px;
}

div.expandblockclosed .ebContent {
  display: none;
}

table.type1 {
  border: 0px;
}

table.type1 td.left {
  text-align: right;
  padding-left: 10px;
  padding-bottom: 5px;
  font-weight: bold;
}

table.type1 td.right {
  text-align: left;
  padding-bottom: 5px;
}

table.type1 p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


table.type2 {
  width: 100%;
  border: 0px;
}

table.type2 td.left {
  width: 25%;
  text-align: right;
  font-weight: bold;
}

table.type2 td.right {
  width: 75%;
  text-align: left;
}

table.type3 {
  width: 99%;
  border-spacing: 0px;
  border-collapse: collapse;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 0px;
  border-bottom: 0px;
  padding: 0px;
  margin: 0px auto 0px auto;
}

table.type3 th {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 2px 10px 2px 10px;
  margin: 0px;
  font-weight: bold;
  color: #eeeeff;
  background-color: #000000;
}

table.type3 td {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 2px 10px 2px 10px;
  margin: 0px;
  background-color: #490700;
  font-size: .9em;
}

table.type3 td.rcon {
  border-right: 0px;
}

table.type3 td.bcon {
  border-bottom: 0px;
}

table.type3 tr.even td {
  background-color: #3b0100;
}

table.type3 td.working {
  background-color: #ff8800;
  color: #000000;
}

table.type3 td.working a, table.type3 td.working a:visited, table.type3 td.working a:link {
  color: #000000;
}

table.type3 tr.even td.working {
  background-color: #ffaa00;
}

table.type3 td.ok {
  background-color: #66ee66;
  color: #000000;
}

table.type3 tr.even td.ok {
  background-color: #88ff88;
  color: #000000;
}

table.type3 td.bad {
  background-color: #ff4444;
  color: #000000;
}

table.type3 tr.even td.bad {
  background-color: #ff6666;
  color: #000000;
}

table.type3 td.changed {
  background-color: #ff66ff;
  color: #000000;
}

table.type3 tr.even td.changed {
  background-color: #ff88ff;
}

table.type3 td.changed a, table.type3 td.changed a:visited, table.type3 td.changed a:link {
  color: #000000;
}

table.type3 td.left, table.type3 th.left {
  text-align: left;
}

table.type3 td.right, table.type3 th.right {
  text-align: right;
}

table.type3 a, table.type3 a:visited, table.type3 a:link {
  font-weight: bold;
  text-decoration: underline;
}

table.type3 a:hover {
  text-decoration: underline;
}

table.type3 td.bad a:hover {
  color: #ffcc00;
}

table.type3 td.working a:hover {
  color: #ffff00;
}

table.who {
  width: 450px;
  margin: 0px auto 0px auto;
  border-spacing: 0px;
  border-top: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
  border-right: 0px;
  border-bottom: 0px;
  padding: 0px;
}

table.who th {
  border-bottom: 1px solid #bdbdbd;
  border-right: 1px solid #bdbdbd;
  background: #000000;
  padding: 2px 10px 2px 10px;
  text-align: left;
  margin: 0px;
  font-weight: bold;
  color: #bdbdbd;
}

table.who td {
  border-bottom: 1px solid #bdbdbd;
  border-right: 1px solid #bdbdbd;
  padding: 2px 10px 3px 10px;
  text-align: left;
  margin: 0px;
}

select.idlist {
  width: 200px;
}

.good {
  color: #009900;
  font-weight: bold;
}

.error {
  color: #ff0000;
  font-weight: bold;
}

.warning {
  color: #bb6600;
}

.hidden {
  display: none;
}

.breaker {
  clear: both;
}

/* Forms */

form fieldset {
  margin: 0px 10px 10px 0px;
}

form fieldset fieldset {
  clear: both;
}

form fieldset fieldset.noclear {
  clear: none;
  float: left;
}

form ul {
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 420px;
  display: block;
  float: left;
}

form ul.sublist {
  width: 398px;
}

form fieldset.left ul {
  width: 99%;
}

form li {
  clear: left;
  text-align: left;
  font-size: .85em;
  margin: 0px 0px 6px 0px;
}

form li.small {
  clear: none;
  display: block;
  width: 185px;
  float: left;
}

form li.small ul {
  width: 160px;
}

form li.changed {
  background-color: #ffdd88;
  color: #000000;
}

form fieldset.left li.small {
  width: 48%;
}

form li.small select {
  width: 175px;
}

form li.small2 {
  display: block;
  width: 185px;
  float: left;
}

form ul.large {
  clear: both;
  width: 100%;
}

form label {
  display: block;
  font-weight: bold;
}

form.type2 label {
  display: inline;
  font-weight: normal;
}

form fieldset.left label {
  float: left;
  width: 150px;
  text-align: right;
  padding-right: 10px;
}

form fieldset.left li.large label {
  width: 200px;
}

form label span.required {
  color: #ff0000;
}

span.hint {
  font-weight: normal;
  font-size: .95em;
}

span.redundant {
  display: none;
}

form li.submit {
  text-align: center;
}

#login form label {
  float: left;
  width: 150px;
  text-align: right;
}

#login form li {
  clear: both;
}

#login form li.large label {
  float: none;
  width: 100%;
  text-align: left;
} 

#login form li.large input.text {
  width: 90%;
}

#login form li.submit {
  text-align: center;
}

#login form fieldset {
  margin: 0px 10px 0px 10px;
}

#login p {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  text-align: center;
  font-size: .85em;
}

#login form {
  margin: 0px;
  padding: 0px;
}

#login form input.text {
  width: 160px;
}

#login a, #login form a:visited, #login form a:link {
  font-weight: bold;
}

div.previewtemplate {
  margin: 0px 0px 10px 0px;
  color: #000000;
}

.app_cbox {
  float: right;
}

.app_btn {
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin: 4px 2px 0px 0px;
}

.app_btn span, .app_btn div {
  display: none;
}

.app_up {
  background: transparent url('./images/app_icons.png') no-repeat 0px 0px;
}

.app_up:hover {
  background-position: 0px -12px;
}

.app_dn {
  background: transparent url('./images/app_icons.png') no-repeat -12px 0px;
}

.app_dn:hover {
  background-position: -12px -12px;
}

.app_none {
}

.app_del {
  background: transparent url('./images/app_icons.png') no-repeat -24px 0px;
}

.app_del:hover {
  background-position: -24px -12px;
}

.app_save {
 background: transparent url('./images/app_icons.png') no-repeat -36px 0px;
}

.app_save:hover {
 background-position: -36px -12px;
}

/* Icon buttons */

.btn {
 display: block;
 float: left;
 width: 20px;
 height: 20px;
 margin: 4px 2px 0px 0px;
}

.btn span, .btn div {
 display: none;
}

.btn_none {
}

.btn_up {
 background: transparent url('./images/buttons.png') no-repeat 0px 0px;
}

.btn_up:hover {
 background-position: 0px -20px;
}

.btn_dn {
 background: transparent url('./images/buttons.png') no-repeat -20px 0px;
}

.btn_dn:hover {
 background-position: -20px -20px;
}

.btn_del {
 background: transparent url('./images/buttons.png') no-repeat -40px 0px;
}

.btn_del:hover {
 background-position: -40px -20px;
}

.btn_save {
 background: transparent url('./images/buttons.png') no-repeat -60px 0px;
}

.btn_save:hover {
 background-position: -60px -20px;
}

.btn_thup {
 background: transparent url('./images/buttons.png') no-repeat -80px 0px;
}

.btn_thup:hover {
 background-position: -80px -20px;
}

.btn_thdn {
 background: transparent url('./images/buttons.png') no-repeat -100px 0px;
}

.btn_thdn:hover {
 background-position: -100px -20px;
}

.btn_edit {
 background: transparent url('./images/buttons.png') no-repeat -120px 0px;
}

.btn_edit:hover {
 background-position: -120px -20px;
}

/* File Browsers */

div.fb_dirs {
  display: block;
  float: right;
  width: 260px;
  margin: 0px 0px 0px 5px;
  text-align: left;
}

div.fb_files {
  display: block;
  margin: 0px 260px 0px 0px;
  padding: 5px;
  overflow: auto;
  border: 1px solid #000000;
  background-color: #ffffff;
}

#fb_thumbs, #fb_docs, .imagelist {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

form .imagelist li {
 clear: none;
}

#fb_thumbs li, form .imagelist li {
  float: left;
  width: 100px;
  height: 108px;
  color: #000000;
  padding: 4px 0px 0px 0px;
  margin: 0px 5px 5px 0px;
  border: 1px solid #000000;
  cursor: pointer;
}

form .imagelist li {
  background-color: #490700;
}

form .imagelist li.default {
 border: 1px solid #00cf00;
}

form .imagelist li p {
 text-align: center;
}

.imagelist li {
 position: relative;
 z-index: 1;
}

.imagelist li .buttonBox {
 position: absolute;
 display: none;
 top: 0px;
 right: 0px;
 z-index: 10;
}

.imagelist li:hover .buttonBox {
 display: block;
}

#pgroups li, #sgroups li, #agroups li {
  cursor: pointer;
}

#pgroups p, #sgroups p, #agroups p {
  margin: 0px;
  padding: 0px;
}

#fb_thumbs li.over, #fb_docs li.over, ul.clicklist li.over {
  background-color: #7fff7f;
  color: #000000;
}

#fb_thumbs li.selected, #fb_docs li.selected {
  background-color: #000066;
  color: #eeeeff;
}

#fb_thumbs div, .imagelist div.thumbnail {
  display: table-cell;
  width: 100px;
  height: 90px;
  text-align: center;
  vertical-align: middle;
}

#fb_thumbs span, .imagelist span.thumbtitle {
  display: block;
  height: 14px;
  padding-top: 2px;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
}

.imagelist span.thumbtitle {
  color: #ffffff;
}

#fb_docs li {
  display: block;
  text-align: left;
  cursor: pointer;
}

#fb_docs div {
  display: none;
}

#fb_docs span {
  display: block;
  color: #000000;
  height: 18px;
  padding: 1px 0px 0px 18px;
}

#fb_docs span.pdf {
  background: transparent url('./images/icon_pdf.gif') no-repeat 0px 1px;
}

#fb_docs span.zip {
  background: transparent url('./images/icon_zip.gif') no-repeat 0px 1px;
}

div.fb_dirs ul {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

div.fb_dirs li {
  display: block;
  height: 18px;
}

div.fb_dirs li a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 20px;
  background: transparent url('./images/folder.gif') no-repeat 0px 0px;
}

div.fb_dirs li a:hover {
  color: #ffffff;
  background-color: #000000;
}

a, a:link, a:visited {
 color: #c19169;
}

a:hover {
 color: #ffffff;
}

#copy {
 height: 26px;
 border-top: 5px solid #590900;
 padding: 10px 0px 0px 0px;
}

#copy p {
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 100px;
 font-size: 12px;
}

#copy p.engine {
 float: none;
 text-align: right;
 margin: 0px 100px 0px 0px;
}

/* Pagination Controls */

div.pgnctrl {
  display: block;
  float: right;
  height: 20px;
  width: 298px;
  margin: 4px 0px 0px 0px;
}

a.pc_buttons, a:link.pc_buttons, a:visited.pc_buttons, a:active.pc_buttons {
  padding-left: 0px;
  padding-right: 0px;
  border: none;
}

.pc_buttons {
  display: block;
  float: left;
  width: 10px;
  height: 9px;
  margin: 5px 1px 0px 1px;
  overflow: hidden;
}

.pc_text {
  display: block;
  float: left;
  width: 240px;
  font-size: .85em;
}

.pc_first {
  background: transparent url('./images/pagination.gif') no-repeat 0px 0px;
}

.pc_prev {
  background: transparent url('./images/pagination.gif') no-repeat -10px 0px;
}

.pc_next {
  background: transparent url('./images/pagination.gif') no-repeat -20px 0px;
}

.pc_last {
  background: transparent url('./images/pagination.gif') no-repeat -30px 0px;
}

span.pc_first {
  background-position: 0px -9px;
}

span.pc_prev {
  background-position: -10px -9px;
}

span.pc_next {
  background-position: -20px -9px;
}

span.pc_last {
  background-position: -30px -9px;
}

.pc_buttons span {
  display: none;
}

/* Pagination Buttons */

div.pagination {
  text-align: center;
  font-size: .85em;
  line-height: 180%;
  height: 2em;
  margin: 0px 0px 2px 0px;
}

div.pagination a {
  display: block;
  float: left;
  color: #000000;
  background: #f0e0e0;
  border: 1px solid #bdbdbd;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  padding: 0px;
  margin: 0px .1em .1em 0px;
  width: 1.8em;
  height: 1.7em;
  -moz-border-radius: .4em;
  -webkit-border-radius: .4em;
}

div.pagination a:link, div.pagination a:visited, div.pagination a:active {
  color: #000000;
}

div.pagination a.current {
  background: #8f0000;
  color: #ffffff;
}

div.pagination a:hover {
  background: #ffef7f;
}

div.pagination a:hover.current {
  background: #8f0000;
}

span.paginationMore {
  display: block;
  float: left;
  position: relative;
}

span.paginationTitle {
  display: block;
  float: left;
  margin: 0px 4px 0px 4px;
}

span.paginationMore div {
  display: none;
  width: 8.3em;
  position: absolute;
  top: 1.7em;
  left: 0px;
  margin-left: -1px;
  padding: 2px 0px 0px 2px;
  background: #8f6f6f;
  border: 1px solid #ffffff;
}

span:hover.paginationMore div {
  display: block;
}

.center {
  text-align: center;
}