/****************************************************************************
   Capital IT Inc. Copyright (C) 2009. All Rights Reserved  $Revision: 1.199 $
 ****************************************************************************/

/* LAYOUT */
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}
body {
	font-family: arial;
	font-size: 9pt;
	color: #2e3192;
	background-color: #fff;
	padding-bottom: 10px;
}
#wrapper {
	width: 816px;
	margin: 0px auto;
}

/* GENERALS */
.base-table {
	width: 100%;
}
img {
	border: none;
}
ul {
	list-style: none;
}
input, textarea, select {
	font-family: arial;
	font-size: 10pt;
	outline: none;
}

/* GENERALS FONTS */
a {
	color: #0000ee;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 16pt;
	font-weight: bold;
}
h2 {
	font-size: 13pt;
	font-weight: bold;
}
h3 {
	font-size: 13pt;
	font-weight: normal;
}
h4 {
	font-size: 9pt;
	font-weight: bold;
	color: #FDB913;
}
h5 {
	font-size: 13pt;
	font-weight: bold;
}
.subtitle h4 {
	position: relative;
	left: -10000px;
}
.hint, .gray-text, .gray-text-small, .gray-text-big, .comment-note {
	color: #999999;
}
.gray-text-small {
	font-size: 7pt;
}
.gray-text-big {
	font-size: 13pt;
}
.note {
	font-size: 7pt;
}
.comment-note {
	line-height: 15px;
	text-align: justify;
}
.value {
	color: #2E3192;
	font-weight: bold;
}
.state-province-indicator {
	display: none;
	margin-left: 5px;
}

/* LINKS */
td.links {
	font-size: 12pt;
	text-align: right;
	padding: 12px 7px;
	color: #999999;
}
.links a {
	font-size: 10pt;
}
.hidden-link {
	display: none;
}
#welcome-message {
	float: left;
	text-align: left;
	font-size: 12pt;
	padding: 12px 7px;
}
.salutation {
	font-size: 9pt;
	color: #2e3192;
}
.logged-user {
	color: #2e3192;
}
a#actual-location {
	font-size: 12pt;
	font-weight: bold;
	color: #fdb913;
}
.bottom-right-content {
	position: absolute;
	right: 10px;
	bottom: 3px;
}
.bottom-left-content {
	position: absolute;
	left: 10px;
	bottom: 3px;
}
.top-content {
	text-align: right;
	position: absolute;
	right: 10px;
	top: 10px;
}
#header-menu-container {
	font-size: 12pt;
	text-align: right;
	color: #999999;	
	text-align: right;
	float: right;
	background: url(../images/header-menu-left-bg.gif) top left no-repeat;
	height: 43px;
	margin-bottom: 20px;
}
#header-menu {
	padding: 12px 15px 10px 10px;
	background: url(../images/header-menu-right-bg.gif) top right no-repeat;
	height: 43px;
}
#header-links {
	font-size: 12pt;
	text-align: right;
	padding: 12px 7px;
	color: #999999;	
	text-align: right;
}
#footer-links {
	text-align: center;
}
#header-links li, #header-menu li, #footer-links li {
	display: inline;
	border-right: 1px solid #cfd5e0;
}
#header-links li.last, #header-menu li.last, #footer-links li.last {
	border: none;
}
#header-links li a, #header-menu li a, #footer-links li a {
	font-size: 10pt;
	line-height: 10pt;
	margin: 0px 5px;
}
#header-menu li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #fedc89;
}
#header-links li.last a, #header-menu li.last a, #footer-links li.last a {
	margin-right: 0px;
}
#header-menu li.selected a {
	border-bottom: 2px solid #fdb913;
}

