html { overflow-y: scroll; }

#container {
	margin: 0 auto;
	width: 900px;
}

#navigation {
	float:right;
}

#logo {
	float:left;
}
#content { 
	margin-top:5px;
}
img 			{ border:0; }
#content hr		{ border-style:solid; border-color: #CCC; }
A:hover 		{ text-decoration: underline; }

a.img_add		{ background-image: url(images/add.png); }
a.img_stats		{ background-image: url(../img/chart_bar.png); }
.note			{ font-size:smaller; color:gray; }
.red 			{ color:red; }
.orange 		{ color:orange; }
.green 			{ color:green; }
.lightgreen 	{ color:#00CC00; }
.missing		{ background-color: #FCC; }
.grayBG			{ background-color: #C0C0C0; }

div.box			{ padding: 4px; }
div.addtodo		{ padding: 4px; width:460px; }

H3				{ font-size: 13pt; font-weight: bold;  }

/* main headline: Labordatenbank */
a.generic_headline { font-size: 24pt; color: gray; margin-bottom:5px; font-weight : bolder; }
a.generic_headline img { margin-bottom:-2px; }
a.generic_headline:hover { text-decoration : none; }

.parameter		{ 
	height:18px; padding:2px; cursor:text; white-space: wrap; border: solid 1px gray; 
	white-space: nowrap;
	min-width:70px;
}
.parameter_anmerkung { height:18px; color:gray; padding:2px; border-bottom: dashed 1px gray; cursor:text; white-space: nowrap; }
.parameter_anmerkung:hover, .parameter:hover { background-color:#DEDEDE; }

table.labels th { vertical-align:top; color:#333; text-align:right; font-weight:500; }
table.labels th.required { font-weight:600; }

.powerbox {
	background-color:#FFF6B5;
	border: solid 1px #CCC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:5px; 
	padding:5px;
}

div#powersearch { 
	width:640px;
	padding-left:25px;
	background-repeat: no-repeat;
	background-position: 7px 5px;
	background-image: url(images/search.png);
}

.nobr	{ white-space: nowrap; }
.marked { background-color:#FFF6B5; }

li#searchfield { height: 1.36em; padding: 5px; border-top: 1px solid #AAA; }

tr#ddfsearchfielddropbefore td, tr.ddfsearchfield td { border-top: dashed 1px #ccc; vertical-align:middle; }

table.simple	{ border-spacing: 0px; border-collapse: collapse; border: 1px solid #999999; }
table.simple th { background-color: #cccccc; }
table.simple td, table.simple th { padding: 2px; border-spacing: 0px; border-collapse: collapse; border: 1px solid #999999; }
table.simple thead th { background-color: #fff; border: solid 0px #fff; text-align:right; }
table.simple thead tr td { border: solid 0px #fff; background-color: #fff; }

table.form th { font-align:right; }

table td { vertical-align:top; }

.changeStatus select { z-index:99; width:80px; margin-left:-70px; }

table.inputtable {
	border-collapse: separate;
	border-spacing: 1px;
	border: none 0px black;
	background-color: white;
}
table.inputtable th { font-weight:normal; }
table.facts 		{ border-collapse: separate; border-spacing: 0px; border: none 0px black; background-color: white; }
table.facts th 		{ font-size:11px; font-weight:normal; text-align:center; padding: 2px; }

.linkstyle { cursor: pointer; }
.handle { cursor: move; }
.hidden { display:none; }
.done { text-decoration: line-through; color: gray; }

div#flashBox { 
	clear: both;
	float:clear;
	margin-top:0px; 
	width:400px;
	background-color:#FFF6B5;
	border: solid 1px #CCC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font:12pt; color:red; font-weight : bold;
	min-height: 24px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:37px;
	background-repeat: no-repeat;
	background-position: 7px 5px;
	background-image: url(images/error.gif);
}

div.error_message {
	padding:5px;
	padding-left:30px;
	background-image: url(images/error.gif);
	background-repeat: no-repeat;
	color:red;
	background-color:#FFF6B5;
}
.customerDetails { font-size:9pt; }
.customerDetails th {
	color:#666;
	font-weight:normal;
	font-size:7.5pt;
	vertical-align:top;
	text-align:right;
}
.lightBG { padding:2px; background-color:#CCC; border: solid 1px #AAA; }
div.lightBg th {
	color:#222;
	font:normal small;
	padding-right:5px;
	vertical-align:top;
}

.highlight { background-color:#FFF6B5; font-weight:bold; color:red; }
.centerBox { padding: 10px; margin:30px; width: 500px; background-color:#FFF6B5; 
	border: solid 1px #DDD5C4;}

.error { font-weight:bolder; color:red; }
small.error { color:red; }
.warning {
	color:red;
	background-image: url(images/error.gif);
	background-repeat: no-repeat;
	padding-top:0px;
	padding-left:30px;
	padding-bottom:5px;
}
.cancel 		{ color:red; text-decoration: underline; padding: 1px; }
.cancel:hover	{ color:white; background-color:red; text-decoration: none; }

th.sorter > a {
	text-decoration: none;
	color: black;
	text-align: left;
	cursor: pointer;
	padding-right: 20px;
	background-image: url(images/bg.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

th.sorter.ASC > a {
  background-image: url(images/asc.gif);
}

th.sorter.DESC > a {
  background-image: url(images/desc.gif);
}