body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 88%;
  color: #336699;
  background-color: #FFFFED;
}

a {
  color: #336699;
}

a:hover {
  text-decoration: none;
}

table {
  font-size: 1em;
}

form {
  display: inline;
}

.portalSelect {
  font-size: .85em;
  font-weight: bold;
  color: #336699;
  background-color: #BBDBE6;
  border: 1px solid #336699;
  padding: 1px;
}

.portalText {
  font-weight: bold;
  color: #336699;
  background-color: #BBDBE6;
  border: 1px solid #336699;
}

.addActions {
  background-color: #BBDBE6;
  font-weight: bold;
  color: #336699;
  border: 1px solid #336699;
}

.animaltable {
  empty-cells: show;
  vertical-align: top;
  padding: 4px;
  border: 1px solid #336699;
  border-bottom: 1px solid #336699;
  margin-top: 12px;
  margin-bottom: 12px;
  border-collapse: collapse;
  width: 100%;
}

.animaltable td {
  font-size: 12px;
  vertical-align: top;
}

.animaltablerowout {
  background-color: #FFFFED;
}

.animaltablerowhover {
  background-color: #BBDBE6;
  cursor: default;
}

.animaltablerowselected {
  background-color: #E6F2FF;
  cursor: default;
}

.atb {
  border-bottom: 1px inset #BBDBE6;
  line-height: 1.5em;
}

.atH {
  vertical-align: top;
  font-weight: bold;
  background-color: #BBDBE6;
  color: #336699;
  font-weight: bold;
  padding: 4px;
}

.atHb {
  border-bottom:1px solid #336699;
}

.atH a {
  color: #336699;
  white-space: nowrap;
}

.comment {
  padding-left: 20px;
}

.portalTable {
  empty-cells: show;
  width: 100%;
  border-collapse: collapse;
  margin-top: 14px;
  font-size: .9em;
  border: 1px solid #336699;
}

.portalTable .portalSelect {
  font-size: 1em;
}

.portalTableName {
  text-align: right;
  vertical-align: top;
  border-bottom: 1px inset #BBDBE6;
  padding: 5px 4px 5px 4px;
	width: 175px;
}

.portalTableName a {
  font-weight: bold;
}

.portalTableValue {
  border-bottom: 1px inset #BBDBE6;
  padding: 5px 5px 4px 6px;
}

.portalTableValueRequired {
  border-left: 4px solid #336699;
  border-bottom: 1px inset #BBDBE6;
  padding: 4px;
}

.portalTableValueError {
  border-left: 4px solid red;
  border-bottom: 1px inset #BBDBE6;
  padding: 4px;
}

.portalTableHeader {
  border-bottom: 1px solid #336699;
  background-color: #BBDBE6;
  color: #336699;
  font-weight: bold;
  padding: 4px;
  cursor: default;
}

.portalTableSectionLeft {
  float: left;
  display: inline;
}

.portalTableSectionRight {
  float: right;
  display: inline;
  border-left: 4px solid #336699;
}

#navbar {
  text-align: center;
  position: absolute;
  left: 120px;
  top: 100px;
  width: 620px;
  height: 32px;
  background-color: #336699;
  color: #FFFFED;
  vertical-align: top;
  border-bottom: 0px solid #336699;
	line-height: 1.2em;
}

body>#navbar {
  position: absolute;
  left: 128px;
  top: 100px;
  width: 612px;
}

#navbarleftborder {
  border-left: 1px solid #FFFFED;
}

#header {
  background-color: #336699;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 135px;
}

#headertop {
  background-color: #336699;
  background-image: url(/images/headerbackground.jpg);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100px;
}

#headerimage {
  background-image: url(/images/header.jpg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 740px;
  height: 100px;
}

#sidebar {
  background-color: #336699;
  position: absolute;
  left: 0px;
  top: 132px;
  width: 120px;
  height: 1200px;
  padding: 4px;
  color: #FFFFED;
  font-size: .85em;
  cursor: default;
  text-align: center;
}

#sidebar a {
  color: #BBDBE6;
}

#sidebarmenu {
  text-align: left;
}

.menu {
  margin-bottom: 20px;
  line-height: 1.2em;
  white-space: nowrap;
}

#sidebarmenu a {
  color: #FFFFED;
  text-decoration: none;
}

#sidebarmenu a:hover {
  text-decoration: underline;
}

.search {
  font-weight: bold;
  margin-bottom: 20px;
}

.search input {
  margin: 4px 0px 0px 0px;
  background-color: #FFFFED;
  color: #336699;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #BBDBE6;
}

#sidebar img {
  margin-top: 20px;
  border: 1px solid #BBDBE6;
}