/* HEADER BUTTONS */
#btns {
	position: relative;
	height: 120px;
	margin: 7px 7px 15px;
	clear: both;
}
#btns .main-logo {
	background: url('../images/btn-heading.gif') no-repeat top left;
	float: left;
	height: 120px;
	width: 260px;
}
#btns .main-logo:hover {
	background-position: 0px -120px;
}
#btns .btn {
	background: url('../images/btn-heading.gif') no-repeat top left;
	float: right;
	height: 120px;
	width: 180px;
}
#cit-ad-btn.btn {background: none; padding-left: 10px; padding-top: 10px; width: 130px;}
#cit-ad-btn.btn a {text-indent: 0px;}
#iwantapet-btn.btn {background-position: -260px 0px;}
#iamabreeder-btn.btn {background-position: -440px 0px;}
#ihaveapet-btn.btn {background-position: -620px 0px; display: none;}
#iwantapet-btn:hover {background-position: -260px -120px;}
#iamabreeder-btn:hover {background-position: -440px -120px;}
#ihaveapet-btn:hover {background-position: -620px -120px;}
#iwantapet-btn.selected {background-position: -260px -120px;}
#iamabreeder-btn.selected {background-position: -440px -120px;}
#ihaveapet-btn.selected {background-position: -620px -120px;}
#btns a {
	display: block;
	height: 120px;
	text-indent: -10000px;
	outline: none;
}
#btns.active .unselected {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#btns.active .unselected:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* SEARCH BAR */
#search-box {
	display: none;
	height: 40px;
	line-height: 40px;
	background: url('../images/search-bar-bg.gif') repeat-y center;
	text-align: center;
	margin-bottom: 10px;
}
#query {
	width: 200px;
	vertical-align: middle;
}
#submit {
	visibility: hidden;
	padding: 0 5px;
	vertical-align: middle;
}
#advance-search {
	font-size: 8pt;
	vertical-align: middle;
}

/* PAGINATION */
.pagination {
	padding-bottom: 3px;
	bottom: 0px;
	overflow: hidden;
}
.pagination a {
	margin-left: 5px;
}
.pagination a:hover {
	text-decoration: underline;
}
.pagination a.nextLink {
	background: url('../images/chevron.gif') no-repeat right 0px;
	padding-right: 16px;
}
.pagination a.prevLink {
	background: url('../images/chevron.gif') no-repeat left -14px;
	padding-left: 16px;
}
.pagination .currentStep {
	margin-left: 5px;
	color: #2e3192;
	border-bottom: 2px solid #2e3192;
}

/* MAINBOX */
.mainbox-header {
	position: relative;
	width: 10px;
	height: 0px;
	margin-top: 8px;
	margin-right: 8px;
	float: right;
}
.mainbox-frame {
	border: 1px solid #cfd5e0;
	margin: 0px 8px 8px 8px;
}
div.mainbox-frame {
	position: relative;
	min-height: 100px;
	float: right;
	width: 625px;
	border-left-width: 0px;
	margin-left: 0px;
	padding-top: 10px;
	background-color: white;
}
.mainbox-tl, .mainbox-tr, .mainbox-bl, .mainbox-br, .mainbox-left {width: 10px; height: 10px; position: absolute;}
.mainbox-tl {background: url('../images/brdr-gray-white-corner.gif') no-repeat top left; top: -1px; left: -10px;}
.mainbox-tr {background: url('../images/brdr-gray-white-corner.gif') no-repeat top right; top: -1px; right: -1px;}
.mainbox-bl {background: url('../images/brdr-gray-white-corner.gif') no-repeat bottom left; left: -10px; bottom: -1px; z-index: 1;}
.mainbox-br {background: url('../images/brdr-gray-white-corner.gif') no-repeat bottom right; right: -1px; bottom: -1px;}
.mainbox-left {background: url('../images/brdr-gray-white-lateral.gif') repeat-y center left; top: 0px; left: -10px; height: 100%;}
.mainbox-content {
	padding: 0px 10px 0px 0;
}
.mainbox-title {
	border-bottom: #fdb913 solid 1px;
	height: 40px;
	margin: 0px 10px 0 0px;
	background: url('../images/titles-petbreeder.gif') no-repeat top left;
}
.anonymous-user .mainbox-frame {
	min-height: 100px;
}
.member-user .mainbox-frame {
	min-height: 100px;
}
.breeder-user .mainbox-frame {
	min-height: 100px;
}
.admin-user .mainbox-frame {
	min-height: 100px;
}

