body {
  margin: 0;
  border:0;
  background-color: #FFF;
}

body, td, .standardText {
  font-family: Tahoma, Geneva, sans-serif;
  color: #5E5E5E;
}

.mceContentBody, .editorBody {
   background: #FFF !important;
	 font-size: inherit;
   font-size:14pt;
	 text-align:left;
	 padding:5px;
}

input, select {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: smaller;
	margin: 2px;
	padding: 1px;
}

.pageCenterTitle {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 12px;
  display:block;
}

legend {
  font-size: 1.2em;
  font-weight: bold;
  padding:0 5px;
}

.navLinks {
  TEXT-ALIGN: center;
  padding-bottom: 20px;
  font-size: smaller;
}

.standout {
  color: #9C64A6 !important;
}

a:link, .standout {
  color: #9C64A6;
}

a:visited {
  color: #9C64A6;
}

a:active {
  color: #9C64A6;
}

a:hover {
  color: #5C007A;
}


.secondary {
  color: #FFF;
  background-color: #371A87;
}

.secondary .editableShow {
  border: 1px solid #FFF;
}

.strong {
  color: #FFF;
  background-color: #927CB7;
}

.menuText {
  font-size: 10px;
  color: #FFF;
}

.menuText a:link, .menuText a:visited {
  color: #FFF;
  text-decoration: none;
}

.menuText a:hover {
  color: #927CB7;
}

.menuL1, .menuL2, .menuL3 {
  cursor: default;
}

.contentSectionHeader {
  background-color: #371A87;
  text-align: center;
  font-weight: Bold;
  font-style: Italic;
  color: #FFF;
	margin: 8px 0px 8px 0px;
	display:block;
}

.fieldMessageArea {
  white-space: no-wrap;
  margin-left: 3px;
  font-weight: bold;
}

.ddDivider {
  background-color: beige;
  letter-spacing: .5px;
  font-weight: bold;
}

.ddControl {
  color: darkred;
}

.ddCurrent {
  color: darkred;
  font-weight: bold;
}

.ddFaded {
}

/*  Table styles  */

table.portalTable {
	width: 450px;
  margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #5E5E5E;
	empty-cells: show;
  border-collapse: collapse;
}

.portalTable caption {
  font-size: 120%;
	font-weight: bold;
}

.portalTable thead td, .portalTable tfoot td {
	border-bottom: 1px inset #5E5E5E;
  background-color: #371A87;
  font-size: .72em;
  font-weight: bold;
  color: #FFF;
  padding: 4px;
  white-space: nowrap;
	vertical-align: middle;
}

.portalTable thead td a:hover {
  cursor: pointer;
}

.portalTable td {
  font-size: .72em;
  vertical-align: top;
	padding: 4px;
}

.portalTableSectionLeft {
  font-size: 115%;
  float: left;
  display: inline;
}

.portalTableSectionRight {
  background-color: #FFF;
	color: #5E5E5E;
  float: right;
  display: inline;
  padding: 3px;
}

.portalTableSectionRight div {
  border-left: 4px solid #5E5E5E;
}

.portalTableName {
  text-align: right;
  vertical-align: top;
  border-bottom: 1px inset #5E5E5E;
}

.portalTableValue {
  border-bottom: 1px inset #5E5E5E;
  padding-left: 8px !important;
  text-align: left;
}

.portalTableValueRequired {
  border-left: 4px solid #5E5E5E;
  border-bottom: 1px inset #5E5E5E;
  text-align: left;
}

.portalTableValueStandout {
  border-bottom: 1px inset #5E5E5E;
  padding-left: 8px !important;
  color: #FFF;
  background-color: #371A87;
}

.portalTableValue .fieldError, .portalTableValueRequired .fieldError {
	color: #9C64A6;
	font-weight: bold;
}

.portalText, .portalTable textarea {
  color: #5E5E5E;
  border: 1px solid #5E5E5E;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.1em;
}

.portalTableValue>.portalText {
  font-size: 1em;
	padding: 1px;
}

.portalTable select, .portalSelect {
  color: #5E5E5E;
  border: 1px solid #5E5E5E;
	font-size: 1em;
}

.portalCheckbox {
  margin: 0px;
}

.portalButton, .portalSubmit, .submit {
  background-color: #371A87;
  font-weight: bold;
  color: #FFF;
  border: 1px solid #FFF;
  margin: 10px 5px;
}

.portalButton:hover, .portalSubmit:hover, .submit:hover {
  background-color: #927CB7;
  color: #FFF;
  border: 1px solid #371A87;
}

.portalActions {
  text-align: left;
  font-weight: bold;
  vertical-align: top;
}

.portalTable .sorttable_nosort {
  white-space: nowrap;
}

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

/*  End Table Styles  */

.addNewItem {
  white-space: nowrap;
}

.center {
  text-align: center;
}

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

#pageMessagesBox {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 500px;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #371A87;
  border: black solid 1px;
  font-size: 13px;
  color: #FFF;
}

.pageMessageError {
  margin:3px;
  margin-bottom:7px;
  text-align:left;
}

a.clicktoerror {
  text-decoration:underline;
  cursor:pointer;
  font-weight:bold;
}

a.clicktoerror:hover {
  text-decoration:none;
}

.error, .required {
color: #9C64A6;
font-weight: bold;
font-size: .85em;
margin-left: 2px;
}

.note {
color: #9C64A6;
font-size: .85em;
}

.formButtons {
text-align:center;
}

.comments {
  font-size: .85em;
  background-color: #371A87;
  color: #FFF;
  margin: 20px;
  padding: 8px;
  border: 1px solid #FFF;
}

.rainbowbridgeTop, .browsekittensTop, .browseTop {
  margin: 5px;
}

.littlespace {
  margin: 8px;
}

.animalDetailBlock {
  margin-top: 15px;
  margin-bottom: 15px;
}

.animalDetailTitle {
  font-weight: bold;
}

