.rgPetTable {
  border:1px solid #336699;
  empty-cells:show;
  width:710px;
  border-collapse:collapse;
}

.rgPetTableHeadSearch td{
  padding:10px 0px;
  background-color:#336699;
}

.rgPetTableHeadFields td {
  background-color:#BBDBE6;
  border-bottom:1px solid #336699;
  white-space:nowrap;
  line-height:20px;
  padding:3px 6px 3px 3px;
}

.rgPetTableHeadFields td a {
  color:#336699;
}

.rgPetTable tbody td {
  background-color:#F7F7F7;
  border-bottom:1px solid grey;
  vertical-align:middle;
  padding:6px 7px 6px 5px;
  height:100px
}

tbody .rgPetTableRowOdd td {
  background-color:#EEF6EC;
}

tbody .rgPetTableRowEven td {

}

tbody .rgPetTableRowOver td {
  background-color: #BBDBE7;
  cursor: pointer;
}

.rgPetTable tbody td a {
  color:#336699;
}

.rgPetTableHeadSearch form {
  display:inline;
}

.rgPetDetails{
  background-color:#F7F7F7;
}

.yui-skin-sam .yui-panel .hd {
  background:#369 url(''); background-image:none;
  background-color:#369;
  height:30px;
}

}

.yui-skin-sam .yui-panel .ft {
  background-color:#369;
  text-align:right;
}

#closeDetails {
  text-align:right;
}

#closeDetails a{
  color:#FFF;
  font-weight:bold;
  font-size:larger;
  text-decoration:none;
}

.yui-skin-sam .mask {
  background-color:#000000;
  opacity:0.65;
}

.yui-panel-container, .shadow {
z-index:3001 !important;
}

.mask{
z-index:3000 !important;
}

.rgPetTableRowZeroPets {
  text-align: center;
}
.rgPetTable {

	width:600px;
	
	border-color:#002543;

	border-width:2px;

	border-style:solid;
}

.rgPetTableHeadSearch td {
	background-color:#005091;
	
	border-bottom:1px solid #002543;
	
}

.rgPetTableHeadFields td {
	background-color:#000649;
	
	border-bottom:1px solid #FFE222;
	
}

.rgPetTableHeadFields td a {
	color:#FFE222;
}
	

.rgPetTable tbody td {
	border-bottom-color:#FFE222;
}
	

.rgPetTable tbody td img{
	border:1px solid #FFE222;
}
	

tbody .rgPetTableRowEven td {
	background-color:#005091;
	color:#FFE222;
	
}


tbody .rgPetTableRowOdd td {
	background-color:#000649;
	color:#FFE222;
	
}


tbody .rgPetTableRowOver td {
	
}






<script language="JavaScript" type="text/javascript">
new cPets('Pets');
Pets.mode = 'list2';
Pets.listId = 'rgCatContainer';
Pets.detailId = 'rgCatDetails';
Pets.fields = 'name,breed,sex,age,size,color,description';
Pets.statuses = 'available';
Pets.detailTemplate = 'template1';
Pets.enableSearch = true;
Pets.sortbyField = 'name';
Pets.sortbyOrder = 'desc';
//Cats.petFields['species']['filterby'] = 'Cat';
//Cats.petFields['sex']['filterby'] = 'Male';
Pets.petFields['rescueID']['name'] = '';
Pets.petFields['pictmn1']['name'] = '';
Pets.picMaxWidth = '350';
Pets.picSize = 'fullsize';
Pets.init();
</script>