/*
MHH corporate design
#f03c14  rot
#786e64  grau 100%

#8d8177  grau 80%
#9f958d  grau 60%
#b1a9a3  grau 40%
#c3bdb9  grau 20%
#e0dad3  grau 0%

#fabe14  gelborange
#d7d700  gelbgrün
#50c8aa  blaugrün
#0abec8  hellblau
#9696d7  blauviolett

#ffffff  weiss
*/

a {
  color: #f03c14;
	text-decoration: none;
}

body { 
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-color: #e0dad3;
  font-size: large;
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn", Arial, Helvetica, sans-serif;
}

body#diseases li#tab_diseases, body#protocols li#tab_protocols, body#conferences li#tab_conferences, body#guidelines li#tab_guidelines, body#patients li#tab_patients, body#histories li#tab_histories, body#centers li#tab_centers, body#areas li#tab_areas, body#admissions li#tab_admissions, body#categories li#tab_categories, body#functions li#tab_functions, body#roles li#tab_roles, body#stories li#tab_stories, body#admins li#tab_admins, body#help_texts li#tab_help_texts {
  background-color: #786e64;
  padding: 0;
  color: white;
}

body#diseases li#tab_diseases a, body#protocols li#tab_protocols a, body#conferences li#tab_conferences a, body#guidelines li#tab_guidelines a, body#patients li#tab_patients a, body#histories li#tab_histories a, body#centers li#tab_centers a, body#areas li#tab_areas a, body#admissions li#tab_admissions a, body#categories li#tab_categories a, body#functions li#tab_functions a, body#roles li#tab_roles a, body#stories li#tab_stories a, body#admins li#tab_admins a, body#help_texts li#tab_help_texts a {
	color: black;
  background-color: #e0dad3;
}

#header {
  margin: 0;
	padding: 10px 10px 0px 10px;
	background-color: #786e64;
}

#logo {
	margin: 10px;
	right: 30px;
	position: absolute;
	top: 45px;
}

#login_header{
  margin: 3px;
  right: 20px;
  position: absolute;
	color: white;
	text-align: right;
	font-size: smaller;
}

#login_header a {
  color: white;
}

#updated {
	color: gray;
	margin-right: 15px;
	margin-bottom: 5px;
	text-align: right;
	font-size: smaller;
}

ul.tab {
  height: auto;
  margin: 0;
  padding: 4px 10px 4px 12px;
  border: 0;
}

ul.tab li {	
  font-weight: bolder;
  font-size: large;
  display: inline;
  border: 0;
  padding: 0;
  margin: 0;
}

ul.tab a {
  color: white;
  padding: 6px 8px 4px 8px;
	background-color: #9f958d;
}

ul.tab a:hover {
  color: black;
  background-color: #e0dad3;
}

.navtext {
	margin-top: 15px;
	margin-bottom: 15px;
}

#main {
  margin: 10px 20px 0 20px;
  clear: both;
  border: transparent;
  position: relative;
}

#content {
  width: 75%;
	background: #ffffff;
	padding: 0;
}

#navigation {
	width: 25%;
	padding: 0 10px 10px 20px;
}

#footer {
	font-size: smaller; 
    color: #786e64;
	margin: 3px 10px 10px 25px;
}

.layout {
	margin: 10px;
}

#edit {
  padding: 10px 10px 0 10px;
}

.basebottom {
	background: #ffffff;
	position: absolute;
	left: 466px;
	top: 140px;
}

.online {
	background: #e6e6e6;
	position: absolute;
	left: 20px;
	top: 95px;
}

.underlined {
  color: #786E64;
  font-size: larger;
  font-weight: bolder;
  border-bottom: thin dotted #999999;
  line-height: 150%;
  width: 75%;
  margin-top: 4px;
  margin-bottom: 0px;
}

.rss {
  border-spacing: 5px 5px;
	text-align: right;
	width: 90%;
}

.address {
  font-weight: bolder;
  margin-top: 4px;
  margin-bottom: 0px;
}

div.list {
	margin-bottom: 10px;
}

div.text {
	margin-top: 15px;
}

div.admin, div.description {
	margin-top: 3px;
	margin-bottom: 3px;
}

