html {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
}

body {
    position: relative;
	background: white;
	height: 95%;
	margin: 0;
}

body.background {
    height: 100%;
	margin: 0 10px 0 10px;
	overflow: hidden;
}

span#title {
    display: block;
    font-size: 150%;
    font-weight: bold;
    white-space: nowrap;
    margin-top: .4em;
    border-bottom: black 1px solid;
    margin-bottom: .4em;
    height: 40px;
}

img#logo {
    display: inline;
    float: right;
    height: 32px;
    width: 32px;
    border: 0;
}

#footer {
    display: block;
    white-space: nowrap;
    border-top: black 1px solid;
    margin-top: 10px;
}

#footer #copyright {
    font-size: 100%;
    font-weight: bold;
    display: block;
    float:left;
}

#footer #generated-on {
    font-size: 100%;
    font-weight: bold;
    display: block;
    float: right;
    clear: right;
}

#footer #generated-by {
    font-size: 80%;
    display: block;
    float: right;
    clear: right;
    text-decoration: none;
    color: black;
}

#main {
    position: absolute;
    top: 135px;
    bottom: 60px;	
	width: 100%;
}

#main.free {
    top: 105px;
}

#contents {    
    height: 100%;
}

iframe {
	border: 0px;
	position: relative;
	overflow: scroll;
	background: white;
	padding: 0px;
	margin: 0px;
}

#index-column {
	float:left;
	width: 25%;
	height: 100%;
}

#content-column {
    float:right;
    width: 73%;
	height: 100%;
}

h1, h2, h3, h4, h5, body, p, th, td {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 10pt;
}

h1, h2, h3, h4, h5 {
	width: 100%;
}

h1 {
	color: white;
	background-repeat: repeat-x;
	font-size: 120%;
	padding: 0;
	text-indent: 5px;
}

body#red h1 {
	background-image: url("red-bg.gif");
}

body#yellow h1 {
	background-image: url("yellow-bg.gif");
}

body#orange h1 {
	background-image: url("orange-bg.gif");
}

body#teal h1 {
	background-image: url("teal-bg.gif");
}

body#purple h1 {
	background-image: url("purple-bg.gif");
}

body#blue h1 {
	background-image: url("blue-bg.gif");
}

body#green h1 {
	background-image: url("green-bg.gif");
}

body#dk-green h1 {
	background-image: url("dk-green-bg.gif");
}

body#blueberry h1 {
	background-image: url("bb-bg.gif");
}

h2 {
	color: white;
	background-repeat: repeat-x;
	font-size: 110%;
	padding: 0;
	text-indent: 5px;
}

body#red h2 {
	background-image: url("red-bg.gif");
}

body#yellow h2 {
	background-image: url("yellow-bg.gif");
}

body#orange h2 {
	background-image: url("orange-bg.gif");
}

body#teal h2 {
	background-image: url("teal-bg.gif");
}

body#purple h2 {
	background-image: url("purple-bg.gif");
}

body#blue h2 {
	background-image: url("blue-bg.gif");
}

body#green h2 {
	background-image: url("green-bg.gif");
}

body#dk-green h2 {
	background-image: url("dk-green-bg.gif");
}

body#blueberry h2 {
	background-image: url("bb-bg.gif");
}

h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;	
}

h3, h4 {
    padding: 0;
    text-indent: 4px;
}

body#red h3, body#red h4, body#red th {
    border-bottom-color: #b02b2c;
    color: #b02b2c;
}

body#yellow h3, body#yellow h4, body#yellow th {
    border-bottom-color: #c79810;
	color: #c79810;
}

body#orange h3, body#orange h4, body#orange th {
    border-bottom-color: #e87117;
	color: #e87117;
}

body#teal h3, body#teal h4, body#teal th {
    border-bottom-color: #3c879c;
	color: #3c879c;
}

body#purple h3, body#purple h4, body#purple th {
    border-bottom-color: #744a7a;
	color: #744a7a;
}

body#blue h3, body#blue h4, body#blue th {
    border-bottom-color: #0606c6;
	color: #0606c6;
}

body#green h3, body#green h4, body#green th {
    border-bottom-color: #58b701;
	color: #58b701;
}

body#dk-green h3, body#dk-green h4, body#dk-green th {
    border-bottom-color: #0b5834;
	color: #0b5834;
}