/* BOX TEMPLATE - WHITE BOX W/GRAY BORDER */
.common-frame {
	position: relative;
	border: #cfd5e0 solid 1px;
	margin: 8px;
	background-color: white;
}
.tl, .tr, .bl, .br {width: 10px; height: 10px; position: absolute;}
.tl {background: url('../images/brdr-gray-white-corner.gif') no-repeat top left; top: -1px; left: -1px;}
.tr {background: url('../images/brdr-gray-white-corner.gif') no-repeat top right; top: -1px; right: -1px;}
.bl {background: url('../images/brdr-gray-white-corner.gif') no-repeat bottom left; left: -1px; bottom: -1px;}
.br {background: url('../images/brdr-gray-white-corner.gif') no-repeat bottom right; right: -1px; bottom: -1px;}
.content {
	padding: 10px;
}
.title {
	margin: 0px 10px;
	border-bottom: #fdb913 solid 1px;
	height: 40px
}

/* BOX2 TEMPLATE - GRAY BOX */
.common-subframe {
	position: relative;
	border: #e7eaef solid 1px;
	background-color: #f8f8f8;
	margin: 8px;
	text-align: center;
}
.common-subframe .tl, .common-subframe .tr, .common-subframe .bl, .common-subframe .br {width: 10px; height: 10px; position: absolute;}
.common-subframe .tl {background: url('../images/brdr-gray-white-gray-corner.gif') no-repeat top left; top: -1px; left: -1px;}
.common-subframe .tr {background: url('../images/brdr-gray-white-gray-corner.gif') no-repeat top right; top: -1px; right: -1px;}
.common-subframe .bl {background: url('../images/brdr-gray-white-gray-corner.gif') no-repeat bottom left; left: -1px; bottom: -1px;}
.common-subframe .br {background: url('../images/brdr-gray-white-gray-corner.gif') no-repeat bottom right; right: -1px; bottom: -1px;}
.common-subframe .top, .common-subframe .bottom {width: 100%; height: 10px; position: absolute;}
.common-subframe .top {background: url('../images/brdr-gray-white-gray-topbottom.gif') repeat-x top left; top: -1px; left: 0px;}
.common-subframe .bottom {background: url('../images/brdr-gray-white-gray-topbottom.gif') repeat-x bottom left; bottom: -1px; left: 0px;}
.common-subframe .right, .common-subframe .left {width: 10px; height: 100%; position: absolute;}
.common-subframe .right {background: url('../images/brdr-gray-white-gray-lateral.gif') repeat-y top right; top: 0px; right: -1px;}
.common-subframe .left {background: url('../images/brdr-gray-white-gray-lateral.gif') repeat-y top left; top: 0px; left: -1px;}
.common-subframe .content {
	padding: 10px;
}
.common-subframe .subtitle {
	margin: 15px 15px 0px;
	height: 25px;
}

/* BOX3 TEMPLATE - WHITE BOX W/ORANGE BORDER */
.common-subframe-orange {
	position: relative;
	border: #fdb913 solid 1px;
	margin: 8px;
	text-align: center;
}
.common-subframe-orange .tl, .common-subframe-orange .tr, .common-subframe-orange .bl, .common-subframe-orange .br {width: 10px; height: 10px; position: absolute;}
.common-subframe-orange .tl {background: url('../images/brdr-orange-white-corner.gif') no-repeat top left; top: -1px; left: -1px;}
.common-subframe-orange .tr {background: url('../images/brdr-orange-white-corner.gif') no-repeat top right; top: -1px; right: -1px;}
.common-subframe-orange .bl {background: url('../images/brdr-orange-white-corner.gif') no-repeat bottom left; left: -1px; bottom: -1px;}
.common-subframe-orange .br {background: url('../images/brdr-orange-white-corner.gif') no-repeat bottom right; right: -1px; bottom: -1px;}
.common-subframe-orange .content {
	padding: 10px;
}
.common-subframe-orange .subtitle {
	margin: 15px 15px 0px;
	height: 25px;
}

/* FOOTER */
#footer {
	clear: both;
}
#footer-ad {
	xbackground-color: #2e3192;
	xborder: #2e3192 solid 1px;
	text-align: center;
	height: 120px;
}

