#tabs {
  height: 30px;
  border-bottom: 1px solid #AAA;
  position: relative;
}

#tabs ul {
  position: absolute;
  bottom: 0;
  list-style-type: none;
  padding: 0;
}

#tabs ul.left  { left:  30px; }
#tabs ul.right { right: 20px; }

#tabs ul li    { float: left; }

#tabs li a {
  display: block;
  border: 1px solid #AAA;
  border-bottom: none;
  background-color: #F0F0F0;
  color: #666666;
  padding: 5px 10px;
  margin: 0 2px;
}

#tabs ul.right li a { border-color: #CCC; }

#tabs li a:hover    { background-color: #E4E4E4; }
#tabs li.current a  { background-color: #E4E4E4; }

#tabs ul.left  li a { padding: 5px 10px; }
#tabs ul.right li a { padding: 1px; }