span.new_item {
  font-size: large;
	text-align: right;
  margin-top: 3px;
	margin-bottom: 3px;
}

div.admin ul {
  list-style-type: none;
  display: block;
  padding: 5px;
	padding-left: 15px;
}

div.alert {
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 10px;
	background: #e0dad3;
  border: 1px solid #f03c14;
}

div#redbox {
  width: 400px;
}

div#redbox .info {
  padding: 10px;
  font-size: 24px;
  font-weight: bolder;
}

div#redbox .close {
  padding: 10px;
  text-align: right;
}

div.submit {
	margin: 10px;
}

#heading {
	border: 0;
	padding: 11px;
  color: black;
  background-color: #99cc99;
}

#heading h2 {
  display: inline;
  font-size: larger;
	margin: 0;
  font-weight: bolder;
  line-height: 120%;
}

#heading span {
  text-align: right;
  width: auto;
  border: 1px solid #f03c14;
}

div.edit {
	padding: 10px;
  background-color: #ffffcc;
}

div.edit ul {
	margin: 10px;
}

div.edit h4 {
  color: black;
  font-size: larger;
  font-weight: bold;
	text-align: left;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-top: 4px;
}

div.errorExplanation {
  width: 600px;
  border: 1px solid #f03c14;
  padding: 4px;
  margin-bottom: 10px;
  background-color: #f0f0f0;
}

.errorExplanation h2 {
  margin-left: 10px;
  text-align: left;
  font-size: larger;
  font-weight: bolder;
  border-bottom-width: 0px;
  color: #f03c14;
}

.errorExplanation p {
  font-weight: bolder;
  margin-left: 10px;
  margin-bottom: 0px;
}

.errorExplanation ul li {
  margin-left: 20px;
  margin-top: 0px;
  list-style: square;
}

.formError {
  border: 1px solid #f03c14;
  display: inline;
}

.fieldWithErrors {
  border: 1px solid #f03c14;
  display: inline;
}

.requiredField {
  font-weight: normal;
  color: rgb(240,60,20);
}

div.edit th td {
  vertical-align: middle;
  text-align: left;
  line-height: 150%;
  padding-left: 0px;
  padding-right: 20px;
}

th.check_box {
  vertical-align: top;
	text-align: left;
  line-height: 150%;
  padding-top: 4px;
  padding-left: 0px;
  padding-right: 20px;
}

div.room {
	border: 1px solid #999999;
	border-spacing: 3px 3px;
	padding: 5px;
	margin: 5px;
	background: #ccd2de;
	width: 400px;
	height: 50px;
}

div.status {
  margin-top: 10px;
  font-size: medium;
	width: 100%;
	text-align: right;
}

div.date {
  margin-top: 10px;
  font-size: medium;
}

h1 {
  font-size: 27px;
  font-weight: bold;
  color: white;
  margin: 3px 3px 15px 10px; 
}

