#right .item {
  width: 100%;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}

#right .item .title {
  padding: 4px 4px 4px 10px;
  font-weight: bold;
  color: 000;
  background-image: url(../images/tbg.gif);
}

#right .item .input {
  border: 1px solid #666;
  width: 120px;
}

#right .item .button {
  background-image: url(../images/bbg.gif);
  border: 1px solid #666;
  height: 20px; width: 50px;
}

#right .item form {
  text-align: center;
}

#right .item .body {

}

#right #download_category {
  vertical-align: top;
}

#right #download_category ul {
  margin: 0px; 
  padding: 0px;  
  list-style-type: none;
}

#right #download_category ul li {
  border-top: 1px solid #ccc;
  padding: 0px 0px 1px 0px;
}

#right #download_category ul li a {
  padding: 4px;
  display: block;
  text-decoration: none;
}

#right #download_category ul li a:hover {
  padding: 4px;
  background-color: #ffe;
  display: block;
}

#workarea #downloaditems {
  width: 100%;
}

#workarea #downloaditems .item {
  vertical-align: top;
}

#workarea .bycategory {
  width: 100%;
}

#workarea .bycategory thead a {
  color: #69c;
  font-weight: bold;
  text-decoration: none;
}

#workarea .bycategory thead a:hover {
  color: #e00;
}

#workarea .bycategory thead td {
  background-image: url(../images/item.gif);
  background-repeat: no-repeat;
  background-position: 6px center;
  padding-left: 25px;
  height: 22px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #eee;
}

#workarea .bycategory ul {
  margin: 0px; 
  padding: 0px 0px 0px 23px;    
  list-style-image: url(../images/vt.gif);
}

#workarea .bycategory ul li {
  padding: 4px 0px 4px 2px;
}

#workarea .bycategory ul .more {
 list-style-image: url(../images/more.gif);
 padding-bottom: 8px;
}

#workarea #articles {
  width: 100%;
  margin-top: 10px;
}

#workarea #articles .left{
  background-image: url(../images/vwall.gif);
  background-repeat: no-repeat;
  background-position: 6px center;
  padding-left: 28px;
  height: 22px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #eee;
  font-weight: bold;
}

#workarea #subject {
  background-image: url(../images/doc.gif);
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 25px;
}

#workarea #listtitle {
  background-image: url(../images/list.gif);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding-left: 25px;
}

#workarea .browse {
  padding: 4px;
  border: 1px solid #ddd;
}

#workarea .browse legend {
  color: #69c;
  font-weight: bold;
}

#workarea .browse #attachments {
  margin-top: 15px;
}

#workarea .browse #attachments span {
  margin-right: 15px;
}

#workarea .browse #attachments a {
  color: #039;
  font-weight: bold;
}

#workarea .browse #attachments a:hover {
  color: #e00;
}

#workarea #ratingprompt {
  height: 20px;
  color: #00e;
  font-weight: bold;
}

#workarea #ratingprompt span {
  font-style: normal;
  color: c96;
}

#workarea #rating {
  width: 100%;
}

#workarea #rating .helpful {
  font-weight: bold;
}

#workarea #rating .unhelpful {
  text-align: center;
  font-weight: bold;
}

#workarea #rating a {
  color: #69c;
}

#workarea #rating a:hover {
  color: #e00;
}

#workarea #rating .stars {
  text-align: right;
  color: #fc6;
  white-space: nowrap;
}

#workarea #listnav {
  font-size: 12px;
  width: 100%;
  margin: 4px 0px 4px 0px;
}

#workarea #listnav .left {
  text-align: left;  
}

#workarea #listnav .right {
  text-align: right;  
}

#workarea #articlelist {
  width: 100%;
  margin-top: 8px;
}

#workarea #articlelist a {
  color: #69c;
}

#workarea #articlelist a:hover {
  color: #e00;
}

#workarea #articlelist .left {
  font-weight: bold;
  text-align: left; 
  background-image: url(../images/viewp.gif);
  background-repeat: no-repeat;
  background-position: 2px center;
  padding: 2px 0px 0px 25px;
}

#workarea #articlelist .right {
  text-align: right;  
  color: #fc6;
  white-space: nowrap;
  padding: 2px 2px 0px 0px;
}

#workarea #articlelist tbody td {
  color: #666;
  font-size: 12px;
  padding: 0px 2px 2px 2px;
}

.pagination {
  font-size: 12px;
  margin-top: 10px;
  text-align: right;  
  padding: 3px 0px 3px 0px; 
}

.pagination a {
  margin-left: 10px;
  padding: 2px 6px 2px 6px; 
  border: solid #ccc 1px;
  background: #fff; 
  text-decoration: none;
}

.pagination a:hover {  
  color: #fff; 
  border: solid #000 1px;
  background: #69c; 
  text-decoration: none;
}

.pagination .prev, .pagination .next  {
  margin-left: 10px;
  padding: 2px 6px 2px 6px; 
  border: solid #ccc 1px;
  background: #fff; 
  font-weight: bold;
  text-decoration: none;
}

.pagination .prev:hover, .pagination .next:hover {  
  color: #fff; 
  border: solid #000 1px;
  background: #69c; 
  text-decoration: none;
}

.pagination .thispage {
  margin-left: 10px;
  padding: 2px 6px 2px 6px; 
  font-weight: bold;	
}

.pagination .invalid {
  margin-left: 10px;
  padding: 2px 6px 2px 6px; 
  color: #666; 
  border: solid #ccc 1px;
  background-color : #eee;
}