body {
  background: #00496C;
  font-family: verdana, Arial, sans-serif;
  font-size: 0.9em;
}


#header {
  background: #F1EFE6 url('jarne_header.jpg') no-repeat;
  margin: 10px 0px;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  padding-bottom: 0px;
  height: 100px;
}

#topmenu  {
  padding: 10px 25px 0px 25px;
  margin: 5px 25px 0px 25px;
  border-bottom: 1px solid #000;
  z-index: 1;
}

#topmenu li {
  list-style-type: none;
  display: inline;
  overflow: hidden;
}

#topmenu a {
	font: bold 1em "Trebuchet MS", Arial, sans-serif;
  text-decoration: none;
  background: #E4E5EB;
  padding: 5px 10px 0px 10px;
  border: 1px solid #000;
  color: #056795;
  margin: 0px;
}

#topmenu a:hover {
  background: #C9CBDF;
  color: #E90D18;
}

#topmenu a:active {
  color: #E90D18;
  border-bottom: 2px solid #E4E5EB;
}

#topmenu a.active {
  color: #E90D18;
  border-bottom: 2px solid #E4E5EB;
}

#submenu  {
  background: #E4E5EB;
  padding: 0px;
  margin: 0px;
  padding-top: 5px;
  margin-bottom: 20px;
  z-index: 2;
}

#submenu li {
  list-style-type: none;
  overflow: hidden;
  padding: 0px 5px 5px 5px;
  border-right: 1px dashed#000;
  border-bottom: 1px dashed#000;
  display: inline;
}

#submenu a {
  text-decoration: none;
  color: #0000FF;
  margin: 0px;
  padding: 1px 5px;
}

#submenu a:hover {
  background: #C9CBDF;
  color: #E90D18;
}

#submenu a.active {
  color: #E90D18;
}

div#content {
  background: #E4E5EB;
  margin: 0px 25px 25px 25px;
  padding: 1px 10px 10px 10px;
  z-index: 4;
}

div#content h1 {
  margin-top: 25px;
  margin-bottom: 5px;
  font-size: 1.1em;
}



div#im_history
{
  height: 150px;
  overflow: auto;
}

div#im_history span.time1
{
  font-weight:bold;
  color: #0A780F;
}

div#im_history span.time2
{
  font-weight:bold;
  color: #00496C;
}

div.msgrow
{
  margin: 10px 5px;
}

fieldset {
  border: #00496C solid 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}

legend {
  border: #00496C solid 1px;
  background: #F1EFE6;
  padding: 1px 10px;
  color: #00496C;
}

label {
  width: 8.5em;
  float: left;
  text-align: right;
  margin: 0 1em 10px 0;
  clear: both;
}

.inputfield{
  margin-bottom: 10px;
}

input.submit  {
  background: #F1EFE6;
  margin-top: 15px;
  margin-left: 6.5em;
  clear: both;
  border-bottom: 1px solid #00496C;
  border-right: 1px solid #00496C;
  border-top: 1px solid #C0D5DE;
  border-left: 1px solid #C0D5DE;
}

div.dialog_info_msg {
  margin: 30px 20px 20px 10px;
  padding: 20px;
  color: blue;
}

div.dialog_info_ok {
  margin: 30px 20px 20px 10px;
  padding: 20px;
  color: green;
}

div.dialog_info_error {
  margin: 30px 20px 20px 10px;
  padding: 20px;
  color: red;
}

img.img_kind {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
}

span.info_kind_label {
  float: left;
  vertical-align: top;
  font-weight: bold;
  margin-top: 10px;
}

span.info_kind_data {
  float: left;
  vertical-align: top;
  margin-left: 20px;
  margin-top: 10px;
}

legend a {
  color: #156B93;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
}

legend a:hover {
  color: #00A4F0;
}

div.pageinfo {
  border: #00496C solid 1px;
  background: #F1EFE6;
  padding: 15px;
  color: #00496C;
}

div.pageinfo span {
  padding-left: 10px;
  padding-right: 10px;
}

div.pageinfo span.currentpage {
  border: 1px solid #B2002A;
}

fieldset.kindimg {
  display: inline;
  vertical-align: top;
}

fieldset.kindimg div {
  margin-bottom: 40px;
}

#imgcats {
  list-style-type: none;
  padding-left: 5px;
  margin-left: 5px;
}

#imgcats a {
  text-decoration: none;
  color: #156B93;
}

#imgcats a:hover {
  color: #00A4F0;
}

#imgcats a.currentcat {
  color: #B2002A;
}

table.badminton {
  font-size: 0.75em
}

table.badminton td, table.badminton th {
  padding-left: 1em;
  padding-right: 1em;
}

table.badminton tr td {
  text-align: right;
}

span.ok {
  color: green;
}

span.nok {
  color: red;
}

tr.odd td {
  background: #D5D6DC;
}

tr.even td {
  background: #CBCCD2;
}