body#blueberry h3, body#blueberry h4, body#blueberry th {
    border-bottom-color: #3f4c6b;
	color: #3f4c6b;
}

.summary {
	margin-left: 18px;
	color: #808080;
}

#tooltip {
    background: #eeeeee;
    color: black;
    white-space: pre;
    padding-left: 20px;
	font-family: monospace;
	font-size: 80%;
}

a:link,a:visited,a:hover,a:active {
	text-decoration: none;
	color: #0000AA;
}

a:hover {
	text-decoration: underline;
}

a.empty {
	color: #000000;
}

.datatype {
	font-weight: bold;
	width: 75pt;
}

.footer {
	text-align: center;
}

table {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

th {
	background: #fafafa; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;
	font-size: 110%;
}

.image-code {
	font-family:  "Courier New", Monospace;
	color: #00ff00;
	background: #101010; 
	border: #000000 1px solid;
}

/* The table used to list references */
.references {
	border-collapse: collapse;
	border: 1px solid #eeeeee;
	margin-bottom: 20px;
}

caption { 
	font-weight: bold;
	color: #4f81bd;
	width: 100%;
	text-align: left 
}

.menu {
	margin: 0px;
	padding: 0px;
}

.indent {	
	padding-left: 0px;
	margin-left: 10px;
	list-style-type: circle;
	list-style-image: url("inherit.gif");
}

.root {	
	padding-left: 0px;
	margin-left: 10px;
	list-style-type: none;
}

span.hierarchy-item {
	display: block;
}

/* Various decorations */
span#element-icon {
	width: 18px;
}

.class {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(class.gif) no-repeat center left;
}

.object {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(object.gif) no-repeat center left;
}

.gui-view, .gui-dbview {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(shell_obj.gif) no-repeat center left;
}

.gui-modalpanel, .gui-dbmodalpanel {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(dialog_obj.gif) no-repeat center left;
}

.gui-apppanel {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(shell_obj.gif) no-repeat center left;
}

.gui-button {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(button_obj.gif) no-repeat center left;
}

.gui-radio, .gui-dbradio {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(radiobutton_obj.gif) no-repeat center left;
}

.gui-checkbox, .gui-dbcheckbox {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(checkbox_obj.gif) no-repeat center left;
}

.gui-dfbaselinecontrol {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(splitpane_obj.gif) no-repeat center left;
}

.gui-form, .gui-dbform {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(textfield_obj.gif) no-repeat center left;
}

.gui-comboform, .gui-dbcomboform {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(combobox_obj.gif) no-repeat center left;
}

.gui-ccjcommandbarsystem, .gui-ccjmenubar {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(menubar_obj.gif) no-repeat center left;
}

.gui-ccjmenuitem {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(menuitem_obj.gif) no-repeat center left;
}

.gui-basedata_set {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(database_obj.gif) no-repeat center left;
}

.gui-treeview {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(tree_obj.gif) no-repeat center left;
}

.gui-list, .gui-dblist {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(listbox_obj.gif) no-repeat center left;
}

.gui-grid, .gui-dbgrid {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(table_obj.gif) no-repeat center left;
}

.gui-textbox, gui-edit, gui-dbedit {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(textarea_obj.gif) no-repeat center left;
}

.gui-ctoolbarbutton, .gui-ctoolbar {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(toolbar_obj.gif) no-repeat center left;
}

.gui-cprogressbar {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(progressbar_obj.gif) no-repeat center left;
}

.gui-tabdialog, .gui-dbtabdialog {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(tabfolder_obj.gif) no-repeat center left;
}

.gui-tabpage, .gui-dbtabpage, .gui-dbtabview {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(tabbedpane_obj.gif) no-repeat center left;
}

.gui-radiogroup, .gui-dbradiogroup {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(panel_obj.gif) no-repeat center left;
}

.gui-radiogroup, .gui-dbradiogroup, .gui-container3d, .gui-dbcontainer3d, .gui-group, .gui-dbgroup {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(panel_obj.gif) no-repeat center left;
}

.import {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(import.gif) no-repeat center left;
}

.file {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(file.gif) no-repeat center left;
}

.library {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(library.gif) no-repeat center left;
}

.data-file {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(database_file_obj.gif) no-repeat center left;
}

