html, body 
{
  background-color: #E8E8E8;
  margin: 0;
  font: Verdana, Times, serif;
  font-size: 11px;
}

body{
  text-align: center; /* IE is sooo shitty! */
}
	

#nocanvas
{
/* the canvas contains the header, center and footer */
  position:relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  margin: 0 auto; /* this centers the canvas if Firefox */
  font-size: 14px;
}

#login{
  position:relative;
  top: 28%;
  width: 400px;
  margin: 0 auto; /* this centers the canvas if Firefox */
  height: 200px;
  background-color: rgb(220,220,220);
  background-image: url('images/login.gif');
  background-repeat: no-repeat;
  border: 1px ridge rgb(140,140,140);
}

#login form
{
  position: relative;
  width: 75%;
  top:26%; /* this firefox */
  left:5%; /* this firefox */
}

#login table
{
  position:relative;
  top:24%; /* this IE */
  left:5%; /* this IE */
  height: 50%;
}

#login td
{
  width:50%;
  background-color: rgb(252,252,252);
  border: 1px ridge rgb(140,140,140);
  margin-bottom: 20px;
  margin-left: 10px;
}

#login td.left
{
  position: relative;
  width:30%;
  border: 0;
  background-color: transparent;
  font-weight: bold;
}

#login td.ok{
  background-color: transparent;
  border:0;
}

#login input
{
  border:none;
  width: 90%;
}

#login input.button{
  color: rgb(0,0,0);
  background-color: rgb(200,200,200);
  border: solid rgb(140,140,140);
  border-width: 1px;
  text-decoration: none;
  width: 50%;
  height: 26px;
}

#login input.button:hover{
  background-color: rgb(230,230,230);
}

#canvas
{
  position:relative;
  width: 1100px;
  background-color: rgb(252,252,252);
  margin: 0 auto; /* this centers the canvas if Firefox */
  padding: 10px;
  text-align: left;/* put the alignment back */
}


#header
{ 
  background-image: url('images/header.gif');
  background-repeat: no-repeat;
  height: 80px;
  margin-bottom:4px;
}


#control
{
  clear:both; /* optional */
  background-image: url('images/vertical.gif');
  background-repeat: repeat-x;
  height: 40px;
  margin-bottom:8px;
}

#controlwrapper{
  height: 18px;;
  padding: 11px;
  margin-right: 11px;
}

#controlitem
{
  display: inline;
  text-align: center;
  background-color: rgb(80,80,80);
  padding: 3px;
  padding-left:10px;
  padding-right:10px;
  border: 1px ridge rgb(150,150,150);
  width: 100px;
  margin-right: 36px;
}

#controlitem.dummy
{
  display: inline;
  background-color: transparent;
  color: rgb(255,255,255);
  border: 0;;
}

#controlitem:hover
{
  background-color: transparent;
}

#control a
{
  color: rgb(255,255,255);
  text-decoration:none;
  font-weight: bold;
  display: inline;
}

#control a.alert
{
  color: rgb(200,30,30);
}

#center
{
  background-color: #FFF;
  margin-top: 0; /* optional */
  margin-left: 0; /* optional */
  margin-bottom:10px;
  min-height: 600px;

}

#sidebar
{
  position: relative; /*optional*/
  float:left;
  width: 152px;
  min-height: 600px;
  top: 0;
  bottom: 0;
  margin-top: 0; /* optional */
  margin-left: 0; /* optional */
  margin-bottom: 10px;
  padding:0;
  padding-bottom:8px;
  background-color: rgb(225,225,245);

}

#sidebarup{
 height:20px;
 width: 100%;
  background-color: rgb(65,65,85);
}

#sidebaritem
{ 
  position:relative;
  margin: 13px;
  padding: 3px;
  padding-left: 6px;
  border: 1px solid rgb(26,26,70);
  font-weight: bold;
  color: rgb(25,25,45);
  background-color: rgb(230,230,250);
  width: auto;
}

#sidebaritem:hover
{
  background-color: transparent;
}

#sidebar a
{
  text-decoration: none;
  color: rgb(55,55,95);
}

