<style type="text/css">

<!--

body

{

font-family: arial;

font-size: 10pt;

color: #0000FF;

font-style: normal;

line-height: normal;

font-weight: normal;

font-variant: normal;

background-color: #FFFFFF;

margin-top: 1;

margin-bottom: 1;

}

A

{

color: #0000FF;

text-decoration: underline;

}

A:link

{

color: #0000FF;

}

A:visited

{

color: #00FFFF;

}

A:active

{

color: #FF00FF;

}

A:hover

{

color: #FF00FF;

}

A.Button

{

border-style: outset;

}

font

{

font-family: arial;

font-size: 10pt;

font-weight: none;

}

font.Small

{

font-size:9pt;

}

font.Big

{

font-size:12pt;

}

font.Title

{

font-size:14pt;

font-weight:bold;

}

font.Button

{

font-weight:bold;

/*color:black;*/

text-decoration: none;

}

font.BigButton

{

font-size:larger;

font-weight:bold;

/*color:black;*/

text-decoration: none;

}

font.Tiny

{

font-size: 8pt;

font-weight: none;

}

.step

{

color: #404040;

font-weight: bold;

font-size: 1.5em;

padding: 10px 0 10px 0;

}

table.ResultsTable

{

text-align: center;

cell-spacing: 4;

padding: 5;

align:center;

}

table.Command

{

border-width : 1px;

border-style : solid;

}

td.TableTitle

{

background-color: #FFFFFF;

color: #0000FF;

font-weight: bold;

border-width : 1px;

border-style : none;

text-align: center;

}

td.TableContent1

{

background-color: #FFFFFF;

color: #0000FF;

text-align: center ;

border-width : 0px;

border-style : none;

}

td.TableContent2

{

background-color: #FFFFFF;

color: #0000FF;

text-align: center ;

border-width : 0px;

border-style : none;

}

td.Search

{

background-color: #00FFFF;

}

/*

IMG.Results

{

height: 400px;

}

*/

TEXTAREA.Success

{

font-family: arial;

text-align: center;

color: #0000FF;

background-color: #FFFFFF;

border-style:solid;

border-width:1px;

}

/* This is the width of the overall container */

.GridResultsContainer

{

width: 95%;

display: table;

text-align: center;

margin: 0 auto;

}

/* This is the container for each of the individual boxes

width controls how wide the boxes are

Border controls how thick the border around the box is

border-radius controls how rounded the corners are

Box-Shadow controls the shadow around each box

*/

.gridResult

{

width: 220px;

border: 1px solid #ccc;

display:inline-table;

border-radius: 3px;

-webkit-box-shadow: 2px 2px 3px 0px #ccc;

-moz-box-shadow: 2px 2px 3px 0px #ccc;

box-shadow: 2px 2px 3px 0px #ccc;

/*Please do not change below this line*/

margin: 10px 1%;

padding: 10px 10px 5px 10px;

}

.gridResult:nth-child(even)

{

background-color: #FFFFFF;

}

.gridResult:nth-child(odd)

{

background-color: #FFFFFF;

}

/* This controls the animal picture

Width is the size of the picture - must be less than the gridResult container

border-radius controls how rounded the corners are

*/

.gridResult a img

{

width: 200px;

border-radius: 3px;

/* Please do not change below this line*/

margin: 0 auto;

display: inline-table;

vertical-align: top;

}

/* Controls the text size and font */

.gridText

{

font-family: arial;

font-size: 10pt;

color: #0000FF;

text-align: center;

}

.adoptSearch

{

width: 400px;

padding: 5px;

margin: 10px auto;

display: block;

vertical-align:middle;

text-align: right;

}

#sortOptions

{

margin-right: 15px;

}

-->

</style>