body, h1, h2, h3, h4, ul, ol, li, div, td, th, p
                   { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 10pt; }

table              { border-spacing: 0px; border: 0px; }
table td           { padding: 0px; }

table.table        { border-spacing: 0px; }
table.table td, table.table th
                   { padding: 1px; padding-left: 15px; text-align: left; vertical-align: bottom; }

p, li              { text-align: justify; }

input.mandatory, textarea.mandatory { background-color: #ffdddd; }
div.mandatory      { font-weight: bold; }
input, textarea, select { color: #000000; background-color: #ccccff; border: #000000 solid 1px; padding-left: 1px; padding-right: 1px; margin-left: 0px; }
input[disabled]    { color: #777777; }
select[disabled]   { background-color: #ddddff; color: #888888; }
input[type="button"], input[type="submit"], input[type="reset"] { cursor: pointer; }
input.readonly     { background-color: #ffffff; border: #ffffff solid 1px; cursor: default; }
.delete            { background-color: #ffb0c0; }
select.tt          { font-family: Courier New, Courier, monospace; font-size: 12pt; }
label:hover        { background-color: #ddddff; }

.error_security, .error_critical { color: #ff0000; font-weight: bold; font-size: 25pt; margin-top: 15px; margin-bottom: 15px; text-align: center; width: 1004px; }
.error_query       { color: #ff0000; font-weight: bold; font-size: 16pt; margin-top: 15px; margin-bottom: 15px; text-align: center; width: 1004px; }

/* container editing modes */
li.bibentry           { line-height: 16px; }
li.bibentry_selected  { line-height: 16px; background-color: #ffcccc; list-style-image: url(img/klammer_12.png); }
li.bibentry_trash     { line-height: 16px; background-color: #ffcccc; list-style-image: url(img/recycle_12.png); }
li.bibentry:hover     { background-color: #b0ffc0; }
li.bibentry_selected:hover, li.bibentry_trash:hover { background-color: #ddaaaa; }
#search b.author      { cursor: pointer; }
h4.category { line-height: 16px; cursor: pointer; }
h4.category_selected { line-height: 16px; background-color: #ffcccc; }
h4.category:hover { background-color: #b0ffc0; }
h4.category_selected:hover { background-color: #ddaaaa; }
.selected { background-color: #ffcccc; }

a.navigation:before, .navigation a:before { content: "["; color: #000000; }
a.navigation:after , .navigation a:after  { content: "]"; color: #000000; }

/* advanced search */
div.search         { margin-bottom: 3px; margin-top: 3px; }
div.search select  { font-size: 8pt; }


/* fancy boxes */
div.box            { width: 756px; border: 1px #000000 solid; padding: 1px; }
div.box td         { vertical-align: top; }
div.box td.key     { width: 148px; font-weight: bold; }
div.box td.value   { text-align: justify; padding-right: 5px; }
div#help           { background-color: #b0ffc0; }
div#warning        { background-color: #ffb0c0; }
div#error          { background-color: #ffb0c0; margin-top: 10px; margin-bottom: 15px; }
div.transactions   { padding: 3px; width: 754px; }
*.transactions     { background-color: #ffb0c0; }

/* the horizontal stripes */
.header, .footer   { width: 100%; max-width: 1004px; border: 0px solid; border-spacing: 0px; border-collapse: collapse; }
.banner            { background-color: #000000; background-image: url(img/docarc_banner_1004.jpg); width: 100%; max-width: 1004px; height: 70px; }
.line              { background-color: #000000; background-image: url(img/docarc_line_1004.jpg); width: 100%; max-width: 1004px; height: 6px; }
.stripe1           { background-color: #000000; height: 1px; }
.stripe2           { background-color: #9f9f9f; height: 1px; }
.stripe3           { background-color: #efefef; height: 1px; }
.stripe4           { background-color: #efefef; height: 2px; }
.stripe5           { background-color: #000000; height: 1px; }
table.footer .stripe { background-color: #efefef; text-align: right; padding-right: 7px; height: 12px; padding-left: 7px; }
table.footer .stripe div.left { float: left; }
table.header .stripe { background-color: #efefef; text-align: center; height: 12px; }

/* main div tag in body */
div.main           { width: 760px; margin-bottom: 10px; }

/* table for data in- and output */
table.data            { width: 760px; border: 0px; }
table.data tr         { height: 18px; }
/*table.data tr:hover   { background-color: #b0ffc0; }*/
table.data td         { padding-bottom: 1px; }
table.data td.key     { width: 150px; }
table.data td.value   { width: 610px; text-align: justify; }
/*table.data td.value>a             { display: block; }
table.data tr#category td.value a { display: inline; }
table.data tr#bibtexid td.value a { display: inline; }*/
table.data tr.spacer  { height: 5px; }
table.data tr.checkers td   { padding-top: 3px; padding-bottom: 3px; vertical-align: top; }
table.data td.buttons input { margin-right: 5px; margin-top: 3px; }
table.data form       { margin: 0px; }
tr.odd                { background-color: #ddddff; }
tr.odd input.readonly { background-color: #ddddff; border-color: #ddddff; }

/* all links */
a:link, a:visited     { color: #000090; text-decoration: none; }
a:active, a:link:hover, a:visited:hover { color: #0000ff; text-decoration: none; }

/* external links */
a.external:active, a.external:hover { background-color: #aaddff; }

/* document links */
a.document:link, a.document:visited { color: #900000; }
a.document:active, a.document:hover { color: #ff0000; }
.bibentry a.document:before, .bibentry_trash a.document:before, .bibentry_selected a.document:before { content: "["; color: #000000; }
.bibentry a.document:after , .bibentry_trash a.document:after , .bibentry_selected a.document:after  { content: "]"; color: #000000; }

body               { margin: 10px; color: #000000; background-color: #ffffff; max-width: 1004px; }

h1                 { font-size: 18pt; }
h2                 { font-size: 16pt; }
h3                 { font-size: 12pt; }
h4                 { font-size: 10pt; margin-bottom: 0px; }

img                { border: 0px; }

tt                 { font-family: Courier New, Courier, monospace; font-size: 10pt; }
pre                { color: #000000; margin-left: 15px; }

.active            { color: #40aa80; }
.inactive          { color: #aa4090; }

/* frames */
body.header, body.footer { margin: 0px; }
body.header .banner { background-image: url(img/docarc_banner_1024.jpg); width: 1024px; max-width: 1024px; }
body.footer .line   { background-image: url(img/docarc_line_1024.jpg);   width: 1024px; max-width: 1024px; }
body.header .header, body.footer .footer { width: 1024px; max-width: 1024px; }

/* iframes */
body.iframes { margin: 0px; }
body.iframes .banner { background-image: url(img/docarc_banner_1024.jpg); width: 1024px; max-width: 1024px; }
body.iframes .line   { background-image: url(img/docarc_line_1024.jpg);   width: 1024px; max-width: 1024px; }
body.iframes .header, body.iframes .footer { width: 1024px; max-width: 1024px; }

/* modules */
td.directory       { vertical-align: top; }
td.filecount       { padding-left: 5px; }

/* online help */
label              { cursor: pointer; }
*[title]           { cursor: help; }
label[title]       { border-bottom: dotted 1px gray;}


/***** navigation menus *****/
/* ground state */
table.header ul            { padding: 0; margin: 0; }
table.header ul li         { list-style-type: none; position: relative; margin: 0; padding: 0; }	/* menu items */
table.header ul ul         { display: none; }								/* submenu hidden by default */

table.header ul li:hover > ul { display: block; position: absolute; top: -0px; left: 100%; }		/* submenu */

table.header ul ul, table.header ul ul li { width: 20em; }

/* pos of popup menus */
table.header ul.topmenu > li:hover > ul { top: 12px; left: 0px; }

/* colors */
table.header ul.topmenu > li:hover { background-color: #ccccff; }
/*table.header ul ul li       { background-color: #ccccff; padding: 2px; }*/
table.header ul ul li       { background-image: url(img/menu_back.png); padding: 2px; }
/*table.header ul ul li:hover { background-color: #9999bb; }*/
table.header ul ul li:hover { background-image: url(img/menu_item.png); }
.topmenu ul a               { display: block; }

/* style of navigation bar */
.header .stripe > a:before, .fancy > a:before, table.header ul.topmenu > li:before { content: "["; color: #000000; }
.header .stripe > a:after , .fancy > a:after , table.header ul.topmenu > li:after  { content: "]"; color: #000000; }
.header .stripe .fancy > a, table.header .topmenu { float: left; }

.topmenu input              { font-size: 8pt; background: transparent; }
.topmenu form               { padding: 0px; margin: 0px; border: 0px; }
.topmenu label              { background: transparent; }
.topmenu label.left         { float: left; }





img.icon12		{ width: 12px; height: 12px; }
a *[title] { cursor: pointer; }

span.annotation			{ cursor: help; }
span.annotation span		{ position: absolute; display: none; background-image: url(img/annotation_back.png); padding: 1px 3px 3px 3px; border: 1px solid black; margin: 0px; cursor: default; }
span.annotation span > ul	{ list-style-type: disc; list-style-position: outside; padding-left: 16px; }
span.annotation img		{ width: 12px; height: 12px; }
span:hover.annotation span	{ display: inline; }
span.pra ul > li:hover		{ background-image: url(img/annotation_hover_back.png); }
span.pra ul > li.selected	{ background-image: url(img/annotation_selected_back.png); }

img.filetype			{ width: 14px; height: 14px; }