.constant {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(constant.gif) no-repeat center left;
}

.imports {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(imports.gif) no-repeat center left;
}

.image {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(image.gif) no-repeat center left;
}

.command {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(define_obj.gif) no-repeat center left;
}

.property {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(property.gif) no-repeat center left;
}

.method_private {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(method_private.gif) no-repeat center left;
}

.method_default {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(method_default.gif) no-repeat center left;
}

.method_public {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(method_public.gif) no-repeat center left;
}

.method_property {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(property.gif) no-repeat center left;
}

.variable_global {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(variable_global.gif) no-repeat center left;
}

.variable_private {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(variable_private.gif) no-repeat center left;
}

.object {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(object.gif) no-repeat center left;
}

.index {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(index.gif) no-repeat center left;
}

.warning {
	min-height: 18px;
	min-width: 18px;
	padding-left: 18px;
	background: url(warning.gif) no-repeat center left;
}

body#red .toc-selected a {
	border-color: #b02b2c;
}

body#yellow .toc-selected a {
	border-color: #c79810;
}

body#orange .toc-selected a {
	border-color: #e87117;
}

body#teal .toc-selected a {
	border-color: #3c879c;
}

body#purple .toc-selected a {
	border-color: #744a7a;
}

body#blue .toc-selected a {
	border-color: #0606c6;
}

body#green .toc-selected a {
	border-color: #58b701;
}

body#dk-green .toc-selected a {
	border-color: #0b5834;
}

body#blueberry .toc-selected a {
	border-color: #3f4c6b;
}

.toc-selected li.second-level a {
	border-color: transparent !important;
}

.toc a {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
}

.toc-selected ul.second-level {
	display: block !important;
}

ul.second-level {
	display: none;
	padding: 0;
	margin: 4px 0 4px 10px;
}

li.second-level {
	list-style-type: none !important;
	list-style-image: none !important;
}

ul.toc {
    padding: 0;
	margin: 0;
	text-indent: 14px;
}

li[count="multiple"].toc {
	background-image: url("triangle.png") !important;
	background-repeat: no-repeat !important;
	background-position: 4px 5px !important;
}

li[count="multiple"].toc-selected {
	background-image: url("triangle-active.png") !important;
	background-repeat: no-repeat !important;
	background-position: 4px 6px !important;
}

#odd, #entry {
    background: #eeeeee;
}

#even {
    background: white;
}

pre.source-code {
	color: #A0A0A0;
}

span.line-number {
	color: #A0A0A0;
	text-align: right;
	padding-right: 10px;
}

span.separator {
	padding-left: 10px;
	border-left: 1px dotted maroon;
}

pre.source-code a:link, pre.source-code a:visited, pre.source-code a:hover, pre.source-code a:active {
	text-decoration: none;
	color: inherit;
}

pre.source-code a[href]:hover {
	text-decoration: underline;
} 

span.source-date {
	color: #009090;
}

span.source-string {
	color: #009090;
}

span.source-number {
	color: black;
}

span.source-image {
	color: maroon;
}

span.source-metadata {
	color: #00a000;
}

span.source-identifier {
	color: black;
}

span.source-label {
	color: blue;
}

span.source-expression {
	color: black;
}

span.source-hash {
	color: red;
}

span.source-macro-def {
	color: black;
	font-weight: bold;
}

span.source-class-def {
	color: black;
	font-weight: bold;
}

span.source-object-def {
	color: black;
	font-weight: bold;
}

span.source-procedure-def {
	color: black;
	font-weight: bold;
}

span.source-function-def {
	color: black;
	font-weight: bold;
}

span.source-property-def {
	color: black;
	font-weight: bold;
}

span.source-variable-def {
	color: black;
}

span.source-field-def {
	color: black;
}

span.source-macro-call {
	color: navy;
	font-weight: bold;
}

span.source-class-use {
	color: black;
}

span.source-object-use {
	color: black;
}

span.source-procedure-call {
	color: #0000C0;
	font-style: italic;
}

span.source-function-call {
	color: #0000C0;
	font-style: italic;
}

span.source-builtin-call {
	color: #7F0055;
	font-style: italic;
}

span.source-variable-use {
	color: black;
}

span.source-field-use {
	color: black;
}

span.source-file-use {
	color: black;
}

span.source-other {
	color: black;
}