#xfooter-ad .tl {background: url('../images/brdr-blue-corner.gif') no-repeat top left; top: -1px; left: -1px;}
#xfooter-ad .tr {background: url('../images/brdr-blue-corner.gif') no-repeat top right; top: -1px; right: -1px;}
#xfooter-ad .bl {background: url('../images/brdr-blue-corner.gif') no-repeat bottom left; left: -1px; bottom: -1px;}
#xfooter-ad .br {background: url('../images/brdr-blue-corner.gif') no-repeat bottom right; right: -1px; bottom: -1px;}
#footer-ad img {margin: 5px;}
.footer-line {
	height: 1px;
	background-color: #fdb913;
	margin: 8px;
}
.copyright {
	font-size: 8pt;
	text-align: center;
	padding: 0 7px;
	color: #999999;
}
#meta-info {
	font-size: 7pt;
	line-height: 7pt;
	text-align: center;
	margin-top: 5px;
	color: #cccccc;
	padding: 0 30px;
}

#meta-info a {
	color: #cccccc;
	text-decoration: none;
}

/* GOOGLE ADS BOX */
#ads-by-google {
	height: 636px;
	width: 145px;
}
#ads-by-google .title {
	display: none;
}
#ads-by-google .content {
	text-align: center;
	margin-top: 8px;
}

/* INDIVIDUAL RESULT BOXES*/
.result {
	height: 110px;
	position: relative;
	border-bottom: #fdb913 solid 1px;
	padding-left: 10px;
	overflow: hidden;
}
.result .thumbnail-table {
	float: right;
	width: 100px;
	height: 100px;
	background-color: #ffffff;
	margin:5px 5px 5px 10px;
} 

.result .thumbnail-table img, .result .image-thumbnail img {
	border: 1px solid #CFD5E0;
	padding: 3px;
}
.result .bottom-right-content {
	right: 115px;
	bottom: 9px;
}
.result .bottom-left-content {
	bottom: 9px;
}
.result .top-left-content {
	bottom: 9px;
	top: 9px;
}
.result h5 {
	padding-top: 5px;
}

/* PET SEARCH */
#pet-search-form {
	text-align: right;
	position: absolute;
	top: 20px;
	right: 20px;
}
select.sort-by {
	width:100px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 10pt;
}
.sort-text {
	vertical-align: middle;
}

/* MAIN TABS MENU */
#tabs {
	float: left;
	width: 174px;
	margin-left:8px;
	margin-top:8px;
	margin-bottom:8px;
}
#tabs .tab {
	background: url('../images/menu-bg.gif') no-repeat top left;
	padding: 0px;
	height: 30px;
	position: relative;
}
#tabs .tab a, .tab-title p {
	display: block;
	outline: none;
	width: 149px;
	height: 30px;
	text-indent: -10000px;
}
#tabs .selected, #tabs .selected:hover {
	z-index: 1;
}
#tabs .tab-title {
	background: url('../images/menu-bg.gif') no-repeat top left;
	padding: 0px;
	height: 30px;
}
#tabs .tab .indicator {
	background: url('../images/indicator-blue.gif') no-repeat top left;
	position: absolute;
	height: 16px;
	width: 16px;
	right: 10px;
	top: 7px;
}


/* ANONYMOUS TABS MENU */
#anonymous-tabs #join-us-heading {
	background-position: 0px 0px;
}
#tabs #become-a-member-tab {
	background-position: 0px -240px;
}
#tabs #log-in-tab {
	background-position: 0px -270px;
	margin-bottom: 16px;
}

/* MEMBERS TABS MENU */
#member-tabs #members-heading {
	background-position: 0px -30px;
}
#tabs #my-favorites-tab {
	background-position: 0px -90px;
}
#tabs #update-profile-tab {
	background-position: 0px -210px;
}
#tabs #my-wanted-ads-tab {
	background-position: 0px -570px;
}
#tabs #log-out-tab {
	background-position: 0px -300px;
	margin-bottom: 16px;
}

