/* STYLES */

html, body
{
  margin: 0px;
  padding: 0px;
  font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
  font-size: 12px;
  color: #000;
  background-color: #ccc;
}

input, textarea
{
  width: 99%;
  border: 1px solid #999;
  font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
}

form
{
  margin: 0px;
  padding: 0px;
}

.btn
{
  width: 160px;
  font-weight: bold;
  color: #fff;
}

.send
{
  background: url('pic/btn_send.gif') no-repeat #777;
}

.reset
{
  background: url('pic/btn_reset.gif') no-repeat #777;
}

#main_wz_tooltip_fix
{
  margin-top: 120px;
}

#main
{
  width: 400px;
  margin: auto;
  border: 1px solid #999;
  background-color: #fff;
}

#header
{
  padding: 5px;
  border-bottom: 1px solid #ccc;
  color: #666;
  background-color: #f0f0f0;
}

#footer
{
  width: 390px;
  margin: auto;
  padding: 5px;
  font-size: 0.9em;
}

.block
{
  padding: 5px;
  margin-top: 10px;
}

.block .h
{
  display: block;
  margin: 0px;
  font-size: 1.1em;
  font-weight: bold;
}

a
{
  color: #f30;
  text-decoration: underline;
}

a:hover
{
  color: #f00;
  text-decoration: none;
}

.image
{
  margin-top: 3px;
  border: 1px solid #999;
}

.td_normal
{
  border: 1px solid #fff;
  background-color: #fff;
  text-align: center;
}

.td_highlight
{
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  text-align: center;
}

.message_error
{
  margin: auto;
  border: 1px dashed #f60;
  padding: 2px 0px 2px 22px;
  font-weight: bold;
  color: #f20;
  background: url('pic/error_small.gif') 2px center no-repeat #ffe7e7;
}
.message_info
{
  margin: auto;
  border: 1px dashed #090;
  padding: 2px 0px 2px 22px;
  font-weight: bold;
  color: #070;
  background: url('pic/info_small.gif') 2px center no-repeat #dfd;
}

.error
{
  color: #f30;
  font-weight: bold;
}

.info
{
  color: #090;
  font-weight: bold;
}