/* 
    Document   : htroeien.css
    Created on : 1-feb-2010, 10:38:29
    Author     : Bjorn
    Description:
*/

root { 
    display: block;
}

html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: sans, sans-serif, arial, helvetica;
  font-size: 10pt;
  min-width: 600px;
  min-height: 300px;
  margin: 0px;
  padding: 0px;
}

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: sans, sans-serif, arial, helvetica;
  font-size: 10pt;
  min-width: 600px;
  min-height: 300px;
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 10pt;
}

/* make one large DIV to contain all visible content */
div#root
{
  width: 100%;
  height: 100%;
  background-color: white;
}

/* site header */
div#sitetitle
{
  font-family: hittheroad;
  font-size: 14pt;
  position: absolute;
  top: 5px;
  left: 11px;
  right: 150px;
  height: 28px;
  line-height: 28px;
}

div#logonlink
{
  position: absolute;
  top: 5px;
  right: 11px;
  text-align: right;
  line-height: 28px;
}

div#ajaxloader
{
  float: right;
  margin-right: 5px;
  margin-top: 2px;
  height: 15px;
  width: 15px;
  background-image: url('img/ajax-loader.gif');
}

a
{
  color: gray;
  text-decoration: none;
  border-bottom: 1px dotted gray;
}

a:focus
{
  border: none;
  outline: none;
}

a:hover
{
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
}

div#headerbg
{
  position: absolute;
  left: 25px;
  right: 25px;
  height: 145px;
  top: 40px;
  background-color: #2191C0;
}

div#header
{
  position: absolute;
  left: 10px;
  right: 10px;
  height: 145px;
  top: 40px;
  background-image: url('img/headerbg.png');
  background-repeat: no-repeat;
  min-width: 600px;
}

div#noscripttext
{
  position: absolute;
  bottom: 5px;
  left: 5px;
  line-height: 15px;
  font-size: 12pt;
  height: 15px;
  color: white;
  font-weight: bold;
}

div#logo
{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 400px;
  height: 145px;
  background-image: url('img/logo.png');
}

div#breadcrumb
{
  position: absolute;
  left: 10px;
  right: 10px;
  height: 20px;
  top: 195px;
  border-top: 1px dashed gray;
  border-bottom: 1px dashed gray;
  line-height: 18px;
  color: gray;
  padding-left: 2px;
  padding-right: 2px;
}

span#userwelcome
{
  float: right;
  font-weight: bold;
}

div#menubar
{
  position: absolute;
  top: 225px;
  width: 190px;
  left: 10px;
  background-color: #2191C0;
  bottom: 5px;
}

div#menubarheader
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 190px;
  height: 10px;
  background-image: url('img/menubar_header.png');
}

div#menubarfooter
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 190px;
  height: 10px;
  background-image: url('img/menubar_footer.png');
}

div#menucontent
{
  position: absolute;
  width: 190px;
  top: 7px;
  bottom: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

div.menusep
{
  width: 190px;
  background-image: url('img/menusep.png');
  height: 1px;
  margin-top: 3px;
  margin-bottom: 1px;
}

div#menucontent a
{
  font-size: 12pt;
  line-height: 20pt;
  width: 180px;
  padding-left: 5px;
  cursor: pointer;
  color: silver;
  text-decoration: none;
  border: none;
}

div#menucontent a:hover
{
  font-size: 12pt;
  line-height: 20pt;
  width: 180px;
  padding-left: 10px;
  cursor: pointer;
  color: black;
  text-decoration: none;
  border: none;
}

div#pagetitlecontainer
{
  height: 28px;
  right: 10px;
  left: 208px;
  top: 225px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: lightgray;
  position: absolute;
}

span#pagetitle
{
  font-size: 12pt;
  line-height: 18pt;
  float: left;
  margin-top: 1px;
}

span#editpage
{
  line-height: 18pt;
  float: right;
}

div#pagecontent
{
  position: absolute;
  top: 260px;
  left: 210px;
  bottom: 0px;
  right: 0px;
  overflow: auto;
}

span.controlError
{
  color: red;
}

span.userInfo
{
  font-style: italic;
  position: absolute;
  bottom: 22px;
  left: 20px;
  font-size: 8pt;
}

table.wizardsteps
{
  background-color:lightgray;
  padding-left:5px;
  padding-right:5px;
  font-weight: lighter;
  font-size: 9pt;
}

td.activeWizardStep
{
  font-size: 12pt;
  font-weight: bold;
  color: #2191C0;
}

.watermark
{
  /* font-size: smaller; */
  color: #808080;
}

.searchinput
{
  width: 100px;
}

.searchtable
{
  /* width: 1%;*/
  float: right;
}