.smallFormField {
  margin: 1px;
  padding: 1px;
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.flags {
  text-align: center;
}

.flags img {
  border: none;
  vertical-align: middle;
}

.translate {
  background-color: yellow;
  color: black;
  font-weight: bold;
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

.inline {
	display : inline;
}

.animalimg {
  text-decoration: none;
    border: 1px solid black;
}

.logoimg {
  border: none;
  margin: 5px;
}

.AnimalAd {
  border: none;
  text-align: center;
  font-size: x-small;
  margin:10px
}

.smaller, .boxedLinks {
  font-size: smaller;
}

.iGive {
  background-image: url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/swingbags120.gif);
}

.noFormatting {
  margin: 10px;
}

.littleFont{
	font-size:0.65em;
}

.affiliate {
	text-align : center;
	font-size:0.65em;
	margin-left : auto;
	margin-right : auto;
	margin-top : 5px;
	width : 100%;
}

#affiliateVolunteerMatch {
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	width:130px;
}

#affiliateUnitedWay {
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	width:100px;
}

#affiliatePaypal {
  width: 73px;
  height: 44px;
  margin-right: auto;
  margin-left: auto;
  background: url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/x-click-butcc-donate.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/*  Admin only styles  */

.adminMenu {
  width: 100%;
  background: #371A87;
}

.adminOnly {
  font-weight: bold;
  color: #9C64A6;
}

.QAHidden {
	font-size: smaller;
	display: none;
}
.QAVisible {
	font-size: smaller;
	display: block;
}

.completedFormQuestion {
  font-weight: bold;
}

.completedFormAnswer {
}

/* Styles for the Tigra Menu */
/* Style for a block - DIV */
.m0table {
	background: #927CB7;
	border: 1px none #927CB7;
}
/* Style for outer tag, mout (mouse out) state */
.m0mouto {
	background: #FFF;
}

.m0movero, .m0mdowno {
	background: #371A87;
}

/* Style for inner tag, mover (mouse over) state */
.m0inner, .m0mouti, .m0moveri, .m0mdowni {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.m0mouti {
  background-color: #FFF;
  color: #5E5E5E;
}

.m0moveri {
  background-color: #371A87;
  color: #FFF;
}

.m0mdowni {
  background-color: #927CB7;
  color: #FFF;
}

#actionsButtonsBottom, #actionsButtonsTop {
  width: 525px;
	margin-left: auto;
	margin-right: auto;
}

.dataTableForm {
  display: inline;
}

#PageFooter {
  margin-top: 15px;
}

#PageHeader {
  margin-bottom: 15px;
}

.hiddenNotification {
  display: none;
}

.visibleNotification {
  font-size: .7em;
  background-color: #371A87;
  color: #FFF;
  border: 1px solid #FFF;
  width: 250px;
  padding: 3px;
  white-space: nowrap;
  margin-left: auto;
  cursor: pointer;
	font-weight: bold;
	text-align: center;
  position: fixed;
  _position: absolute;
  top: 0px;
	_top:expression(eval(document.body.scrollTop));
  right: 0px;
}

html>body>.visibleNotification {
  position: fixed;
}

.copyright {
  text-align: center;
	margin: 15px;
	font-size:.65em;
}

.poweredby {
  text-align: center;
	margin: 15px;
}

.browsePicture{
float:left !important;
height:auto;
margin-right:15px;
overflow : hidden;
text-align:center !important;
width:260px;
}

.browseInfo{
text-align:left !important;
float : left !important;
width : 200px;
height:auto;
}

.browse{
text-align:left !important;
height:auto;
overflow : hidden;
width: 480px;
font-size: smaller;
margin-bottom : 15px;
margin-right : auto;
margin-left : auto;
}

.browseNoPicture {
border-bottom:2px solid black;
border-top:2px solid black;
float:left !important;
height:auto;
margin-right:15px;
overflow:hidden;
text-align:center !important;
width:260px;
}

.browseContainer {
text-align : center;
}

.npLinks {
  text-align: center;
	padding: 30px;
  /*clear: both;
  //margin: 20px;*/
}

.highlighted {
margin: 5px auto 15px auto;
text-align:left !important;
height:auto;
overflow : hidden;
width: 100%;
font-size: smaller;
}

.highlightedPicture {
float:left !important;
height:auto;
margin-right:15px;
text-align:center !important;
width:110px;
}

.highlightedInfo{
text-align:left !important;
float : left !important;
width : 380px;
height:auto;
}

.hightlightedReadMore {
font-size:smaller;
}

.lastUpdatedDT {
	text-align : center;
	font-size : 8pt;
}

.tinyMCEfontSize1 {
	font-size : 8pt;
}

.tinyMCEfontSize2 {
	font-size : 10pt;
}

.tinyMCEfontSize3 {
	font-size : 12pt
}

.tinyMCEfontSize4 {
	font-size : 14pt;
}

.tinyMCEfontSize5 {
	font-size : 18pt;
}

.tinyMCEfontSize6 {
	font-size : 24pt;
}

.tinyMCEfontSize7 {
	font-size : 36pt;
}

/*New Admin Menu Styles*/
/* Style for a block - DIV */
.m0table {
	background: #371A87;
	border: 1px none #371A87;
}
/* Style for outer tag, mout (mouse out) default state */
.m0default {
	background: #FFF;
}
/* Style for outer tag, mover (mouse over) state */
.m0hover {
	background: #371A87;
}
/* Style for outer tag, mdown (mouse down) state */
.m0clicked {
	background: #371A87;;
}
/* Style for inner tag */
.m0inner {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	color : #5E5E5E;
}
.m0innerhover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	color : #FFF;
}
.m1table {
	background: #371A87;
	border: 1px none #371A87;
}
/* Style for outer tag, mout (mouse out) default state */
.m1default {
	background: #FFF;
}
/* Style for outer tag, mover (mouse over) state */
.m1hover {
	background: #371A87;
}
/* Style for outer tag, mdown (mouse down) state */
.m1clicked {
	background: #371A87;;
}
/* Style for inner tag */
.m1inner {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	color : #5E5E5E;
}

.m2table {
	background: #371A87;
	border: 1px none #371A87;
}
/* Style for outer tag, mout (mouse out) default state */
.m2default {
	background: #FFF;
}
/* Style for outer tag, mover (mouse over) state */
.m2hover {
	background: #371A87;
}
/* Style for outer tag, mdown (mouse down) state */
.m2clicked {
	background: #371A87;;
}
/* Style for inner tag */
.m2inner {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	color : #5E5E5E;
}

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

.helpPopupLink span {
	color: #9C64A6;;
}

.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;
}

#dogTimeSAD {
display:block;
text-align:center;
}

#dogTimeSAD img {
border:0px;
}

#dogTimeSAC {
display:block;
text-align:center;
}

#dogTimeSAC img {
border:0px;
}

