/*
Priority of z-index:
   0 = default elements (not so important) -> logos, normal texts etc.
  10 = site structure -> headlines, chapter names etc.
  20 = personal information -> account information etc.
  30 = user input -> text boxes etc.
  40 = site navigation -> menus
  50 = overlays -> footer area
*/

html
{
  background-color: #e6eef3;
  color: #5f5f5f;
  font-family: helvetica, arial;
  font-size: 0.9em;
}

pre
{
  font-family: helvetica, arial;
}

body
{
  margin: 0px;
}

div#div_pagecontent
{
  margin-left: 260px;   /* = width of div#pagemenu + desired left margin */
  margin-right: 0px;
  padding: 10px;
  z-index: 30;
  
  color: #5f5f5f;
  background-color: #ffffff;
}


div#div_pagemessage
{
  position: relative;
  width: 100%;
  border: 0px;
  min-height: 0px;
  background-color: #f7f7f7;
  text-align: left;
}

div.feedback
{
  margin-top: 0px;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-bottom: 5px;
  padding-right: 0px;
  padding-top: 0px;
  border-left-style: none;
  border-bottom-style: dashed;
  border-right-style: none;
  border-top-style: dashed;
  border-width: thin;
  border-color: #000000;
  font-weight: bold;
}

h1.feedback, h2.feedback, h3.feedback, h4.feedback, h5.feedback, h6.feedback
{
  text-align: center;
}

.warning
{
  background-color: #ff8888;
  color: #000000;
}

.information
{
  background-color: #ffff44;
  color: #000000;
}

.confirmation
{
  background-color: #44dd44;
  color: #000000;
}

li
{
  padding-top: 1px;
  padding-bottom: 1px;
}

ol.sequence
{
  padding: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-width: 1px;
  border-style: dotted;
  background-color: #f7f7f7;
}

li.sequence
{
  display: inline;
  padding: 0px;
}

li.sequence.active
{
  font-weight: bold;
}

li.sequence:before
{
  content: "\0020 \00BB \0020";
  font-weight: bold;
}

li.sequence:first-child:before
{
  content: "";
}

fieldset
{
  margin-top: 20px;
  padding: 10px;
  padding-top: 0px;
  background-color: #f7f7f7;
}

span.input
{
  display: block;
  margin-top: 10px;
}

span.input.button
{
  margin-top: 10px;
  text-align: right;
}

label
{
  float: left;
  text-align: right;
  padding-right: 10px;
  min-width: 200px;     /* define min-width to provide some room for alignment, can be overruled by [pag].css if desired */
}

label.button
{
  min-width: 0px;
}

input.rightlabel
{
  float: left;
}

input.dateyear
{
  width: 30px;
}

img
{
  border: none;
}

.block
{
  display: block;
}

.fullwidth
{
  width: 100%;
}

.readonly
{
  background-color: #ebebeb;
}

a
{
  text-decoration: none;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

a:hover,
a:focus,    
a:active
{
  background-color: #f7ecc4;
}

a:visited
{
  color: #555555;
}