html,body
{
  /* background-color: #eaeaf6;*/
  background: url(../images/background.gif);
}

div.page
{
  border: 1px solid #ccc;
  margin: 20px auto;
  width: 1100px;
  min-height: 50px;

  display: block;
  overflow: hidden;

  background-color: #f5f5ed;

  -webkit-border-radius: 10px; /* Safari, Chrome */    
  -khtml-border-radius: 10px;    /* Konqueror */    
  -moz-border-radius: 10px; /* Firefox */    
  border-radius: 10px;

}

div.logo
{
  height: 80px;
  border-bottom: 1px solid #ccc;

}


div.content
{
  display: block;
  overflow: hidden;
  float: left;
  min-height: 100px;
  width: 885px;
  border-right: 1px solid #ccc;
}

div.menu
{
  display: block;
  overflow: hidden;
  width: 190px;
  float: right;
  margin-right: 5px;
}

div.theBox
{
  border: 2px solid black;
  width: 500px;
  margin: 30px auto;
  font-family: Verdana;
  letter-spacing: 1px;
  font-size: 10pt;

  -webkit-border-radius: 10px; /* Safari, Chrome */    
  -khtml-border-radius: 10px;    /* Konqueror */    
  -moz-border-radius: 10px; /* Firefox */ 
  border-radius: 10px;

  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

div.theBox div.title
{
  padding: 4px 4px;
  color: white;
  text-align: right;
  text-transform: capitalize;

  -webkit-border-radius: 8px 8px 0 0; /* Safari, Chrome */    
  -khtml-border-radius: 8px 8px 0 0;    /* Konqueror */    
  -moz-border-radius: 8px 8px 0 0; /* Firefox */  
  border-radius: 8px 8px 0 0; 
}
div.theBox button.close
{

  border: 0px solid;
  background-color: transparent;
  float: left;
  display: block;
  width: 110px;
  text-align: left;
  cursor: pointer;
  font-family: Verdana;
  font-size: 10pt;
  color: white;
  text-transform: capitalize;
  background-image: url(../images/close.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
}

div.theBox button.close:hover
{
  background-image: url(../images/close2.gif);
  background-repeat: no-repeat;
}

div.theBox div.text
{
  font-size: 10pt;
  padding: 4px 8px;
  text-align: center;

  -webkit-border-radius: 0 0 8px 8px; /* Safari, Chrome */    
  -khtml-border-radius: 0 0 8px 8px;    /* Konqueror */    
  -moz-border-radius: 0 0 8px 8px; /* Firefox */ 
  border-radius: 0 0 8px 8px;
}

div.errorBox
{
  border-color: #ff9999;
}

div.errorBox div.title
{
  background-color: #ff9999;
}

div.errorBox div.text
{
  background-color: #ffcccc;
}

div.confirmBox
{
  border-color:  #99ff99;
}

div.confirmBox div.title
{
  background-color: #99ff99; 
}

div.confirmBox div.text
{
  background-color: #ccffcc;
}

div.informBox,
div.informBox2
{
  border-color:  #ffcc66;
}

div.informBox div.title,
div.informBox2 div.title
{
  background-color: #ffcc66; 
}

div.informBox div.text,
div.informBox2 div.text
{
  background-color: #ffff99;
}

div.logo
{
  background: url(../images/logo.png) no-repeat;
  background: url(../images/background3.gif);
}

a.homePage
{
  border: 0px solid black;
  margin: 2px 0 0 2px;
  display: block;
  width: 200px;
  height: 73px;
  float: left;
  background: url(../images/home.png) no-repeat;
}