.sparky {
height:350px;
width:170px;
margin-left:auto;
margin-right:auto;
padding:3px;
text-align:center;
}

/* Sytles for new grid animal list */

.animalBrowsePanel {
font-size:12px;
width:auto;
text-align:center;
}

.animalBrowsePanel hr {
  border: solid #927CB7 0;
  border-top-width: 1px;
  height: 0;
  color: #927CB7;
  margin:3px 0;
}

.animalGrid {
	margin-left:auto;
	margin-right:auto;
	width:600px;
}

.animalGrid .searchResultsCell {
    width: 200px;
  height: 110px;
  font: 12px Arial;
  padding: 0 6px;
  vertical-align: top;
  text-align:left;
}

.animalGrid .border {
	 border-right: 1px inset #927CB7;
}

.animalGrid .searchResultsCell img {
  border: 1px solid #371A87;
}

.animalGrid .petName {
	display:block;
	width:100%;
	text-align:center;
	padding:6px 0 ;
	margin:3px 0 7px;
	background-color:#927CB7;
	color:#FFF;
}

.animalGrid .petName a, .animalGrid .petName a:link, .animalGrid .petName a:hover,.animalGrid .petName a:visited {
	color:#FFF;
}

.animalGrid .petNameBottom {
	display:block;
	width:100%;
	text-align:center;
	padding:3px 0 ;
	margin:3px 0 2px;
}

.animalGrid .petName,.animalGrid .petNameBottom,.animalGrid  .petBreed {
  font-weight: bold;
}

.animalGrid .noBorder {
  border-right: 0;
}

.animalBrowsePanel .pageLinks {
  margin-top: 12px;
  margin-bottom: 2px;
  background-color: #FFF;
  color:#5E5E5E;
  text-align: center;
  padding: 4px;
}

.animalBrowsePanel .pageLinks a, .animalBrowsePanel .pageLinks a:visited, .animalBrowsePanel .pageLinks a:active {
  border: 1px solid #371A87;
  padding:0 4px 1px;
  color: #371A87;
  margin: 0 4px;
}

.animalBrowsePanel .pageLinks a:hover {
  border: 1px solid #927CB7;
}

.animalBrowsePanel .pageLinksActive {
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #371A87;
  padding:0 4px 1px;
}

.animalGrid .petPicLink {
  display: inline-block;
  text-align:center;
  float:left;
  margin:0 7px 3px;
  width:120px;
  height:120px;
}

* html .animalGrid .petPicLink {
  width:120px;
  height:120px;
}

.animalGrid .petPicLink a:hover {
  background-color: transparent;
}

.animalGrid .petDetails {
	text-align:left;
	display:inline-block;
	margin-top:1em;
	vertical-align:top;
	width:auto;
	float:left;
}

.animalGrid .petDetails span {
	display:inline-block;
	padding:2px;
}

.animalGrid .petDetails .petDescription {
	margin-top:10px;
}

#animalDetails.yui-panel .hd {
	display:none;
}
#animalDetails.yui-panel .ft {
	display:none;
}
#animalDetails.yui-panel .container-close {
	display:none;
}
#animalDetails.yui-panel .bd #closeAnimalDetails {
position:absolute;
bottom:5px;
right:7px;
font-size:12px;
letter-spacing:0px;
}

#animalDetails.yui-panel .bd #closeAnimalDetails a {
color:#9C64A6;
}

.musicPlayer {
	position:fixed;
	*position:absolute;
	*left:expression(document.body.scrollLeft+document.body.clientWidth-this.clientWidth-2);
  *top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-2);
	bottom:2px;
	right:3px;
	padding:5px;
	background-color:#FFF;
	border:1px solid #5E5E5E;
	width:190px;
}

.musicPlayer .control {
	position:absolute;
	top:3px;
	right:3px;
	z-index:10;
	cursor: pointer;
}

#mceTemplatePreview table td {
border:2px dotted #CCC;
}

#mceTemplatePreview table tbody td {
height:150px;
}

.sidebarBox {
text-align:left;
margin:10px auto;
border:1px solid #5E5E5E;
background-color:#FFF;
padding:5px;
}

.sidebarBox .heading {
	font-weight:bold;
	background-color:#371A87;
	color:#FFF;
	border:1px solid #5E5E5E;
	font-size:1.15em;
	margin:1px;
	padding:3px;
	display:block;
}

.contentBoxBody {
text-align:left;
margin:10px auto;
border:1px solid #5E5E5E;
padding:5px;
color:#5E5E5E;
}

.contentBoxBody .heading {
	font-weight:bold;
	background-color:#371A87;
	color:#FFF;
	border:1px solid #5E5E5E;
	font-size:1.15em;
	margin:1px;
	padding:3px;
	display:block;
}

.contentBoxStrong {
text-align:left;
margin:10px auto;
border:1px solid #5E5E5E;
padding:5px;
background-color:#927CB7;
	color:#FFF;
}

.contentBoxStrong .heading {
	font-weight:bold;
	background-color:#371A87;
	color:#FFF;
	border:1px solid #FFF;
	font-size:1.15em;
	margin:1px;
	padding:3px;
		display:block;
}

.contentBoxStrong td {
	color:#FFF;
	background-color:#927CB7;
}

.contentBoxStrong a{
	 color:#FFFFFF;
}
.contentBoxStrong a:link{
	 color:#FFFFFF;
}
.contentBoxStrong a:visited{
	 color:#FFF;
}
.contentBoxStrong a:active{
	 color:#FFF;
}
.contentBoxStrong a:hover{
	 color:#5C007A;
}

.contentBoxSecondary {
	text-align:left;
	margin:10px auto;
	border:1px solid #5E5E5E;
	padding:5px;
	background-color:#371A87;
	color:#FFF;
}

.contentBoxSecondary td {
	color:#FFF;
	background-color:#371A87;
}

.contentBoxSecondary .heading {
	font-weight:bold;
	background-color:#927CB7;
	color:#FFF;
	border:1px solid #FFF;
	font-size:1.15em;
	margin:1px;
	padding:3px;
		display:block;
}

.contentBoxSecondary a{
	 color:#FFF;
}
.contentBoxSecondary a:link{
	 color:#FFF;
}
.contentBoxSecondary a:visited{
	 color:#FFF;
}
.contentBoxSecondary a:active{
	 color:#FFF;
}
.contentBoxSecondary a:hover{
	 color:#9C64A6;
}