/* BREEDER TABS MENU */
#breeder-tabs #breeders-heading {
	background-position: 0px -60px;
}
#tabs #manage-animals-tab {
	background-position: 0px -120px;
}
#tabs #manage-others-tab {
	background-position: 0px -150px;
}
#tabs #review-feedback-tab {
	background-position: 0px -180px;
}

/* GENERAL TABS MENU */
#tabs #browse-menu {
	background-position: 0px -330px;
	margin-top: 16px;
}
#tabs #find-a-breeder-tab {
	background-position: 0px -360px;
}
#tabs #find-your-breed-tab {
	background-position: 0px -390px;
}
#tabs #pets-for-adoption-tab {
	background-position: 0px -420px;
}
#tabs #lost-found-pets-tab {
	background-position: 0px -450px;
}
#tabs #find-products-services-tab {
	background-position: 0px -480px;
}
#tabs #fun-stuff-tab {
	background-position: 0px -510px;
}
#tabs #help-us-tab {
	background-position: 0px -540px;
}
#tabs #separator-tab {
	height: 3px;
	background-position: 0px -600px;
	line-height: 0px;
	font-size: 0px;
}
#tabs #empty-area {
	background-position: 0px -603px;
}

/* ANONYMOUS TABS MENU HOVER */
#tabs #become-a-member-tab:hover {
	background-position: -174px -240px;
}
#tabs #log-in-tab:hover {
	background-position: -174px -270px;
}

/* MEMBERS TABS MENU HOVER */
#tabs #my-favorites-tab:hover {
	background-position: -174px -90px;
}
#tabs #update-profile-tab:hover {
	background-position: -174px -210px;
}
#tabs #my-wanted-ads-tab:hover {
	background-position: -174px -570px;
}
#tabs #log-out-tab:hover {
	background-position: -174px -300px;
}

/* BREEDER TABS MENU HOVER */
#tabs #manage-animals-tab:hover {
	background-position: -174px -120px;
}
#tabs #manage-others-tab:hover {
	background-position: -174px -150px;
}
#tabs #review-feedback-tab:hover {
	background-position: -174px -180px;
}

/* GENERAL TABS MENU HOVER */
#tabs #find-a-breeder-tab:hover {
	background-position: -174px -360px;
}
#tabs #find-your-breed-tab:hover {
	background-position: -174px -390px;
}
#tabs #pets-for-adoption-tab:hover {
	background-position: -174px -420px;
}
#tabs #lost-found-pets-tab:hover {
	background-position: -174px -450px;
}
#tabs #find-products-services-tab:hover {
	background-position: -174px -480px;
}
#tabs #fun-stuff-tab:hover {
	background-position: -174px -510px;
}
#tabs #help-us-tab:hover {
	background-position: -174px -540px;
}

/* ANONYMOUS TABS MENU SELECTED */
#tabs #become-a-member-tab.selected {
	background-position: -348px -240px;
}
#tabs #my-wanted-ads-tab.selected {
	background-position: -348px -570px;
}
#tabs #log-in-tab.selected {
	background-position: -348px -270px;
}

/* MEMBERS TABS MENU SELECTED */
#tabs #my-favorites-tab.selected {
	background-position: -348px -90px;
}
#tabs #update-profile-tab.selected {
	background-position: -348px -210px;
}
#tabs #log-out-tab.selected {
	background-position: -348px -300px;
}

/* BREEDER TABS MENU SELECTED */
#tabs #manage-animals-tab.selected {
	background-position: -348px -120px;
}
#tabs #manage-others-tab.selected {
	background-position: -348px -150px;
}
#tabs #review-feedback-tab.selected {
	background-position: -348px -180px;
}

/* GENERAL TABS MENU SELECTED */
#tabs #find-a-breeder-tab.selected {
	background-position: -348px -360px;
}
#tabs #find-your-breed-tab.selected {
	background-position: -348px -390px;
}
#tabs #pets-for-adoption-tab.selected {
	background-position: -348px -420px;
}
#tabs #lost-found-pets-tab.selected {
	background-position: -348px -450px;
}
#tabs #find-products-services-tab.selected {
	background-position: -348px -480px;
}
#tabs #fun-stuff-tab.selected {
	background-position: -348px -510px;
}
#tabs #help-us-tab.selected {
	background-position: -174px -540px;
}