#container3 {
  position: absolute;
  left: 160px;
  top: 170px;
  width: 588px;
  height: 25px;
  padding: 4px;
  text-align: center;
}

#mainbody {
  background-color: #FFFFED;
  position: absolute;
  left: 132px;
  top: 135px;
  width: 608px;
  height: 100%;
  padding: 15px;
}

#status {
  font-size: .85em;
  margin-bottom: 16px;
}

#status div {
  text-align: center;
  font-size: .8em;
}

.bold {
  font-weight: bold;
}

body>#mainbody {
  width: 578px;
}

.deName {
  text-align: right;
  white-space: nowrap;
  font-size: .85em;
}

.deValue {
  text-align: left;
  font-size: .85em;
}

.sectionHeader {
  font-weight: bold;
  margin-bottom: 6px;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

#copynote {
  margin-top: 200px;
  text-align: center;
  padding-top: 30px;
}

#picPerms {
  margin-top: 50px;
  font-size: .75em;
}

.pageTitle {
  font-size: 1.35em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}

.message {
  color: #FFFFED;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  width: 300px;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #336699;
  border: 1px solid #BBDBE6;
  margin-left: auto;
  margin-right: auto;
}

.message a {
  color: #FFFFED;
}

.smaller {
  font-size: .75em;
}

.xlarge {
  font-size: x-large;
}

.displayNormal {
  visibility: visible;
}

.displayHidden {
  visibility: collapse;
}

.otherLinks {
  float: right;
  background-color: #336699;
  color: #FFFFED;
  border: 2px solid #BBDBE6;
  font-size: .95em;
  padding: 7px;
  margin: 0px 0px 4px 4px;
  text-align: left;
}

.otherLinks a {
  color: #FFFFED;
  text-decoration: none;
}

.otherLinks a:hover {
  text-decoration: underline;
}

.otherLinks div {
  text-align: center;
  font-weight: bold;
}

.mB4 {
  margin-bottom: 4px;
}

.mB8 {
  margin-bottom: 8px;
}

.mB10 {
  margin-bottom: 10px;
}

.mT4 {
  margin-top: 4px;
}

.mT8 {
  margin-top: 8px;
}

.mT10 {
  margin-top: 10px;
}

.mT20 {
  margin-top: 20px;
}

.wleftCell {
  text-align: left;
  width: 50%;
  border-right: 1px inset #BBDBE6;
  vertical-align: top;
}

.half {
  width: 50%;
}

.animaltable div {
  border: 1px solid #336699;
}

.animaltable div:hover {
  border: 1px solid #BBDBE6;
}

.headerNote {
  font-size: .85em;
  border: 2px solid #336699;
  background-color: #BBDBE6;
  margin: 10px 30px 10px 30px;
  padding: 10px
}

/* Styles that are used on the home page */

.homeTop {
  padding-bottom: 5px; 
  border-bottom: 1px solid #bbdbe6;
}

.homeWhy {
  float: left; 
  width: 274px; 
  margin-top: 20px; 
  padding-right: 14px; 
  padding-bottom: 10px;
  border-right: 1px solid #bbdbe6; 
}

.homeTopReasons {
  clear: left;
  border-top: 1px solid #bbdbe6; 
  margin-top: 20px;
  padding-top: 10px;
}

.homeImports {
  clear: left;
  border-top: 1px solid #bbdbe6; 
  margin-top: 20px;
  padding-top: 10px;
}

.homeBenefits {
  clear: left;
  border-top: 1px solid #bbdbe6; 
  margin-top: 20px;
  padding-top: 10px;
}

.homeHow {
  float: right; 
  width: 274px; 
  margin-top: 20px;
  padding-left: 14px;
}

#homeBegging {
  width: 175px;
  height: 304px;
  float: left; 
  margin-right: 10px; 
  margin-bottom: 10px; 
  border: 1px solid #336699;
}

/* Styles that are used on the list and search page for the thumbnails */

.thumbsTable {
  empty-cells:show;
}

.thumbsTable td {
  font-size:80%;
}

.thumbsIndex {
  vertical-align: top;
  width: 8px;
}

.thumbsTable div {
  background-repeat: no-repeat;
  background-color: transparent;
}

.thumbsFirst {
  text-decoration: none;
}

/* Change Partner div style */
.cp {
  font-weight: bold; 
  border: 1px solid #BBDBE6; 
  padding: 15px; 
  text-align: center; 
  margin-bottom: 20px;
}

/* Checklist styles */
.cl {
  background-color: #BBDBE6;
  color: #336699;
  padding: 5px 5px 4px 6px;
  text-align: center;
}