.shopCategory {
text-align:center;
position:relative;
left:50%;
width:400px;
margin-left:-200px;
clear:left;
}

.shopPage {
text-align:center;
}

.siteSearchForm {
    border: 1px solid;
    font-size: 90%;
    margin: 5px 5px 10px;
    padding: 3px;
}

.siteSearchFormInline {
    border: 0px solid;
}

.hiddenElement {
  display:none;
}

#sponsorAnimalMainImage {
  float: left;
  margin: 0px 10px 0px 0px; 
  overflow: visible;
}

#sponsorAnimalSummary {
  text-align: left; 
  width: auto;
}

#animalSummary {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: larger;
  letter-spacing: 1.2px;
}

.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;
}

.pageMessageError {
	text-align: left;
	color: #900;
	margin-bottom: 2px;
	margin-left: 5px;
}
 
.pageMessageWarning {
	text-align: left;
	margin-bottom: 2px;
	margin-left: 5px;
}
 
.pageMessageInformational {
	text-align: left;
	margin-bottom: 2px;
	margin-left: 5px;
}

/* Override some styles from style_common.inc */
input, select {
  font-size: inherit;
}

.navLinks {
  font-size: inherit;
}

.portalTable caption {
  font-size: 1.2em;
}

.portalTable thead td, .portalTable tfoot td {
  font-size: inherit;
}

.portalTable td {
  font-size: inherit;
}

.portalTableSectionLeft {
  font-size: 1.1em;
}

.portalText, .portalTable textarea {
  font-size: 1.1em;
}

.portalTableValue>.portalText {
  font-size: 1em;
}

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

.message {
  font-size: inherit;
}

.comments {
  font-size: .85em;
}

.animalSummary {
  font-size: inherit;
}

.smaller, .boxedLinks {
  font-size: .85em;
}

.affiliate {
	font-size:1em;
}

.QAHidden {
	font-size: .85em;
}
.QAVisible {
	font-size:.85em;
}

.visibleNotification {
  font-size: .85em;
}

html>body>.visibleNotification {
  position: fixed;
}

.copyright {
  text-align: center;
	margin: 15px;
	font-size:.85em;
}

.browse, .highlightedInfo{
font-size:14pt;
}

.highlighted {
font-size:14pt;
}

.highlightedPicture {
margin-top: -15px;
}

.hightlightedReadMore {
font-size:14pt;
}

.lastUpdatedDT {
	text-align : center;
	font-size:14pt;
}

.bd {
  font-size:inherit;
}

#closePopUp a, #closePopUp a:link, #closePopUp a:visited, #closePopUp a:hover{
	font-size:14pt;
}

.littlespace {
	font-size:1em;
}

.littleFont {
	font-size:1em;
}

#sideBarHits{
	text-align:center;
	margin-top:5px;
}

#sideBarHits img {
	vertical-align:middle;
}

.portalTable tbody td {
	background : #FFF none repeat scroll 0 0;
}

body, td {
	font-size:14pt;
	color:#5E5E5E;
  line-height:1.4em;
}


.portalTableValueStandout {
	background-color:#371A87 !important;
	border-bottom:1px inset #FFF !important;
	color:#FFF !important;
	padding-left:8px !important;
}

.secondary {
  color:#FFF;
  background-color:#371A87;
}

.secondary a{
	 color:#FFF;
}
.secondary a:link{
	 color:#FFF;
}
.secondary a:visited{
	 color:#FFF;
}
.secondary a:active{
	 color:#FFF;
}
.secondary a:hover{
	 color:#9C64A6;
}

.contentSectionHeader {
	color:#5E5E5E;
	background-color:#FFF;
	text-align:left;
	font-size:1.25em;
	font-style:normal;
	border-bottom:2px solid #371A87;
	padding-bottom:3px;
}
.contentSectionHeader a{
	 color:#9C64A6;
	 text-decoration:none;
}
.contentSectionHeader a:link{
	 color:#9C64A6;
}
.contentSectionHeader a:visited{
	 color:#9C64A6;
}
.contentSectionHeader a:active{
	 color:#9C64A6;
}
.contentSectionHeader a:hover{
	 color:#5C007A;
}

.portalTable thead td a, .portalTable tfoot td a{
	 color:#FFF;
}
.portalTable thead td a:link, .portalTable tfoot td a:link{
	 color:#FFF;
}
.portalTable thead td a:visited, .portalTable tfoot td a:visited{
	 color:#FFF;
}
.portalTable thead td a:active, .portalTable tfoot td a:active{
	 color:#FFF;
}
.portalTable thead td a:hover, .portalTable tfoot td a:hover{
	 color:#9C64A6;
}

.portalTableValueStandout a{
	 color:#FFF;
}
.portalTableValueStandout a:link{
	 color:#FFF;
}
.portalTableValueStandout a:visited{
	 color:#FFF;
}
.portalTableValueStandout a:active{
	 color:#FFF;
}
.portalTableValueStandout a:hover{
	 color:#9C64A6;
}

.message a{
	 color:#FFF;
}
.message a:link{
	 color:#FFF;
}
.message a:visited{
	 color:#FFF;
}
.message a:active{
	 color:#FFF;
}
.message a:hover{
	 color:#9C64A6;
}

.comments a{
	 color:#FFF;
}
.comments a:link{
	 color:#FFF;
}
.comments a:visited{
	 color:#FFF;
}
.comments a:active{
	 color:#FFF;
}
.comments a:hover{
	 color:#9C64A6;
}

.portalTableSectionRight a, .portalTableSectionRight a:link, .portalTableSectionRight a:visited {
	color:#9C64A6 !important;
}

.portalTableSectionRight a:hover {
	color:#5C007A;
}

#storiesPageLinks {
	padding-right:20px;
}

#pageMessage {
margin-top:20px;
}

.lastUpdatedDT {
	display:inline;
	float:right;
	font-size:1em;
}

.sparky {
	z-index:0;
}

.portalTable thead td, .portalTable tbody td, .portalTable tfoot td, .portalTable td, {
	font-size:14pt;
}

#sidebarSparky {
	text-align:center;
	width:auto;
}

.sparky {
	height:300px;
	margin-top:7px;
}

/*Start Layout Specific Styles*/
body{
	text-align : center;
}

#adminMenuContainer .adminMenu{
	text-align : left !important;
	border-bottom : 2px solid #5E5E5E;
}