#sidebar a:hover
{
  text-decoration:underline;
}

#centercenter
{
  float: right;
  width: 920px;
  position: relative; /*optional*/
  min-height: 600px;
  margin-top: 0; /* optional */
  margin-left: 0; /* optional // can be anything?*/
  padding: 4px;
  margin-bottom: 10px;
  border: 1px;
  border-style: solid;
  border-width: thin;
  border-color: rgb(200,200,200);
}

#centercenter.blog
{
  overflow: scroll;
  height: 600px;
}


#centercenter table
{
  position:relative;
  margin: 11px;
}

#centercenter td
{
  background-color: rgb(222,222,222);
  border: 1px ridge rgb(140,140,140);
  font-size: 11px;
  height: 14px;
  min-width: 30px;
  padding-left: 4px;
  padding-right: 4px;
}

#centercenter td.ok{
  background-color: transparent;
  border:0;
}

#centercenter td.dummy
{
  background-color: transparent;
  min-width: 20px;
  border: 0;
}

#centercenter td.plain
{
  background-color: transparent;
}

#centercenter td.kill
{
  background-color: transparent;
  background-image: url('images/kill.gif');
  background-repeat: no-repeat;
  background-position: 10px;
  border: 0;
}

#centercenter td.yes
{
  background-color: transparent;
  background-image: url('images/yes.gif');
  background-repeat: no-repeat;
  background-position: 10px;
  border: 0;
}

#centercenter td.no
{
  background-color: transparent;
  background-image: url('images/no.gif');
  background-repeat: no-repeat;
  background-position: 10px;
  border: 0;
}

#centercenter td.confirmed
{
  background-image: url('images/confirmed.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

#centercenter td.not
{
  background-image: url('images/not.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

#centercenter td.entry
{
  background-color: rgb(252,252,252);
  border: 1px ridge rgb(140,140,140);
  border-left: 0;
  border-right: 0;
  padding: 4px;
  width: 760px;
}

#centercenter td.newEntry
{
  background-color: rgb(252,252,252);
  border: 0;
  padding: 0;
  width: 700px;
}

#centercenter img
{ 
  border: 0;
}

#centercenter img:hover
{ 
  border: 1px;
  border-style: solid;
  border-color: rgb(130,9,14);
}

#centercenter textarea
{
  background-color: rgb(230,230,255);
  width: 100%;
}

#centercenter a
{
  text-decoration: none;
  color: rgb(55,55,95);
}

#centercenter a:hover
{
  text-decoration: underline;
}

#centercenter input.button{
  color: rgb(0,0,0);
  border: solid rgb(140,140,140);
  border-width: 1px;
  text-decoration: none;
  width: 50px;
}

select
{
font-size: 11px;
background-color: rgb(230,230,255);
height: 19px;
padding: 1px;
margin: 0;
width: 100%;
}

#centercenteritem
{
  background-color: transparent;;
  border-bottom: 1px ridge rgb(140,140,140);
  height: 14px;
  margin: 10px;
  width:auto;
  padding-left: 6px;
  padding-right: 6px;
}

#ustatwrapper
{
height: 24px; 
background-color: rgb(65,65,85);
padding-top: 5px;
padding-left: 5px;
}

#statitem
{
position: absolute;
margin-top:2px;
margin-left:10px;
width: 110px;
height: 16px;
padding: 3px;
font-size: 11px;
background-color: rgb(230,144,144);
background-color: rgb(225,225,245);
text-align: center;
}

#statitem.selected
{
background-color: rgb(255,255,255);
}

#statcontainer
{
  position: relative;
  margin-top: 8px;
  height: 564px;
  overflow: scroll;
}

#footer
{
  position: relative;
  clear:both; 
  background-color: #000;
  border-top: 1px;
  border-bottom:0;
  border-style: solid;
  border-width: thin;
  border-color: rgb(200,200,200);
/*  margin: 10px 10px 9px 10px;*/
}

select {
  padding:0;
  font-size: 11px;
  font: Verdana, Times, serif;
}

option {
  padding:0;
  font-size: 11px;
}

input{
  font-size:11px;
}