/**** CSS style definition for labs.brotherli.ch ****/


body
{
  background-color: #fafafa;
  color: #000000;
}

body, td, th, span, div, p, h2, li
{
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

a, a:active, a:visited
{
  color: #a21811;
}

h2
{
  font-size: 16px;
  color: #666666;
  margin: 15px 0px 5px 0px;
  border-bottom: 1px dotted #cccccc;
}

#main-container
{
  position: relative;
  margin: 20px auto;
  width: 700px;
}

#header
{
  width: 700px;
  height: 45px !important;
  height: 65px;
  padding: 20px 0px 0px 20px;
  background: transparent url('images/head_bg.gif') no-repeat top left;
}

#footer
{
  display: block;
  font-size: 11px;
  color: #666666;
  padding-top: 4px;
  border-top: 1px dotted #cccccc;
}

#footer a,
#footer a:visited
{
  color: #666666;
}

div.content-box
{
 /* float: left; */
  width: 550px;
}

div.listbox
{
  display: block;
  margin-top: 15px;
  padding: 15px 15px 20px 15px;
  background-color: #ececec;
}


div.listbox:before
{
  display: block;
  line-height: 0.1;
  font-size: 1px;
  margin: -15px -15px 0 -15px;
  height: 8px;
  border: none;
  content: url('images/box_tl.gif');
  background: transparent url('images/box_tr.gif') no-repeat top right;
}

div.listbox:after
  {
  display: block;
  clear: both;
  line-height: 0.1;
  font-size: 1px;
  padding-top: 20px;
  margin: -15px -15px -20px -15px;
  height: 8px;
  background: transparent url('images/box_br.gif') scroll no-repeat bottom right ;
  content: url('images/box_bl.gif');
  }

div.listbox ul
{
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

div.listbox ul li
{
  padding: 5px;
}

div.right-col
{
  position: absolute;
  top: 80px;
  left: 580px;
  width: 120px;
  padding: 0px;
}

.product-title
{
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
}

.download,
.download a,
.download a:visited
{
  color: #666666;
  font-size: 11px;
}

a.web-badge
{
  padding-bottom: 2px;
}

.hid {
	display: none;
}