body {
	background-color : #333;
}

.siteWidth {
	width : 1050px;
}

#bodyContainer {
	margin:10px 0 5px 0;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	background-color : #FFF;
	font-size:inherit;
}

#header {
	margin: 0 0 0 0;
	color: #FFF;
}

#headerContent {
  background-color : #927CB7;
  color:#FFF;
  padding:10px;
}

#headerContent a{
   color:#FFFFFF;
}
#headerContent a:link{
   color:#FFFFFF;
}
#headerContent a:visited{
   color:#FFF;
}
#headerContent a:active{
   color:#FFF;
}
#headerContent a:hover{
   color:#5C007A;
}

#headerContainer a{
   color:#FFFFFF;
}
#headerContainer a:link{
   color:#FFFFFF;
}
#headerContainer a:visited{
   color:#FFF;
}
#headerContainer a:active{
   color:#FFF;
}
#headerContainer a:hover{
   color:#5C007A;
}

#headerLogo{
  }

#headerTitle{
  padding-left:5px;
  text-align:left;
  font-size:2em;
  font-weight:bold;
  color:#FFF;
  letter-spacing:2px;
  white-space:nowrap;
}

#headerContact{
  padding-left:5px;
  text-align:left;
  color:#FFF;
  font-weight:bold;
  white-space:nowrap;
}

#headerContact span{
  display:block;
  white-space:nowrap;
}


#editableHeader {
	display:inline;
}

#orgName {
	font-size:28px;
	margin-top:10px;
}

#slogan {
	font-size:18px;
	margin-top:5px;
}

#headerCustomText .boxedLinks {
	display:none;
}

.sidebarBox {
text-align:left;
margin:10px auto 20px auto;
}

.sidebarBox .heading {
	font-weight:bold;
	background-color:#371A87;
	color:#FFF;
	border:1px solid #5E5E5E;
	font-size:1.15em;
	margin:1px;
	padding:3px;
}

.sidebarBox form {
	padding:3px 0 3px 20px;
}

.sidebarBox form .portalSubmit, .sidebarBox form .offCenter {
	margin-left:-20px;
}

.sidebarBox .menuL1 {
	padding:3px;
	margin:5px 0 5px 10px;
	font-weight:bold;
	background-color:#FFF;
	color:#5E5E5E;
	border:0px solid #5E5E5E;
	font-size:1.05em;
}

.sidebarBox .menuL2, .sidebarBox .menuL3 {
padding:1px 0px 1px 20px;
}

#footerAffiliates {
	padding:3px;
	text-align:center;
}

#footerAffiliates div {
	display:inline;
	*display:inline;
	padding:3px;
}

#footer td a{
	 color:#FFFFFF;
}
#footer td a:link{
	 color:#FFFFFF;
}
#footer td a:visited{
	 color:#FFF;
}
#footer td{
	 color:#FFF;
}
#footer td a:hover{
	 color:#5C007A;
}

#footerContent {
	background : #927CB7;
	color: #FFF;
	min-height:200px;
}

#footerContent {
  padding:15px;
  color: #FFF;
}

#footerContent td {
  color: #FFF;
}

#footerMenu {
		padding:10px;
    text-align:center;
}

#footercopyright {
  text-align:center;
}

#copyright {
  width:600px;
  margin:auto;
}

.menuBottom, .menuBottomfirst {
	display:inline;
}

.menuBottom a, .menuBottomfirst a{
	 color:#FFF;
}
.menuBottom a:link, .menuBottomfirst a:link{
	 color:#FFF;
}
.menuBottom a:visited, .menuBottomfirst a:visited{
	 color:#FFF;
}
.menuBottom a:active, .menuBottomfirst a:active{
	 color:#FFF;
}
.menuBottom a:hover, .menuBottomfirst a:hover{
	 color:#9C64A6;
}


#sidebarmiddle {
	text-align:left;
}

#hitCounter {
	text-align:center;
}

.pageCenterTitle {
	text-align:left;
	font-size:1.55em;
}

#headerMenu {
  background-color: #371A87;
  border-top:1px solid #FFF;
  border-bottom:1px solid #FFF;
}

#headerMenu a {
	display:inline-block;
	*display:inline;
	padding:3px;
}

#headerAffiliates {
	padding:3px;
	text-align:right;
	vertical-align:middle;
}

#headerAffiliates div {
	float:right;
	*float:none;
	padding:0 3px;
	display:inline;
}

#headerAffiliates div .littlespace {
	float:right;
	padding:0 3px;
	margin:0;
}

#headerMenu {
	vertical-align:bottom;
}

table#content {
margin-top:20px;
margin-bottom:20px;
background-color:#FFF;
}

#content tbody td {
	vertical-align:top;
}

#content tbody td#left, #content tbody td#right {
	padding: 10px 5px 5px;
	width:220px;
	*width:230px;
	text-align:center;
}

#content tbody td#center {
	padding: 0px 20px;
}

#subFooter, #subFooter a, #subFooter a:Link, #subFooter a:Hover, #subFooter a:Visited, #subFooter a:Active{
	color:#FFF;
}

/* Styles for the Tigra Menu */
/* Style for a block - DIV */
.menuLevel0 {
  background: #371A87;
	border: 0px none #5E5E5E;
	margin-left:auto;
	margin-right:auto;
}

/* Style for outer tag, mout (mouse out) state */
.menuLevel0OuterOut, .menuLevel0OuterOver, .menuLevel0OuterDown {
  /*border: 1px solid #FFF;*/
  text-align:center;
  padding: 0px;
}

/* Style for inner tag, mover (mouse over) state */
.menuLevel0InnerOut, .menuLevel0InnerOver, .menuLevel0InnerDown {
  font-family: Tahoma, Geneva, sans-serif;
  font-size:15.4pt;
  /*white-space:nowrap;*/
  background-color: #371A87;
  color: #FFF;
    padding: 0px;
  text-align:center;
}

.menuLevel0InnerOut {
}

.menuLevel0InnerOver {
  background-color: #927CB7;
  color: #FFF;
}

.menuLevel0InnerDown {
  background-color: #927CB7;
  color: #FFF;
}

.menuLevel1 {
  background: #371A87;
  border: 0px none #5E5E5E;
  margin-left:auto;
  margin-right:auto;
  padding: 0px;
}