.admin-user #tabs #find-a-breeder {
	margin-top: 0px;
}

/* MINI SECTIONS */
table#mini-sections {
	clear: both;
}
#mini-sections .common-frame {
	height: 145px;
	width: 145px;
	padding-top: 10px;
}
#mini-sections .content {
	padding: 10px 10px 0;
	text-align: center;
}
#mini-sections .title {
	margin: 0px 10px;
	height: 40px;
	background: url('../images/titles-minis.gif') no-repeat top center;
}
#pet-of-the-day-mini .title {
	background-position: center -00px;
}
#pet-news-mini .title {
	background-position: center -40px;
}
#ask-the-pet-experts-mini .title {
	background-position: center -80px;
}
#pet-humor-mini .title {
	background-position: center -120px;
}
#pet-gallery-mini .title {
	background-position: center -160px;
}
#lost-pets-mini .title {
	background-position: center -200px;
}
#pet-store-mini .title {
	background-position: center -240px;
}
#find-a-breeder-mini .title {
	background-position: center -280px;
}
#adopt-a-pet-mini .title {
	background-position: center -320px;
}
#pet-products-and-services-mini .title {
	background-position: center -360px;
}
#become-a-member-mini .title {
	background-position: center -400px;
}
#find-breed-mini .title {
	background-position: center -440px;
}
#mini-sections a {
	position: absolute;
	right: 10px;
	bottom: 3px;
}
#mini-sections img {
	max-height: 70px;
	max-width: 120px;
}
#find-breed-mini img {
	max-height:75px;
	margin-top: -3px;
}
#pet-gallery-mini .img1 {
	position: absolute;
	left: 15px;
	top: 80px;
	height: 35px;
	width: 35px;
}
#pet-gallery-mini .img2 {
	position: absolute;
	left: 35px;
	top: 67px;
	height: 55px;
	width: 55px;
}
#pet-gallery-mini .img3 {
	position: absolute;
	left: 65px;
	top: 60px;
	height: 65px;
	width: 65px;
}

/* MORE MINIS */
div.base-frame {
	float: right;
	margin-left: -20px;
	width: 652px;
}
.base-frame .common-frame {
	float: left;
	margin-bottom:8px;
}
.base-frame a {
	top: 0px;
	left: 0px;
	display: block;
	outline: none;
	width: 135px;
	height: 15px;
	text-align: right;
	padding: 135px 10px 5px 0;
}
.base-frame #pet-of-the-day-mini, .base-frame #pet-humor-mini, .base-frame #pet-gallery-mini {
	display: none;
}

/* IMAGE SHADOW */
.shadow-box .shadow {
	position: absolute;
	left: 3%;
	top: 3%;
	height: 97%;
	width: 97%;
}
.shadow-box .image {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 93%;
	width: 93%;
}

/* NOT FOUND & FORBIDDEN PAGE */
#not-found .title, #forbidden .title {
	display: none;
}
#not-found .subtitle, #forbidden .subtitle {
	display: none;
}

/* ERRORS */

input.errors, textarea.errors, select.errors {
	border-color: red;
	background-color: #fffdfd;
	border: 1px solid red;
	padding: 1px;
}
.errors-container {
	margin: 5px 0px;
	background: white url(../images/info-red.gif) 5px 3px no-repeat;
	border: 1px solid red;
	padding-left: 30px;
	zoom: 1;
}
.errors-container ul {
	background-color: #fffdfd;
	color: #ff0000;
	font-style: italic;
	text-align: left;
	border-left: 1px dotted #e7eaef;
	padding-left: 8px;
}
.errors-container li {
	background: url(../images/small-arrow-light-red.png) no-repeat center left;
	vertical-align: middle;
	line-height: 18px;
	padding: 2px 2px 2px 20px;
}

