#tabheader {
  float:left;
  width:100%;
  background:#DAE0D2 url("images/tabbg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#tabheader ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#tabheader li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#tabheader a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabheader a {float:none;}
/* End IE5-Mac hack */
#tabheader a:hover {
  color:#333;
  }
#tabheader #tabcurrent {
  background-image:url("images/left_on.gif");
  }
#tabheader #tabcurrent a {
  background-image:url("images/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

#css-buttons ul{list-style: none;margin: 0 0 10px 0;padding: 0;}   
#css-buttons li{border: 1px solid #333; margin: 5px 0 0 20px; width:152px;}
#css-buttons li a{color: black; text-align: center; text-decoration: none;}

.css-button {
display:block;
font: 10px verdana, arial, sans-serif;
padding: 2px 0px 2px 0px; border: 1px solid white;
text-decoration: none; width:150px;
background: #ccc; color: #fff
}
 
.css-button span {
font: bold 10px verdana, arial, sans-serif;
padding: 2px 3px 2px 3px; color: #fff;
}

div.rounded {
  width: 670px;
  padding: 15px;
  background: #cccccc;
  margin-bottom: 20px;
}
div.rounded2 {
  width: 700px;
  background: #cccccc url(images/tr.gif) no-repeat top right;
  margin-bottom: 20px;
}
div.rounded2 div {
  background: transparent url(images/tl.gif) no-repeat top left;
}
div.rounded2 div div {
  background: transparent url(images/br.gif) no-repeat bottom right;
}
div.rounded2 div div div {
  background: transparent url(images/bl.gif) no-repeat bottom left;
  padding: 15px;
}