.menuLevel1OuterOut, .menuLevel1OuterOver, .menuLevel1OuterDown {
  border: 0px solid #FFF;
  text-align:left;
  padding: 0px 0px 0px 0px;
  border-left: 3px solid #371A87;
}

.menuLevel1InnerOut, .menuLevel1InnerOver, .menuLevel1InnerDown {
  font-family: Tahoma, Geneva, sans-serif;
  font-size:15.4pt;
  white-space:nowrap;
  background-color: #371A87;
  color: #FFF;
    padding: 0px;
  border-left: 0px solid #371A87;
}

.menuLevel1InnerOut {
}

.menuLevel1InnerOver, .menuLevel1OuterOver {
  background-color: #927CB7;
  color: #FFF;
  padding:0px;
  border-left: 3px solid #927CB7;
}

.menuLevel1InnerDown, .menuLevel1OuterDown {
  background-color: #927CB7;
  color: #FFF;
  padding:0px;
  border-left: 3px solid #927CB7;
}


#CustomPage21288 #content {
	background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s7137nqsrexlns50.webp);
}
#CustomPage21288.noFormatting {
  background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s7137nqsrexlns50.webp);
}
#CustomPage21290 #content {
	background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s7137nqsrexlns50.webp);
}
#CustomPage21290.noFormatting {
  background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s7137nqsrexlns50.webp);
}
#CustomPage21718 #content {
	background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s7137nqsrexlns50.webp);
}
#CustomPage21718.noFormatting {
  background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s7137nqsrexlns50.webp);
}

#Page314 #content {
	background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s7137nqsrexlns50.webp);
}

/* =============== CSS V.1 RESCUEGROUPS.ORG =============== */

#Page95 li { 
	margin-bottom: 25px;
}


/* =============== FONT AWESOME SOCIAL MEDIA ICONS IN HEADER =============== */

/* General Container Styling */
.social-icons-container {
    display: flex;
    justify-content: flex-start; /* Align the icons slightly to the right */
    align-items: center;
    margin-bottom: 20px;
    gap: 15px; /* Spacing between items */
    position: relative;
    left: 20px; /* Moves the entire group slightly to the right */
}

.buttons-container {
    display: flex;
    justify-content: center; /* Align buttons */
    gap: 20px; /* Spacing between buttons */
    margin-top: 20px;
}

/* Social Media Icons */
.social-icons-container a {
    display: inline-flex;
    justify-content: center;
    align-items: center; /* Ensures the icon/logo is centered */
    width: 60px; /* Circle size */
    height: 60px;
    border-radius: 50%; /* Ensures the circle shape */
    background-color: #e0e0e0; /* Light background for visibility */
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adds subtle shadow for depth */
}

.social-icons-container a img {
    max-width: 40px; /* Fit the Chewy logo inside the circle */
    max-height: 40px;
}

.social-icons-container a i {
    font-size: 24px; /* Icon size proportional to the circle */
    color: white;
}

.social-icons-container a:hover {
    background-color: #d1d1d1; /* Slightly darker hover background */
    transform: scale(1.1); /* Slight zoom effect */
}

/* Social Icon Colors */
.fa-amazon {
    background: #ff9900;
}

.fa-facebook {
    background: #3B5998;
}

.fa-instagram {
    background: #125688;
}

.fa-youtube {
    background: #bb0000;
}

/* Chewy Social Icon Specific */
.chewy-social-icon {
    background-color: #3498db; /* Chewy's blue background */
}

.chewy-social-icon img {
    max-width: 40px; /* Ensures the logo fits inside the circle */
    max-height: 40px;
}

/* PayPal Button */
.paypal-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px; /* Fixed width */
    height: 60px; /* Fixed height */
    background-color: #ffc439; /* PayPal's yellow */
    border-radius: 5px;
    border: 2px solid black;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    transition: transform 0.3s ease;
}

.paypal-button img {
    max-height: 100%;
    max-width: 100%;
}

.paypal-button:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

/* Responsive Design */
@media (max-width: 600px) {
    .social-icons-container {
        justify-content: center; /* Center icons on smaller screens */
    }

    .buttons-container {
        flex-direction: column; /* Stack buttons vertically on smaller screens */
        gap: 15px;
    }

    .paypal-button {
        width: 100%; /* Full width for smaller screens */
    }
}


/* =============== WELCOME SECTION ON HOME PAGE =============== */

.welcome {
	padding-left: 40px;
	padding-right: 40px;
}

.welcome p {
	text align: center;
}

.welcome h1 {
	text align: center;
}

/* =============== HEADER BAR - PURPLE VERY TOP =============== */

#headerContent .topBar {
	background-color: #371a87;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: center;
}

#headerContent .topBar a:link {
	color: #fff;
}

#headerContent .topBar a:hover {
	color: #927CB7;
}

#headerContent .topBar p {
	line-height: 1em;
}


/* =============== HEADER - LOGO / NAME / SOCIAL =============== */

#headerContent h1 {
	font-size: 30px;
}

#headerContent h2 {
	margin-top: -15px;
	font-size: 20px;
}

#headerContent {
	background-color: #fff;
	padding: 0px;
	max-height: 120px;
	height: 120px;
}

#logo {
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* =============== DONATION PAGE=============== */


/* Donation Container */
.donation-container {
    max-width: 1200px; /* Limit the container width */
    margin: auto; /* Center the content */
    padding: 20px;
    font-family: 'Roboto', sans-serif; /* Unified font styling */
}

/* Header Styling */
.donation-container h1 {
    text-align: center; /* Center the main header */
    font-size: 32px;
    margin-bottom: 20px;
    color: #333; /* Dark text for readability */
}

/* Two-Column Layout */
.donation-columns {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
    gap: 20px; /* Spacing between columns */
}

/* Individual Column */
.donation-column {
    flex: 1; /* Evenly distribute columns */
    min-width: 300px; /* Prevent columns from shrinking too much */
}

/* Subheaders in Columns */
.donation-column h2 {
    font-size: 24px;
    color: #47204a; /* Highlighted subheader color */
    margin-bottom: 10px;
}

.donation-column p {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 20px;
}



/* =============== GENERAL SITE SETTINGS AND FONTS =============== */

/* General Layout */
.siteWidth {
    max-width: 1200px; /* Increased width for modern resolutions */
    margin: 0 auto; /* Center the content */
    padding: 0 20px; /* Add padding for better spacing */
}