h3 {
  color: #000000;
  font-size: larger;
  line-height: 120%;
	margin-top: 18px;
	margin-bottom: 6px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

h3.disorder {
  color: #000000;
  font-size: larger;
  line-height: 120%;
	margin-top: 12px;
	padding-bottom: 0;
	border-bottom-width: 0;
	border-bottom-style: none;
}

em {
  color:#f03c14;
  font-size: larger;
  font-style: normal;
  font-weight: bolder;
}

ol li {
	margin-top: 12px;
}

ol.admin {
	margin-top: 0px;
}

ol.admin li {
	margin-top: 0px;
}

li.help {
  list-style: decimal;
  margin-top: 0px;
	margin-left: 10px;
}

h3.patient {
  color: #786E64;
  font-size: larger;
  font-weight: bolder;
	margin-top: 24px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
}

h4 {
  color: black;
  font-size: large;
  font-weight: bold;
	line-height: 110%;
  border-bottom: 1px  #191970;
	text-align: left;
  margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 2px;
	margin-top: 8px;
}

h5, h6 {
  color: #333333;
  margin: 0px;
}

th {
  font-size: large;
  vertical-align: middle;
  font-weight: bolder;
}

td {
  color: #000000;
  vertical-align: top;
  font-size: large;
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn", Arial, sans-serif;
}

.number.urgent, .list.urgent {
  background: rgb(220, 220, 210);
	text-align: left;  
	margin:auto;
	padding: 3px 3px 3px 10px;
	margin: 0px;
	border: 0px;
	line-height: 150%;
}

.admin.urgent {
  vertical-align: middle; 
  background: rgb(220, 220, 210);
	text-align: left;  
	margin:auto;
	padding: 3px 3px 3px 20px;
	margin: 0px;
	border: 0px;
	line-height: 150%;
}

.number.today, .list.today {
  background: rgb(240, 240, 240);
	text-align: left;  
	margin:auto;
	padding: 3px 3px 3px 10px;
	margin: 0px;
	border: 0px;
	line-height: 150%;
}

.admin.today {
  vertical-align: middle; 
  background: rgb(240, 240, 240);
	text-align: left;  
	margin:auto;
	padding: 3px 3px 3px 20px;
	margin: 0px;
	border: 0px;
	line-height: 150%;
}

table {
	table-layout: fixed;
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table.list {
	table-layout: fixed;
	border: 0px;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 100%;
}

table.patient {
	table-layout: fixed;
	border: 0px;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 100%;
}

table.show {
	table-layout: fixed;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 90%;
}

table.group {
	table-layout: fixed;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

thead {}
tbody {}
tfoot {
  color: #000000;
  font-size: large;
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn", Arial, sans-serif;
  font-weight: bolder;
  background-color:#cdd5f8;
}

p {
  color: #000000;
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn", Arial, sans-serif;
	margin-top: 0;
}

pre {
  color: #D4A500;
  font-family: Courier,fixed-width;
}

input {
	border: 1px solid #cccccc;
	font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn", Arial, sans-serif;
  font-size: large;
}

textarea {
  background-color: #FFFFFF;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn",Arial,sans-serif;
  font-size: large;
  text-indent: 0px;
  color: black;
	border: 1px solid #cccccc;
}

checkbox {
  background-color: transparent;
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn",Arial,sans-serif;
  font-size: large;
  font-weight: normal;
	border: 1px solid #cccccc;
}

img {
  border: 0px;
  margin: 0px;
}

li {
  color: #000000;
}

.text ul {
  list-style: square;
  margin-left: 20px;
  margin-bottom: 12px;
}

ul.parameter {
	list-style: none;
  margin-top: 0;
  margin-left: 0;
	padding-left: 0;
}

li.parameter {
  list-style: none;
  display: block;
  margin-left: 0;
	padding-left: 0;
	line-height: 150%;
}

li.event {
  list-style: none;
  display: block;
  margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 120%;
}

span.sortable {
  cursor:move;
}

span.sortable h4 {
  color: black;
  font-size: large;
  font-weight: bold;
  border-bottom: 1px  #191970;
	text-align: left;
  margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 8px;
}

span.room {
  font-size: larger;
}

span.admission {
  font-size: 13px;
}

span.private {
  color: rgb(80, 200, 170);
}

span.infectious {
  color: rgb(250, 190, 20);
}

span.trial {
  color: #9696d7;
}

span.unconfirmed {
  color: #f03c14;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ol {
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn",Arial,sans-serif;
  line-height: 150%;
  padding-left: 15px;
	margin-left: 5px;
  margin-bottom: 5px;
}

sup {
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn",Arial,sans-serif;
}

hr {
  width:100%;
  color:#ccffff;
}

form {
  margin: 10px;
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn",Arial,sans-serif;
  font-size: large;
  background-color: transparent;
}

span.urgent {
	color: #f03c14;
}

span.today {
	color: rgb(240, 240, 240);
}

th.list {
	padding-left: 10px;
	text-align: left; 
}

th.left {
	padding-left: 0px;
	text-align: left; 
	width: 250px;
}

th.sorting {
  text-align: left; 
	width: 50px;
}

th.id {
  text-align: left;
	padding-left: 0px;
	width: 150px;
}

th.number {
  text-align: left;
	padding: 0 3px 0 0px;
	width: 70px;
}

th.disease {
	padding-left: 10px;
	text-align: left; 
	width: 25%;
}

th.status {
  text-align: left;
	padding: 0 3px 0 0px;
	width: 90px;
}

th.name {
	padding-left: 10px;
	text-align: left; 
	width: 250px;
}

th.admin {
  width: 60px;
}

.form th {
  text-align: left;
  vertical-align: top;
	padding: 3px 3px 0 0px;
	width: 200px;
}

td.number {
	vertical-align: top; 
	text-align: left;  
	margin:auto;
	padding: 0 3px 0 0px;
	border: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	line-height: 150%;
}

td.id {
	text-align: left;
	padding: 0 3px 0 0px;
	border: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	line-height: 150%;
}

td.list {
	vertical-align: top; 
	text-align: left;  
	margin:auto;
	padding: 0 3px 0 10px;
	border: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	line-height: 150%;
}

td.number.completed {
  text-decoration: line-through;
}
td.list.completed {
  text-decoration: line-through;
}

td.admin {
	vertical-align: middle; 
	text-align: left;  
	margin:auto; 
	padding: 0 3px 0 20px;
	border: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	line-height: 150%;
	width: 60px;
}

td.left {
	vertical-align: top; 
	text-align: left;  
	margin:auto;
	padding: 0 3px 0 0px;
	border: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	line-height: 150%;
}

.divider {
	text-align: right;  
	margin:auto;
	padding: 0 3px 0 10px;
	border: #cccccc;
	border-bottom-color: transparent;
}

td.show {
	padding-left: 10px; 
	text-align: left;  
	margin:auto;
	border-width: 0px 0px 1px 0px;
	border-bottom-color: transparent;
	vertical-align: top;
}

td.group { 
	text-align: left;
	vertical-align: top;  
	margin:auto;
	border-width: 0px;
	border-bottom-color: transparent;
	padding: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	display: table-cell;
	line-height: 120%;
	width: 50%;
}

td.bold { 
	text-align: left;
	vertical-align: top;
  font-weight: bold;
	width: 200px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 10px;
}

td.label { 
	text-align: left;
  font-weight: bold;
	width: 200px;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 10px;
	vertical-align: middle;
}

.red {
	color: #f03c14;
	font-weight: normal;
}

.not_in_time {
  color: #fabe14;
}

.raise {
  vertical-align: super;
  font-size: smaller;
}

.title {
	color: #f03c14;
  color: #786E64;
  padding: 3px;
  font-size: larger;
  font-weight: bold;
  font-family: "Frutiger LT 47 LightCn", "Frutiger LT Std", "Frutiger LT Std 47 Light Cn",Arial,sans-serif;
}

.alt {
  background-color: #c0c0c0;
}

.olheader {
  font: bold large sans-serif;
  color: #411;
  margin-bottom: 2ex;
}

.olnamebox, .olitembox {
  padding-bottom: 3ex;
  padding-right: 3em;
  border-top: 1px dotted #411;
}

.olname {
  font-weight: bold;
}

.oladdress {
  font-size: smaller;
  white-space: pre;
}

.olitemqty {
  font-size: smaller;
  font-weight: bold;
}

.olitemqty:after {
  content: " x ";
}

.olitemtitle {
  font-weight: bold;
}

.ListTitle {
  color:       #244;
	font-weight: bold;
  font-size:   19px;
}

.ListActions {
 	font-size:    x-small;
  text-align:   right;
	padding-left: 1em;
}

.ListLine0 {
  background: #e0f8f8;
}

.ListLine1 {
  background: #f8e0f8;
}

div.search {
	margin-top: 10px;
	margin-bottom: 10px;
}

.auto_complete {
  position:absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}

.auto_complete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.auto_complete ul li {
  list-style-type: none;
  display:block;
  margin: 0;
  padding: 2px;
  height: 19px;
}

.auto_complete ul li.selected { 
  background-color: #bbf;
}

/* Styles for will_paginate plugin */
.pagination {
  margin: 2px;
  font-size: medium;
  font-weight: bolder;
	text-align: center;
}
.pagination a {
  margin: 2px;
}
.pagination a:hover, .pagination a:active {
  color: black;
}
.pagination span.current {
  margin: 2px;
}
.pagination span.disabled {
  margin: 2px;
  color: white;
}

/* Styles for in-place editor */
.inplaceeditor-saving { 
  background: url(/images/spinner.gif) bottom right no-repeat; 
}