/* MESSAGES */
.messages-container {
	font-style: italic;
	text-align: left;
	padding: 5px 5px 5px 25px;
	margin: 5px 0px;
	border: 1px solid #2e3192;
	background: #f4f4f9 url(../images/info.gif) 5px center no-repeat;
}

/* FORMS */

.date {
	width: 70px;
}
.asterisk {
	color: #999999;
	font-weight: bold;
	font-family: verdana;
	line-height: 20px;
}

/* RESULTS */

.result:hover {
	background-color: #fffdf8;
}

/* DEFINITION LIST */
dl {
	text-align: left;
	overflow: hidden;
	padding-left: 50px;
}
dt {
	line-height:25px;
	float: left;	
	width: 130px;
	text-align: right;
	clear: left;
}
dd {
	line-height:25px;
	margin-left:135px;
}

/* LINES */
.middle-line-divisor {
	height: 1px;
	margin: 15px 0px;
	border-top: 1px solid #e8ebf0;
	border-bottom: 1px solid #ffffff;
	clear: both;
}
.middle-line-divisor2 {
	height: 1px;
	margin: 15px 0px 10px;
	border-top: 1px dotted #9698c8;
	clear: both;
}
.middle-line {
	height: 1px;
	background-color: #fdb913;
	margin: 3px 0px;
}

/* SIDE NOTES */
span.side-note {
	color: #999999;
	font-size: 7pt;
	float: right;
	width: 210px;
}

/* PICTURE GALLERY */
#animal-images-table {
	border: 1px solid #7f9db9;
	background-color: #ffffff;
	margin: 0 auto;
	text-align: left;
	font-size: 0px;
}
#animal-images-table .animal-images-cell {
	border: 1px solid #d8d8d8;
}
#animal-images-table .first {
	border-color: #fdb913;
}
#animal-images-center-cell {
	width: 333px;
	height: 250px;
	border: 1px solid #d8d8d8;
}
#animal-images-center-cell.loading {
	background: url('../images/indicator-blue-big.gif') no-repeat center center;
	cursor: wait;
}
#animal-content-image {
	display: none;
}
#animal-content-image.enabled {
	display: inline;
}
#animal-content-text {
	display: inline;
}
#animal-content-text.enabled {
	display: none;
}
.animal-image-form {
	width: 80px;
	height: 80px;
	position: relative;
	background: url('../images/add-image-btn.gif') no-repeat center center;
	cursor: pointer;
	overflow: hidden;
}
.animal-image-form:hover {
	background-image: url('../images/add-image-btn-over.gif');
}
.filled .animal-image-form {
	background-image: none;
}
.loading .animal-image-form {
	background-image: url('../images/indicator-blue.gif');
	cursor: wait;
}
.animal-image-table {
	cursor: pointer;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.empty .animal-image-table {
	cursor: default;
}
.animal-image-table-static {
	position: static
}
.animal-image-file {
	width: 80px;
	height: 80px;
	opacity: 0.0;
	filter:alpha(opacity=0);
	position: absolute;
	border: none;
}
.animal-image-remove-link {
	background: url('../images/icon-remove.gif') no-repeat;
	width: 14px;
	height: 14px;
	text-indent: -10000px;
	display: none;
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 100;
}
.animal-image-remove-link:hover {
	background-image: url('../images/icon-remove.gif');
	background-position: 0px -14px;
}
.animal-thumbnail-image {
	vertical-align: middle;
}

/* FOOT NOTES */
.foot-notes {
	padding: 3px 10px 30px;
}
.right-foot-note {
	float: right;
}
.left-foot-note {
	float: left;
}

/* PET CONTENT FORM */
form.pet-content-form, form.pet-humor-form  {
	padding: 0px 10px 0;
}
.pet-content-form h2, .pet-humor-form h2 {
	padding-top: 15px;
}
.pet-content-form p, .pet-humor-form p {
	padding: 0px;
}
.pet-content-form dl, .pet-humor-form dl {
	padding-left: 0px;
}
.pet-content-form dt {
	width: 150px;
}
.pet-content-form dd {
	margin-left:155px;
}
.pet-content-form #share-this dt {
	width: 210px;
}
.pet-content-form #share-this dd {
	margin-left: 215px;
}
.pet-content-form input#destination-email, textarea#emails {
	width: 300px;
}
.pet-content-form input#posting-title {
	width: 400px;
}
.pet-content-form textarea#posting-comment, .pet-content-form textarea#posting-question {
	width: 401px;
	height: 60px;
}
.pet-content-form input#image-location {
	width: 265px;
	padding: 1px;
}
.pet-content-form .middle-line-divisor, .pet-humor-form .middle-line-divisor {
	margin: 10px 0;
	clear: both;
}
.pet-content-form input#send-button, .pet-humor-form input#send-button {
	width: 100px;
	height: 30px;
	border: none;
	float: right;
	background: url('../images/btn-send.gif') no-repeat top left;
}
.pet-content-form input#send-button:hover, .pet-humor-form input#send-button:hover {
	background-position: 0px -30px;
}
.pet-content-form .buttons, .pet-humor-form .buttons {
	text-align: left;
	height: 30px;
}
.pet-content-form .buttons span, .pet-humor-form .buttons span {
	line-height: 15px;
}