body {
    background-color: #f9f9f9; /* Softer background for less strain */
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif; /* Unified font for a modern feel */
    line-height: 1.8; /* Improved readability */
    color: #333; /* Darker text for contrast */
}

.yui-skin-sam {
    background-color: #eae6df; /* Updated neutral background */
}

/* Text and Typography */
body,
td,
.standardText,
p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px; /* Modern base font size */
    line-height: 1.8em;
    margin: 0 0 1.5em; /* Add spacing between paragraphs */
}

a {
    color: #6b3fa8; /* Brighter modern link color */
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease; /* Smooth transition on hover */
}

a:hover {
    color: #47204a; /* Slightly darker hover effect */
}

/* Headings */
h1,
.pageCenterTitle,
.contentSectionHeader {
    font-family: 'Bitter', serif; /* Contrast serif font for headings */
    font-weight: 700;
    color: #47204a;
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 20px; /* Add spacing below headings */
}

h2,
h3,
h4,
h5,
h6 {
    font-family: 'Bitter', serif;
    font-weight: 700;
    color: #47204a;
}

h2 {
    font-size: 28px;
    margin: 0 0 15px;
}

h3 {
    color: #da8c4c;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

h3 a {
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    color: rgb(156, 100, 166);
    background-color: transparent;
    text-decoration: none;
    padding: 10px 20px;
    margin: 4px 2px;
    border-radius: 5px;
    border: 1px solid rgb(156, 100, 166);
    transition: background-color 0.3s ease, color 0.3s ease;
}

h3 a:hover {
    background-color: #371a87;
    color: #fff;
}

h4 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px; /* Modern letter spacing */
    margin: 0 0 10px;
}

/* Content Section Header */
.contentSectionHeader {
    text-align: center;
    background-color: #fafafa;
    padding: 35px 0 20px;
    margin-bottom: 20px;
    border: none; /* Clean up unused border styles */
}

.contentSectionHeader a {
    font-size: 26px;
    color: #6b3fa8;
    text-decoration: none;
}

.contentSectionHeader a:hover {
    color: #47204a;
}

/* Horizontal Rule */
hr {
    border: none;
    height: 2px;
    background: linear-gradient(to right, #6b3fa8, #f9f9f9, #6b3fa8);
    margin: 30px 0; /* Add spacing around the rule */
}

/* Miscellaneous */
#animalDetailsMyRescueTable {
    display: none;
}

#pageMessagesBox {
    background-color: #fff; /* Keeps error messages on a clean background */
    color: #d9534f; /* Red text for emphasis */
    padding: 15px;
    border-radius: 4px; /* Rounded corners for modern feel */
}

/* =============== SINGLE COLUMN HOME PAGE =================*/


/* Hides sidebar on the home page */

#Page184 #content tbody td#right {
	display: none;
}

#Page184 #content tbody td#center {
	padding: 0px;
}

#Page184 table#content {
	margin-top: 0;
	margin-bottom: 0;
}

#editableFrontPageTop {
	margin-bottom: -50px;
}

#editableFrontPageBottom {
	padding: 20px;
	background-color: #F5F5F5;
}

#Page87 .highlightedInfo {
	width: 75%;
}


/* =================== FOOTER Content ============================ */

/* Footer Wrapper */
#footerContent {
    background-color: #371a87; /* Dark purple background */
    padding: 20px 0; /* Consistent padding for spacing */
    text-align: center; /* Center align all content */
    color: #fff; /* White text color */
    font-family: 'Roboto', sans-serif; /* Modern font */
}

/* Footer Links */
#footerContent a {
    color: #fff; /* White link color */
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Bold for emphasis */
    font-size: 16px; /* Slightly larger font size for readability */
    margin: 0 10px; /* Add spacing between links */
    display: inline-block;
    transition: color 0.3s ease; /* Smooth transition effect */
}

#footerContent a:hover {
    color: #927CB7; /* Lighter purple on hover */
}

/* Footer Paragraph */
#footerContent p {
    font-size: 14px; /* Subtle, smaller font for paragraph text */
    margin-bottom: 20px; /* Space below the paragraph */
    line-height: 1.6; /* Improve readability */
}

/* Footer Links Container */
#footerContent h5 {
    display: inline-block; /* Keep links in a row */
    margin: 0 15px; /* Space between items */
    font-size: 16px; /* Standardize link text size */
}

#footerContent h5 a {
    font-size: inherit; /* Match font size to parent */
    font-weight: inherit; /* Match font weight to parent */
}

/* =============== SIDEBAR RIGHT =============== */

#content tbody td#right {
	width: 300px;
	border-left: 1px solid #eee;
	padding: 5px;
	text-align: center;
}

#content tbody td#left {
	display: none;
	width: 0px;
}

td#right h2 {
	text-align: center;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
	color: #fff;
	background: #9C64A6;
	border-radius: 5px;
	font-size: 20px;
}

.sidebarBox {
	border: 0px;
	background-color: transparent;
}

.sidebarBox .heading {
	display: none;
}

td#right a:link,
td#right a:visited {}

td#right a:hover {}


/* =============== FEATURED PET =============== */

#rightContainer .animalimg {
	width: 250px;
	height: auto;
}

.AnimalAd {
	font-size: 14px;
	text-align: center;
	line-height: 1.4em;
	font-weight: bold;
}


/* =============== SOCIAL LINKS - IF USED, USE CLASS SOCIAL =============== */

.social a {
	display: inline-block;
	padding: 3px;
}

/* =============== Venmo LINKS  =============== */

/* Venmo Link Styling */
.venmo-link {
    display: inline-flex;
    align-items: center;
    color: #3d95ce; /* Venmo blue */
    font-family: 'Roboto', sans-serif; /* Modern, clean font */
    font-weight: bold;
    font-size: 18px; /* Readable size */
    text-decoration: none; /* Remove underline */
    gap: 8px; /* Space between the logo and text */
    transition: color 0.3s ease; /* Smooth hover effect */
}


.venmo-link:hover {
    color: #2a6e9b; /* Darker blue on hover */
    transform: scale(1.05); /* Slight zoom effect for the entire link */
}

.venmo-link:hover img {
    transform: scale(1.2); /* Logo zooms on hover */
}

.venmo-logo {
    width: 200px; /* Adjust logo size */
    height: auto;
    background-color: #e0e0e0; /* Light background for visibility */
}


/* =============== LEFT, CENTER , RIGHT =============== */

