body {
  background-image: url(images/background.gif);
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #888888;
}

img {
  border: 0;
}
p {
	width: 100%;
	display: inline-block;
}
p img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div {
  float: left;
}

div#docubreeze {
  position: absolute;
  z-index: 5000;
  left: 53%;
  top: 1em;
}

div#docubreeze-top {
  background-image: url(images/help-logo-top.png);
  background-repeat: no-repeat;
  clear: both;
  height: 35px;
  width: 180px;
}

div#docubreeze-bottom {
  background-image: url(images/help-logo-bottom.png);
  background-repeat: no-repeat;
  clear: both;
  height: 32px;
  width: 180px;
}


div#help-navigation-top,
div#help-navigation-bottom {
  text-align: right;
  width: 100%;
}

div#container {
  background-image: url(images/vertical-divider.png);
  background-repeat: repeat-y;
  background-color: #fff;
  background-position: 25% 0;
  border-left: 1px solid #766;
  border-right: 1px solid #766;
  width: 89%;
}

div#container {
  margin: 0 2%;
}

body>div#container {
  margin: 0 5%;
}
/* why?  because of ie6 :P */



div#header {
  background-color: #333;
  background-image: url(images/header-background.gif);
  border: 1px solid: #ccc;
  width: 100%;
}

div#header h1 {
  color: #fff;
  display: inline;
  font-size: 1.1em;
  line-height: 50px;
  margin: 0 1em;
  padding: 0;
}

div#menu {
  background-color: #f2f2f2;
  border-bottom: 1px dashed #666;
  padding-bottom: 3em;
  width: 25%;

}

div#menu ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 1.5em;
}

div#menu ul li {
  padding-bottom: 1em;
}

/* IE6 doesn't get this so there's a js backup as well */
div#menu > ul > li ul > li {
  display: none;
}



/* IE6 doesn't get this so there's a js backup as well */
div#menu > ul > li  ul.expanded > li {
  display: block;
}
 


div#menu a:link,
div#menu a:visited,
div#menu a:active,
div#menu a:hover {
  background-image: url(images/collapsed.png);
  background-position: top left;
  background-repeat: no-repeat;
  border-bottom: 0px solid transparent;
  margin-bottom: 1px;
  color: #33f;
  padding-left: 15px;
  text-decoration: none;
}

div#menu a:hover {
  border-bottom: 1px dotted #000;
  margin-bottom: 0px;
}

div#menu a.expanded {
  background-image: url(images/expanded.png);
}

div#menu ul#links {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 1.5em;
  padding: 0.5em;
}

ul#links #close-window-link {
  background-image: url(images/close.png);
}

ul#links #goto-docubreeze-link {
  background-image: url(images/goto-docubreeze.png);
}

ul#links #reference-guide-link {
  background-image: url(images/pdf.png);
}

div#content {
  border-left: 1px solid #766;
  overflow: hidden;
  padding-left: 2%;
  padding-right: 2%;
  width: 70%
}

div#content-inner {
  overflow: hidden;
}

div#content-inner * {
  line-height: 2.0em;
}


div#content-inner a:link,
div#content-inner a:visited,
div#content-inner a:active,
div#content-inner a:hover {
  padding-right: 1.1em;
  background-image: url(images/internal-link.gif);
  background-repeat: no-repeat;
  background-position: 100% 65%;
  border-bottom: 0px dotted transparent;
  margin-bottom: 1px;
  color: #6699cc;
  text-decoration: none;
}

div#content-inner a:hover {
  border-bottom: 1px dotted #000;
  margin-bottom: 0px;
}



div#content-inner img {
  border: 1px solid #888;
  clear: both;
  display: block;
  margin-bottom: 1.75em;
}

div#content-inner img.legend {
  border-color: transparent;
  clear: none;
  display: inline;
  margin: 0;
}

div#content-inner ol {
  list-style-type: decimal;
}

div#content-inner ol > li > ol{
  list-style-type: upper-alpha;
}

div#content-inner ol > li > ol > li > ol{
  list-style-type: lower-roman;
}

div#footer {
  clear: both;
  float: none;
  font-size: 0.8em;
  text-align: right;
}

.helplink {
  /*text-decoration: underline;*/
  text-transform: uppercase;
  color: #00f;
}

.warning {
  color: #c00;
}

.important {
  background-image: url(images/important.gif);
  background-repeat: no-repeat;
  background-position: 0.3em 50% ;
  padding-left: 1.5em;
}

.wow {
  background-image: url(images/wow.png);
  background-repeat: no-repeat;
  background-position: 0.3em 50% ;
  padding-left: 1.5em;
}

.required {
  color: #f00;
}


a#rejax-button {
  display: none;
}

ul.no-bullet {
list-style: none;
}