List One Contact Category
Print screen without additional CSS

Structure with classes and id's
div.contact-category h1 h2 div.category-desc p div.clr form#adminForm table.category thead tr th.item-title a th.item-position a th.item-phone th.item-suburb a th.item-state a th.item-state a tbody tr.cat-list-row0 td.item-title a td.item-position a td.item-phone td.item-suburb a td.item-state a td.item-state a
CSS
/* -------------------------
List one contact category
---------------------------- */
div.contact-category h2 {
margin: 10px 0 3px 0;
}
div.contact-category div.category-desc p {
margin: 0 0 5px 0;
}
div.contact-category form#adminForm table.category {
width: 100%;
}
div.contact-category form#adminForm table.category thead tr th {
border: 1px #999 solid;
font-weight: bold;
padding: 3px 1px 3px 3px;
background-color: #e5e5e5;
vertical-align: top;
}
div.contact-category form#adminForm table.category thead tr th a {
display: block;
float: left;
}
div.contact-category form#adminForm table.category thead tr th a img {
margin: 0 0 0 5px;
}
div.contact-category form#adminForm table.category tbody tr td {
border: 1px #999 solid;
padding: 3px 1px 3px 3px;
font-size: 11px;
line-height: 12px;
vertical-align: top;
}
Print screen after applying CSS


