body, p, td, th, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
input, textarea, select {
	font-family: "Courier New", monospace;
	font-size: 9pt;
}
* {
	margin: 0;
	padding: 0;
}
p { margin: 0.25em 0; }
ol, ul { padding-left: 3em; }
a:link, a:visited, a:active {
 	color: #336699;
 	text-decoration: none;
}
a:hover {
 	color: #336699;
 	text-decoration: underline;
}
a:focus { outline: none; }

input.hidden { }
input,
select,
label { vertical-align: middle; }
input.text,
input.password,
input.file,
textarea,
select {
	background: url("../images/corners.gif") #ffffff;
	border: 1px solid #999999;
}
input.checkbox {
	height: 1em;
	width: 1em;
}
input.text:hover,
input.password:hover,
input.file:hover,
textarea:hover,
select:hover { background: url("../images/corners-focus.gif") #ccddff; }
input.text:focus,
input.password:focus,
input.file:focus,
textarea:focus,
select:focus {
	background: url("../images/corners-focus.gif") #ccddff;
	border: 1px solid #000000;
}
input.submit,
input.button,
input.reset {
	background: #cccccc;
	border: 1px solid #666666;
}
input.submit:hover,
input.button:hover,
input.reset:hover { background: #ccddff; }
input.submit:focus,
input.button:focus,
input.reset:focus {
	background: #ccddff;
	border: 1px solid #000000;
}
input.text { width: 18em; }
#login input.text,
#filters input.text { width: 9em; }
input.maxlength-2 { width: 2em; }
input.maxlength-3 { width: 3em; }
input.maxlength-4 { width: 4em; }
textarea {
	height: 10em;
	width: 75%;
}
.project {
	color: #336699;
	font-weight: bold;
}
var {
	border-bottom: 1px dotted #990099;
	color: #990099;
	font-family: "Courier New", monospace;
	font-style: normal;
	font-weight: normal;
/*	text-decoration: underline;*/
}
html>body div { width: auto; }
div.system-error {
/*	background: #ff0000 url("../images/face-devil-grin.png") 10px 10px no-repeat;	/* show a devil */
	background: #ff0000 url("../images/face-monkey.png") 10px 10px no-repeat;		/* show a monkey */
	color: #ffffff;
	font-weight: normal;
	margin: 1em;
	min-height: 48px;
	padding: 5px 5px 5px 52px;
}
.error {
	color: #cc0000;
	font-weight: bold;
}
textarea ~ span.error {
	display: block;
}
.description {
	color: #3F51B5;
	font-size: 8pt;
}

form .description {
	color: #3F51B5;
    font-size: 8pt;
    line-height: 1.8em;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.form,
table.normal,
table.content { width: 100%; }
table.compact { width: auto; }
tr.head { background: url("../images/table_top_bg.png") bottom repeat-x; }
th {
	padding: 0.1em 0.25em;
	text-align: left;
	vertical-align: top;
}
td {
	padding: 0 0.25em;
	vertical-align: top;
}
table.form td { padding: 0.25em; }
table.normal td { border-top: 1px solid #cccccc; }
table.compact td { padding: 0 0.25em; vertical-align: middle; }
form table.compact td { vertical-align: top; }
td.form-label-0,
td.form-input-0 { background: #eeeeee; }
td.form-label-1,
td.form-input-1 { background: #dddddd; }
td.form-label-0,
td.form-label-1 {
	text-align: right;
	width: 25%;
}
td.form-input-0,
td.form-input-1 { width: 75%; }
td.search-label-0,
td.search-input-0 { background: #dddddd; }
td.search-label-1,
td.search-input-1 { background: #eeeeee; }
td.search-label-0,
td.search-label-1 {
	text-align: right;
	width: 10%;
}
td.search-input-0,
td.search-input-1 { width: 20%; }
td.number { text-align: right; }
.tip td {
	background: #eeeeee;
	border: none;
	padding: 0.5em;
}
dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
dd { margin: 0.5em 0 0.5em 3em; }
td.content-menu { width: 200px; }
td.content-main { }
div.content-menu { padding: 1em 0.5em 1em 1em; }
div.content-main { padding: 1em 1em 1em 0.5em; }
td.content-menu ul {
	padding: 0 0 0 2em;
	margin: 1em 0;
}
div.debug { padding: 1em; }
div.link-navigation { padding: 5px; }
div.frame-main {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 0.5em 0;
}
div.frame-element { border-top: 1px solid #999999; }
div.frame-box {
	border-top: 1px solid #999999;
	padding: 5px;
}
div.scrolling_frame {
	/*width: 100%; /* max-height hack; 192px are ca 15em in this element
	max-width: 100%;*/
	overflow-x: auto;
}
div.frame-headline {
	background: #eeeeee;
	border-top: 1px solid #999999;
	padding: 5px;
}
div.frame-message-0 {
	border-top: 1px solid #999999;
	padding: 1em;
}
div.frame-message-1 {
	background: #eeeeee;
	border-top: 1px solid #999999;
	padding: 1em;
}
div.frame-title {
	background: url("../images/table_top_bg.png") bottom repeat-x;
	border-top: 1px solid #999999;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px;
}
div.pages {
	text-align: center;
}

div.footer-text {
	color: #999999;
	font-size: 12px;
	line-height: 18px;
	padding: 1em 2em;
	text-align: center;
}
div.footer-text p {
	margin: 0;
}
div.footer-text a {
	color: #999999;
	text-decoration: underline;
}
div.footer-text a:hover {
	text-decoration: none;
}

.wrong-translation { border-bottom: 1px dashed #ff0000; }
.null, .empty, .implicit { color: #cccccc; }
.missing {
	color: #cc0000;
	font-family: "Courier New", monospace;
}

/* Cosmetics */
.pathoflag {
	color: #cc0000;
	font-weight: bold;
}
.markup { background-color: #e9edf1; }
.zerofilled { }
.zerofilled .leading { color: #cccccc; }
.zerofilled .tailing { }
.action			{ display: block; padding: 0 0.25em; text-align: center; }
.action.insert	{ background: #ccffcc; }
.action.update	{ background: #ffffcc; }
.action.delete	{ background: #ffcccc; }

/* Link panel */
ul.linkpanel {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.linkpanel li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.linkpanel a {
	background: #f7f7f7;
	border: 3px double #dddddd;
	display: block;
	float: left;
	height: 9em;
	margin: 0.5em;
	padding: 2px 5px 1px 5px;
	text-align: center;
	text-decoration: none;
	width: 11em;
}
ul.linkpanel a:hover, ul.linkpanel a:focus {
/*	background-color: #f1e8e6; */
	background: #e9edf1;
/*	border: 1px solid #c24733; */
	border: 3px double #648ba4;
	padding: 3px 4px 0px 6px;
	text-decoration: none;
}
ul.linkpanel img { margin: 1em 1em 0.5em 1em; }
ul.linkpanel span {
	display: block;
	margin: 0.5em 1em 1em 1em;
}
.linkpanelend { clear: both; }

ul#Parameters_list, ul#Materials_list {
	max-height: 30em;
}

ul.checkboxes {
	border: 1px solid #999999;
	list-style: none;
	height: expression(this.scrollHeight > 191 ? "192px" : "auto"); /* max-height hack; 192px are ca 15em in this element */
	max-height: 15em;
	padding: 0.5em;
	overflow: auto;
}
ul.checkboxes li.all {
	border-bottom: 1px solid #999999;
	margin-bottom: 0.1em;
	padding-bottom: 0.1em;
}

/* Checkboxes in overviews */
th.checkbox,
td.checkbox {
	text-align: center;
	vertical-align: middle;
}
th.checkbox { background: url("../images/checkboxes_bg_head.png") center center; }
td.checkbox { background: url("../images/checkboxes_bg_body.png") center center; }
td.checkbox-foot { background: url("../images/checkboxes_bg_foot.png") center center; }
td.checkbox-hint { font-style: italic; }

fieldset {
	border: 1px solid #999999;
	margin: 5px;
	padding: 5px;
}
legend {
	font-weight: bold;
	padding: 0 5px;
}
#dashboard th,
#dashboard td { padding: 5px; }
#dashboard .bar { width: 75%; }
.red_bar,
.orange_bar,
.yellow_bar,
.dark_yellow_bar,
.green_bar {
	border: 1px solid #666666;
	height: 15px;
	text-align: left;
}
.red_bar{ background: url("../images/table_hr_bg_r.png"); }
.orange_bar { background: url("../images/table_hr_bg_o.png"); }
.yellow_bar { background: url("../images/table_hr_bg_y.png"); }
.dark_yellow_bar { background: url("../images/table_hr_bg_yd.png"); }
.green_bar { background: url("../images/table_hr_bg_g.png"); }

.toc {
	background: #eeeeee;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 8px 0 3px 0;
	text-align: left;
}
.toc a {
	color: #000000;
	font-weight: bold;
	padding: 3px 40px;
	text-decoration: none;
}
.toc li {
	border: 1px solid #999999;
	display: inline;
	background: url("../images/table_top_bg.png");
	margin-left: 5px;
	margin-bottom: -4px;
	padding: 3px 0;
	display: inline-block;
}
.toc .current {
	background: #ffffff;
	border-bottom-color: #ffffff;
}

.color-id {
	border-left: 0.5em solid #ff00ff;
	padding-left: 0.25em;
	white-space: nowrap;
}

div > input[type="radio"][name="post[StorageStatus]"][value=""] {
    display: none;
}