.cl div {
  float: left;
  font-size: 1.6em;
  color: red;
}

.cl input {
  background-color: #FFFFED;
  margin-top: 4px;
}

.portalTableName div {
  float: left;
  font-size: 1.6em;
  color: red;
	margin-top: -8px;
}

.portalRichText {
  border: 1px solid #336699;
  color: #336699;
}

#livehelp {
  visibility: hidden;
}

.topborder {
  border-top: 1px solid #336699;
}

.adminLink {
  font-size: .8em;
  text-align: center;
  margin-bottom:10px;
}

.adminLink a {
  font-weight: bold;
}

.pageAction {
  font-size: .8em;
}

.pageAction a {
  font-weight: bold;
}

.newItem {
  list-style-image: url(/images/newy.gif);
  margin-bottom: 12px;
	font-weight: bold;
	font-size: .75em;
}

.helpPopupLink {
  text-decoration: none;
	font-weight: bold;
}

.helpPopupLink span {
	color: red;
}

.picLinks {
  margin-bottom: 4px;
	border: 0;
	font-size: .9em;
}

.picImage {
  width:100%;
	text-align:center; 
}

.picImage img {
  width:100px;
	border: 1px solid #336699;
}

.picImage img:hover {
	border: 1px solid #BBDBE6;
}

.livehelp {
  width: 200px;
}

.livehelp a:hover {
	background-color: #FFFFED;
}

.lostAnimals {
  width: 592px;
  position: fixed;
  _position: absolute;
  top: 5px;
  _top:expression(eval(document.body.scrollTop));
  left: 139px;
	z-index: 1000;
}

#lostBoxes {
	border: 1px solid #336699;
	background-color: #BBDBE6;
	margin-top: 5px;
	font-size: 12px;
	overflow: hidden;
}

.lostAnimalsClosed {
}

#lostTextarea a {
  text-decoration: none;
}

#lostBoxesCourtesy a {
  color: #FFFFED;
}

#lostBoxesClosed {
  width: 54px;
  position: fixed;
  _position: absolute;
  top: 5px;
  _top:expression(eval(document.body.scrollTop));
  right: 0px;
	z-index: 1000;
	border: 1px solid #336699;
	background-color: #BBDBE6;
	margin: 5px;
	font-size: 12px;
	padding: 4px;
	text-align: center
}

#lostBoxesClosedCount {
  display: inline;
}

#lostBoxesHeader {
  height: 24px;
	background-color: #336699;
	color: #FFFFED;
	font-weight: bold;
	padding: 4px 4px 0px 4px;
	cursor: default;
}

#lostBoxesTitle {
  float:left
}

#lostBoxesClose {
  float:right;
}

#lostBoxesContent {
  padding:4px;
}

#lostScrollUp {
  margin-bottom: 4px;
  background-color: #336699;
	height:18px;
	text-align:center;
	color:#FFFFED;
	font-size:smallest;
}

#lostImages {
  position: absolute;
  top: 50px;
  right: 24px;
}

#lostTextarea {
  height: 82px;
	overflow: auto;
	overflow-x: hidden;
}

#lostScrollDown {
  margin-top: 4px;
  background-color: #336699;
	height: 18px;
	text-align: center;
	color: #FFFFED;
	font-size: smallest;
}

#lostScrollDown a, #lostScrollUp a {
  color: #FFFFED;
	text-decoration: none;
}

#lostScrollDown a:hover, #lostScrollUp a:hover {
  cursor: pointer;
}

.lostRow {
  white-space: nowrap;
}

.bd {
  letter-spacing: .4px;
  font-size: 130%;
  color:#336699;
  text-align:center;
}

.bd img {
 vertical-align:middle;
}

#closePopUp{
	text-align:right;
}

#closePopUp a, #closePopUp a:link, #closePopUp a:visited, #closePopUp a:hover{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
}

.yui-skin-sam .mask {
  background-color:#000000 !important;
  opacity:0.75 !important;
}

.yui-panel-container, .shadow {

}

.mask{
background-color:#000000 !important;
  opacity:0.75 !important;
}

.yui-skin-sam .yui-panel .hd {
  background:#F7F7F7 url('') !important; 
  background-image:none !important;
  background-color:#F7F7F7 !important;
}

.yui-skin-sam .yui-panel .ft {
  background:#F7F7F7 url('') !important; 
  background-image:none !important;
  background-color:#F7F7F7 !important;
}

.socialLinks {
  padding: 4px 4px 1px 4px;
  background-color: #EEF6EB;
  border: 1px solid #CCD9D8;
  float: right;
}

.socialLinks a:hover {
  background-color: transparent;
}