/* NO RESULTS MESSAGE */
.no-results-message {
	margin: 30px 20px;
}
.no-results-message .subtitle {
	display: none;
}


.ddd {
	color: #999999;
	float: left;
	text-align: right;
	width: 85px;
}
.ddt {
	float: left;
	text-align: left;
	width: 153px;
	margin-left: 5px;
}

/* VIDEO */

.video-image {
	max-width: 80px; 
	max-height: 80px; 
	float: left;
}
/* FACEBOOK */

#facebook-share-link {
	padding-left: 20px;
	background: url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat left top;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}

/* INDICATORS */

#breed-type-indicator, #breed-group-indicator {
	display: none;
}

/* PROGRESS BAR */

#progress-bar {
	display: none;
	border: 1px solid #a5acb2;
	width: 110px;
	height: 16px;
	line-height: 16px;
	position: relative;
	color: black;
	background-color: #fff;
}
/* color bar */
#progress-bar div.progress {
	position: absolute;
	width: 0;
	height: 16px;
	overflow: hidden;
	background-color: #2e3192;
}
/* text on bar */
#progress-bar div.progress .text {
	position: absolute;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: white;
}
/* text off bar */
#progress-bar div.text {
	position: absolute;
	width: 100%;
	height: 16px;
	line-height: 16px;
	text-align: center;
}


/* NEW - INDICATOR */
#new-indicator {
	position: absolute;
	right: 18px;
	top: 3px;
}

/* SURVEY */
#survey-link {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 30px;
	height: 147px;
	background: url('../images/tab-help-us-vertical.gif') no-repeat top left;
}
#survey-link:hover, #survey-link.hover {
	background-position: -30px 0px;
}
/* ADS */
.ad-sense-container {
	margin-top: 20px;
}



/* TEMPORAL HEADER BUTTONS */
#btns {
	margin:7px 7px 0px;
}
#btns .main-logo {
	background: transparent url('../images/btn-heading-sample.gif') no-repeat top left;
	float: left;
	height: 120px;
	width: 164px;
}
#btns .btn {
	background: transparent url('../images/btn-heading-sample.gif') no-repeat top left;
	float:right;
	height:108px;
	width:162px;
	margin-right: 10px;
}
#iwantapet-btn.btn {
	background-position: -187px 0;
}
#iamabreeder-btn.btn {
	background-position: -349px 0;
}
#ihaveapet-btn.btn {
	background-position: -511px 0;
	display: block;
}
#cit-ad-btn.btn {
	background: transparent;
	padding-left: 1px;
	margin-right: 0px;
	width: 120px;
}
#iwantapet-btn:hover {background-position: -187px -120px;}
#iamabreeder-btn:hover {background-position: -349px -120px;}
#ihaveapet-btn:hover {background-position: -511px -120px;}
#iwantapet-btn.selected {background-position: -187px -120px;}
#iamabreeder-btn.selected {background-position: -349px -120px;}
#ihaveapet-btn.selected {background-position: -511px -120px;}

#header-menu-container {
	margin-right: 8px;
}