table#content {
	margin-top: 0;
	margin-bottom: 0;
}

#content tbody td#center {
	padding: 20px;
}

#bodyContainer {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	background-color: #fff;
	font-size: inherit;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	border: 0px solid #fff;
}

#content tbody td#left {
	display: none;
}


/* =============== ANIMAL BROWSE PAGE =============== */


/* ANIMAL BROWSE PAGE GRID */

.animalGrid .border {
	border-right: 0px;
}

.animalBrowsePanel hr {
	border: 0px;
}

.animalGrid .petNameBottom {
	margin-top: -10px;
	margin-bottom: 20px;
	padding: 10px 0;
	font-size: 1.4em;
}

.animalGrid .searchResultsCell img {
	border: 1px solid #E4E4E4;
	padding: 8px;
}

#animalMainImage {
	border: 1px solid #E4E4E4;
	padding: 8px;
}

#Page86 .animalBrowsePanel {
	width: 100%;
}


/* //////// BROWSE PAGE /////////////// */

#Page286 #centerContainer .animalimg {
	width: auto;
}

#Page90 #centerContainer .animalimg {
	width: 100px;
}

.npLinks {
	clear: both;
}

#centerContainer .animalimg {
	width: 250px;
	height: auto;
}

#Page184 #centerContainer .animalimg {
	width: 200px;
}

#Page87 #centerContainer .animalimg {
	width: 100px;
}

#Page88 #centerContainer .animalimg {
	width: 100px;
}

.animalBrowsePanel {
	float: left !important;
}

.browseInfo {
	float: none !important;
	height: auto;
	text-align: left !important;
	width: 750px;
}

.browsePicture {
	width: 300px;
	height: auto;
}

.browse {
	height: auto;
	clear: both;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	text-align: left !important;
	width: 100%;
}

.browseNoPicture {
	width: 500px;
	height: auto;
}

.animalimg {
	border: 1px solid #000000;
}


/* =============== HIGHLIGHTED =============== */


/*HIGHLIGHTED*/

.highlightedInfo {
	width: 75%;
	margin-left: 100px;
	padding-top: 10px;
}

.highlighted {
	background-color: #FAFAFA;
	margin: 0px;
	padding-bottom: 35px;
}

.browse,
.highlightedInfo {
	font-size: 16px;
}

.highlightedPicture {
	margin-top: -20px;
	margin-left: 20px;
}


/* ===============
MENU - TOP - LEVEL 1 & 2
=============== */


#headerMenu {
	border-bottom: 0px;
	border-top: 0px;
	vertical-align: center;
}

#m0m {
	border: 0px;
	/*box-shadow: 0px 0px 14px 0px rgba(0,0,0,005);*/
	padding: 3px;
margin-top: 5px;
margin-bottom: 5px;
}

* Styles for the Tigra Menu */
/* Style for a block - DIV */


/* MENU LEVEL 0 */

.menuLevel0 {
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


/* Style for outer tag, mout (mouse out) state */

.menuLevel0OuterOut,
.menuLevel0OuterOver,
.menuLevel0OuterDown {
	text-align: left;
	font-weight: 500;
}


/* Style for inner tag, mover (mouse over) state */

.menuLevel0InnerOut,
.menuLevel0InnerOver,
.menuLevel0InnerDown {
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

.menuLevel0InnerOver,
.menuLevel0OuterOver {}


/* MENU LEVEL 1*/

.menuLevel1 {
margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 0px;
	font-weight: 500;
margin-top: 15px;
margin-bottom: 5px;
}

.menuLevel1OuterOut,
.menuLevel1OuterOver,
.menuLevel1OuterDown {
	border: 0px;
	text-align: left;
	padding: 5px;
	border-left: 0px;
	font-family: 'Roboto', sans-serif;
}

.menuLevel1InnerOut,
.menuLevel1InnerOver,
.menuLevel1InnerDown {
	white-space: nowrap;
	border-left: 0px;
	padding: 5px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

.menuLevel1InnerOver,
.menuLevel1OuterOver {
	border-left: 0px;
	padding: 5px;
}

.menuLevel1InnerDown,
.menuLevel1OuterDown {
	border-left: 0px;
	padding: 5px;
}


@media only screen and (min-device-width: 250px) and (max-device-width: 550px) {
	#content tbody td#right {
		display: none;
	}
	.browse,
	.highlightedInfo {
		font-size: 36px;
		line-height: 38px;
	}
	p,
	.event {
		font-size: 30px;
		line-height: 36px;
	}
	#headerContent h1 {
		font-size: 30px;
	}
	#headerContent h2 {
		font-size: 28px;
	}
	h1,
	.pageCenterTitle {
		font-size: 50px;
		line-height: 54px;
	}
	h2 {
		font-size: 40px;
		line-height: 44px;
	}
	h3 {
		font-size: 28px;
		line-height: 30px;
	}
	label {
		font-size: 40px;
		line-height: 44px;
	}
	ul,
	li {
		font-size: 40px;
		line-height: 44px;
	}
	table#animalSummary {
		font-size: 30px;
		line-height: 34px;
	}
	table#animalDetailsAbout {
		font-size: 30px;
		line-height: 34px;
	}
	table#description {
		font-size: 30px;
		line-height: 34px;
	}
	div#editableAnimalDetailBottom {
		font-size: 30px;
		line-height: 34px;
	}
	div#qualities {
		font-size: 30px;
		line-height: 34px;
	
	}
	
	input,
	select {
		font-size: 40px;
		line-height: 44px;
	}
	input[type='radio'] {
		transform: scale(2);
		margin-left: 10px;
		margin-right: 10px;
		padding: 10px;
	}
	input[type="checkbox" i] {
		transform: scale(3);
		font-size: 30px;
		line-height: 34px;
	}
	#headerMenu {
		border-bottom: 0px;
		border-top: 0px;
		vertical-align: center;
	}
	#m0m {
		padding: 10px;
	}
	.menuLevel0 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.menuLevel1 {
		margin-top: 40px;
	}
	.menuLevel0InnerOut,
	.menuLevel0InnerOver,
	.menuLevel0InnerDown {
		font-size: 30px;
		padding-right: 15px;
		white-space: no-wrap;
	}
	.menuLevel1InnerOut,
	.menuLevel1InnerOver,
	.menuLevel1InnerDown {
		font-size: 28px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 15px;
		white-space: no-wrap;
	}
}