/* Design */

/* body */

body {
	margin: 0px;
	background-color: #F8F0E0;
	font-family: Arial, Helvetica, sans-serif;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: blue;
	text-decoration: none
}

a:hover {
	color: red;
}

img {
	border: 0;
}

h1,h2,h3,h4,h5 {
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	color: #C38140;
}

td {
	padding-right:10px;
	vertical-align:top;
}
th,tfoot td {
	color: #C38140;
	padding-left:10px;
	padding-right:10px;
	font-weight:normal;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
}
thead th,tfoot th,tfoot td,th[scope=col] {
	text-align:center;
	border-top:1px solid #C38140;
	border-bottom:1px solid #C38140;
	background-color: #FCF8F0;
}
tfoot th,tfoot td {
	font-weight:normal;
}

/* additional styling */
/*
select,input {
 border:1px solid;
 background-color:#FCF8F0;
}
input:hover,select:hover {
 background-color:#F8F0E0;
}
*/

/* head */

header {
	margin: 10px;
	padding: 10px;
	text-align: center;
	font-size: 2em;
	font-weight:bold;
	background-color:#F7C84A;
	border-radius: .2em;
	border: solid 1px #C38140;
}

footer {
	text-align: center;
	padding: 5px;
	font-size: 12px;
	background-color:#F7C84A;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

/* Helper */

tr.highlight {
	background-color:#FEFCF8;
}

tr.highlight:hover {
	background-color:#F8F0E0;
}

/* content */

#content {
/*	background-color: white; */
	padding: 10px;
	padding-top: 1px;
}

.group {
	border: solid 1px #C38140;
	margin: 10px;
	padding:10px;
	background-color: white;
	border-radius: .3em;
}
.subgroup {
	padding:10px;
	margin:10px;
	border: dashed 1px #C38140;
/*	background-color: lime; */
}
#warnings {
/*	background-color: white; */
	padding: 0px 10px;
	padding-top: 8px;
	color: #FF0000;
	font-weight:bold;
}

/* mainmenu */

#mainmenu {
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

#mainmenu ul {
	display: block;
	float: left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;
	background-color:#F7C84A;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#mainmenu ul li {
	float: left;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color:#F7C84A;
	display: block;
	position:relative;
}

#mainmenu a {
	vertical-align: middle;
	display: block;	/* must be block for clickable */
	padding: 3px 15px;
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#mainmenu a:hover {
	background-color:#F8F0E0;
}

li.module_logout {
	background-color:lime;
	float: right !important;
}

li.module_logout a {
/*
	position:fixed;
	right:0px;
*/
}
/*
#logout li,#logout a {
	display: block;
	float: right;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:-1;
}
*/

.grey {
	color: #AAA;
}
.grey a {
	color: #AAF;
}
.grey a:hover {
	color: #FAA;
}
.warning,.warning a {
	font-weight:bold;
	color: #FF0000;
}
.error,.error a {
	font-weight:bold;
	color: #FF0000;
}
.offline,.offline a {
	color: #FAA;
}
.green,.online {
	color:#339900;
}
.red {
	color:#990033;
}
.mono {
	font-family:"Courier New", Courier, monospace;
}
.bold {
	font-weight:bold;
}
.small {
	font-size:smaller;
}
tr.row0 {
}
tr.row1 {
	background-color:#FCF8f0;
	background-color:#F8F4E4;
/*	background-color:#F8F0E0; */
}
.nowrap {
	white-space:nowrap;
}
.number {
text-align:right;
}

/* SPECIAL STYLES */

input#comment\[new\] {
	width: 400px;
}
textarea#field\[comments\] {
	width: 600px;
	white-space: nowrap;
}
textarea#field\[comments_internal\] {
	width: 600px;
	height: 200px;
	white-space: nowrap;
}
table.sortable th {
	cursor: default;
}
option.header {
	background-color:#F7C84A;
	text-align:right;
	outline:solid 1px #888;
}

/* debug */

dl.inline {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
dl.inline dt:hover {
	background-color:lime;
}
dl.inline dd {
  display: inline;
  margin: 0;
}
dl.inline dd:after {
  display: block;
  content: '';
}
dl.inline dt {
  display: inline-block;
  min-width: 10em;
  margin-right: 10px;
}
div.audio {
	display:none;
	position:fixed;
	top:1em;
	right:1em;
}
.hidden {
	display:none;
}
ul {
	list-style-type: disc;
}