/* * Project: petfinder * Version: 1.1.0 * Development By: Petfinder * Copyright(c): 2020 */ /* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Contents ================================================== #Base 998 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 998 Grid ================================================== */ .container { position: relative; width: 998px; margin: 0 auto; padding: 0; } .column, .columns { float: left; display: inline; margin-left: 5px; margin-right: 5px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column { width: 74px; } .container .two.columns { width: 158px; } .container .three.columns { width: 242px; } .container .four.columns { width: 326px; } .container .five.columns { width: 410px; } .container .six.columns { width: 494px; } .container .seven.columns { width: 578px; } .container .eight.columns { width: 662px; } .container .nine.columns { width: 746px; } .container .ten.columns { width: 830px; } .container .eleven.columns { width: 914px; } .container .twelve.columns { width: 998px; } .container .one-third.column { width: 326px; } .container .two-thirds.column { width: 662px; } .container .one-fifth.column { width: 152px; } /* Offsets */ .container .offset-by-one { padding-left: 74px; } .container .offset-by-two { padding-left: 158px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ /* @media only screen and (min-width: 768px) and (max-width: 997px) { .container { width: 764px; } .container .column, .container .columns { margin-left: 2px; margin-right: 2px; } .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } .container .one.column { width: 60px; } .container .two.columns { width: 124px; } .container .three.columns { width: 188px; } .container .four.columns { width: 252px; } .container .five.columns { width: 316px; } .container .six.columns { width: 380px; } .container .seven.columns { width: 444px; } .container .eight.columns { width: 508px; } .container .nine.columns { width: 572px; } .container .ten.columns { width: 636px; } .container .eleven.columns { width: 600px; } .container .twelve.columns { width: 764px; } .container .one-third.column { width: 252px; } .container .two-thirds.column { width: 508px; } .container .one-fifth.column { width: 108px; } */ /* Offsets */ /* .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 348px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } } */ /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 100%; } .columns, .column { margin: 0; overflow-x: hidden; } .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-fifth.column { width: 100%; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .columns, .column { margin: 0; overflow-x: hidden; } .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-fifth.column { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* These are the overrides from the main CSS for different devices */ /* #Media Queries ================================================== */ /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { img { max-width: 100%; height: auto; } .ad-banner { display: none; } /* ----- header ----- */ .site-title { text-align: center; } #title-wrapper { display: block; float: none; margin: 0 auto; width: 167px; } .site-title .tagline { float: none; margin-top: 0; } .search form { float: none; margin: 0 auto; } .nav-categories li { display: none; } .nav-categories li:first-child { display: inline-block; } #local-nav > li { display: none; } #local-nav > li.selected { display: block; } #local-nav > li.active {display: block;} #local-nav > li.show {display: block;} .frm-find-a-pet { margin: 0; } .frm-find-a-pet li { border: 0; } .nav-find-a-pet p { right: 0; font-size: 18px; } .nav-find-a-pet {height:46px;} .toggle-button.top-button, .toggle-button.bottom-button{ position: relative; } /* ----- tabs ------*/ .right-sided-tabs.tabs {position: relative !important; top:1px !important;} .right-sided-tabs li a {margin: 0 3px 3px 0;} /* ---- footer ----- */ #site-footer .sites nav { border: 0; margin-top: 0.7em; } /* ---- Footer ----- */ #site-footer .sponsors-list { display: block; } #site-footer .sponsors ul { display: block; height: auto; overflow: auto; } #site-footer .sponsors li { float: left; display: block; } /* ----- headeer with tabs ----- */ .main-content .header-with-tabs .tabs { display: block; position: relative; } .discussion-page .tabbed .pane .psdui-select {position: relative; top: 10px;} .featured-asset.columns3 .column { width: auto; margin-bottom: 5px; } .featured-asset.columns3 .column img { display: block; margin: 0 auto 5px; } .happy-tails-module.sub-content .one-third.column { width: auto; margin-bottom: 5px; } .tools { display: block; margin-left: 203px; height: 15px; } .pet-profile .page-head { margin-top: 0; } .pet-profile .page-head h1 { padding: 0; } .thumbnail-group { display: none; } .playlist-title { display: none; } .video-playlist .thumbnail-group { display: block;float: none;} .video-playlist .thumbnail-group ul li {width: 70px; height: 51px;} .video-playlist .thumbnail-group .active span {width: 61px; height: 44px;} .video-playlist .scrollable {width: 289px;} .pullquote { max-width: 40%; font-size: 14px; } .video iframe { max-width: 100%; height: auto; } .video-player iframe, .video-player object, .video-player embed { width: 88%; height: 88%; } /* ----- Lead promo :contest main------*/ .lead-promo .lead-promo-overlay{ position:relative; top: auto; right: auto; width:auto; height:auto;} .lead-promo .caption, .lead-promo .share-lead { height:auto; padding: 0;text-align: left; } .lead-promo .caption .bottom { position: relative; bottom: 0; text-align: left;} /* ===== MODULES =====*/ .mod-events .event { min-width: 0; max-width: 100%; } .module-with-list .mod-w-photo { float: none; width: 100%; } .module-with-list .mod-w-photo figure { width: auto; } .module-with-list ul { float: none; width: 100%; margin-top: 10px; margin-left: 0; padding-left: 0; border: 0; } .module-with-list .mod-w-photo p { float: none; width: 100%; } /* ----- Mutt Wiki Search Mod ----- */ #mutt-wiki-search-mod.mw-search form { padding-bottom: 35px; } #mutt-wiki-search-mod.mw-search .plus, #mutt-wiki-search-mod.mw-search .breed { display: block; float: none; margin-left: auto; margin-right: auto; } .mw-about .contribute .text { width: auto; } /* ===== PAGES =====*/ /* ----- Breed Center A-Z ----- */ #compare-breeds-mini, .breed-comp-add, .breed-comp-remove { display: none; } .container .six.columns.breed-list { width: auto; } .breed-list ol { overflow-x: hidden; } .breed-cards li { margin-left: 0; margin-right: 19px; } .breed-center .characteristics { margin-top: 15px; } .breed-center-groups .breed-cards { margin-left: 19px; } #breed-selector { width: 320px; } #breed-selector .current-matches { display: none; } .browse-breeds h2 { float: none; } .browse-breeds .header-controls { float: none; margin-top: 5px; } .browse-pets h1 { max-width: 100%; } .browse-pets .subscribe { position: relative; display: block; } /* ----- Classified ----- */ .classifieds-browse .header-with-tabs h1 {padding-right: 0;} .post-a-classified h1 { margin-bottom: 10px; } .article-post .pet-pic { width: 100%; height: auto; } .article-post header .logo {position:relative;} .article-post .header-w-logo .tools {right: 0;} .article-post .header-w-logo h1 { padding-right: 54px; width:auto;} /* ----- Compare Breeds -----*/ .breed-compare li { width: 307px; } .breed-compare li dt { width: 136px; padding-right: 20px; text-indent: 0; text-align: right; } /* ----- Discussions ----- */ .discussion-page .search-filter li.alpha { max-width: 300px; } .discussion-page .search-filter #discussion-topic { width: 300px; } .discussion-page .search-filter em { margin-left: 15px; } /* ----- Dog Training Center ----- */ .featured-asset.columns2 .column { width: 265px; float: none; display: block; margin: 0 auto 10px; } .training-center h1 {padding-right:0;} .training-center .asset-filter {position:relative;} /* ----- Events ----- */ #event-detail .event-map { float: none;} #event-detail .event-map figure { display: none; } #event-detail .event-info { display: block; float: none; width: auto;} /* ----- Happy Tail ----- */ .happy-tail figure { max-width: 100%; height: auto; } #htails-all .tabs {position: relative; top: 0;} /* ----- Mutt Wiki ----- */ .mw-detail header h2 { max-width: 100%; } .mutt-chars li { display: block; float: none; width: 295px; margin-bottom: 10px; } .mutt-chars li h4 { margin-left: 175px; width: auto; } .mutt-chars li dt { display: table-cell; } .mutt-chars li dd { width: 120px;} .mutt-chars li:first-child { width: 295px;} .mw-about .contribute .text { width: auto; } .mw-detail .breed-profiles .columns { margin-bottom: 10px; } .breed-attributes {width:auto;} .breed-profiles .columns {width: 295px;} /* ----- Search Page ----- */ #search-page table { font-size: 11px; } .container .fap li.one-fifth{width:91%;} } /* ------- wonderwall ------ */ .dl-side-nav .dl-button-prev:hover .sprite { background-position: 4px -259px; } .dl-side-nav .dl-button-next:hover .sprite { background-position: -30px -259px; } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .header-site .mfp {top:18px; left: 10px;} .search input {width:200px;} /* ===== COMPONENTS ===== */ article.mod-w-photo figure { width: 150px; } article.mod-w-photo img { max-width: 150px; } .browse-pets .adoptable-pet { width: 171px; } .browse-pets figure img { max-width: 172px; } .dl-dimensions-632x356, .dl-dimensions-632x356 .scrollable, .dl-dimensions-632x356 .items > div, .dl-dimensions-632x422, .dl-dimensions-632x422 .scrollable, .dl-dimensions-632x422 .scrollable .items > div { width: 390px; height: 260px; } .dl-dimensions-632x422 .navi-wrap { display: none; } .dl-dimensions-632x422 .dl-nav-button { top: 45px; } .dl-dimensions-632x422 img { width: 100%; height: auto; } .dl-dimensions-632x422 .scrollable .background { right: 0; width: 175px; height: 145px; } .dl-dimensions-632x422 .scrollable .dl-overlay { top: 95px; right: 0; width: 175px; height: 145px; font-size: 11px; } .dl-dimensions-632x422 .dl-overlay h3 { font-size: 20px; } .dl-dimensions-632x422 .dl-overlay p { font-size: 12px; } #pet-profile-paginator .counter { width: 220px; } .article-post .help-pet a { width: 189px; } .big-buttons a { width: 176px; } .thumbnail-gallery .image-wrap, .thumbnail-gallery .image-wrap .video-player { width: 390px; height: 247px; } .thumbnail-gallery .image-wrap img { max-width: 100%; max-height: 100%; } .thumbnail-gallery .dl-button-prev, .thumbnail-gallery .dl-button-next { top: -54px; } /* ===== MODULES ===== */ #available-pets .scrollable { height: 260px; } #available-pets .item { width: 403px; } #available-pets .polaroids li{ width: 116px; } #available-pets .polaroids img { height: auto; } #find-a-shelter-dl .slide { width: 390px; } #find-a-shelter-dl .slide-left-side { width: 349px; } #find-a-shelter-dl .slide-right-side { display: none; } #htails-dl .featured-dl { width: 340px; } #htails-dl .featured-dl .scrollable, #htails-dl .items > div { width: 340px; } #htails-dl figure { height: 100px; width: 100px; padding-top: 20px; padding-bottom: 150px; } #htails-dl .navi-wrap { display: none; } #upcoming-events .inner-shadow { width: 386px; } #upcoming-events .scrollable, #upcoming-events .item { width: 387px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .header-site .search{left:0;} .header-site .mfp {top:18px; left: 10px;} .columns, .column { overflow-x: visible; } .search form {width: 290px; } .search input {width:200px;} .search-filter .column {clear:both; padding: 0;margin-bottom:10px; border: 0;} .nav-site { height: auto; position: relative } #local-nav {width: 40%; position: absolute; z-index: 5202; background-color: #7332D6; height: auto; margin-top: 0; padding: 6px 0; top: 0;left:190px;} #local-nav > li.active {display:block;} #local-nav > li {padding:3px 0; } .nav-find-a-pet p {width:60%; } .nav-find-a-pet p, .nav-find-a-pet.open p { position: relative; display: block; top: 0; font-size: 18px; left: 0; } .fap-type .psdui-dropdown {width:300px} /* .container .fap li.one-fifth {width:35%; height:59px;}*/ .fap input[type="text"], #fap-breed { width: 155px; } /* ===== COMPONENTS ===== */ article.mod-w-photo figure { width: 112px; } article.mod-w-photo img { max-width: 112px; } .browse-pets .adoptable-pet { float: none; margin: 8px auto 0; } #hub-dl .inner-shadow { width: 250px; height: 286px; overflow:hidden;} #hub-dl .items > div { width: 250px;} .dl-dimensions-632x356 .dl-nav-button {top:29px; } .dl-dimensions-632x356, .dl-dimensions-632x356 .scrollable, .dl-dimensions-632x356 .items > div {width:280px; height:157px} .dl-dimensions-632x356 .scrollable .dl-overlay {top:0;} .dl-dimensions-632x356 .scrollable {width: 280px;} .dl-dimensions-632x356 {width: auto;} .dl-dimensions-632x356 .scrollable .background, .dl-dimensions-632x356 .scrollable .dl-overlay{top:10px; right:10; width:100px; height:117px; font-size:11px;} .dl-dimensions-632x356 .greater, .dl-dimensions-632x356 .characteristics a {font-size:13px;} .dl-dimensions-632x356 .dl-overlay h3{ font-size:15px;} .dl-dimensions-632x356 .dl-overlay .sponsor, .dl-dimensions-632x356 .dl-overlay p {display: none;} .dl-dimensions-632x356 .dl-overlay .characteristics {float: none;} .dl-dimensions-632x356 .truncate-this {display:none !important;} .dl-dimensions-632x422, .dl-dimensions-632x422 .scrollable, .dl-dimensions-632x422 .scrollable .items > div { width: 270px; height: 171px; } .dl-dimensions-632x422 .navi-wrap { display: none; } .dl-dimensions-632x422 .dl-nav-button { top: 45px; } .dl-dimensions-632x422 img { width: 100%; height: auto; } .dl-dimensions-632x422 .scrollable .background { top: 75px; right: 0; width: 175px; height: 145px; } .dl-dimensions-632x422 .scrollable .dl-overlay { top: 75px; right: 0; width: 175px; height: 145px; font-size: 11px; } .dl-dimensions-632x422 .dl-overlay h3 { font-size: 20px; } .dl-dimensions-632x422 .dl-overlay p { display: none; } #fas-seach-options .column { display: block; float: none; padding: 0; margin: 5px; border: 0; } #fas-seach-options .filter-controls { float: none; padding: 0; } /* ----- polaroids ----- */ #hub-dl .polaroids li { width: 102px;} .rr .polaroids li { width: 120px; } .rr .polaroids img { height: auto; } /* ----- mini polaroids ----- */ .mini-polaroids li { margin: 4px 0 0 0; padding: 3px 2px 0; } #pet-profile-paginator .counter { width: 101px; } .thumbnail-gallery .image-wrap { margin-left: auto; margin-right: auto; } .thumbnail-gallery .image-wrap, .thumbnail-gallery .image-wrap .video-player { width: 270px; height: 171px; } .thumbnail-gallery .image-wrap img { max-width: 100%; max-height: 100%; } .thumbnail-gallery .image-wrap .items .slide { width: 266px; height: 167px; } .thumbnail-gallery .dl-button-prev, .thumbnail-gallery .dl-button-next { top: -54px; } .dl-side-nav .dl-nav-button .browse { height: 91px; } .dl-side-nav .dl-nav-button .sprite { margin-top: 33px; } .tools { margin-left: 93px; } .article-post .help-pet a, .big-buttons a { width: 264px; height: 45px; line-height: 45px; } /* ===== MODULES ===== */ #available-pets { width: 280px; } #available-pets .scrollable { height: 392px; } #available-pets .item { width: 284px; } /*#find-a-shelter-dl .slide { width: 267px; }*/ #find-a-shelter-dl .slide-left-side { width: 238px; } #find-a-shelter-dl .slide-right-side { display: none; } #htails-dl .featured-dl { margin-left: auto; margin-right: auto; width: 240px; height:280px; } #htails-dl .featured-dl .scrollable, #htails-dl .items > div { width: 240px;height: 280px; } #htails-dl figure { height: 100px; width: 100px; padding-top: 20px; padding-bottom: 150px; } #htails-dl blockquote { font-size: 12px; } #htails-dl .navi-wrap { display: none; } .mod-breed-center { width: 275px; } .mod-breed-center figure { width: 274px; height: auto; } .mod-breed-center img { display: block; } #upcoming-events { width: 288px; } #upcoming-events .inner-shadow { width: 266px; } #upcoming-events .scrollable, #upcoming-events .item { width: 264px; } /* ===== PAGES =====*/ /* ----- Breed Center ----- */ .breed-center .image-wrap { margin-left: auto; margin-right: auto; } /* ----- Compare Breeds -----*/ .breed-compare li, .breed-compare li:first-child, .breed-compare .compare-1, .breed-compare .compare-4, .breed-compare .compare-7, .breed-compare .compare-10 { width: 280px; } .breed-compare li dt, .breed-compare li:first-child dt, .breed-compare .compare-1 dt, .breed-compare .compare-4 dt, .breed-compare .compare-7 dt, .breed-compare .compare-10 dt { width: 116px; padding-right: 20px; text-indent: 0; text-align: right; } /* ----- Pet Care Center ----- */ .pet-care-center .featured-dl { margin-left: auto; margin-right: auto; } /* ----- Pet Classified ----- */ #pet-classified .share-bar > ul { float: none; } #pet-classified .share-bar .big-buttons { width: 100%; } #pet-classified .share-bar .big-buttons li, #pet-classified .share-bar .big-buttons a { float: none; width: 100%; margin: 0; border: 0; } #pet-classified .share-bar .follow-icons { height: 20px; margin-left: 35px; padding: 15px 0 15px 25px; } #pet-classified .share-bar h4 { line-height: 45px; } /* ------ EVENTS TABLE -------*/ .events table td{ padding: 6px; border: 1px solid #ccc; text-align: left; } .events caption {display: block;} .events table, .events thead, .events tbody, .events th, .events td, .events tr { display: block;} .events thead tr { position: absolute; top: -9999px; left: -9999px;} .events tr { border: 1px solid #ccc; } .events table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left:50%; } .events td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .events td:nth-of-type(1):before { content: "Date"; } .events td:nth-of-type(2):before { content: "Event"; } .events td:nth-of-type(3):before { content: "Type"; } .events td:nth-of-type(4):before { content: "Location"; } .events td:nth-of-type(5):before { content: "Organization"; } } /* ------------------------------------- CSS RESET ------------------------------------- */ html { margin:0; padding:0; border:0; } body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* This helps to make newer HTML5 elements behave like DIVs in older browers */ article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; } /* Line-height should always be unitless! */ body { line-height: 1.5; background: white; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } /* float:none prevents the span-x classes from breaking table-cell display */ caption, th, td { text-align: left; font-weight: normal; } table, th, td { vertical-align: middle; } li { list-style-type: none; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } /* Remember to define your own focus styles! */ :focus { outline: 0; } em { font-style: normal; } .pet-clrfix { zoom: 1; } .pet-clrfix:after { content: "."; display: block; height: 0; width: 0; line-height: 0; font-size: 0; clear: both; visibility: hidden; } /* ------------------------------------ MAIN SITE ------------------------------------ */ body { background-color: #edece8; font-family: arial, helvetica, sans-serif; font-size: 13px; color: #333; } h1, h2, h3, h4 { font-family: 'Oswald', sans-serif; line-height: 1.2em; } h1 { font-size: 28px; } h2 { font-size: 20px; text-transform: uppercase; } h3 { font-size: 20px; text-transform: uppercase; } /* listed as H2 in style guide */ h4 { font-size: 14px; text-transform: uppercase; } /* listed as H3 in style guide */ a { text-decoration: none; color: #7332d6; cursor: pointer;} a:hover { color: #b88bfc; } small { font-size: 13px; } .errors {margin-bottom:20px;} .errors p{color:#ff0000;margin:0;} .form-error {border-color:red !important;} .placeholder-text{color:#999;} .psdui-container.disabled {background-color:#f3f3f3 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);-moz-opacity: 0.6; -khtml-opacity: 0.6; opacity:0.6} /* ----- Main styling elements ----- */ .oswald { font-family: 'Oswald', sans-serif; } .content-box { margin-bottom: 10px; background-color: #fff; -webkit-box-shadow: 1px 1px 6px 1px rgba(99, 99, 99, .3); -moz-box-shadow: 1px 1px 6px 1px rgba(99, 99, 99, .3); box-shadow: 1px 1px 6px 1px rgba(99, 99, 99, .3); } .headline { font-family: 'Oswald', sans-serif; font-size: 32px; text-transform: none; } /* Used in Lead Modules */ .bylines, .bylines a { font-size: 12px; color: #999; } .bylines a:hover { text-decoration: underline; color: #b88bfc; } .adoptable-pet .pet-special-ids { border: none; padding: 0; font-family: 'Oswald', sans-serif; font-size: 10px; text-transform: uppercase; color: #8fc61e; } .multi-column-list {margin-top:10px;} .multi-column-list ul{float:left;width:46%;} .multi-column-list li {padding:5px 0;line-height:normal;} .multi-column-list li a{font: bold 13px arial, helvetica, sans-serif;} .multi-column-list .column2{margin-left:20px;} .2-columns ul{width:50%;} /* ----- Generic Styles ----- */ * html .clear { zoom: 1; } /* IE6 */ *:first-child+html .clear { zoom: 1; } /* IE7 */ /*.clear { *height: 1%; } */ .clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .clear-both {clear:both;} .alt { display: none; } .strong {font-weight:bold;} .hide {display:none;} .disc li{list-style-type: disc;list-style-position:outside;} ul.indent {margin-left:30px;} /* ----- Pullquote ----- */ .pullquote { width: 270px; padding: 25px; font-style: italic; font-size:26px; text-align: center; color: #999; } .pullquote p:before { display: inline; content: "\201C "; } .pullquote p:after { display: inline; content: " \201D"; } .float-right{float:right;} article.last, .last { border-bottom:0 !important; } input {font: normal 12px arial;} /* ----- BACKGROUNDS ----- */ .stripe-purple { background: url('../img/bg_purple_stripe.gif'); } .stripe-purple-lt { background: url('../img/bg_lt_purple_stripe.gif'); } .stripe-green { background: url('../img/bg_green_stripe.gif'); } .stripe-green-lt { } .stripe-grey-lt { background: url('../img/bg_lt_grey_stripe.gif'); } /* ----- BUTTONS ----- */ /* Standard Buttons -----*/ a.button, button, input[type="submit"], input[type="reset"], input[type="button"], #comments .gig-comments-container .gig-comments-postButton-container a { overflow:visible;display: inline-block; padding: 2px 15px; font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 28px; text-decoration: none; color: #fff; border: 2px solid #d0c0ea; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #8442e9; /* Old browsers */ background: -moz-linear-gradient(top, #8442e9 0%, #7332d6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8442e9), color-stop(100%,#7332d6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8442e9 0%,#7332d6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8442e9 0%,#7332d6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8442e9 0%,#7332d6 100%); /* IE10+ */ background: linear-gradient(top, #8442e9 0%,#7332d6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8442e9', endColorstr='#7332d6',GradientType=0 ); /* IE6-9 */ } a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, #comments .gig-comments-container .gig-comments-postButton-container a:hover { background: #b88bfc; /* Old browsers */ background: -moz-linear-gradient(top, #b88bfc 0%, #a66efb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b88bfc), color-stop(100%,#a66efb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b88bfc 0%,#a66efb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b88bfc 0%,#a66efb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b88bfc 0%,#a66efb 100%); /* IE10+ */ background: linear-gradient(top, #b88bfc 0%,#a66efb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b88bfc', endColorstr='#a66efb',GradientType=0 ); /* IE6-9 */ } .ie7 a.button, .ie7 button, .ie7 input[type="submit"], .ie7 input[type="reset"], .ie7 input[type="button"], .ie7 #comments .gig-comments-container .gig-comments-postButton-container a { padding: 0 15px; } .ie9 a.button, .ie9 button, .ie9 input[type="submit"], .ie9 input[type="reset"], .ie9 input[type="button"], .ie9 a.button:hover, .ie9 button:hover, .ie9 input[type="submit"]:hover, .ie9 input[type="reset"]:hover, .ie9 input[type="button"]:hover { filter: none; } .ie7 button.favorites, .ie8 button.favorites, .ie9 button.favorites { filter:none; background-color:transparent; } /* toggle button*/ .toggle-button {position:relative; display: inline-block;} .toggle-button .button {display:block;} .toggle-button ul{background-color:#fff;display:none;position:absolute; width:100%;} .toggle-button li {cursor:pointer;} .toggle-button .toggle-arrow {display:inline-block;width:13px;height:13px;margin-left:3px;vertical-align:middle;} .toggle-button .button .toggle-arrow, .toggle-button .button.close:hover .toggle-arrow {background-position:-36px -184px;} .toggle-button .button:hover .toggle-arrow, .toggle-button .button.close .toggle-arrow {background-position:-36px -165px;} .not-button{border:0; background:none; padding:0; margin:0; color:#000; font-family:arial;} .not-button:hover {background: none; filter: none;} /* ------ back to top ------ */ .bottom-anchor {display:none;cursor:pointer;background-color:#bebdba;color:#fff;width: 55px;height: 62px;text-align:center; margin-left:342px; position: relative;/*position:absolute;right:-66px;bottom:10px;*/} .bottom-anchor:before{content:""; display:block;height:0;width:0;border-style:solid;position:absolute;border-width:13px 28px 13px 28px;z-index:0;border-color:transparent #EDECE8;top:-14px;left:0;} .bottom-anchor .top-arrow{background-position:-34px -167px; height: 7px; width: 20px;display:inline-block;margin-top:18px;} .bottom-anchor .oswald {display: block; text-transform:uppercase;} /* Favorites Buttons -----*/ .pop-up a.button.favorites, .pop-up button.favorites { background: #fd7b43; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkN2I0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTY2MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fd7b43 0%, #f96628 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd7b43), color-stop(100%,#f96628)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fd7b43 0%,#f96628 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fd7b43 0%,#f96628 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fd7b43 0%,#f96628 100%); /* IE10+ */ background: linear-gradient(top, #fd7b43 0%,#f96628 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7b43', endColorstr='#f96628',GradientType=0 ); /* IE6-8 */ } .pop-up a.button.favorites:hover, .pop-up button.favorites:hover { background: #ff8f5f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGY1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDdjNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff8f5f 0%, #fd7c44 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8f5f), color-stop(100%,#fd7c44)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff8f5f 0%,#fd7c44 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff8f5f 0%,#fd7c44 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff8f5f 0%,#fd7c44 100%); /* IE10+ */ background: linear-gradient(top, #ff8f5f 0%,#fd7c44 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8f5f', endColorstr='#fd7c44',GradientType=0 ); /* IE6-8 */ } .pop-up a.button.favorites:before, .pop-up button.favorites:before { content: ""; display: block; float: left; height: 21px; width: 22px; margin-left: -8px; margin-right: 4px; background: url('../img/pf_vertical_sprite.png') -14px -880px no-repeat transparent; } .pop-up a.button.favorites.add:before, .pop-up button.favorites.add:before { background-position: -14px -916px; } .pop-up a.button.favorites.add:hover:before, .pop-up button.favorites.add:hover:before { background-position: -14px -950px; } .ie9 .pop-up a.button.favorites, .ie9 .pop-up button.favorites, .ie9 .pop-up a.button.favorites, .ie9 .pop-up button.favorites { filter: none; } /* Get Started Button ----- */ a.button.get-started, button.get-started { border-color: #b4e271; background: rgb(140,200,53); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYzgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4M2JhMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(140,200,53,1) 0%, rgba(131,186,52,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,200,53,1)), color-stop(100%,rgba(131,186,52,1))); background: -webkit-linear-gradient(top, rgba(140,200,53,1) 0%,rgba(131,186,52,1) 100%); background: -o-linear-gradient(top, rgba(140,200,53,1) 0%,rgba(131,186,52,1) 100%); background: -ms-linear-gradient(top, rgba(140,200,53,1) 0%,rgba(131,186,52,1) 100%); background: linear-gradient(top, rgba(140,200,53,1) 0%,rgba(131,186,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc835', endColorstr='#83ba34',GradientType=0 ); } a.button.get-started:hover, button.get-started:hover { border-color: #b4e271; background: rgb(156,223,59); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljZGYzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YmM2MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(156,223,59,1) 0%, rgba(139,198,55,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,223,59,1)), color-stop(100%,rgba(139,198,55,1))); background: -webkit-linear-gradient(top, rgba(156,223,59,1) 0%,rgba(139,198,55,1) 100%); background: -o-linear-gradient(top, rgba(156,223,59,1) 0%,rgba(139,198,55,1) 100%); background: -ms-linear-gradient(top, rgba(156,223,59,1) 0%,rgba(139,198,55,1) 100%); background: linear-gradient(top, rgba(156,223,59,1) 0%,rgba(139,198,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cdf3b', endColorstr='#8bc637',GradientType=0 ); } .ie9 a.button.get-started, .ie9 button.get-started, .ie9 a.button.get-started:hover, .ie9 button.get-started:hover { filter: none; } /* Show More -----*/ .show-more, .return, .see-all { margin: 15px 0 25px; border: 1px solid #e8e8e8; border-width: 1px 0; } .show-more a, .return a, .see-all a { display: block; padding: 13px; font: 24px/28px 'Oswald', sans-serif; text-align: center; text-transform: uppercase; color: #7331d3; border: 1px solid #fff; border-width: 1px 0; } .show-more a span {cursor: pointer; display: inline-block; position:relative;left:10px;top:-2px;width: 43px; height: 28px; vertical-align: bottom; background: url('../img/pf_vertical_sprite.png') 0 -219px no-repeat; } .show-more a:hover, .return a:hover, .see-all a:hover { color: #b88bfc; } .show-more a:hover span { background-position: 0 -789px; } .loading { background: url(../img/loading.gif) no-repeat center center; display: none; padding: 10px 0px;} .is_loading { display: block; } .return, .see-all { margin-top: 0;} .return a { padding: 5px 0 5px 20px; text-align: left; line-height: 44px; vertical-align: bottom; } .return a span { display: inline-block; height: 44px; width: 29px; margin-right: 10px; vertical-align: middle; background: url('../img/pf_sprite.png') 0 -104px no-repeat; } .return a:hover span { background-position: -31px -104px; } .see-all { margin-bottom: 0; } .see-all a { padding: 5px 20px 5px 0; text-align: right; line-height: 44px; vertical-align: bottom; } .see-all a span { display: inline-block; height: 44px; width: 29px; margin-left: 10px; vertical-align: middle; background: url('../img/pf_sprite.png') -93px -104px no-repeat; } .see-all a:hover span { background-position: -62px -104px; } .greater, .less { font-family:Oswald; font-size: 13px; } .greater, .less { font-family:Oswald; font-size: 13px; } .greater:after { padding-left:5px; font-size:10px; content:'\003E'; } /*IE 7 hack doesn't support :after */ *+html .greater {background: url('../img/greater-arrow-ie7.png') right 70% no-repeat;padding-right:8px;} .less:before { padding-right:5px; font-size:10px; content:'\003C'; } .message { display: block; margin: 0 14px 15px 0; padding: 10px; background-color: #f1f0ec; } .message strong { display: block; font-size: 16px; font-weight: bold; color: #8cc835; } .img-float{float:left;} /* Basic Hover Box Styling */ .pop-up { position: relative; background-color: #fff; -webkit-box-shadow: 0 0 4px 2px rgba(204, 204, 204, .5); -moz-box-shadow: 0 0 4px 2px rgba(204, 204, 204, .5); box-shadow: 0 0 4px 2px rgba(204, 204, 204, .5); } .pop-up:before, .pop-up:after { content: ""; position:absolute; height:0; width:0; bottom:-22px; left:30px; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 12px; } .pop-up:before { bottom: -24px; border-color: rgba(204, 204, 204, .4) transparent transparent transparent; } #tool-tip, .tooltip{display:none;z-index:10000;} .tooltip li {line-height:16px;padding:10px 0;} .tool-tip-inner {position:relative;margin-bottom:10px;zoom:1;} #tool-tip, .tool-tip-inner{ z-index:999;width:300px;padding:20px; background-color: #fff; -webkit-box-shadow: 0 0 4px 2px rgba(204, 204, 204, .5); -moz-box-shadow: 0 0 4px 2px rgba(204, 204, 204, .5); box-shadow: 0 0 4px 2px rgba(204, 204, 204, .5); } .tool-tip-inner {background-color:#F1F0EC;border:5px solid white;} .article-post .tool-tip-inner ul {margin-left:0;} .article-post .tool-tip-inner ul li {margin-bottom:0; list-style-type:none;} .tool-tip-inner:after, .tool-tip-inner:before, #tool-tip:after, #tool-tip:before {z-index:999; content: ""; position:absolute; height:0; width:0; bottom:-22px; left:160px; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 12px; } .tool-tip-inner:after, .tool-tip-inner:before{bottom:-27px;} .tool-tip-inner:before, #tool-tip:before { bottom: -24px;border-color: rgb(204, 204, 204) transparent transparent transparent; border-color: rgba(204, 204, 204, .4) transparent transparent transparent; } .tool-tip-inner:before{ bottom: -29px;} .ie8 .tool-tip-inner:after, .ie8 .tool-tip-inner:before {display: none;} /* tooltip loads from bottom*/ .tooltip.bottom .tool-tip-inner {margin-top:10px;} .tooltip.bottom .tool-tip-inner:after, .tooltip.bottom .tool-tip-inner:before {z-index:999; content: ""; position:absolute; height:0; width:0; top:-27px; left:160px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 12px; } .tooltip.bottom .tool-tip-inner:before { top: -29px;border-color:transparent transparent rgb(204, 204, 204) transparent; border-color: transparent transparent rgba(204, 204, 204, .4) transparent;} .ie8 .tooltip.bottom .tool-tip-inner:after, .ie8 .tooltip.bottom .tool-tip-inner:before {display: none;} /* ------------------------------------ SPRITE ------------------------------------ */ .pf-sprite { background: url('../img/pf_sprite.png') no-repeat transparent; } .sprite, .sortUp, .sortDown, div.closeButton {background-image:url('../img/pf_vertical_sprite.png');background-repeat:no-repeat;} .play-video {width: 100%;height: 100%;display: block;position: absolute;top:0;left:0;background: url('../img/play-button.png') no-repeat center;cursor:pointer;} .play-video-sm {width: 100%;height: 100%;display: block;position: absolute;top:0;left:0;background-image: url('../img/play-button-sm.png'); background-repeat:no-repeat;cursor:pointer;} .active .play-video {cursor:default;} /* ----- FORM ELEMENTS ----- */ label { display: block; font-size: 13px; font-weight: 700; } .psdui-container { background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 2px 2px #cecece; -moz-box-shadow: inset 0 0 2px 2px #cecece; box-shadow: inset 0 0 2px 2px #cecece; } .psdui-container:focus { border-color: blue; } .psdui-dropdown, .toggle-button ul { -webkit-box-shadow: 0 1px 6px 0 rgba(00, 00, 00, .3); -moz-box-shadow: 0 1px 6px 0 rgba(00, 00, 00, .3); box-shadow: 0 1px 6px 0 rgba(00, 00, 00, .3); } .psdui-select ul li, .toggle-button li, .link-dropdown li { padding: 3px 11px 3px 11px; } .psdui-select ul li:hover, .toggle-button li:hover, .link-dropdown li:hover { color:#fff; background-color: #7332d6; } .psdui-select ul li.psdui-selected { font-weight: normal; } .psdui-text { } .psdui-arrow { position: absolute; display: block; top: 4px; right: 3px; height: 24px; width: 27px; background: url("../img/pf_vertical_sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; } .psdui-arrow:hover { background-position: -23px -98px; } .psdui-container:hover > .psdui-arrow { background-position: -23px -98px; } .autocomplete-dropdown a{font-family: Arial; font-weight: normal; font-size: 12px;} .frm-purple { background: url('../img/bg_lt_purple_stripe.gif'); } .frm-purple .psdui-container, .stripe-purple-lt .psdui-container { border: 2px solid #d0c0ea; } .frm-green { background: url('../img/bg_green_stripe.gif'); } .frm-green .psdui-container { border: 2px solid #b3e270; } .frm-lt-green { background: #ecf6df; } .frm-lt-green .psdui-container { border: 2px solid #b4e271; } .frm-cream {background-color:#FFFFE1; } .frm-plain { border: 1px solid #e7e7e7; } .frm-plain .psdui-container { border: 2px solid #e4e4e4; } /* ----- Location Pop Up ----- */ .loc-container { width: 166px; } .loc-container .loc-input { display:block; cursor: pointer; width: 123px; height:30px; overflow-y: hidden; padding: 0 10px; border: 0; font-weight: 400; font-size: 13px; line-height: 30px; font-family: Arial; } .location-pop-up { width: 290px; border: 2px solid #fff; } .location-pop-up { display: none; position: absolute; top: 29px; left: 0; z-index: 3125;} .location-pop-up > fieldset { padding: 10px; } .location-pop-up .small { float: left; width: 89px; margin-right: 10px; } .location-pop-up .large { float: left; width: 152px; } .location-pop-up-error p{color: #FF0000; text-align: center;} #lpu-zip-code { width:148px; } #lpu-state { width: 86px;border:none;} #lpu-distance, #lpu-city { width: 66px;border:0; } .lpu-or { clear: both; display: block; font-weight: bold; text-align: center; color: #8bc735; } .location-pop-up .controls { margin: 5px 0; padding-right: 10px; text-align: right; } .lpu-state ul, .lpu-city ul, .lpu-shelter ul { max-height: 200px; overflow-y: auto;} .lpu-shelter ul {width: 173px;} /* ----- MODAL (Jquery Tools) ----- */ /*.modal { background-color:#fff; display:none; min-width:584px; padding:1px; font-size:12px; line-height:normal; border:2px solid white}*/ .modal .close, .popup div.closeButton {position:absolute;top:5px;right:5px;cursor:pointer;z-index:100;background-position:right -830px;width:18px;height:16px;text-indent:-1000px;overflow:hidden;} .modal .contentWrap { clear:both; } .ie7 .modal .psdui-input, .ie7 .modal .phone .psdui-input, .ie7 .modal .date .psdui-input {display:inline;} .modal .card-logos .pf-sprite {width:57px;height:33px;display:inline-block;text-indent: -999px;overflow: hidden;margin-right:10px;} .modal .card-logos .visa {background-position:0px -153px;} .modal .card-logos .mastercard {background-position:-67px -153px;} .modal h2{ font-size:14px; } .modal .radio label {font-weight:normal;} .modal .radio .question {font-weight:bold;} .modal p { margin-bottom:10px; } .modal div.gallery{ position: relative; height: 320px; width: 500px; margin-bottom: 25px; } .modal #share-video{ margin:0 0 10px 0; } .modal .right-rail { width:300px; float:left; } .modal h2 { margin-bottom:10px; } .modal h1.stripe-purple-lt {padding:15px 18px;} .modal .decimal li {color:#7c3fd9;list-style-type:decimal;list-style-position:inside;font-weight:bold;padding:5px 0;} .modal .decimal li span {color:#333;font-weight:normal;} .modal .wysiwig {margin-top:17px;} .modal .wysiwig h2 span{font-size:16px;} .modal .sources {margin-top:20px;} .modal .sources h3 {text-transform:none;font:bold 16px arial;} .modal .wysiwig em {font:italic 12px arial;text-transform:lowercase;} .modal .sources-edit .sprite{width:13px;height:13px;float:left;background-position:-39px -1287px;} .modal .sources-edit {display:inline-block;padding:0 5px;border-right:1px solid #b3b3b3;} .modal .media-header {margin:20px 20px 10px 20px;} .modal .media-body {margin:0 20px 20px 20px;} .modal .content-media { width:66%; margin:0 20px 0 0; float:left; } .modal .content-media .caption { margin:0 0 10px 0; } .modal .thumbnail-gallery {margin-bottom:15px;} .modal .share {padding:10px;} .modal .right-rail .ad {margin:0;padding-top:0;} /* ----- CROSS PROMO ----- */ .modal .cross-promo {margin-top:25px} .modal .cross-promo h3{font:normal 10px Oswald;text-transform:uppercase;} .modal .cross-promo figure.photos { margin:25px 0 0 0; } .modal .cross-promo figure.photos img { margin-right:2px; } .modal .cross-promo h2 { font:bold 20px arial;margin-bottom:5px;text-transform:none;} .modal .cross-promo figcaption {font-weight:bold;} .modal .cross-promo strong {text-transform:uppercase;} .modal .cross-promo p {margin-bottom:5px;line-height:18px;} .modal .cell{ float:left; width:46%; margin:10px 0 0 0; padding:0 20px 0 0; } .modal .data-entry .column { margin:10px 0 0 0; padding-right:10px;border-right:1px dotted #caccc7;} .modal form label{ margin:0 0 3px 0; } .modal form input[type=radio], .modal form input[type=checkbox] {display:inline-block;width:auto;} .modal form .radio label{ display:inline-block;margin-right:5px;} .modal form em { font-style:italic; font-weight:normal;font-size:11px;color:#999999; } .modal form .checkbox p {margin:10px 0 0 0;} .modal input::-webkit-input-placeholder, .modal textarea::-webkit-input-placeholder{color:#ccc;} .modal input:-moz-placeholder, .modal textarea:-moz-placeholder{color:#ccc;} .modal .psdui-default {color:#ccc;} .modal textarea { border:0; background:none; width:100%; padding:8px 10px; line-height:1.4em; overflow-y: auto; resize: none;} .modal textarea.textarea {overflow-x: visible; } .modal form .last{ margin:0; } .modal .button-group{clear:both;text-align:right;display:block;width:auto;float:none;padding-right:20px;margin:10px 0;float:right;} .modal .button-group a.cancel, .modal .button-group .prev {position:relative;top:0;right:0; float:none; cursor:pointer; } .modal .button-group .prev, .modal .button-group a.cancel {width:auto;height:auto;float:left;margin-right:10px;font:normal 12px/44px arial;overflow:visible;text-indent:0;} .modal .upload-photo {line-height:36px;} .modal .upload-photo .photo, .modal .upload-photo .photo-path{float:left; } .modal .upload-photo .photo img {width:48px;height:48px;} .modal .upload-photo .btn {color:#8442E9;cursor:pointer;font-size:15px;} .modal .upload-photo .btn:hover{text-decoration:underline;} .modal .upload-photo #photo-path{font-family:arial;display:block;line-height:normal;} .modal .upload-photo .pf-sprite{background-position:-456px -49px;width: 43px;height: 32px;} .modal .upload-photo .pf-sprite img {display:none;} .modal .upload-photo{ clear:both; } .modal .upload-button {vertical-align:top;float:left;position:relative; margin:0 0 0 10px; } .modal .upload-button input[type=file] {width:80px;min-width:auto;position:absolute;top:-20px;left:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;z-index:1;} .modal ul.form .checkbox{ width:100%; clear:both; } .modal form ul.form > li {margin-top:20px;} .modal .checkbox label{ display:inline; font-weight:normal; } .modal fieldset{position:relative;} .modal legend{position:absolute;right:0px;top:-6px;background:#fff;} .modal .status {position:relative;z-index:1;} .modal .status span{display:block;background:white;position:absolute;right:20px;top:-12px;z-index:100;padding:6px 4px;color:#999;-webkit-box-shadow: 0px 0px 2px 2px #cecece;-moz-box-shadow: 0px 0px 2px 2px #cecece;box-shadow: 0px 0px 2px 2px #cecece;} .modal .status strong {color:#8FC71E;} .modal .overlay-lead {background:#ffffe1;padding:18px 20px;} .modal .overlay-lead .two-thirds{margin-right:20px;width:59%;} .modal .overlay-lead p {line-height:21px;} .modal .overlay-lead figure{background:#fff;float:left;padding:6px;margin-right:20px;} .modal .data-entry {padding:18px 20px;} .modal .data-entry h2 {font-size:16px;} .modal .data-entry div.two-thirds {display:inline-block;} .modal .data-entry div.two-thirds input{width:125px;} .modal .data-entry .two-thirds input{width:155px;} .modal .data-entry .checkbox .half {margin-right:18px;} .modal .data-entry .drop-down, .modal .data-entry .half {float:left;margin-right:20px;} .modal .data-entry .credit-card-info {width:352px;padding:0 0 0 30px;border-right:0;} .modal .data-entry .in-honor ul.form{display:none;} .modal .user-questions .checkbox {margin-top:20px;} .modal .user-questions textarea {width:443px;max-width:443px;} .modal .user-info {width:336px;} .modal .user-info input, .modal .user-info ul.form textarea{width:258px;max-width:258px;} .modal .user-info textarea{max-width:272px;} .modal .user-info .drop-down select, .modal .radio input {width:132px;} .modal .donation ul.form > li{margin-top:15px;} .modal .user-questions li {width:510px;} .modal .user-questions input {width:350px;} .modal .credit-card-info input {width:322px;} .modal .credit-card-info .radio input[type=radio]{vertical-align:top;margin-right:0;} .modal .credit-card-info .drop-down select {width:145px;} .modal .credit-card-info .radio label{ display:inline-block;width:92%;} .modal .security-code input{width:76px;float:left;margin-right:6px;} .modal .security-code span{width:110px;font-size:10px;display:inline-block;position:relative;top:-10px;} .modal .date, .modal .phone {width:104%;} .modal .date .psdui-input, .modal .phone .psdui-input {display:inline-block;margin-right:8px;} .modal .date .last, .modal .phone .last {margin-right:0;} #sponsor-a-pet #wizard, #sponsor-a-pet #wizard .page {width:780px;} #wizard {width:680px;overflow:hidden;position:relative;} #wizard .items{width:20000em;clear:both;position:absolute;} #wizard .page{width:680px;padding:0;float:left;} .modal input.phone-field {border:0; width:46px; margin-right:5px;} .modal #contact-shelter {width:584px;} .modal #contact-shelter .form {width:97%;} .modal #contact-shelter textarea{height:82px;width:521px;max-width:521px;} .modal #contact-shelter .frm-lt-green {background:none;} .modal #contact-shelter .shelter-location {float:right;width:227px;position:absolute;top:0;right:0;} .modal #contact-shelter .shelter-location figure{background:none;} .modal #contact-shelter .shelter-location figure img{border:1px solid #c8c7c3;margin-bottom:15px} .modal #contact-shelter .shelter-location p {margin:0;} .modal #contact-shelter .shelter-location .greater{font-size:12px;line-height:25px;} .modal #contact-shelter input{width:260px;} .modal #contact-shelter select {width:160px} .modal .post-a-pet textarea{height:auto;} .modal .recaptchatable {background-color:#fff;} /* ----- modal widths ---------- */ .modal-sponsor-pet{width:780px;} .modal-adopt-pet, .modal-add-pet {width:680px;} .modal-contact-shelter {width:590px;} .modal-video, .modal-photo {width:997px;} .modal-start-discussion {width:680px;} .modal-start-discussion input, .modal-start-discussion ul.form textarea{width:575px;max-width:575px;} .modal-start-discussion ul.form textarea {height:85px;} .modal-start-discussion form select {width:225px;} .modal-width-597 {width:597px;} .modal-width-597 .frm-lt-green{padding:25px 18px;} .modal-width-597 .column {margin:0;width:265px;overflow:hidden;} .modal-width-597 .column.last{margin-left:30px;} .modal-width-597 ul.form {margin-bottom:20px;} .modal-width-597 h5 {font:bold 13px arial;margin-bottom:5px;} .modal-width-597 input {width:237px;} .modal-width-597 select {width:155px;} .modal-width-597 input.phone-field {width:52px;} .modal-width-597 textarea {width:529px;max-width:529px;height:145px;} .modal-width-597 .two-thirds input {width:136px;} .modal-width-597 .psdui-textarea {margin-bottom:5px;} .modal-width-597 .email-address-to {display:inline-block;padding-right:14px;margin-bottom:0;} .inner-shadow { -webkit-box-shadow: inset 0px 0px 5px 0px rgba(23, 23, 23, .2); -moz-box-shadow: inset 0px 0px 5px 0px rgba(23, 23, 23, .2); box-shadow: inset 0px 0px 5px 0px rgba(23, 23, 23, .2); border:1px solid #E6E6E6; } .call-out {padding:20px; clear: both;} .call-out header h2 {margin-top:0;text-transform:capitalize;font:bold 20px arial;} .call-out em {font-style:italic;} .grey-bg {background-color:#eeeeee;} .lt-grey-bg {background-color:#F8F7F4;} .lt-yellow-bg {background-color:#FFFFE0;} /* ----- Polaroids ----- */ /* FOR IMAGES IN THE DL AND OTHER PETS MODULE */ .polaroids { margin-left:-8px;position:relative; z-index:100; } .polaroids li{ position: relative; float:left; list-style-type:none; padding:6px 6px 2px; margin:8px 0 0 8px; width:133px; height: 125px; text-align:center; z-index: 1; -webkit-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); -moz-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); } .polaroids li a.title{ color:#000; text-decoration:none; font-size:16px; line-height: 24px; height: 24px; overflow-y: hidden; } .polaroids li a.rescue-name{font-size:12px;} .polaroids img { display: block; height: 100px; width: 132px; z-index:0;} .polaroids .title { display: block; margin-top: 1px; max-width: 133px; font: normal 15px 'Oswald', sans-serif; } .polaroids li:hover { background-color: #ffffe0; } .polaroids li:hover .title { color: #7332d6; } .polaroids .pet-details-hover { display: none; } .polaroid-186x140 li{ position: relative; float:left; list-style-type:none; margin:0 15px 15px 0; width: 186px; height: 220px; text-align: left; padding: 6px; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); -moz-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); } .polaroid-186x140 img {width: auto; height: auto;} .polaroid-186x140 li:hover { background-color: #ffffe0; } .polaroid-186x140 li a {font-size: 12px;} .polaroid-186x140 li a.title { font-weight: bold; font-size: 18px; display: inline;} /* ----- Mini-Polaroids ----- */ /* FOR IMAGES IN THE DL AND OTHER PETS MODULE */ .mini-polaroids { } .mini-polaroids li{ position: relative; float:left; list-style-type:none; padding:3px 3px 0; margin:4px 0 0 8px; width: 62px; height: 64px; text-align:center; -webkit-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); -moz-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); } .mini-polaroids li:first-child { margin-left: 0; } .mini-polaroids li a{ color:#000; text-decoration:none; font-size:16px; } .mini-polaroids img { display: block; height: 47px; width: 62px; } .mini-polaroids .title { display: block; margin-top: -3px; max-width: 62px; font: normal 13px 'Oswald', sans-serif; } .mini-polaroids li:hover { background-color: #ffffe0; } .mini-polaroids li:hover .title { color: #7332d6; } .mini-polaroids .pet-details-hover { display: none; } /* ----- Breed Cards ----- */ /* for images in the breed center */ .breed-cards { } .breed-cards li{ display: inline-block; vertical-align:top; position: relative; list-style-type:none; margin: 0 0 8px 19px; width: 140px; text-align: center; z-index: 2;} .ie7 .breed-cards li {display: inline; zoom:1; } .breed-cards img { display: block; height: 108px; width: 144px; -webkit-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); -moz-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); } .breed-cards .title { display: block; margin-top: 6px; max-width: 133px; height: 47px; font: normal 15px 'Oswald', sans-serif; text-overflow: ellipsis; overflow: hidden; color:#000; text-decoration:none; } .breed-cards li:hover .title { color: #7332d6; } .mini-breed-cards li { width: 132px; margin: 0 0 1px 15px; } .mini-breed-cards img { height: 98px; width: 132px; } .mini-breed-cards .title{ height: 37px; max-width: 132px; font-size: 12px; } .mini-breed-cards .breed-comp-add, .mini-breed-cards .breed-comp-remove { display: none; } .breed-cards .pop-up { display: none; position: absolute; top: 100px; left: -55px; width: 259px; padding: 10px; margin-top: 10px; text-align: left; z-index: 17981; } .ie7 .breed-cards .pop-up { border: 1px solid #ccc; } .breed-cards .pop-up:before, .breed-cards .pop-up:after { top:-22px; left:114px; border-color: transparent transparent #fff transparent; } .breed-cards .pop-up:before { top: -24px; border-color: transparent transparent rgba(204, 204, 204, .4) transparent; } .breed-cards.grid-view .pop-up p { display: block; } /* ----- Breed Compare Add/Remove ----- */ .breed-comp-add, .breed-comp-remove { position: absolute; top: 0; right: 0; height: 20px; width: 22px; } .breed-comp-add { background-position: -279px -82px; } .breed-comp-remove { background-position: -302px -82px; } .breed-comp-add:hover { background-position: -256px -82px; } .breed-comp-remove:hover { background-position: -325px -82px; } /* ----- Pet Details Hover ----- */ .pet-details-hover { position: absolute; top: 0; right: -307px; height: 124px; width: 300px; padding-top: 5px;} .pet-details-hover.right { right: auto; left: -307px; } .pet-details { margin: 3px 10px 3px; font-size:12px;} .pet-details p { padding: 4px 0 2px; text-align: left; border-top: 1px dashed #cbcbcb;} .pet-details p.breed { font-weight: bold; border: 0; } .pet-details p.specs { color: #999; text-transform:lowercase; } .pet-details-hover .button-row { position: absolute; bottom: 0;left: 0; width: 293px; height: 33px; padding: 3px 3px 7px 4px; text-align: center; } .pet-details-hover .button-row .favorites{margin-right: 5px;} .pop-up.pet-details-hover:before, .pop-up.pet-details-hover:after { left: -22px; top: 50px; border-color: transparent #fff transparent transparent; } .pop-up.pet-details-hover:before { left: -24px; border-color: transparent rgba(204, 204, 204, .4) transparent transparent; } .pop-up.pet-details-hover.right:before, .pop-up.pet-details-hover.right:after { right: -22px; left: auto; border-color: transparent transparent transparent #fff; } .pop-up.pet-details-hover.right:before { right: -24px; left: auto; border-color: transparent transparent transparent rgba(204, 204, 204, .4); } /* Mutt Details overrides */ .mutt-mix-hover { width: 280px; padding: 10px; } .mutt-details { display: table; width: 280px; } .mutt-details > div { display: table-row; height: 45px; width: 280px; text-align:left; } .ie7 .mutt-details > div { display: block; } .mutt-details .plus-wrapper { display: table-row; position: relative; height: 34px; } .mutt-details .plus { display: block; position: absolute; left: 130px; height: 29px; width: 29px; margin: 2px auto; text-indent: -99px; overflow: hidden; background-position: -125px -107px; } .mutt-details .breed img { /*display: table-cell;*/ width: 60px; height: 45px; -webkit-box-shadow: 0 0 4px 0 rgba(00, 00, 00, .2); -moz-box-shadow: 0 0 4px 0 rgba(00, 00, 00, .2); box-shadow: 0 0 4px 0 rgba(00, 00, 00, .2);} .mutt-details .breed span { display: table-cell; padding: 4px 11px; font-size: 15px; line-height: 18px; vertical-align: middle; overflow: hidden; } .ie7 .mutt-details .breed img, .ie7 .mutt-details .breed span { display: block; float: left; } .pop-up.mutt-mix-hover:before, .pop-up.mutt-mix-hover:after { top: 60px; } /* ----- Breed Attributes ----- */ .breed-attributes { display: table; width: 100%; background-color: #e7e6e2; border-collapse: collapse; cell-spacing: 0; } .breed-attributes dl { display: table-row; } .breed-attributes dt, .breed-attributes dd { display: table-cell; vertical-align: middle; border: 1px solid #fff; border-right:0; border-left:0;} .breed-attributes dt { padding: 13px 10px 11px; font-weight: 800; border-left: 0; } .ie7 .breed-attributes dl { display: block; height: 1%; zoom: 1; } .ie7 .breed-attributes dt { float: left; width: 141px; } .ie7 .breed-attributes dd { float: left; display: block; padding: 5px; } .breed-attributes .pf-sprite { display: block; width: 77px; height:14px; margin: 2px 37px 0 10px; padding-top: 0; font-size: 11px; } .breed-attributes .text {padding-left:10px;} .breed-attributes .rating-6 { background-position: -217px 0; } .breed-attributes .rating-5 { background-position: -233px 0; } .breed-attributes .rating-4 { background-position: -249px 0; } .breed-attributes .rating-3 { background-position: -264px 0; } .breed-attributes .rating-2 { background-position: -280px 0; } .breed-attributes .rating-1 { background-position: -295px 0; } .breed-attributes .rating-0 { background-position: -310px 0; } .breed-attributes .average { background-color: #fff; border-color: #e7e6e2; } .breed-attributes .average .rating-6 { background-position: -217px -42px; } .breed-attributes .average .rating-5 { background-position: -233px -42px; } .breed-attributes .average .rating-4 { background-position: -249px -42px; } .breed-attributes .average .rating-3 { background-position: -264px -42px; } .breed-attributes .average .rating-2 { background-position: -280px -42px; } .breed-attributes .average .rating-1 { background-position: -295px -42px; } .breed-attributes .average .rating-0 { background-position: -310px -42px; } .breed-center .characteristics .breed-attributes {display:block; } .breed-center .characteristics .breed-attributes dt {width: 47%} /* Mutt Characteristics (derrived from breed attributes) */ .module .mutt-chars { position: relative; margin-top: 25px; background-color: #fff; border: 0; } .mutt-chars h2 { position: absolute; top: 5px; } .mutt-chars h4 { padding: 0 0 5px 5px; width: 146px; height: 35px; overflow: hidden; vertical-align: bottom; } .mutt-chars li { float: left; width: 152px; } .mutt-chars li:first-child { width: 327px; } .mutt-chars li:first-child h4 { margin-left: 175px; } .mutt-chars li:first-child dt{ display: table-cell; } .ie7 .mutt-chars li:first-child dt { display: block; float: left; } .mutt-chars dl { border-top: 1px solid #e7e6e2; } .mutt-chars dt { float: left; display: none; width: 152px; padding: 9px 10px 5px; background-color: #fff; border: 1px solid #e7e6e2; border-width: 0 1px 1px 1px; } .mutt-chars dd { float: left; width: 152px; border-width: 0 1px 1px 0; background-color: #e7e6e2; border-collapse: collapse; } .mutt-chars .pf-sprite { } .mutt-chars .average dd { background-color: #fff; border-color: #e7e6e2; } /* ----- TABS (JQuery Tools) ----- */ .tabs {position:relative;top:1px;z-index:1;} .tabs li { list-style-type:none; float:left; } .tabs li a { float:left; font-family:Oswald; padding:6px 10px; border:1px solid #e0e0e0; margin:0 3px 3px 0; cursor:pointer;font-size:14px; } .tabs li a.current { color:#000; border-bottom:0; background:#fff; margin-bottom:0; padding-bottom:10px;z-index:1;} .right-sided-tabs li a {margin:0 0 3px 3px;} .right-sided-tabs {position: absolute; top: 26px; right: 0;} .tabbed .pane {display:none;position:relative;z-index:2;} .tabbed select {width:160px;} .tab-bottom-border {border:0;border-bottom:1px solid #e0e0e0;margin:0; position:relative;z-index:0;} .main-content .header-with-tabs .tabs li a {margin:0 0 0 3px;} .main-content .header-with-tabs .tabs{border-bottom:0;top:auto;right:0;position:absolute;bottom:-1px;height:auto;margin-bottom:0;} .header-with-sponsor h1 { float: left; line-height: 60px; } .header-with-sponsor .sponsored-by { float: right; } /* ----- Comment Count ----- */ .article-info { font-size: 12px; color: #999; } .comment-count {zoom:1; position:relative; display:inline; } .comment-count a {position:relative; zoom:1;background:#F96828; color:#fff; font-size:12px; padding: 0 4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:Oswald; } .comment-count a:before {content:" "; zoom:1;position: absolute; bottom: -8px; left: 3px; border-width: 4px 4px 0 0; border-style: solid; border-color: #F96828 transparent; display: block; width: 0;height:4px; } .vote-score {font-size:12px;color:#999;display: inline; font-family: oswald;position: relative; margin-left: 10px;padding-left: 10px;border-left: 1px solid #D1D1D1;} .vote-score .sprite{display:inline-block;width:15px;height:20px;background-position:-36px -1050px;position:relative;left: 3px;} /* ----- map ----- */ .map { color:#7332D6; cursor:pointer; padding: 0 0 0 15px; font-family: 'Oswald', sans-serif;font-size:12px; background-position: -35px -720px; } .map:hover { background-position: -35px -702px; } /* horizontal list */ .horizontal-list li {float:left;margin:0 3px 0 0;} .horizontal-list li.link a{font-size:13px;border-right: 1px solid #c0a1ee;line-height:normal;padding:0 7px 0 0;} .horizontal-list li.last a {border:0;} .horizontal-list a {font-family:Oswald, sans-serif;} /* related by tag*/ .related-by-tag figure{width:144px;float:left;margin-right:18px;} .related-by-tag h3{padding:0;} .related-by-tag h3 a{color:#333;font:normal 15px oswald;text-transform:capitalize;} .related-by-tag .omega{margin-right:0;} .related-discussion {position:relative;padding:84px 3px 0 3px;} .related-discussion .lt-grey-bg {padding:15px 10px 35px 10px;border-color:#e8e8e8;border-style:solid;border-width:1px 1px 0 1px;background-color:#f8f7f4;} .related-discussion .lt-grey-bg h2{text-transform:none;font-size:28px;margin-bottom:10px;} .related-discussion .lt-grey-bg p {margin-top:10px;} .related-discussion .banner{position:absolute;top:30px;left:-5px;z-index:80;} .related-discussion .banner h3{text-transform:uppercase;font-weight:normal;background:#f96627;background:rgb( 249,102,39);color:#fff;font-size:20px;padding:5px 15px;z-index:1;-webkit-box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);-moz-box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);} .related-discussion .left-triangle{height:0px;width:0px;border-style:solid;position:absolute;border-width:0 5px 5px 0;z-index:0;border-color:transparent #d14509 transparent transparent;border-color:transparent rgb(209,69,9) transparent transparent;margin-left:0;top:34px;-webkit-box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);-moz-box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);} .related-discussion .right-arrow {height: 0px; width: 0; border-style: solid; position: absolute; border-width: 17px; z-index: 0; border-color: transparent #f96627 transparent transparent; border-color: transparent transparent transparent #f96627; margin-left: 0; top: 0; right: -34px; } /* rating */ .star-rating {display:inline-block} .star-rating li {float:left;} .star-rating li.sprite {float:left;margin:3px 3px 0 0;} .star-rating li a {display:block;width:11px;height:11px;} .star-rating li.full {background-position:0 -1117px;} .star-rating li.empty {background-position:-38px -1117px;} .star-rating li.number-votes {line-height:normal;color:#999;} /* toggle view */ .toggle-view li { float: left; } .toggle-view li:first-child { border-right: 2px solid #d9d9d9; } .toggle-view a { display: block; height: 23px; width: 30px; margin: 3px 7px; } .toggle-view .list { background-position: -384px -83px; } .toggle-view .grid { background-position: -471px -83px; } .toggle-view .list:hover, .toggle-view .list.selected { background-position: -413px -83px;zoom:1; } .toggle-view .grid:hover, .toggle-view .grid.selected { background-position: -442px -83px; } /* disabled */ .disabled .sprite{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:.3;} .disabled {cursor:default !important;} .show-more.disabled {opacity:.50;} /* ------------------------------------ LAYOUT ------------------------------------ */ /* ----- generic article for shelter-individual and event-detail,shelter-profile ----- */ .article-post {padding:20px 15px 10px;} .article-post header {position:relative;} .article-post header.title {margin-bottom:15px;} .article-post header .logo {position:absolute; right:0; top:0; border:1px solid #e2e1dc;} .article-post h1{border-bottom:1px solid #EFEFEF;line-height:normal;padding-bottom:3px;} .article-post .header-w-logo .tools{margin: 0; position: absolute; top: 17px; right: 123px;} .article-post .header-w-logo h1{width:71%;margin-bottom:8px;padding:0 60px 3px 0;} .article-post h3 {margin-top:10px;text-transform:none;font:bold 16px arial;} .article-post h2 {margin-top:25px;} .article-post .section-head {padding-bottom:15px;margin-top:30px;} .article-post .lead {margin:0 0 20px 0;font-size:15px;} .article-post section {margin-bottom:20px;} .article-post p {margin:0 0 20px 0;line-height:1.6em;} .article-post .location{color:#333;line-height:normal;margin-bottom:0;} .article-post .float-left {float:left;margin-right:20px;} .article-post .float-right{float:right;margin-left:20px;} .article-post .dashed-module{border:1px dashed #cbcbcb; background:#ffffe0;padding:10px 14px;margin-top:20px; clear:both;} .article-post .dashed-module p {margin-bottom:0;} .article-post .share {border:1px solid #e8e8e8;padding:10px;margin-top:2px;margin-bottom:10px;} .ie7 .article-post .share {overflow:visible;} .article-post .share h4{color:#7332d6;text-transform:capitalize;margin-right:10px;line-height:24px;} .article-post .share .follow-icons {float:left;margin-top:2px;} .article-post .share .follow-icons li{float:left;cursor:pointer;} .article-post .info-links {font-family:Oswald;color:#7332D6;} .article-post .info-links span{font-family:arial;color:#333;} .article-post hr{border:0px solid #E8E8E8;border-top:1px solid #E8E8E8;} .article-post .thumbnail-gallery {margin-bottom:0;} .article-post .breed {margin-bottom:0;} .article-post .traits{color:#b4b4b4;} .article-post .left-aligned-image, .article-post .alignleft {float: left; margin:0 10px 0 0;} .article-post .right-aligned-image, .article-post .alignright {float: right; margin:0 0 0 10px;} .article-post .event-map {margin-bottom:15px;} .article-post ol, .article-post ul {margin-left:17px} .article-post ol li {list-style-type:decimal;} .article-post ul li {list-style-type:disc; } .article-post ol li, .article-post ul li { margin-bottom:10px; } .article-post p em, .article-post li em{font-style: italic;} /* ----- Pet Profile ----- */ .pet-profile .location{margin:0 0 5px 0;} .pet-profile .page-head {margin-top:-10px;} .pet-profile .page-head h1{text-transform:none; padding-right:180px;border-bottom:0;line-height:normal;} .pet-profile section p, .pet-profile section img{margin-bottom:20px;} .pet-profile .contact{ width: 227px; background:#f1f0ec;padding:10px;margin-left:10px;float:right;} .pet-profile .contact p{margin-bottom:5px;} .article-post .more-info{background:#ffffe1;border:1px dashed #cbcbcb;margin-top:32px;padding:15px;} .article-post .more-info h4{font:bold 13px arial;text-transform:none;margin-bottom:10px;} .article-post .more-info li{list-style-type:disc;list-style-position:inside;} .article-post .more-info ul {margin-left: 0;} .article-post .more-info ul li {margin-bottom: 0;} .article-post .pet-pic {background:#edece8;width:630px;height:400px;overflow:hidden;position:relative;display:table;} .article-post .pet-pic .inner {width:100%;text-align:center;vertical-align:middle;display:table-cell;} .ie7 .pet-pic .inner { position: absolute; top:50%;} .ie7 .pet-pic .element { position: relative; top:-50%;} .article-post .share-bar {margin-top:4px;padding:0;border:0;border-width:1px;border-style:solid;border-color:#e8e8e8;} .article-post .share-bar h4{margin-left:17px;float: left;padding-right: 0;margin-right:0;text-transform: none;color: #7332D6;line-height: 61px;} .article-post .share-bar #share-plugin, .share-bar .follow-icons{padding:21px 0 21px 12px;float:left;} .share-bar .follow-icons{margin-top:0;} .share-bar .share-button-container{float:left; margin-top:20px; margin-left:8px;} .article-post .help-pet, .article-post .big-buttons{ float:right; margin-left: 0;} .article-post .help-pet li, .article-post .big-buttons li{ margin-bottom: 0; list-style-type:none;float:left;border-width:0 0 0 1px;border-style:solid;border-color:#e8e8e8;} .article-post .help-pet a, .big-buttons a{ display: block; height: 60px; width: 201px; margin: 2px; text-align: center; font-size: 20px; line-height: 60px; color:#fff; background:#8cc835;} .article-post .help-pet a:hover, .big-buttons a:hover { background-color: #b88bfc; } a.blue-button {background: #7332d6; } .article-post .article-module ul li{list-style-type: none;} .article-post .article-module ol li, .article-post .article-module ul li {margin-bottom: 0;} .article-post .article-module ol, .article-post .article-module ul {margin-left:0} .article-module {margin-bottom:10px;padding:15px;position:relative;width:247px;} .article-module header h4{font-family:arial;font-weight:bold;text-transform:none;} .article-module header .star-rating{position:absolute;right:0;} .article-module em {color:#999;font-style:italic;} .article-module h5{font-weight:bold;margin:5px 0 0 0;} .article-module p {line-height:normal;} .article-module .statistics {font-weight:bold;margin-top:5px;} .article-module .statistics span {float:right;} .article-module .statistics li {border-bottom:1px dashed #bfbbb2;} .article-module .note {color:#999;} .module-gray {background-color:#f1f0ec;} #article header h1{border-bottom:0;padding-bottom:10px;margin:0;} #article header {margin-bottom:10px;} #article .related-tags {margin:0 0 20px 0;} #article .related-tags span{display:inline;} #article .related-tags > ul {display:inline; margin-left:0;} #article .related-tags li.tag {display:inline; posistion: relative; margin-bottom:0;} .ie7 #article .related-tags li.tag {padding-right:3px;} /*.video iframe {margin:0 0 10px 0;}*/ /* -------- View and Vote contest ------*/ .contest-view-vote .page-head {margin-bottom: 7px;} .contest-view-vote h1 {padding-bottom: 0; border-bottom: 0;} .contest-view-vote .share-bar{margin-bottom: 65px;} .contest-view-vote .vote-for-me {width: 159px;} .contest-view-vote .vote-for-me p {font-size:11px; clear:both;margin: 10px 0 0 0;} .contest-view-vote .score {float: left; margin-right: 16px;} .contest-view-vote .score .oswald{font-size: 21px; line-height: 21px;} /* Contest Main */ .contest-main.module {border-bottom: 0;} .contest-entries .polaroid-186x140{width: 103%;} .contest-entries header {border-bottom: 1px solid #e8e8e8;padding-bottom:9px;} /* Contest Main lead promo*/ .lead-promo { position: relative;margin-bottom: 30px;} .lead-promo .lead-promo-overlay {position: absolute; right: 18px; top: 16px; width: 306px; height: 279px;} .lead-promo .caption {margin-bottom: 10px; height: 206px; position: relative;} .lead-promo .caption h3{text-transform: none; font:bold 20px arial;} .lead-promo .caption .bottom {position: absolute; bottom: 10px; left:0;width:100%; text-align: center;} .lead-promo .caption, .lead-promo .share-lead {background: rgb(255, 255, 255); background: rgba(255, 255, 255, .90); padding: 11px 15px;} .lead-promo .share-lead {text-align: center; line-height:12px; padding: 11px 15px;} .lead-promo .share-lead h4 {color: #7332d6; margin-right: 5px; display: inline-block;vertical-align: top; text-transform: none;} .ie7 .lead-promo .share-lead h4 {display: inline;} .lead-promo .follow-icons {display: inline-block; margin-top: 0;} .ie7 .lead-promo .follow-icons {display: inline; zoom: 1; } /* pet classified */ .pet-classified h1 {border-bottom:0;} .pet-classified .breed {margin-bottom:5px;} #comments .gig-comments-container textarea {width: 612px; height: 55px;} #comments .gig-comments-container header img {float:left; margin-right:10px;} #comments .gig-comments-container header {margin-bottom:10px;} #comments .gig-comments-container header h2 {line-height: 39px;} #comments .gig-comments-container .align-right {text-align: right;margin-top:10px;} /* Comments Section override ser for GIGYA commenting system GIGYA CSS IS provided in javascript implementation */ #comments .gig-comments-container .gig-comments-commentBox{background-color:#F8F7F4;border-color:#E8E8E8;border-style:solid;border-width:0 1px 1px 1px;margin-top:0;padding:0 10px 15px 10px;} #comments .gig-comments-container .gig-comments-commentBox-commentBox {border:0;padding:0;} #comments .gig-comments-container .gig-comments-commentBox-headerText {color:#222222;text-transform:uppercase;font:normal 20px oswald;float:left;padding:0;} #comments .gig-comments-container .gig-comments-commentBox-loginCanvas {margin-bottom:10px;} #comments .gig-comments-container .gig-comments-providerLogo { display:none; } #comments .gig-comments-container .gig-comments-login-container { display: none;} #comments .gig-comments-container .gig-comments-commentBox-textarea-wrapper { background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 2px 2px #cecece; -moz-box-shadow: inset 0 0 2px 2px #cecece; box-shadow: inset 0 0 2px 2px #cecece;height:auto; } #comments .gig-comments-container div.gig-comments-comment { border-bottom: 1px solid #E8E8E8; } #comments .gig-comments-container textarea.gig-comments-commentBox-textarea {width:100%;height:55px;} #comments .gig-comments-container .gig-comments-postButton-container a {font-weight:normal;} #comments .gig-comments-container div.gig-comments-comment-flag { visibility: visible; background: url('../img/pf_vertical_sprite.png') 0px -1287px no-repeat; } #comments .gig-comments-container > div.gig-comments-commentList-header {color:#222222; text-transform:uppercase; font:normal 20px oswald; line-height:20px; border-bottom:1px solid #E8E8E8; padding-bottom:15px;} #comments .gig-comments-container div.gig-comments-headerLinks { display: none; } #comments .gig-comments-container .gig-comments-button-reply{background:none; border:none; color:#8442E9; font-weight:bold; -webkit-box-shadow:0 0 0 RGBA(0,0,0,0); -moz-box-shadow:0 0 0 RGBA(0,0,0,0); box-shadow:0 0 0 RGBA(0,0,0,0); } #comments .gig-comments-container span.gig-comments-username {color:#8442E9;font-weight:normal;} #comments .gig-comments-container span.gig-comments-comment-time {color:#999;font-size:12px;} #comments .gig-comments-container .gig-comments-replies-length-container { display:none;} #comments .gig-comments-container .gig-commentList, #comments .gig-comments-container .gig-comments-commentList-header {margin:0 12px;} #comments .gig-comments-container div.gig-comments-comment-child {background-color:transparent; border-bottom:1px solid #E8E8E8;} #comments .gig-comments-container div.gig-comments-commentData-header { margin-top: 10px; } #comments .gig-comments-container div.gig-comments-comment-body { margin: 20px 0 10px 0; position: relative; left: -42px; } #comments .gig-comments-container div.gig-comments-vote-value{text-align:center;color:#999;float:left;padding:0 23px 0 23px;margin-right:0;} #comments .gig-comments-container a.gig-comments-button-vote-up{position:absolute;top:0;left:3px;} #comments .gig-comments-container div.gig-comments-vote-up {background:url('../img/pf_vertical_sprite.png') -36px -984px no-repeat; height:20px;} #comments .gig-comments-container a.gig-comments-button-vote-up:hover div.gig-comments-vote-up {background-position: -36px -1015px;} #comments .gig-comments-container div.gig-comments-vote {border-left:1px solid #E8E8E8;float:left;position:relative;} #comments .gig-comments-container div.gig-comments-vote-down {background:url('../img/pf_vertical_sprite.png') 0px -984px no-repeat; height:20px;} #comments .gig-comments-container a.gig-comments-button-vote-down {position:absolute;top:0;right:3px;} #comments .gig-comments-container a.gig-comments-button-vote-down:hover div.gig-comments-vote-down {background-position: 0px -1015px;} #comments .gig-comments-container a.gig-comments-button-vote, #comments .gig-comments-container a:hover.gig-comments-button-vote, #comments .gig-comments-container a:link.gig-comments-button-vote, #comments .gig-comments-container a:active.gig-comments-button-vote, #comments .gig-comments-container a:visited.gig-comments-button-vote{filter:none; background: none; border: 0;} #comments .gig-comments-container div.gig-comments-dottedLine {background-image:none;border-bottom:1px solid #E8E8E8;} #comments .gig-comments-container div.gig-comments-showMoreComments { margin: 15px 0 25px; border: 1px solid #e8e8e8; border-width: 1px 0;height:auto;background:url('../img/bg_lt_purple_stripe.gif');} #comments .gig-comments-container div.gig-comments-showMoreComments-text { display: block; padding: 13px; font: 24px/28px 'Oswald', sans-serif; text-align: center; text-transform: uppercase; color: #7331d3; border: 1px solid #fff; border-width: 1px 0; } #comments .gig-comments-container .div.gig-comments-showMoreComments-text:hover { color: #b88bfc; } /* ----- Site Header ----- */ .nav-overall { height: 15px; /*background-color: #f3f3f3; -webkit-box-shadow: inset 0 -3px 6px 1px rgba(218, 218, 218, .7); -moz-box-shadow: inset 0 -3px 6px 1px rgba(218, 218, 218, .7); box-shadow: inset 0 -3px 6px 1px rgba(218, 218, 218, .7); */} .nav-overall a { color: #333; } .nav-overall a:hover { color: #7332d6; } .nav-overall li { display: inline-block; height: 33px; padding: 0 10px; line-height: 33px; } .ie7 .nav-overall li { display: block; float: left; } .nav-categories { float: left; } .nav-categories li { border-right: 1px solid #e3e3e3; } .nav-categories .my-pets a { padding-left: 18px; background: url('../img/pf_vertical_sprite.png') 0 -40px no-repeat transparent; } .nav-site-toggle { float: right; margin-right: 3px; } .nav-site-toggle .selected { font-weight: bold; color: #222; background-color: #fff; border-left: 1px solid #c3c3c3; } .nav-site-toggle li {-webkit-box-shadow: inset 0 -3px 6px 1px rgba(218, 218, 218, .7); -moz-box-shadow: inset 0 -3px 6px 1px rgba(218, 218, 218, .7); box-shadow: inset 0 -3px 6px 1px rgba(218, 218, 218, .7); } #title-wrapper { position: relative; float: left; margin-left: 20px; padding-right: 20px; } .site-header { position: relative; margin: 0 0 24px; padding-top: 14px; } .ie7 .site-header { z-index: 6200; } .site-title img { display: block; } .site-title .tagline { position: absolute; bottom: 0; left: 200px; float: left; margin: 5px 0 0 20px; font-family: 'Oswald', sans-serif; font-size: 14px; color: #989898; white-space: nowrap; z-index: 41; } .site-title .tagline span { color: #8ac837;} /* --------------------------------- FIND A PET FORM --------------------------------- */ #frm-find-a-pet {/*display: none;*/ background-color: #e8f4d7;} .frm-find-a-pet { border:2px solid #fff; margin: 0; color: #333; z-index: 5200; } #frm-find-a-pet.fap-none { display: none; } /*#frm-find-a-pet.fap-partial, #frm-find-a-pet.fap-full { display: block; }*/ .frm-find-a-pet #fap-more-search-options, .frm-find-a-pet #fap-more-search-options .fap-ul { display: none; } #frm-find-a-pet.fap-full #fap-more-search-options, #frm-find-a-pet.fap-full #fap-more-search-options .fap-ul { display: block; } .fap { padding: 0 0 8px; border: 1px solid transparent; background: url('../img/bg_green_stripe.gif') 0 2px repeat; } .fap > fieldset { margin-top: 8px; height: auto; } .fap-ul > li { display: inline-block; padding: 0 22px 0 14px; border-left: 1px dotted #fff; overflow: visible;} .fap-ul > li:first-child { border: 0; padding-left: 14px; } .fap-ul > li > label { display: block; color: #fff; /*text-shadow: 0px -1px 1px #999999;*/ } .fap input[type=text] { width: 149px; } .fap select { width: 166px; } .fap-search { padding: 2px 0; margin: 0 3px; border-top:1px dotted #fff; /*background-color:#E8F4D7;*/ } .fap-search a:visited, #frm-find-a-pet .filters a:visited {color: #fff;} .fap-search a:hover, #frm-find-a-pet .filters a:hover {color: #b88bfc;} .fap-search .control li, #frm-find-a-pet .filters li { display: inline-block; padding-right: 11px; line-height: 30px; text-transform: capitalize;} .fap-search .control li {padding-right: 0;} #frm-find-a-pet .filters { float: left; margin-left: 13px; margin-top: 6px; width:54%; } .ie7 #frm-find-a-pet .filters { height: 1%; zoom: 1; } .ie7 #frm-find-a-pet .filters li { display: block; float: left; } .fap-search .controls { margin-right: 11px; float:right; } .fap-search .controls ul.control { display: inline-block; margin-right: 5px;} .fap-search .link-dropdown .psdui-arrow {top: 5px; right: 5px; background-position: -19px -69px; width:10px; height:15px;} .controls .link-dropdown .link-text a{padding-right: 20px; position: relative;} .fap-search .link-dropdown .psdui-dropdown {width:240px;padding:10px; top:25px;} .fap-search .psdui-dropdown li {border-top:1px dashed #cbcbcb; padding:5px 6px ; vertical-align: top; } .fap-search .psdui-dropdown li.first{border:none;} .fap-search .psdui-dropdown li {display: block;height:auto; line-height: normal;} .fap-search .psdui-dropdown li:hover {background:transparent; } .fap-search .psdui-dropdown li:hover a {color: #b88bfc;} .fap-search .psdui-dropdown a {color:#333; } .fap-search .psdui-dropdown form {display:inline; } .ie7 .fap-search .controls ul.control { display: inline; float: left; margin-top: 5px; } .ie7 .fap-search .controls ul.control li { display: inline; line-height: 33px; } .fap-search .controls li.item { height:auto; } .fap-search .controls li a {border-right: 1px solid #fff; padding: 0 10px;} .fap-search .controls li .remove {padding: 0; float: right; background-position: -367px -118px; text-indent: -100px; overflow: hidden; height: 10px; width: 9px; } .fap-search .controls li .remove:hover{background-position: -351px -118px; } .fap-search .controls li a.search {padding-left: 0;} .fap-search .controls li a.saved-search { width:94%} .fap-search .link-text a {color:#fff; padding-left: 0; } .fap-search .controls .psdui-dropdown a{border:none; padding: 0; display:inline-block;} .ie7 .frm-find-a-pet .loc-container { position: relative; z-index: 500; } .fap-search .controls .link-dropdown { background: transparent; position: relative; display: inline-block;} select.pet-types {height:20px;} /* Type */ .fap-type .psdui-dropdown { width: 375px; padding: 5px 0 0 5px; } .fap-type .pet { float: left; } .asset-filter {float:right;margin-bottom:10px;} .asset-filter label{display:inline;padding-right:5px;} .ie7 .asset-filter label {float: left; line-height:37px;} /* ----- Pet Category Styling ----- */ .pet-types .pet { background-color:#f1f0ec; display: block; width: 70px; height: 100px; margin: 0 5px 5px 0; padding:0; text-align: center; font: 12px oswald, impact, sans-serif; text-transform: uppercase; color: #222; } .local-nav-dd .pet-types .pet {display: block; width: 70px; height: 52px; margin: 0; padding: 48px 5px 0 5px; text-align: center; font: 12px oswald, impact, sans-serif; text-transform: uppercase; color: #222; background: url('../img/pf_animal_sprite.png') no-repeat #F1F0EC;} .pet-types .pet div {padding: 48px 0 0;background: url('../img/pf_animal_sprite.png') no-repeat; } .pet-types .pet:hover { color: #222; background-color: #ffffe0; } .pet-types .pet.psdui-selected {background:url('../img/bg_grey_stripe.gif') repeat;} .pet-types .all-types div, .local-nav-dd .pet-types .all-types { background-position: 20px -792px; } .pet-types .dog div, .local-nav-dd .pet-types .dog { background-position: 20px 22px; } .pet-types .cat div, .local-nav-dd .pet-types .cat{ background-position: 20px -60px; } .pet-types .small-furry div, .local-nav-dd .pet-types .small-furry{ background-position: 20px -136px; } .pet-types .reptile div, .local-nav-dd .pet-types .reptile{ background-position: 20px -892px; } .pet-types .fish div, .local-nav-dd .pet-types .fish{ background-position: 20px -300px; } .pet-types .pig div, .local-nav-dd .pet-types .pig{ background-position: 20px -380px; } .pet-types .horse div, .local-nav-dd .pet-types .horse{ background-position: 20px -456px; } .pet-types .rabbit div, .local-nav-dd .pet-types .rabbit{ background-position: 20px -540px; } .pet-types .barnyard div, .local-nav-dd .pet-types .barnyard{ background-position: 20px -620px; } .pet-types .birds div, .local-nav-dd .pet-types .birds{ background-position: 20px -700px; } .pet-types .pet span, .pet-types .pet:hover span { display: block; font: 11px arial, helvetica, sans-serif; color: #999; } /* ------ Mini Follow Panel ----- */ #mini-follow-panel { display: none; position: absolute; top: -18px; left: 200px; height: 83px; width: 219px; overflow: hidden; -webkit-box-shadow: inset 3px 0px 2px 0px rgba(99, 99, 99, .3); -moz-box-shadow: inset 3px 0px 2px 0px rgba(99, 99, 99, .3); box-shadow: inset 3px 0px 2px 0px rgba(99, 99, 99, .3); z-index: 5500; } #mini-follow-panel .mfp { position: absolute; top: 0; left: -225px; height: 44px; width: 180px; margin: 8px 9px; padding: 12px 12px 12px 20px; background-color: #f1f0ec; } .article-post .follow-icons {margin-left:0;} .follow-icons { margin-top: 8px; } .follow-icons > li { display: inline-block;float:left; height: 21px; width: 22px; margin-right: 6px; background: url('../img/pf_vertical_sprite.png') 0 -400px no-repeat transparent;cursor:pointer; } .follow-icons > li > a { display: block; width: 22px; height: 21px;} .header-site .mfp {position: absolute; top: 0px; right: 115px; z-index: 6000; } .header-site .mfp h4 {color:#7332D6; display: inline-block; vertical-align: top; line-height: 50px; margin-right: 10px; } .ie7 .header-site .mfp h4 {float: left; } .header-site .follow-icons {display: inline-block; } .ie7 .header-site .follow-icons {float: left;} .header-site .follow-icons > li {background: url('../img/pf_sprite.png');} .header-site .follow-icons li{height:30px; width: 30px; } .header-site .follow-icons li a{height:30px; width: 30px; display:block; } .header-site .follow-icons .fb, .header-site .follow-icons .fb:hover{background-position: -131px -199px} /*.header-site .follow-icons > li:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}*/ .header-site .follow-icons .twt, .header-site .follow-icons .twt:hover {background-position: -168px -199px} /*.header-site .follow-icons .g, .header-site .follow-icons .g:hover {background-position: -205px -199px}*/ .header-site .follow-icons .pin, .header-site .follow-icons .pin:hover {background-position: -205px -199px} .header-site .follow-icons .yt, .header-site .follow-icons .yt:hover {background-position: -243px -199px} .header-site .follow-icons .e, .header-site .follow-icons .e:hover {background-position: -282px -199px} .article-post .follow-icons > li{margin-bottom:0;} .follow-icons .fb { background-position: 0 -409px; } .follow-icons .fb:hover { background-position: -30px -409px;} .follow-icons .twt { background-position: 0 -438px; } .follow-icons .twt:hover { background-position: -29px -438px;} .follow-icons .g { background-position: 0 -468px; } .follow-icons .g:hover { background-position: -29px -468px;} .follow-icons .pin { background-position: 0 -498px; } .follow-icons .pin:hover { background-position: -29px -498px;} .follow-icons .yt { background-position: 0 -1080px; } .follow-icons .yt:hover { background-position: -28px -1080px;} .follow-icons .e { position: relative; background-position: 0 -526px; } .follow-icons .e:hover { background-position: -28px -526px;} .ie7 .follow-icons {position: relative;} .ie7 .follow-icons .e { z-index: 7500; } .ie7 .follow-icons .e .email-signup { z-index: 10125; } .follow-icons .e input[type="text"] { width: 176px; } .follow-icons .e input.submit { vertical-align: middle; padding-top: 0; padding-bottom: 1px; } .share.share-this h4 { display: inline;float:left; padding-right: 0.5em; text-transform: none; color: #7332d6;line-height:21px;} .share-this .follow-icons { display: inline-block; float:left;margin-top: 0; margin-bottom: -10px; } .share-this .gigyaShareButtons {float:left; display:inline-block;} .share { margin: 3px 0 0; padding: 3px 10px 0 0; text-align: right; border: 1px solid #e9e9e9; } .share h4 { display: inline-block; padding: 0 10px 3px 0; font-size: 15px; line-height: 38px; vertical-align: middle; text-transform: none; color: #7332d6; } .share .facebook-like { float: left; width: 400px;} #share-box-top.share .facebook-like { width: auto; } .share ul { display: inline-block; float:right;height: 20px; } /* ----- Results generic results can be seen on find-shelter-----*/ .results header h1 {padding-bottom:15px;} .results header h1 em {color:#8cc835;font-style:normal;} .results header h2, .results h3 {font-size:16px;text-transform:none;} .results h3 a {color:#333;} .results header h2 {font:bold 19px arial;padding:15px 0;} .results div.listings {border-bottom:1px solid #e8e8e8;} .results li.listing{border-top:1px solid #e8e8e8;padding:15px 0;} .results .location{color:#333;} .results .rating {color:#9a9a9a;border-left: 1px solid #9A9A9A;padding-left: 5px;margin-left:3px;} .results .info {line-height:normal;} .results .info a{font-style:italic;} .results .description {margin:13px 0 0 0;line-height:16px;} /* ----- Main Content ----- */ .main-content { /*overflow: hidden;*/ margin: 0 0 10px; position: relative; /*-webkit-box-shadow: 1px 1px 6px 1px rgba(99, 99, 99, .3);*/ /*-moz-box-shadow: 1px 1px 6px 1px rgba(99, 99, 99, .3);*/ /*-ms-box-shadow: 1px 1px 6px 1px rgba(99, 99, 99, .3);*/ /*box-shadow: 1px 1px 6px 1px rgba(99, 99, 99, .3);*/ } .main-content .one-third.content-box, .main-content .two-thirds.content-box { float: left; margin-bottom: -9999px; padding-bottom: 9999px; } /* ----- Search ----- */ .container .widget_search form { margin-right: 15px; height: 38px; width: 287px; background-color: #fff;border:2px solid #d0c0ea; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 2px 2px #cecece; -moz-box-shadow: inset 0 0 2px 2px #cecece; box-shadow: inset 0 0 2px 2px #cecece;} .container .widget_search input { float: left; width: 213px; margin: 10px 0 0 10px; font-family: arial, sans-serif; font-size: 16px; border: 0; vertical-align:top;} .container .widget_search input::-webkit-input-placeholder { color: #8CC835; } .container .widget_search input:-moz-placeholder { color: #8CC835; } .container .widget_search input:-ms-input-placeholder{ color: #8CC835; } .container .widget_search .placeholder-text {color: #8CC835;} input:focus::-webkit-input-placeholder { color: transparent; } .container .widget_search button { float: right; height: 32px; width: 32px; padding: 0; margin:3px; vertical-align: text-bottom; filter: none; border: 0;} .container .widget_search .find { height: 32px; width: 32px; background: url('../img/pf_vertical_sprite.png') -4px -1342px no-repeat transparent; } /* ----- Header with Tabs ----- */ .module .header-with-tabs {position:relative; border-bottom:1px solid #e0e0e0; margin-bottom:25px; } .module .header-with-tabs h2 { font-size:28px; text-transform:none; } /* ----- Site Footer ----- */ #site-footer .two.columns { width: 157px; } #site-footer .four.columns {width:300px; } #site-footer .sponsors { padding: 15px; border-bottom: 1px solid #e8e8e8; } #site-footer .sponsors-list { display: table; width: 100%; margin: 12px 0 0; } .ie7 #site-footer .sponsors-list { display: block;} #site-footer .sponsors ul { display: table-row; height: 60px; width: 100%; overflow: hidden; } .ie7 #site-footer .sponsors ul { display: block; } #site-footer .sponsors li { display: table-cell; padding: 0 10px; vertical-align: middle; text-align: center; } .ie7 #site-footer .sponsors li { display: block; float: left; } #site-footer .sites { padding: 30px 10px 0 10px; } #site-footer .sites nav { min-height:174px; border-left: 1px solid #e8e8e8; } #site-footer .sites nav:first-child { border: 0; } #site-footer .sites nav h4 {font-size:12px; } #site-footer .sites nav div { padding-top: 20px; } #site-footer .sites nav h4+div { padding-top: 0px; } #site-footer .sites .four .two { border: 0; width: 153px; } #site-footer .sites h4 { margin: 20px 0 5px 10px; } #site-footer .sites h4:first-child { margin-top: 0; } #site-footer .sites ul { margin: 0 0 0 10px; } #site-footer .sites a { font-size: 11px; font-weight: 600; color: #666; } #site-footer .sites a:hover { color: #b88bfc; } #site-footer .more-sites { border-top: 2px solid #e8e8e8; padding-top: 30px; } #site-footer .search a { display: inline-block; height: 43px; margin-right: 23px; background: url('../img/pf_sprite.png') 0 0 no-repeat transparent; text-indent: -999px; } /*#site-footer a.link-pf { width: 128px; background-position: -87px 0; }*/ #site-footer a.link-pf{background:none;text-indent:0;height:auto;vertical-align: bottom;line-height: 2.2em;} #site-footer a.link-ap { width: 87px; } #site-footer .frm-search { float: none; margin: 16px 0 0 0; } #site-footer .copyright { display: block; padding-bottom: 10px; font-size: 11px; font-weight: 500; color: #666; text-align: center; } #site-footer .mfp {margin-top:10px;} #site-footer .mfp h4{float: left; margin-left:0; line-height:normal;} #site-footer .follow-icons {float:left; } #site-footer .ars-graphic { clear: left; padding-top: 20px;} /* ------------------------------------ NAVIGATION ------------------------------------ */ .nav-site { height: 44px; font-family: 'Oswald', sans-serif; font-size: 16px; text-transform: uppercase; background-color: #7332d6; } .ie7 .nav-site { z-index: 5700; } .nav-site > ul { height: 26px; margin-top: 9px; } .nav-find-a-pet { position: relative; z-index: 5201;} .nav-find-a-pet p { position: absolute; top: -2px; left: 15px; display: block; width: 245px; height: 46px; font-size: 21px; line-height: 46px; text-align: center; background: url('../img/bg_green_stripe.gif') repeat 0px 9px; text-shadow: 0px -1px 1px #999999; filter: dropshadow(color=#999999, offx=0, offy=-1); } .nav-find-a-pet a { color: #fff; letter-spacing: .05em;} .nav-find-a-pet a:hover { color: #fff; } .nav-find-a-pet a.fap-toggle { display: inline-block; margin-left: 5px; width: 20px; height: 20px; background: url('../img/pf_vertical_sprite.png') 0 -180px no-repeat transparent; } .ie7 .nav-find-a-pet a.fap-toggle { display: inline; } .nav-find-a-pet.open p { height: 48px; } /*.nav-find-a-pet .fap-toggle:hover,*/ .nav-find-a-pet.open .fap-toggle { background-position: 0 -140px; } /*.nav-find-a-pet.open .fap-toggle:hover { background-position: 0 -140px; }*/ /* --------------------------------- LOCAL NAV --------------------------------- */ #local-nav { position: absolute; margin-top: 9px; z-index: 11000; list-style: none; *zoom: 1; } #local-nav > li { display: inline-block; padding: 0 4px; border-left: 1px solid #8f5bde; height: 22px; } .ie7 #local-nav > li { display: block; float: left; zoom: 1; } #local-nav > .selected > a { background: url('../img/bg_purple_stripe.gif'); } #local-nav > li:first-child { border-left: 0; } #local-nav > li > a { display: block; padding: 3px 4px 3px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 16px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } #local-nav > li.sfHover > a { padding-bottom: 17px;} #local-nav > li > a:hover { color: #b88bfc; } #local-nav > li > a:hover, #local-nav > li.sfHover > a, #local-nav > li.sfHover > a { color: #b88bfc; background-color: #fff !important; background-image: none !important; } #local-nav > li.dd-menu > a { padding-bottom: 9px; } #local-nav > li.active > a, #local-nav > li.current-menu-item > a, #local-nav > li.current_page_item > a { background: url('../img/pf_vertical_sprite.png') repeat-x left -1474px;} /* .local-nav-dd { -webkit-box-shadow: 1px 6px 6px 1px rgba(99, 99, 99, .3); -moz-box-shadow: 1px 6px 6px 1px rgba(99, 99, 99, .3); box-shadow: 1px 6px 6px 1px rgba(99, 99, 99, .3);display: none; position: absolute; top: 32px; left: -261px; width: 986px; font-family: arial, helvetica, sans-serif; font-size: 13px; text-transform: none; overflow: hidden; background-color: #fff; border: 6px solid #fff; } .local-nav-dd section { padding: 20px; background-color: #f1f0ec; position: relative; } .local-nav-dd section .icon { position: absolute; right: 0; top: 0; background-color: #e7e6e3; border-color: #ffffff; border-width: 0 0 1px 1px; border-style: solid; } .local-nav-dd .multi-section section { border-top: 5px solid #fff; } .local-nav-dd .multi-section section:first-child { border-top: 0; } .local-nav-dd a { color: #8442e9; } .local-nav-dd a:hover { color: #b88bfc; } .local-nav-dd h4 { margin-bottom: 5px; } .local-nav-dd li { padding: 5px 0 4px; } .local-nav-dd footer { padding-top: 7px; padding-bottom: 15px; border-top: 1px solid #fff; } #local-nav .local-nav-dd > div, #local-nav .local-nav-dd > section { margin-bottom: -999px; padding-bottom: 999px; border-left: 6px solid #fff; background-color: #f1f0ec; } #local-nav .local-nav-dd > div:first-child, #local-nav .local-nav-dd > section:first-child { border-left: 0; } #local-nav .column, #local-nav .columns { margin: 0; } #local-nav .local-nav-dd .columns ul { padding-bottom: 10px; } #local-nav .local-nav-dd .columns { width: 98px; padding-left: 10px; padding-right: 10px; } #local-nav .local-nav-dd .columns.multi-section { width: 118px; padding-left: 0; padding-right: 0; } #local-nav .local-nav-dd .two.columns { width: 202px; padding-left: 20px; padding-right: 20px; } #local-nav .local-nav-dd .two.columns.multi-section { width: 242px; padding-left: 0; padding-right: 0; } #local-nav .local-nav-dd .four.columns { width: 450px; padding-left: 20px; padding-right: 20px; } #local-nav .local-nav-dd .four.columns.multi-section { width: 490px; padding-left: 0; padding-right: 0; } #local-nav .local-nav-dd div.four.columns { width: 240px; } #local-nav .local-nav-dd div.four.columns section { height: 160px; } */ /*----- Pet Types ----- */ /* .types-to-adopt { width: 385px; } */ .types-to-adopt h4 { margin-bottom: 15px; } .local-nav-dd .pet-types { padding-bottom: 15px; } .local-nav-dd .pet-types li { float: left; margin: 0 6px 5px 0; padding: 0; border: 1px solid #fff; } .local-nav-dd .pet-types li:hover { border-color: #ffffe0;} .local-nav-dd .pet-types li a { width: 82px; margin: 0; } /* ----- Care Centers ----- */ .care-centers section { position: relative; } .cc-dog:after { content: ""; position: absolute; top: -1px; right: -1px; height: 45px; width: 45px; background: url('../img/pf_animal_sprite.png') 3px 8px no-repeat #e7e6e3; border: 1px solid #fff; } .cc-cat:after { content: ""; position: absolute; top: -1px; right: -1px; height: 45px; width: 45px; background: url('../img/pf_animal_sprite.png') 3px -72px no-repeat #e7e6e3; border: 1px solid #fff; } .cc-fish:after { content: ""; position: absolute; top: -1px; right: -1px; height: 45px; width: 45px; background: url('../img/pf_animal_sprite.png') 3px -312px no-repeat #e7e6e3; border: 1px solid #fff; } .cc-reptile:after { content: ""; position: absolute; top: -1px; right: -1px; height: 45px; width: 45px; background: url('../img/pf_animal_sprite.png') 3px -232px no-repeat #e7e6e3; border: 1px solid #fff; } .cc-small:after { content: ""; position: absolute; top: -1px; right: -1px; height: 45px; width: 45px; background: url('../img/pf_animal_sprite.png') 3px -152px no-repeat #e7e6e3; border: 1px solid #fff; } .cc-exotic:after { content: ""; position: absolute; top: -1px; right: -1px; height: 45px; width: 45px; background: url('../img/pf_animal_sprite.png') 3px -392px no-repeat #e7e6e3; border: 1px solid #fff; } /* ------------------------------------ ADS ------------------------------------ */ .module.ad { margin: 0 13px; overflow: hidden; padding-top:15px; z-index: 100; } .ad img, .ad embed, .ad object, .ad div { display: block; margin: 0 auto !important; } .ad-banner { margin: 5px auto; width: 998px; text-align: center; } .ad-banner div {margin:0 auto;} .ad-350x200{margin-bottom:10px;} .ad-300x600 {padding:20px 0;text-align:center;} .ad-300x250 { } /* Featured Content Slider ads */ #fcs-container .ad { position: absolute; } #ad-x72, #ad-x73 { width: 190px; height: 35px; bottom: 29px; right: 10px; } /* Blog content widget ad */ #ad-x71 { height: 50px; float: right; max-width: 315px; overflow: hidden;} #ad-x74 { width: 175px; height: 35px; float: right; text-align: right; } .module.ad figcaption { text-align: left; text-transform: uppercase; color: #999; } .stream-entry.sponsor {position:relative;margin:0;} .stream-entry.sponsor .logo{position:absolute;top:25px;right:10px;} .stream-entry.sponsor p{padding-right:120px;} .stream-entry.sponsor h2 {padding-right:120px;text-transform:capitalize;font-family:arial;} .ad figcaption { text-align: left; font-size: 10px; text-transform: uppercase; color: #999; } /* Google Ads, remove iframe in ie7 */ .ie7 .google_adsense iframe { display: none; } .ie7 .google_adsense { margin-top: 25px; padding-bottom: 10px; } /* ------------------------------------ SUBCONENT ------------------------------------ */ .container .sub-content .one-third.column{width:290px;} .sub-content .column{margin:0;} .sub-content .column .module{border-width:0 1px 0 0;border-style:solid;border-color:#e8e8e8;margin:20px 0;padding:0 20px;} .sub-content .last .module{border:0;} .sub-content header {margin:0 0 7px 0;} .sub-content .horizontal-list {float:right;} .sub-content .horizontal-list li {border-right: 1px solid #E8E8E8; padding-right: 10px; margin-right: 10px;} .sub-content .horizontal-list li.last {border-right:0; padding-right: 0; margin-right: 0;} .sub-content #five-things .decimal {line-height:26px;} /* -------------------------------------------------------------------------------------- MODULES (Listed in Alphabetical order after the generic styles) -------------------------------------------------------------------------------------- */ /* ----- Generic Module Styling ----- */ .module { position: relative; margin: 0 15px 0 15px; padding: 25px 0; border-bottom: 1px solid #e8e8e8; } .module h3 { margin-bottom: 15px; } .module h3 a { color: #333; } .module .footer { margin-top: 15px; } .module .more-footer { margin-top: 15px; padding-top: 10px; border-top: 1px dashed #cbcbcb; } .module .module { margin-left: 0; margin-right: 0;} /* Nested modules should not inherit margin and padding by default */ /* ----- Generic Right Rail Module Styling ----- */ .rr .module { border-bottom-width: 2px; } .ie7 .rr .module { z-index: 1; } .module .decimal {margin: 0 0 0 22px;} .module .decimal li { font: normal 18px 'Oswald', sans-serif; list-style-type: decimal; list-style-position:outside; color: #FA6626; line-height: 13px; padding: 5px 0; } .module .decimal li a { font: bold 13px arial, helvetica, sans-serif; } .rr .autocomplete-dropdown {left: auto; right:0px; top: 34px;} .rr .autocomplete-dropdown .collection {float:right;} .rr .one-list .autocomplete-dropdown{ width: 255px;} /* ----- Module Types ----- */ .mod-w-photo figure { float: left; position: relative; margin-top: 3px; margin-right: 13px; } .promo-list {margin-top:10px;} .promo-list li {padding-bottom:10px;} .promo-list h4 { font: bold 13px arial, helvetica, sans-serif; text-transform: none; } .promo-list p { padding-left: 125px; } .promo-list .more-footer {margin-top:0;} /* ------ discussion module------ */ .discussion-module li h4 {margin-bottom:10px;} .discussion-module li h4 a{color:#111111;} .discussion-module li h5 {font: bold 13px arial, helvetica, sans-serif;text-transform: none;margin-bottom:5px;} .discussion-module a.title {font-weight:bold;} .discussion-module header h4 {margin:15px 5px 10px 5px;} .discussion-module .comment-count{margin-left:10px;} .discussion-module .pane li {padding:15px 0;border-bottom:1px solid #E8E8E8;} .discussion-module .pane ul.gray {background-color:#f1f0ed;} .discussion-module .pane li.last {padding-bottom:0;} .discussion-module .pane .gray li {padding:10px;} .discussion-module .pane .gray li {border-color: #fff;} .discussion-module .pane .gray li img {vertical-align:middle;} .discussion-module .pane .gray li.last {padding-bottom:10px;} .discussion-module .bylines {display:inline;} .discussion-module.expanded { border: 0; } .discussion-module.expanded .header-with-tabs { margin-bottom: 7px; } .discussion-module.expanded h5 { margin: 0; font-size: 18px; } .discussion-module.expanded .panes li { padding:15px 0; border: 1px solid #E8E8E8; border-width: 1px 0 0; } .discussion-module.expanded .panes li:first-child { border: 0; } .discussion-module.expanded time { margin-left: 5px; padding-left: 7px; border-left: 1px solid #e8e8e8; } /* ----- Discussion Module - No discussions -----*/ .mutt-discuss .module.no-discussion { margin: 30px -11px 0; padding: 14px 11px; background-color: #f8f7f4; border: 1px solid #eaeaea; } .mutt-discuss .module.no-discussion .button { margin-top: 8px; } /* ------ dog parks near module------ */ .near-you header {margin-bottom:10px;} /* ------- dynamic-module --------*/ .dynamic-module header {margin:20px 0 10px 9px;} .dynamic-module .inner-shadow {padding:10px;} .dynamic-module .border {border-width:1px 1px 0 1px;border-style:solid;border-color: #e8e8e8;} .dynamic-module .navigation {float:right;margin:4px 4px 4px 0;} .dynamic-module .navigation .button {float:left;border:1px solid #e8e8e8;padding:2px;} .dynamic-module .navigation .button a {display:block;cursor:pointer;background: url('../img/bg_lt_purple_stripe.gif') 0 0 repeat;} .dynamic-module .navigation .button a .sprite {height:30px;width:30px;display:block;} .dynamic-module .counter {border-width:1px 0;border-style:solid;border-color: #e8e8e8;font: italic normal 13px arial, helvetica, sans-serif; color: #999;float:left;text-align:center;padding:0 15px;} .dynamic-module .counter span { font:normal bold 13px/34px arial, helvetica, sans-serif;color: #8fc61e; } .dynamic-module .button .prev .sprite, .dynamic-module .prev.disabled:hover .sprite { background-position: 9px -367px; } .dynamic-module .button .next .sprite, .dynamic-module .next.disabled:hover .sprite { background-position: -29px -367px; } .dynamic-module .prev:hover .sprite{background-position:9px -1231px;} .dynamic-module .next:hover .sprite{background-position:-28px -1231px;} /* ------- dynamic-module --------*/ .dynamic-module header {margin:20px 0 10px 9px;} .dynamic-module .inner-shadow {padding:10px;} .dynamic-module .border {border-width:1px 1px 0 1px;border-style:solid;border-color: #e8e8e8;} .dynamic-module .navigation, .fap-breed-container .navigation {float:right;margin:4px 4px 4px 0; font-size:0px;} .navigation .button, .fap-breed-container .navigation .button { width:30px;display:inline-block; vertical-align:top; border:1px solid #e8e8e8;padding:2px;} .ie7 .navigation .button, .ie7 .fap-breed-container .navigation .button {display:inline; zoom:1;} .navigation .button a, .navigation .button .sprite, .fap-breed-container .navigation .button a, .fap-breed-container .navigation .button .sprite {height:30px;width:30px;display:block;display:block;cursor:pointer;} .navigation .counter, .fap-breed-container .counter {display:inline-block; vertical-align:top; border-width:1px 0;border-style:solid;border-color: #e8e8e8;font: italic normal 13px arial, helvetica, sans-serif; color: #999;text-align:center;padding:0 15px; line-height:33px;} .ie7 .navigation .counter, .ie7.fap-breed-container .counter {zoom:1;display:inline;} .navigation .counter span, .fap-breed-container .counter span { font:normal bold 13px/34px arial, helvetica, sans-serif;color: #8fc61e; } .navigation .button .left .sprite, .navigation .left.disabled:hover .sprite { background-position: 9px -367px; } .navigation .button .right .sprite, .navigation .right.disabled:hover .sprite{ background-position: -29px -367px; } .navigation .left:hover .sprite {background-position:9px -1231px;} .navigation .right:hover .sprite {background-position:-28px -1231px;} .navigation .loader{ top: 40px; } /* breed */ .fap-breed-container {background-color: #fff; padding:5px;} .fap-breed-container h3 {font-size: 14px; position: absolute; top: 16px; left: 12px;} .fap-breed-container .collection {float:left; width:560px; } .fap-breed-container .scrollable {width:100%; height:100%;} .fap-breed-container .counter {border:0; } .fap-breed-container .navigation {float:none; width:556px; } .fap-breed-container .navigation nav{float: right;} .fap-breed-container .navigation .button {border:0; padding:0} .fap-breed-container .navigation .button a .sprite {height:25px; width: 25px;} .fap-breed-row {width:161px; float:left;padding:10px; background: #F1F0EC; margin-left: 5px;} .fap-breed-row li {padding:5px 0; cursor: pointer; line-height: normal;} .fap-breed-row li.highlight, .fap-breed-row li.highlight a, .fap-breed-row li.highlight a:hover {color: #b88bfc;} .fap-breed-row.first {margin-left: 0;} .fap-breed-container .item{ width:560px;} #fap-breed { width: 146px; font-family: arial, helvetica, sans-serif; font-size: 13px;} .fap-breed-container .button .left .sprite, .fap-breed-container .left.disabled:hover .sprite { background-position: 6px -369px; } .fap-breed-container .button .right .sprite, .fap-breed-container .right.disabled:hover .sprite { background-position: -31px -369px; } .fap-breed-container .left:hover .sprite {background-position:6px -1233px;} .fap-breed-container .right:hover .sprite {background-position:-30px -1233px;} .fap-breed-container li a {color:#000;} .stream header {padding-bottom:10px;} .stream-entry {position: relative; padding:15px 0 25px 0;border-top: 1px solid #e8e8e8;} .stream-entry .section, .stream-entry .topic { margin-bottom:5px;} .stream-entry .section a, .stream-entry .topic a{ font-size: 14px; color:#333;} .stream-entry .title { margin-bottom: 2px; font-family: arial,helvetica,sans-serif; font-size: 18px; font-weight: bold; text-transform: none; color: #111; } .stream-entry .title a { color: #7433d7; } .stream-entry .title a:hover { color: #b88bfc; } .stream-entry blockquote { display:inline; font-size:20px; } .stream-entry blockquote:before { display: inline; content: "\201C "; } .stream-entry blockquote:after { display: inline; content: " \201D"; } .stream-entry .citation { display:inline; font-size:12px; font-style:italic; color:#999; } .stream-entry .photos { margin: 15px 0 0 0; cursor: pointer; } .stream-entry .photos img { margin-right:4px; } .section-header {margin-top: 15px;} .section-header em {color: #999999;} /* module with list */ h3.section, .topic-title, .topic-title a {font-size: 14px} .module-with-list {padding:15px 0;} .module-with-list header{border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom:20px;} .module-with-list header h2 a{color:#222;} .module-with-list h3{text-transform: capitalize;font: bold 15px arial;margin-bottom:10px;} .module-with-list .mod-w-photo {width:57%;float:left;margin:0;padding:0;border-bottom:0;} .module-with-list .mod-w-photo p{font-size: 13px;float:left;line-height: 18px;margin:0;width:65%;} .module-with-list ul{width:230px;float:right;border-left:1px solid #E8E8E8;padding:0 10px 0 20px;margin-left:10px;} .module-with-list li {line-height:normal;padding:4px 0;} /* module with RSS Feed */ ul.rss-items { list-style: none; float: left; width: 45%; } ul.rss-items.omega { margin-left: 10%; } ul.rss-items li { line-height: 1em; margin-bottom: 7px;} .content-widget.rss_feed p.right { float: right; } /* ----- Generic Right Rail Styling ----- */ ul.split-list li { float:left; width:50%; border-bottom:1px solid #fff; } ul.split-list li a{ float:left; background:#edece8; padding:2px 6px; } /* topic-list, Right Rail Dog Care Discussion */ .topic-list li{border-bottom:1px solid #e8e8e8;padding:5px 0;} /* ----- Specific Module Styling ----- ----------------------------------- */ /* ----- Adoptable Breed Module ----- */ #adoptable-breed-mod h3 em { color: #8bc735; } #adoptable-breed-mod .polaroids { margin-top: -8px; } #adoptable-breed-mod .polaroids li {margin:7px 0 0 7px;} /* ----- Breed Center ----- */ .mod-breed-center { width: 296px; } .mod-breed-center figure { display: block; float: none; width: 296px; height: 222px; margin: 0; overflow: hidden; } /* ----- Breed Groups ----- */ .mod-breed-groups div { position: relative; padding-bottom: 46px; overflow: hidden; } .mod-breed-groups div:after { content: ""; display: block; position: absolute; bottom: 0; left: 15px; height: 35px; width: 245px; background: url('../img/pf_sprite.png') 0 -65px no-repeat; } .mod-breed-groups dl { padding: 18px 20px 0 20px; } .mod-breed-groups dt { font-weight: bold; } .mod-breed-groups dd { float: left; width: 128px; padding-top: 2px; } /* ----- Breed of the Week ----- */ .breed-week h4 { margin: 8px 0 5px; } .breed-week .available h4 { font: bold 15px arial, helvetica, sans-serif; text-transform: none; } .breed-week ul { margin-bottom: 10px; } /* ----- Can't Find the Pet You Are Looking For? ----- */ .cant-find .wrap { padding: 1px; border: 1px dashed #cbcbcb; } .cant-find header, .cant-find p, .cant-find footer { margin-bottom: 0; padding: 7px; background-color: #ffffe0; } .cant-find h4 { font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: none; } .cant-find p { padding: 0 7px; } .cant-find footer { border: 0; } /* ----- Care Center ----- */ .care-center ul { float: left; padding: 0px 5px 20px 30px; font-size:12px; line-height:15px; width: 150px; } .care-center ul li { margin-bottom: 7px; } .care-center figure { float: left; width: 110px; z-index: 10; } /* current leaders module */ .current-leaders.module {padding-bottom: 15px;} .current-leaders ol li {padding: 8px 0; line-height: normal; list-style-position: outside;} .current-leaders ol li .number{display: inline-block; font: normal 18px 'Oswald', sans-serif; color: #FA6626; vertical-align:top; line-height: 18px;} .ie7 .current-leaders ol li .number {float:left;} .current-leaders ol li .item {display: inline-block; margin: 3px 0 0 5px;} .ie7 .current-leaders ol li .item {float:left;} .current-leaders ol .leader {font:bold 15px arial;} .current-leaders ol .shelter {font-weight: normal; font-size: 12px;} .current-leaders div.more-footer {border-top: 1px solid #E8E8E8; margin-top: 0;} .current-leaders .gray .number{border-style:solid;border-width:1px 1px 1px 1px;border-color: white #E8E8E8 #E8E8E8 #E8E8E8; width:36px;line-height:47px;background-color:white;text-align:center;vertical-align:middle; top:1px;position:relative;z-index:1;} .current-leaders .gray li {background-color: #e8e8e8; padding:0; border-top: 1px solid white;} .current-leaders .gray .item{ margin:0;vertical-align:middle;padding-left:5px; width: 72%;} .current-leaders .gray .vote-score{font-size: 11px; display:inline-block; margin-left:0;padding-left:0;text-align:center;width:10%;vertical-align:middle;} .ie7 .current-leaders .gray .vote-score {float: right;} .current-leaders .vote-score .sprite {left: 0;} /* ----- Email Sign Up ----- */ .email-signup { display: none; position: absolute; top: 45px; right: -39px; width: 292px; border: 2px solid #fff; background-color: #f7f7f7; z-index: 6000; } .email-signup p { padding: 13px 16px 6px; color: #666; } .email-signup p em { font-style: italic; font-weight: 800; } .email-signup form { padding: 8px 15px 7px; } .email-signup li { display: inline-block; } .email-signup .field-e { width: 157px; margin-right: 6px; } .email-signup .field-e input { width: 136px; } .email-signup .field-z { width: 95px; } .email-signup .field-z input { width: 69px; } .email-signup .greater { float: left; margin-top: 12px; } .email-signup .button-row { padding: 5px 0 0 0; text-align: right; } .pop-up.email-signup:before, .pop-up.email-signup:after { top:-24px; right:40px; left: auto; border-color: transparent transparent #fff transparent; } .pop-up.email-signup:before { top: -26px; border-color: transparent transparent rgba(204, 204, 204, .4) transparent; } /* ----- Events Near You ----- */ .mod-events .event { overflow:hidden; width: 280px; margin-bottom:10px; padding:5px 5px 10px 5px; background:#FFFFE1; } .mod-events h4 { font: bold 15px arial, helvetica, sans-serif; text-transform: none; } .mod-events time { color:#999999; } .mod-events dt { margin-top: 4px; font-weight: bold; } .mod-events .event-date{ background: #8CC835; color: white; float: left; font:normal 16px 'Oswald'; width: 64px; height: 50px; padding: 7px 0; text-transform: uppercase; text-align: center; margin: 0 13px 0 0; } .mod-events .event-date span{ display: block; font-size: 31px; line-height: 29px; } .mod-events .content { padding: 7px 0 0 76px; } /* ----- Follow Bar (Share Module) ----- */ #follow-bar{ float: left; } #follow-bar a, .followus-link { border: 2px solid #E8E8E8; float: left; padding: 5px 0; margin-right:4px; width: 52px; height: 36px; text-align:center;font: 0px/0 a;} #follow-bar img.gig-followbar-providerButton-img {display: inline-block;} .follow-us-continued {float:left;z-index: 10; position: relative;} .followus-item .pf-sprite {height: 36px; display: block; display: inline-block;font: 0px/0 a;} .follow-us-continued .pinterest .pf-sprite{background-position: -213px -153px; width: 37px;} .follow-us-continued .youtube .pf-sprite{background-position: -259px -153px; width: 31px;} .follow-us-continued .newsletter .followus-link{margin-right:0;} .followus-item .current {border-bottom-color:#F7F7F7;background-color:#F7F7F7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#F7F7F7)); background-image: -webkit-linear-gradient(top, #fff, #F7F7F7); background-image: -moz-linear-gradient(top, #fff, #F7F7F7); background-image: -ms-linear-gradient(top, #fff, #F7F7F7); background-image: -o-linear-gradient(top, #fff, #F7F7F7); } .follow-us-continued .newsletter .pf-sprite{background-position: -299px -153px; width: 40px;} .followus-item {float: left; position:relative;} .follow-us .email-signup {display: block; position: relative; top: 0; left: 0;border:0;} .follow-us .pane {clear:both; border: 2px solid #E8E8E8; top: -2px; position: relative;display:none;} .follow-us .tooltip {border: 0;} .follow-us .newsletter-pane {display: block;} .follow-us .follow-group {position:relative;} .follow-us .email-signup .field-e input {width: 132px;} .follow-us .email-signup .field-z input {width: 71px;} .follow-us .email-signup li {float: left;} /* ----- Find a pet breed (on care center pages) ----- */ .find_animal_welfare_groups .stripe-purple-lt{padding:15px 15px 0 15px;} .find_animal_welfare_groups .psdui-container { margin-bottom: 5px; } .find_animal_welfare_groups input {width:178px;} .ie7 .find_animal_welfare_groups input {width:145px;} .find_animal_welfare_groups button { float: right; height: 32px; width: 32px; padding: 0; margin:3px; vertical-align: text-bottom; filter: none; border: 0; margin-right: 12px;} .find_animal_welfare_groups .find { height: 32px; width: 32px; background: url('../img/pf_vertical_sprite.png') -4px -1342px no-repeat transparent; } .find_animal_welfare_groups p{margin-bottom:15px; text-align: center;} .find_animal_welfare_groups p a{} .find_animal_welfare_groups .hr {text-align:center;border-top:1px dashed #ceb5f2;margin-top:17px;padding:0;} .find_animal_welfare_groups .hr span {position: relative;top: -11px;padding:0 3px;} .find_animal_welfare_groups .pf-sprite{height:35px; width: 245px; background-position:0 -65px;} /* ----- Happy Tail Module (68.13 - Send Us Your Happy Tail) ----- */ #send-happy-tail > div { margin-top: 10px; padding: 15px; } #send-happy-tail p { margin-bottom: 0.5em; } /* happy-tails -- for shelter individual */ .happy-tails-module {padding:15px;} .happy-tails-module .column figure{float:left;margin:0 10px 0 0;} .happy-tails-module header h3 {float:left;margin-top:5px;} .happy-tails-module .horizontal-list li.link a{line-height:42px;} .happy-tails-module .column {padding:15px;margin-right:4px;} .happy-tails-module .column h4 {text-transform:none;} .sub-content .happy-tails-module .one-third.column {width:290px;height:184px;} .happy-tails-module .column img {border:3px solid #fff;-webkit-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, .2); -moz-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, .2); box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, .2);} .happy-tails-module .column .breed {display:block;} .happy-tails-module .column blockquote {color:#999; font-style:italic; margin:0 0 7px 0; display:inline;} .happy-tails-module .column .read-more {margin-top:5px;} .happy-tails-module .column .bylines span {color:#333;} .happy-tails-module .column .bylines {line-height:normal;margin:20px 0 0 0 ;} /* ----- Mutt Wiki Search ----- */ #mutt-wiki-search-mod > div { position: relative; margin-top: 10px; padding: 15px 15px 46px; overflow: hidden; } #mutt-wiki-search-mod > div:after { content: ""; display: block; position: absolute; bottom: 0; left: 15px; height: 35px; width: 245px; background: url('../img/pf_sprite.png') 0 -65px no-repeat; } #mutt-wiki-search-mod.mw-search > div { padding-bottom: 0; } #mutt-wiki-search-mod form { padding-bottom: 20px; border-bottom: 1px dashed #ceb5f2; } #mutt-wiki-search-mod.mw-search form { padding-bottom: 10px; border: 0; } #mutt-wiki-search-mod .breed { display: block; margin: 8px auto; width: 262px; max-width: 100%; } #mutt-wiki-search-mod.mw-search .breed { float: left; } .ie7 #mutt-wiki-search-mod.mw-search .psdui-container{ display: block; zoom: 1; } #mutt-wiki-search-mod .plus { display: block; height: 29px; width: 29px; margin: 0 auto; text-indent: -99px; overflow: hidden; background-position: -125px -107px; } #mutt-wiki-search-mod.mw-search .plus { float: left; margin: 8px 20px 0; } #mutt-wiki-search-mod .button-wrap { text-align: center; } #mutt-wiki-search-mod.mw-search .button-wrap { text-align: right; } #mutt-wiki-search-mod .popular-mixes { margin-top: 20px; } #mutt-wiki-search-mod .popular-mixes h4 { font-family: arial, helvetica, sans-serif; text-transform: none; font-weight: 800; } #mutt-wiki-search-mod .popular-mixes li { padding-top: 2px; } /* ----- Pet Places Near You ----- */ .pet-places-near-you header { margin-bottom: 0; } .pet-places-near-you .change-location { font-size: 12px; line-height: 26px; } .pet-places-near-you .multi-column-list { margin-top: 0; } /* ----- Popular Mixes (Top 10 List) ----- */ .top-10-mixes li { padding-top: 5px; } /* ----- Shelters Near You ----- */ #sny { padding-top: 0; border-bottom: 0; } #sny header { margin-bottom: 10px; } #sny h2 { float: left; margin-bottom: 0; } #sny form { float: right; margin-top: -5px; } #sny select { width: 89px; } #sny figure { float: none; margin: 0; } #sny figcaption { font-size: 12px; } #sny ol li { padding: 5px 0 8px; border-bottom: 1px dashed #cbcbcb; } #sny figcaption b { display: inline-block; height: 26px; width: 29px; padding-top: 2px; font: 15px/23px 'Oswald', sans-serif; text-align: center; color: #fff; background: url('../img/pf_sprite.png') -464px -7px no-repeat; } #sny footer { margin-top: 10px; border: 0; } #sny a.difference { float: right; margin-top: 9px; padding: 0 0 4px 20px; font-size: 11px; color: #999; background-position: -33px -135px; } /* ----- Sponsored by ----- */ .sponsored-by { height: 60px; } .sponsored-by span { font: 10px/60px arial, helvetical, sans-serif; text-transform: uppercase; vertical-align: top; color: #ada9a6; } .sponsored-by img { display: inline; max-height: 60px; } /* ----- Trending Topics ----- */ #trending-topics li { font-size: 12px; } /* ----- upcoming-events is a dynamic-module -----*/ #upcoming-events {padding:0 6px;position:relative;} #upcoming-events .inner-shadow{height:194px;position:absolute;width:292px;left:6px;} #upcoming-events .scrollable {margin:10px;width:292px; height:194px;background:#FFFFE1;} /* ----- available-pets is a dynamic-module -----*/ #available-pets {margin:0 8px 0 8px;padding:0;} #available-pets header{margin-bottom:20px;} #available-pets select {width: 125px;} #available-pets .psdui-container {float:left;font-size: 12px;margin: 3px 0 0 5px;} #available-pets footer{border:0;padding-left:7px;margin-bottom:20px;} #available-pets .navigation{margin:0 0 4px 0;} #available-pets .scrollable { clear: both; width:100%; height:430px; } #available-pets .polaroids li{margin:6px 0 0 6px;} #available-pets .items > div {width:314px;} #available-pets .items > div .polaroids {margin-left:-1px;} /* ----- pet videos module -----*/ .video-widget header h2 a{color:#333;} .video-widget ul.video-widget-list li {float: left; margin: 5px 10px 0 0;} .video-widget li p {padding: 0 5px;} /* ------------------------------------ COMPONENTS ------------------------------------ */ /* --------------------------------------------------------------------------- DYNAMIC LEADS (All using Jquery Tools - Scrollable) --------------------------------------------------------------------------- */ /* ----- General Styles - Navigation ----- --------------------------------------- */ .navi { margin: 0 auto; background-color: #EAE9E5; z-index: 11; position: absolute; right:66px; bottom: 0; padding: 5px 10px; height:17px;} .navi-wrap { position: absolute; left: 0; bottom: 0; height: 37px; width: 100%; text-align: center; } .ie7 .navi-wrap{width: auto;} .navi-wrap .navi { position: relative; display: inline-block; right: auto; bottom: auto; } .navi a { background-image:url('../img/pf_vertical_sprite.png');background-repeat:no-repeat;background-position:-38px -1135px;width:12px; height:12px; float:left; margin:3px; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity:.6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;*/ display:block; font-size:1px; cursor:pointer; } .navi a:hover {background-position:0 -1135px; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100"; filter: alpha(opacity=100); opacity:1; */} .navi a.active {background-position:0 -1135px; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100"; filter: alpha(opacity=100); opacity:1;*/ } /* ----- Prev/Next Navigation Styles ----- --------------------------------------- */ /* Side Nav Buttons */ .dl-side-nav .dl-nav-button { position: absolute; z-index: 10; } .dl-side-nav .dl-button-prev { left: 0; -webkit-box-shadow: 4px 0 7px 0 rgba(00, 00, 00, .2); -moz-box-shadow: 4px 0 7px 0 rgba(00, 00, 00, .2); box-shadow: 4px 0 7px 0 rgba(00, 00, 00, .2); } .dl-side-nav .dl-button-next {right: 0; -webkit-box-shadow: -4px 0 7px 0 rgba(00, 00, 00, .2); -moz-box-shadow: -4px 0 7px 0 rgba(00, 00, 00, .2); box-shadow: -4px 0 7px 0 rgba(00, 00, 00, .2); } .dl-side-nav .dl-nav-button .browse { display: block; height: 169px; width: 24px; background: url('../img/bg_lt_purple_stripe.gif') 0 0 repeat; border: 3px solid #fff; cursor: pointer; } .dl-side-nav .dl-nav-button .sprite { width: 23px; height: 26px; margin-top: 71px; display:block;} .dl-side-nav .dl-button-prev .sprite { background-position: 4px -259px; } .dl-side-nav .dl-button-next .sprite { background-position: -30px -259px; } .dl-side-nav .prev:hover .sprite, .dl-side-nav .prevbtn:hover .sprite, .dl-side-nav .dl-button-prev .prev:hover .sprite, .dl-side-nav .dl-button-prev .prevbtn:hover .sprite{ background-position: 3px -1200px; } .dl-side-nav .next:hover .sprite, .dl-side-nav .nextbtn:hover .sprite, .dl-side-nav .dl-button-next .next:hover .sprite, .dl-side-nav .dl-button-next .nextbtn:hover .sprite{ background-position: -29px -1200px; } .dl-side-nav .navi-wrap {bottom:-37px;} .dl-side-nav .dl-button-prev .disabled:hover .sprite { background-position: 4px -259px; } .dl-side-nav .dl-button-next .disabled:hover .sprite { background-position: -30px -259px; } /* Simple Nav Buttons */ .dl-nav .browse { position: absolute; display: block; float: left; bottom: 0; width: 32px; height: 35px; background: #737373; background: rgba( 0, 0, 0, 0.6); border-width: 1px 1px 1px 0; border-style: solid; border-color: #2b2f29; } .dl-nav .next { right:0px; } .dl-nav .prev { right:33px; } .dl-nav .browse .sprite {display:block;height: 35px; width: 32px; cursor: pointer; } .dl-nav .next .sprite { background-position: -28px -289px; } .dl-nav .prev .sprite { background-position: 10px -289px; } /* ----- Generic Scrollable styles ----- ------------------------------------- */ .scrollable { position: relative; overflow: hidden; } .scrollable .items { width:20000em; position:absolute; } .article-post .scrollable .items {margin-left:0; } .items > div { float: left; position: relative; } /* Dynamic Feed */ .dynamic-feed { position:relative; } .dynamic-feed .scrollable { width: 100%; height:100%; float:left; } /* ----- Specific DL Styles (Listed in Alphabetical Order) ----- ------------------------------------------------------------- */ /* Happy Tails DL */ #htails-dl { border: 0; padding: 15px 0 25px 0; } #htails-dl .featured-dl { width: 582px; height: 255px; margin-top: 15px; padding: 10px 25px; } #htails-dl .featured-dl .scrollable { width: 580px; height: 255px; } #htails-dl .dl-button-prev { top: 60px; left: -15px; } #htails-dl .dl-button-next { top: 60px; right: -15px; } #htails-dl .items > div { width: 567px; height: 255px; padding-right: 13px; } #htails-dl figure { float: left; display: block; height: 255px; width: 260px; margin-right: 15px; } #htails-dl h2 { padding-top: 22px; font-size: 18px; text-transform: none; } #htails-dl blockquote { display: block; margin: 10px 0 6px; font-size: 15px; font-style: italic; color: #999; } #htails-dl .vcard { margin-top: 18px; } #htails-dl .fn { font-weight: 800; } #htails-dl .vcard p { color: #999; } #htails-dl .vcard p.adr { color: #333; } #htails-dl .navi { bottom: 0; } /* Hub DL */ #hub-dl { padding: 10px 15px 15px; background:#fff; } #hub-dl .dl-button-next, #hub-dl .dl-button-prev { margin-top:123px;} #hub-dl header { overflow:hidden; } #hub-dl header h2{ float:left; color: #8CC835; margin-bottom:5px; } #hub-dl header p { float:right; font: normal 14px/18px 'Oswald', sans-serif; color:#989898; padding-top:6px; } #hub-dl header p em { color:#8ac837; } #hub-dl .inner-shadow{ width:930px; height:435px; padding: 8px 19px 0;} #hub-dl .items > div { width:967px; } #hub-dl .items div .ad-300x250{ margin:0; padding: 0;position:absolute; top:9px; right:47px; height:270px; -webkit-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, .2); -moz-box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, .2); box-shadow: 0px 0px 7px 0px rgba(00, 00, 00, .2); } #hub-dl .items div ul { padding:0; margin:0; } #hub-dl .items div .next-to-advert { margin-right:315px; } /* ----- Petfinder Activity (Jquery Tools Scrollable) ----- */ #petfinder-activity { margin-bottom:0px; padding-top: 15px; padding-bottom: 0; border-bottom:0; } .featured-dl .scrollable{ width:633px; height:356px; } .scrollable .background{ position:absolute; right:10px; top:65px; background:#fff; width:306px; height:226px; padding:10px 17px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity:.8; } .scrollable .dl-overlay { position:absolute; right:45px; top:45px; max-width:340px; padding-bottom: 0px; background: #fff; background: rgba(255,255,255,0.8); padding:10px 17px; overflow: hidden; text-align: left; } .scrollable .dl-overlay .characteristics{ float:left; width:50%; } .scrollable .slide .dl-overlay .characteristics { width: 100%; } .scrollable .dl-overlay .sponsor { width:130px; float:right; font: 10px arial, helvetica, sans-serif; text-transform: uppercase; color: #ada9a6; } .scrollable .dl-overlay p { clear:both; color:#343434; line-height:17px; font-size:13px; padding:5px 0 0 0; } .scrollable .characteristics strong, .scrollable .characteristics span {display:block; border-bottom:1px dashed #bdbbaf; font-size:12px; padding:3px 0; } .scrollable .slide .characteristics strong, .scrollable .slide .characteristics span {border: none;} .scrollable .characteristics span{ color:#989898 } .scrollable .characteristics a { font-size:18px; font-family:Oswald; font-weight:normal; color:#6f32d5; } .scrollable .button-container { text-align: center; margin-top: 25px; } /* Half-Half Featured Content Slides */ .scrollable .half-half-slide .dl-overlay { right: 0; top: 0; width: 259px; max-width: 259px; padding-right: 40px; height: 353px; background: #EEECE8; border-left: 1px solid #fff; } .scrollable .half-half-slide .rsImg { height: 353px; width: auto; min-width: 315px; float: left; margin: 0; padding: 0 !important; } /* ----- Mutt Wonderwall (variation of #hub-dl) ----- */ #hub-dl.mutt-wonderwall .inner-shadow { height: 472px; } #hub-dl.mutt-wonderwall .items div .advert { padding-top: 20px; height: 275px; } .mutt-wonderwall .polaroids li { height: 136px; } .mutt-wonderwall .polaroids .title { height: 34px; font-size: 13px; line-height: 16px; color: #333; white-space: normal; } /* Hover Map */ #map-pop-up { display: none; position: absolute; width: 259px; padding: 6px 0; margin-top: 10px; min-height: 220px; z-index: 9998; } .pop-up .frame, .pop-up .frame form {display: inline;} .pop-up.map-hover:before, .pop-up.map-hover:after { top:-22px; left:114px; border-color: transparent transparent #fff transparent; } .pop-up.map-hover:before { top: -24px; border-color: transparent transparent rgba(204, 204, 204, .4) transparent; } .map-hover figure { position: relative; width: 227px; margin: 0 6px; padding: 10px; background-color: #f1f0ec; } .map-hover figure:after{ content: ""; position: absolute; height: 0; width: 0; top: -22px; left: 108px; border-color: transparent transparent #f1f0ec transparent; border-style: solid; border-width: 12px; z-index:1000;} .map-hover figcaption { margin-top: 12px; font-size: 12px; } .map-hover figure img { display: block; border: 1px solid #c8c7c3; } .map-hover .link { display: block; } .pop-up.map-hover.bottom-arrow:before, .pop-up.map-hover.bottom-arrow:after { bottom:-22px; top: auto; border-color: #fff transparent transparent transparent; } .pop-up.map-hover.bottom-arrow:before { bottom: -24px; top: auto; border-color: rgba(204, 204, 204, .4) transparent transparent transparent; } .map-hover.bottom-arrow figure:after{ bottom: -22px; top: auto; border-color: #f1f0ec transparent transparent transparent; } /* ------ featured DL generic styles --- */ .featured-dl { position:relative; border-bottom: 1px solid #e8e8e8; } .featured-dl .scrollable .background{ position:absolute; background:#fff; width:306px; height:226px; padding:10px 17px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity:.8; } .scrollable .dl-overlay ul.disc li{ list-style-type: disc;list-style-position:inside;} .scrollable .dl-overlay .characteristics{ float:left; width:50%; } .scrollable .dl-overlay .sponsor { width:130px; float:right; font: 10px arial, helvetica, sans-serif; text-transform: uppercase; color: #ada9a6; } .scrollable .dl-overlay p { clear:both; color:#343434; line-height:17px; font-size:13px; padding:5px 0 0 0; } .scrollable .characteristics strong, .scrollable .characteristics span {display:block; border-bottom:1px dashed #bdbbaf; font-size:12px; padding:3px 0;} .scrollable .characteristics span{ color:#989898 } .scrollable .characteristics a { font-size:18px; font-family:Oswald; font-weight:normal; color:#6f32d5; } .dl-dimensions-632x356 .dl-nav-button{ top: 100px;} .dl-dimensions-632x356, .dl-dimensions-632x356 .scrollable {width:632px;height:356px;} .dl-dimensions-632x356 .scrollable .background, .dl-dimensions-632x356 .scrollable .dl-overlay {right:10px; top:65px;} .dl-dimensions-632x356 .featured-dl .navi, .dl-dimensions-632x356 .featured-dl .prev, .dl-dimensions-632x356 .featured-dl .next{ bottom: 0; } .dl-dimensions-632x422 {margin-bottom:25px;} .dl-dimensions-632x422, .dl-dimensions-632x422 .scrollable {width:632px;height:422px; } .dl-dimensions-632x422 .scrollable .background, .dl-dimensions-632x422 .scrollable .dl-overlay{right:30px; top:95px;} .dl-dimensions-632x422 .dl-nav-button {top:123px;} .dl-dimensions-632x422 .dl-button-prev, .dl-dimensions-632x356 .dl-button-prev {left:-15px;} .dl-dimensions-632x422 .dl-button-next, .dl-dimensions-632x356 .dl-button-next {right:-15px;} .dl-dimensions-632x356 .navi-wrap {bottom:0;} /* ----- Petfinder Activity (Jquery Tools Scrollable) ----- */ #petfinder-activity { margin-bottom:0px; padding-top: 15px; padding-bottom: 0; border-bottom:0; } #petfinder-activity .featured-dl {padding-bottom:37px;border-bottom:0;} /* ----- petcenter DL ----- */ .pet-care-center .featured-dl {margin:15px 0;border:0;} /* * THUMBNAIL GALLERY */ .loader .img { background: url('../img/ajax-loader.gif') no-repeat 0 0; width:33px; height: 33px} .loader { position: absolute; z-index: 10000;text-align: center; display:none; width: 100%; } .loader .img{float:left} .loader .box{ color: #7332D6; font-family:oswald; width:100px; background:#fff; margin: 0 auto;border:3px solid #fff; background: url('../img/bg_lt_purple_stripe.gif') 0 0 repeat; padding: 5px; line-height:33px;} .thumbnail-gallery .loader{ top: 175px; } .thumbnail-gallery .image-wrap {position: relative; width: 632px; height: 400px;} .thumbnail-gallery .image-wrap .items .slide {position:absolute; top: 0; left:0; width: 632px; height: 400px;text-align: center;} .thumbnail-gallery .many .items .slide {display:none;} .thumbnail-gallery .image-wrap .items .show-slide{display: block;} .thumbnail-gallery .gallery-captions {margin:10px 0;min-height:50px;} .thumbnail-gallery .gallery-captions li {display:none;} .thumbnail-gallery .gallery-captions h5, .slideshow-print h5 {font:bold 15px arial;} .thumbnail-gallery .gallery-captions h5 strong, .slideshow-print h5 strong{color:#8CC835;font:normal 23px oswald;} .thumbnail-gallery .gallery-captions h5 p { display: inline;} .thumbnail-group .scrollable{height:45px;width:630px;margin:0 0 0 2px;} .thumbnail-gallery .banner{position:absolute;top:10px;left:-5px;z-index:80;} .thumbnail-gallery .banner .tagline{margin-bottom:0;background:#9d6fe2;background:rgba( 157,111,226,0.9);color:#fff;font-size:14px;text-transform:none;padding:5px 15px;z-index:1;-webkit-box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);-moz-box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);} .thumbnail-gallery .left-triangle{height:0px;width:0px;border-style:solid;margin-left:0;border-width:0 5px 5px 0;z-index:0;border-color:transparent #9d6fe2 transparent transparent;border-color:transparent rgba( 115,50,214,0.9) transparent transparent;-webkit-box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);-moz-box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);box-shadow:4px 0px 7px 0px rgba(00,00,00,.2);} .thumbnail-group .scrollable img{cursor:pointer;} .thumbnail-gallery .image-wrap{ position:relative; width: 632px; height: 421px; margin-bottom: 3px; background-color: #f6f5f2;text-align:center;} .thumbnail-gallery .image-wrap .video-player{display:none;position:absolute;top:0;left:0;margin: 0 auto;width: 632px;height: 400px;text-align: center;z-index:0;} .thumbnail-gallery .image-wrap .dl-button-prev{ margin-top:112px; left:-15px;} .thumbnail-gallery .image-wrap .dl-button-next{ margin-top:112px; right:-15px;} .thumbnail-gallery .dl-button-prev, .thumbnail-gallery .dl-button-next{top:-3px;} .thumbnail-gallery .dl-button-prev{left:-21px;} .thumbnail-gallery .dl-button-next{right:-21px;} .thumbnail-group {position:relative;} .thumbnail-group .dl-nav-button {display:none;} .thumbnail-group .dl-button-prev .prev, .thumbnail-group .dl-button-next .next{height:47px;width:16px;border-width:2px;} .thumbnail-group .dl-button-prev .sprite, .thumbnail-group .dl-button-next .sprite{width:15px;height:17px; margin:15px 0 0 0;} .thumbnail-group .dl-button-prev .sprite {background-position: 3px -372px;} .thumbnail-group .dl-button-next .sprite {background-position:-36px -372px;} .thumbnail-group .dl-button-prev .disabled:hover .sprite{background-position:3px -372px;} .thumbnail-group .dl-button-next .disabled:hover .sprite{background-position:-36px -372px;} .thumbnail-group .dl-button-prev .left:hover .sprite{background-position:3px -1236px;} .thumbnail-group .dl-button-next .right:hover .sprite{background-position:-35px -1236px;} .thumbnail-group ul li{width:60px; height: 45px; background: #F6F5F2; list-style-type:none; float:left;margin-right:3px;position:relative; margin-bottom: 0;} .thumbnail-group .active span{position:absolute;top:0px;left:0;width:52px;height:37px;border:4px solid #000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);opacity:.6;} .thumbnail-gallery .play-video-sm {background-position:center;} .video-playlist .play-video-sm {background-position:bottom right;} .video-playlist .image-wrap .loader{ display: none; } .video-playlist .image-wrap .video-player {display:block;} .thumbnail-group .active .play-video-sm {background-position:75px 47px;} .slideshow-print ul{margin-left: 0;} .slideshow-print ul li {list-style-type:none; } /* ----- Breed Gallery (thumnail-gallery derrivative) ----- */ .thumbnail-gallery .banner { background: #9D6FE2; background: rgba(157,111,226, 1); } .thumbnail-gallery .banner p { padding: 5px 15px; margin: 0; line-height: 21px; font-size: 14px; text-transform: none; color: #fff; -webkit-box-shadow: 4px 0 7px 0 rgba(00,00,00,.2); -moz-box-shadow: 4px 0 7px 0 rgba(00,00,00,.2); box-shadow: 4px 0 7px 0 rgba(00,00,00,.2); } .thumbnail-gallery .banner:before { content: ""; position: absolute; left: 0; top: 31px; height: 0; width: 0; border-style: solid; border-width: 0 5px 5px 0; border-color:transparent #9d6fe2 transparent transparent; border-color:transparent rgba(157, 111, 226, 1) transparent transparent;-webkit-box-shadow:4px 0 7px 0 rgba(00,00,00,.2);-moz-box-shadow:4px 0 7px 0 rgba(00,00,00,.2);box-shadow:4px 0 7px 0 rgba(00,00,00,.2); } .thumbnail-gallery .banner:after { content: ""; position: absolute; right: -18px; top: 0; height: 0; width: 0; border-style: solid; border-width: 15px 9px; border-color: transparent transparent transparent #9d6fe2; border-color: transparent transparent transparent rgba(157, 111, 226, 1); } #breed-gallery .banner.pet { background: #F96627; background: rgba(249,102,39, 1); } #breed-gallery .banner.pet:before { border-color:transparent #f96627 transparent transparent; border-color:transparent rgba( 249,102,39,1) transparent transparent; } #breed-gallery .banner.pet:after { border-color: transparent transparent transparent rgba(249,102,39, 1); } #breed-gallery p { background: transparent; } #breed-gallery .marker { width: 123px; cursor: default !important; } #breed-gallery .marker div { width: 72px; height: 28px; padding: 4px 30px 13px 10px; background-color: #9d6fe2; font-size: 13px; text-transform: uppercase; color: #fff; } #breed-gallery .marker div:after {content: ""; position: absolute; right: 1px; top: 0; background: url('/assets/images/banner_tips_sprite.png') no-repeat 0px -155px; height: 59px; width: 10px; } #breed-gallery .marker .adoptable { background-color: #9d6fe2; } #breed-gallery .marker .pet { background-color: #fa7036; } #breed-gallery .marker .pet:after { background-position: 0 -45px; } #breed-gallery .thumbnail-group > div.marker { position: absolute; top: 0; left: 2px; background-color: #fff; z-index: 124; } #breed-gallery .thumbnail-group li.active:after, #breed-gallery .thumbnail-group li.active:hover:after { content: ""; position: absolute; display: block; top: 0; left: 0; width: 52px; height: 37px; border: 4px solid #999; border-color: rgba(0, 0, 0, 0.7); } #breed-gallery .thumbnail-group li:hover { cursor: pointer; } #breed-gallery .thumbnail-group li:hover:after { content: ""; position: absolute; display: block; top: 0; left: 0; width: 52px; height: 37px; border: 4px solid #999; border-color: rgba(255, 255, 255, 0.7); cursor: hand; } #breed-gallery .thumbnail-group li.pet:hover:after { border-color: #f96627; border-color: rgba(249, 102, 39, 0.7); } #breed-gallery .thumbnail-group li.adoptable:hover:after { border-color: #9d6fe2; border-color: rgba(157, 111, 226, 0.7); } #breed-gallery .thumbnail-group li.marker:hover:after, #breed-gallery .thumbnail-group li.marker:hover:after { border: 0; } /* video playlist*/ .video-playlist .image-wrap {width:640px;min-height:360px;} .video-playlist .image-wrap{margin-bottom:20px;} .video-playlist .scrollable{height:84px;width:458px;} .video-playlist .thumbnail-group .active span{width:104px;height:76px;} .video-playlist .dl-nav-button .browse{height:84px;width:17px;} .video-playlist .thumbnail-group{float:right;} .video-playlist .thumbnail-gallery .dl-button-prev, .video-playlist .thumbnail-gallery .dl-button-next{top:-2px;} .video-playlist .thumbnail-group ul li{margin-right:3px;height:84px;width:112px;} .video-playlist .dl-nav-button{-webkit-box-shadow:0 0 0 0 rgba(00,00,00,0);-moz-box-shadow:0 0 0 0 rgba(00,00,00,.0);box-shadow:0 0 0 0 rgba(00,00,00,0);} .video-playlist .playlist-title{float:left;width:150px;} .video-playlist .playlist-title h4{font:bold 15px arial;text-transform:none;} .video-playlist .thumbnail-group .dl-button-prev .prev .sprite, .video-playlist .thumbnail-group .dl-button-next .next .sprite{margin-top:34px} /* print and favorite links */ .article-post .tools {position:relative;z-index:100;margin-left:0; } .article-post .tools li{list-style-type:none; margin-bottom: 0;} #shelter-profile .tools {top:13px;} .share .tools {margin-top:2px;} .tools{float:right;} .tools li{float:left;margin-left:10px;} .tools li a, .tools li button{font-size:11px;} .tools li button { color: #7332D6; } .tools .favorites{background-position:-24px -647px; border:none; color: #7332d6; padding:0 0 0 25px;font-family: arial; line-height: 17px;} .tools .favorites:hover{ background-image:url('../img/pf_vertical_sprite.png'); background-repeat:no-repeat; background-position:-23px -616px;} .tools .favorites.is-favorite { background-position: -23px -587px; } .tools .favorites.is-favorite:hover { background-position: -23px -647px; } .tools .favorites:hover {color: #B88BFC;} .tools .print{background-position:0 -554px;padding:2px 0 2px 25px;} /* ----- Pet Profile Paginator ----- */ #pet-profile-paginator{ height: 49px; font-family:'Oswald',sans-serif; font-size:15px; border-left: 1px solid #e8e8e8; text-align: center; } #pet-profile-paginator .nav { display: block; float:left; height: 45px; line-height: 45px; background:#7332d6; color:#fff; } #pet-profile-paginator .nav:hover { color: #b88bfc; } #pet-profile-paginator .prev { margin: 2px; width: 75px; } #pet-profile-paginator .next { margin: 2px 2px 2px 0; width: 53px; } #pet-profile-paginator .prev:before, #pet-profile-paginator .next:after { content: " "; display: inline-block; width: 12px; height: 15px; background: url('../img/pf_vertical_sprite.png') 0 -219px no-repeat; } #pet-profile-paginator .prev:before { background-position:left -332px; } #pet-profile-paginator .next:after { background-position:right -332px; } #pet-profile-paginator .next:hover:after { background-position:right -854px; } #pet-profile-paginator .prev:hover:before { background-position:left -854px; } #pet-profile-paginator .counter { float: left; width: 127px; height: 49px; font: italic normal 12px/49px arial, helvetica, sans-serif; color: #999; border: 1px solid #e8e8e8; border-width: 0 1px; } #pet-profile-paginator .counter span { font: normal bold 16px/49px arial, helvetica, sans-serif; color: #8fc61e; } #pet-profile-paginator img { float: left; height: 45px; width: 60px; margin: 2px 0 2px 2px; } /* ----- Total Pets Near You (Headline) ----- */ .total-pets-near-you h2 { margin: 12px 15px; text-transform: none; color:333; } .total-pets-near-you em { color: #8cc835; } /* ------ Sortable tables ------ */ .sortable .sortUp {background-position: 0px -1170px;width: 8px;height:14px;display: inline-block;margin-left:3px;} .sortable .sortDown{background-position:-43px -1170px;width: 8px;height:14px;display: inline-block;margin-left:3px;} table.sortable th{background-repeat: no-repeat; background-position: center right; font-size:15px;} .saved-searches li{ margin-bottom:15px; } /* --------------------------------------------------- PAGES (In Alphabetical Order) --------------------------------------------------- */ /* ----- browse ----- */ .browse-pets {border-bottom:0;} .browse-pets header{position: relative;} .browse-pets .subscribe { position: absolute; top: 8px; right: 14px; padding-left: 30px; background-position: -23px -740px; } .browse-pets .subscribe:hover { background-position: -23px -762px; } .browse-pets h1 em { color: #8cc835; } .browse-pets .pane ul { margin-top: 13px; width:103%;} .browse-pets ul.tabs {margin-top:0;width: auto;} .adoptable-pet { vertical-align:top; position: relative; display:inline-block; width: 184px; height:300px; margin: 0 8px 14px 0; padding: 7px 7px 30px; overflow: hidden; border: 1px solid #e7e7e7; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 3px 1px rgba(99, 99, 99, .3); -moz-box-shadow: 0 0 3px 1px rgba(99, 99, 99, .3); box-shadow: 0 0 3px 1px rgba(99, 99, 99, .3);} .ie7 .adoptable-pet { display:inline; zoom: 1;} .adoptable-pet:hover { background-color: #ffffe0; } .browse-pets h2 { font-size: 18px; padding: 10px 0 9px; border-bottom: 1px dashed #cbcbcb; } .browse-pets h2 a { display: block; max-width: 155px; } .adoptable-pet figure { width: 186px; height: 140px; overflow: hidden; } .adoptable-pet figure img { max-width: 186px; } .adoptable-pet p { padding: 6px 0 5px; font-size: 12px; line-height: 1.3em; border-bottom: 1px dashed #cbcbcb; } .adoptable-pet .specs { color: #999; } .adoptable-pet .rescue-info { border: 0; } .adoptable-pet .favorites {line-height:normal; color: #7332d6; border:none; position: absolute; font-family: arial; font-size:12px; display: block; top: 152px; right: 5px; height: 30px; width: 40px; padding: 6px 5px 5px; text-indent: -999px; background-position: right -639px; white-space: nowrap; background-color: transparent; z-index: 1; } .adoptable-pet .favorites:hover { border:none;border-radius:0; color: #b88bfc; padding:0; top: 151px; right: 4px; width: auto; border: 1px solid #ccc; padding: 6px 32px 5px 5px; text-indent: 0; background-image: url('../img/pf_vertical_sprite.png'); background-repeat: no-repeat; background-position: right -609px; background-color: #fff; -webkit-box-shadow: 0 0 3px 1px rgba(99, 99, 99, .3); -moz-box-shadow: 0 0 3px 1px rgba(99, 99, 99, .3); box-shadow: 0 0 3px 1px rgba(99, 99, 99, .3); } .adoptable-pet .favorites.is-favorite { background-position: right -580px; } .adoptable-pet .map { padding: 0 0 0 15px; } .adoptable-pet .pet-special-ids { position: absolute; left: 7px;} /*.browse-pets .show-more { margin-right: 14px; }*/ /* ------ classified-page ------ */ .classifieds .mod-w-photo{margin-top:30px;} .classifieds .mod-w-photo header{border-bottom:1px solid #E8E8E8;margin-bottom:10px;padding-bottom:10px;} .post-a-classified{margin-top:35px;} .post-a-classified h1{padding-bottom:3px; border-bottom:1px solid #EFEFEF;} .post-a-classified footer, .classified-scam footer {position:relative;height:37px;} .post-a-classified p{margin-bottom:5px;} .post-a-classified h3{margin-top:20px;} .toggle-button.top-button, .toggle-button.bottom-button { position: absolute; top: 0; right: 0; z-index: 10;} .classifieds-browse .header-with-tabs h1{margin-bottom:8px;padding-right:150px;width:auto;} .classifieds-browse .header-with-tabs small {display:block;margin-bottom:7px;} /* ----- discussion-page -----*/ .discussion-page {padding:20px 15px;} .discussion-page .page-head {margin-bottom:10px;} .discussion-page .page-head hgroup {position:relative;} .discussion-page .page-head hgroup h1{padding-right:170px;} .discussion-page .page-head hgroup h2 {position:absolute;top:8px;right:0;} .discussion-page .page-head hgroup h2 em {color:#8CC835;font-style:normal;} .discussion-page .search-filter .alpha {width: 62%;} .discussion-page .search-filter .alpha .psdui-container{display:block;} .discussion-page .search-filter li {border:0;padding:0;} .discussion-page .search-filter #discussion-topic {width: 100%;} .discussion-page .search-filter em {font-style:italic;margin-top:21px;display:block;width: 52px;text-align: center;} .discussion-page .filter-controls{float: left;} .discussion-page .tabbed .pane .psdui-select{position: absolute;top: -38px;right: 0;z-index:10;} .discussion-page .stream-entry.alpha {border:0;} .discussion-page .stream-entry header {margin-bottom:0;} .discussion-page .stream-entry h1{font:bold 18px arial;} .discussion-page .stream-entry h2 a{color:#222;font-size:14px;} .discussion-page .stream-entry p{margin-top:6px;} .discussion-thread .related-discussion {padding-top:3px;} .discussion-thread .share {border-width:1px 0; border-style:solid; border-color:#e8e8e8; padding:10px 0;margin-top:10px;} .discussion-thread .share h4{color:#7332d6;text-transform:capitalize;margin-right:10px;} .discussion-thread .lt-grey-bg {background-color:#f8f7f4;} .discussion-thread .lt-grey-bg p {width: 89%; display: inline-block;} .discussion-thread .lt-grey-bg figure{float: left;margin-right: 10px;} /* * form for profile */ .checkbox-label {display:inline-block; width: 92%; } .checkbox-label span {font-weight:normal;} .two-thirds .form header.indent {margin: 20px 0 20px 15px; } .two-thirds .form .checkbox-label {display:inline-block; width:96%;} .two-thirds .form .frm-lt-green, .two-thirds .form .frm-cream {padding:25px 18px; margin:2px 2px 0 2px; } .two-thirds .form label em {font-style: italic; font-weight: normal; color: #999; } .two-thirds .form label span {font-weight:normal; } .two-thirds .form fieldset {margin:8px 0} .two-thirds .form .inline-block {float:left; margin-right:19px;} .ie7 .two-thirds .form .inline-block {display: inline; } .two-thirds .form input[type=text], .two-thirds .form input[type=email], .two-thirds .form input[type=password] {width:430px; } .two-thirds .form .half input{ width: 195px;} .two-thirds .form .half select {width: 209px;} .two-thirds .form .date-format .month, .two-thirds .form .date-format .day {width:35px;} .two-thirds .form .date-format .year {width:70px} .two-thirds .form .button-group {float: right; margin:20px 20px 0 0; } .two-thirds .form .button-group span {padding:5px;} .two-thirds .form h2 {text-transform: none; margin-bottom:10px; } #get-updates { display: none; } .get-updates { width: 315px; height: 222px; padding: 2px; } .get-updates h3{ padding: 7px 13px 6px; border-bottom: 2px solid #fff; } .get-updates fieldset { margin-bottom: 10px; padding: 13px 13px 10px; } .get-updates .psdui-container { margin-bottom: 15px; } .get-updates input[type=checkbox] { float: left; } .get-updates .lbl-cbx { float: left; width: 259px; padding-left: 3px; font-size: 12px; font-weight: 500; } .get-updates .button-row { padding: 0 13px 8px 0; text-align: right; } .get-updates .cancel { padding-right: 10px; } .get-updates label { display:inline-block; } #get-updates-title {width: 262px;} .pop-up.get-updates:before, .pop-up.get-updates:after { top:-22px; left:152px; border-color: transparent transparent #fff transparent; } .pop-up.get-updates:before { top: -24px; border-color: transparent transparent rgba(204, 204, 204, .4) transparent; } /* SEARCH */ .global-search { border-bottom:none; padding-bottom:60px; } .global-search h3 a {color: #008acd; text-transform:capitalize; font-family:arial; font-size:15px;} .global-search .stream-entry {padding:10px 0; } .global-search h1 {margin-bottom: 5px; } .global-search .error {color:#f7672a; } .global-search .recommendation {color: #666666; margin-bottom: 15px;} .global-search .recommendation li { display:inline; border-left:2px solid #dfdfdf; padding:0 5px; } .global-search .recommendation li.first {padding-left:0; border-left:none;} .sort-filter { padding: 5px 10px 0 10px; margin-bottom:15px;} .sort-filter .result-count{color: #666666; float:left; line-height:35px; } .sort-filter fieldset {float:right;} .sort-filter fieldset label{display:inline-block; line-height:35px; vertical-align:top; } .sort-filter select, .sort-filter .sortby, .sort-filter .psdui-singleselect {width:146px;} .pagination {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; } .pagination .navigation { position: relative; right: auto; bottom: auto; display: inline-block; } .pagination .navigation .counter span {color: #666666; } .spotlight { padding:10px;} .spotlight header {margin-bottom: 0; } .spotlight h3 {font-weight:bold; } /* ----- Breed Center -----*/ .module.breed-center { border: 0; padding: 15px; margin:0;} .breed-center h1 { margin-bottom: 13px; } .breed-center .tabbed .tab-bottom-border{margin-bottom:30px;} .breed-center .discussion-module header {margin-bottom:7px;} .breed-center .discussion-module h2{font-size:28px;text-transform:none;} .breed-center .discussion-module .tabs{position:absolute;right:0;top:28px;} .breed-center .overview-summary { float: left; width: 315px; margin-right: 21px; } .breed-center .overview {padding: 25px 0; } .quick-overview { margin-bottom: 20px; } .quick-overview dt { float: left; padding-top: 2px; padding-right: 0.5em; font-weight: bold; } .quick-overview dd { padding-top: 2px; } .overview .pane { float:left; width: 50%; } .breed-center .characteristics { float: right; width: 296px; } .breed-center .characteristics header { margin-bottom: 9px; padding-top: 10px; } .breed-center .characteristics .breed-attributes dt { background-color: white; border: 1px solid #e7e6e2; } .breed-center .characteristics figure {position: relative;} .breed-center .related-breeds ul { margin-top: 15px; } .breed-center .related-breeds li:first-child { margin-left: 0; } .breed-center .related-breeds .title { height: auto; } /* ----- Breed Center A-Z -----*/ h1.dog-breed-center { margin: 15px 15px 11px; } #compare-breeds-mini { width: 142px; height: auto; padding-bottom: 5px; text-align: center; background-color: #f1f0ec; border: 1px solid #e4e4e4; } #compare-breeds-mini h3 { padding: 12px 0 10px; font: 13px arial, helvetica, sans-serif; font-weight: bold; text-transform: none; } #compare-breeds-mini ul { margin-left: 4px; } #compare-breeds-mini li { position: relative; float: left; display: block; height: 47px; width: 62px; margin: 0 6px 7px 1px; background-color: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(00, 00, 00, .22); -moz-box-shadow: 0 0 4px 0 rgba(00, 00, 00, .22); box-shadow: 0 0 4px 0 rgba(00, 00, 00, .22); } #comapre-breeds-mini .button { margin: 0 auto; } #compare-breeds-mini img { width: 62px; height: 47px; } #compare-breeds-mini .breed-comp-remove { width: 15px; height: 14px; background-position: -348px -88px; } #compare-breeds-mini .breed-comp-remove:hover { background-position: -364px -88px; } .container .six.columns.breed-list { width: 488px; } .breed-list .message{margin-left:19px;} .browse-breeds { border: 0; } .browse-breeds header { padding-bottom: 4px; border-bottom: 1px solid #e8e8e8; } .browse-breeds h2 { float: left; } .browse-breeds .header-controls { float: right; margin-top: -5px; } .ie7 .browse-breeds .header-controls { margin-left: 20px; } #frm-breed-search { float: left; width: 325px; } #frm-breed-search h3 { float: left; padding-right: 10px; font: 15px arial, helvetica, sans-serif; line-height: 33px; font-weight: bold; text-transform: none; } #frm-breed-search input { float: left; } .browse-breeds .toggle-view { float: right; margin-top: 2px; } .browse-breeds .show-more { margin-top: 0;margin-left:15px; } .breed-cards.grid-view p, .breed-cards.grid-view .greater { display: none; } .breed-cards .pop-up .greater {display:block;} #no-results {display: block; width: auto; text-align: left;} .breed-cards #no-results p {display: block;} .breed-cards.list-view { margin-top: -5px; } .breed-cards.list-view li { float: none; display: block; width: auto; min-height: 110px; padding-bottom: 25px; text-align: left; } .breed-cards.list-view img { float: left; margin-right: 15px; } .breed-cards.list-view .title { width: auto; height: auto; max-width: 1000px; } .breed-cards.list-view .breed-comp-add, .breed-cards.list-view .breed-comp-remove { right: auto; left: 122px; } /* Breed Selector Quiz */ #breed-selector { position: relative; width: 632px; height: 383px; padding: 0; margin-bottom:20px; -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .26); -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .26); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .26); background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%, rgba(186,186,186,.32) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(39%,rgba(255,255,255,.32)), color-stop(100%,rgba(186,186,186,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%,rgba(186,186,186,.32) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%,rgba(186,186,186,.32) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%,rgba(186,186,186,.32) 100%); background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 39%,rgba(186,186,186,.32) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bababa',GradientType=1 ); } .ie9 #breed-selector, .ie7 #breed-selector { filter: none; } .ie7 #breed-selector { background-color:#f1f0ec; } #breed-selector .current-matches {float:right; width: 316px; height: 384px; background-color: #f1f0ec; -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .26); -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .26); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .26); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-radial-gradient(center, ellipse cover, rgba(241,240,236,1) 39%, rgba(186,186,186,.32) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(39%,rgba(241,240,236,1)), color-stop(100%,rgba(186,186,186,.32))); background: -webkit-radial-gradient(center, ellipse cover, rgba(241,240,236,1) 39%,rgba(186,186,186,.32) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(241,240,236,1) 39%,rgba(186,186,186,.32) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(241,240,236,1) 39%,rgba(186,186,186,.32) 100%); background: radial-gradient(center, ellipse cover, rgba(241,240,236,1) 39%,rgba(186,186,186,.32) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f0ec', endColorstr='#bababa',GradientType=1 ); -webkit-background-size: 632px 356px; -moz-background-size: 632px 356px; background-size: 632px 356px; background-position: 357px 0; } .ie9 #breed-selector .current-matches { filter: none; } #breed-selector .question { float:left; padding: 20px 0 20px 20px; width: 283px; } #breed-selector .question h3 {font: normal 18px arial; margin-bottom:12px; padding-bottom: 6px; border-bottom: 1px solid #e2e2e2; text-transform: none;} #breed-selector .question .begin {background: #8CC835; padding: 0 40px; border-color: #b4e271; filter: none;} #breed-selector .question .share { margin-top: 20px;} #breed-selector.get-started:after { content: ""; position: absolute; top: 0; right: 0; width: 344px; height: 353px; background: url('../img/little_dog_big_dog.png') top right no-repeat transparent; } #breed-selector header { margin-bottom: 10px; } #breed-selector header h2 { font-size: 20px; line-height: 20px; color: #8cc835; } #breed-selector .content-box { width: 246px; height: 246px; margin-bottom: 10px; padding: 15px 15px 5px; } #breed-selector .top-dog h4 {text-align:center; } #breed-selector .top-dog h4 a {font: normal 20px Oswald; text-transform: none; color: #333; line-height: 24px; } #breed-selector.bs-results .content-box { width: 252px; height: 252px; margin-bottom: 5px; padding: 12px 12px 5px; } #breed-selector .lead-image {position: absolute; top: 0; right: 0; width:378px; overflow: hidden;} #breed-selector p { font: normal 18px arial, helvetica, sans-serif; color: #222; border-bottom: 1px #e2e2e2 solid; } #breed-selector dt { margin-bottom: 10px; line-height:normal; font-weight: bold; font-size:12px; } #breed-selector.get-started dt { margin: 5px 0; } #breed-selector dd { padding-bottom: 4px; } #breed-selector label { display: inline; font-weight: 500; } #breed-selector .question .nav { width: 278px; } #breed-selector.get-started .question nav { width: auto; margin: 10px 0; } #breed-selector .question .nav .button { width: 64px; text-align: center; } #breed-selector .question .nav button.button { width: 96px; padding-right: 0; padding-left: 0; line-height:normal; } #breed-selector .question .nav .button.get-started { width: auto; text-align: center; } #breed-selector .question .nav span { display: inline-block; width: 74px; font: normal 12px arial; text-align: center; vertical-align: top; line-height:36px; } #breed-selector .question .nav span b { font-style: normal; font-weight: bold; font-size:16px; color: #8fc61e; } #breed-selector .navigation { background-color: #fff; position: relative; display: inline-block; right: auto; bottom: -19px; } #breed-selector .navi-wrap {left:auto; right: 0; width: 317px;} #breed-selector .current-matches h3 { margin: 16px 10px 15px 20px; font: bold 15px arial, helvetica, sans-serif; text-transform: none; } #breed-selector .current-matches .breed-cards { padding-left: 5px; } #breed-selector .current-matches footer { margin: 0 20px; text-align: right; border-top: 1px solid #D6D6D3; padding-top: 10px; bottom:10px; width:91% } #breed-selector .current-matches .start-over:after { content: ""; padding-left: 0; } #breed-selector .share { border: 0; } #breed-selector.bs-results figcaption { font-size: 20px; text-align: center; } #breed-selector .mini-breed-cards li{ height: 146px; } /* ----- Breed Center Compare ----- */ .breed-center-compare { padding: 13px 0; border: 0; } .breed-center-compare h1 { margin: 0 0 19px; padding-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .breed-compare li { display: block; position: relative; float: left; width: 162px; margin-bottom: 40px; padding-top: 106px; } .breed-compare img { position: absolute; top: 0; right: 0; -webkit-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); -moz-box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); box-shadow: 0 0 7px 0 rgba(00, 00, 00, .2); } .breed-compare dt { display: block; float: left; width: 18px; padding: 8px 0 4px; text-indent: -999px; overflow: hidden; font-weight: bold; line-height: 21px; border-bottom: 1px solid #e8e8e8; } .breed-compare dd { display: block; float: left; width: 124px; padding: 8px 10px 4px; font-size: 12px; line-height: 21px; border-bottom: 1px solid #dddcd9; background-color: #f1f0ec; } .breed-compare li:first-child, .breed-compare .compare-1, .breed-compare .compare-4, .breed-compare .compare-7, .breed-compare .compare-10, .breed-compare .compare-13 { width: 307px; } .breed-compare li:first-child dt, .breed-compare .compare-1 dt, .breed-compare .compare-4 dt, .breed-compare .compare-7 dt, .breed-compare .compare-10 dt, .breed-compare .compare-13 dt{ width: 143px; padding-right: 20px; text-indent: 0; text-align: right; } .breed-compare .breed { min-height: 24px; background-color: transparent; } .breed-compare dd.breed { min-height: 24px; width: 144px; padding: 8px 0 4px; background-color: transparent; } .breed-compare .about { min-height: 114px; } .breed-compare .greater { display: block; margin: 2px 3px 0 0; text-align: right; } /* ----- Breed Center Groups ----- */ .breed-center-groups { padding: 13px 0; border: 0; } .breed-center-groups h1 { margin: 0 0 13px; padding-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .breed-center-groups header { margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .breed-center-groups .share-this { float: left; margin-top: 5px; border: 0; } .breed-center-groups header p { padding-bottom: 1.2em; } .ie7 .breed-center-groups header > div { position: relative; } .ie7 .breed-center-groups .share-this { position: absolute; top: 0; left: 0; } .breed-center-groups .toggle-view { float: right; } .breed-center-groups .breed-cards { margin-left: -19px; } .breed-center-groups .remove { position: absolute; top: 0; right: 0; } /* ----- Happy Tails ----- */ #htails-all { border-bottom: 0; } #htails-all figure { float: left; width: 186px; height: 140px; } #htails-all .hfeed ul li { padding: 24px 0; border-bottom: 1px solid #e8e8e8; } #htails-all .hfeed h2 { margin-bottom: 2px; font-size: 18px; text-transform: none; } #htails-all header { margin-bottom: 5px; border:0;} .ie7 #htails-all header, .ie8 #htails-all header, .ie9 #htails-all header{ margin-top: -1px; } #htails-all small { display: block; margin-bottom: 0; font-size: 12px; } #htails-all time { margin-left: 0.5em; padding: 0 0.5em; border-left: 1px solid #ccc; } #htails-all p { font-size: 13px; } #htails-all .greater { display: inline; margin-top: 8px; } #htails-all .comment-count { display: inline-block; } #htails-all .comment-count:after { content: ""; position: absolute; bottom: -6px; left: 4px; border-width: 4px 4px 0 0; border-style: solid; border-color: #F96828 transparent; display: block; width: 0;height:4px; } #htails-all .header-with-tabs h2 {padding-bottom:0;} #htails-all .tabbed {position: relative;} #htails-all .tabs {position: absolute; top: 26px;right: 0;} /* ----- Happy Tails ----- */ .happy-tail-content { border: 0; margin:0; padding-right: 15px; padding-left: 15px; } .happy-tail {padding: 25px 0; } .happy-tail figure { width: 632px; height: 421px; text-align: center; background-color: #f1f0ec; overflow: hidden; } .happy-tail figure img { margin: 0 auto; } .happy-tail section p { padding-bottom: 1.2em; } .happy-tail .pullquote { float: right; margin: 18px 0 10px 10px; padding-bottom: 0; } /* ----- Mutt Wiki ----- */ .mw-search { padding-bottom: 0; border: 0; } .mw-about { padding-bottom: 0; border: 0; } .mw-about h2 { margin-bottom: 17px; } .mw-about p { padding-bottom: 1.2em; } .mw-about > div { padding-bottom: 10px; } .mw-about .contribute { margin-right: 0; padding: 15px; } .mw-about .contribute h3 { font: bold 15px arial, helvetica, sans-serif; text-transform: none; } .mw-about .contribute .text { width: 415px; } .ie7 .mw-about .contribute .button { padding: 2px 7px; } .mw-mix-modules { padding: 0 15px; } .mw-mix-modules .columns, .mw-mix-modules .four.columns.omega { width: 310px; } .mw-mix-modules > section { padding-top: 0; border: 0; } /* ----- Mutt Wiki Details ----- */ .mw-detail header { margin-bottom: 10px; } .mw-detail header h1 { margin-bottom: 3px; font-size: 20px; text-transform: uppercase; color: #8bc735; } .mw-detail header h2 { width: 525px; font-size: 28px; text-transform: none; } .mw-detail header h2 .plus { display: inline-block; height: 29px; width: 29px; margin: 0 auto; text-indent: -99px; overflow: hidden; background-position: -125px -107px; } .mw-detail header .add-dog { display: block; margin-top: -18px; text-align: right; } .mutt-detail .tabs li a { padding-left: 9px; padding-right: 9px; } .mutt-detail .article-post { padding-top: 0; padding-bottom: 0; } .mutt-detail .article-post .sources { padding-top: 20px; font-size: 12px; border-top: 1px solid #e8e8e8; } .mutt-detail .article-post .sources h4 { font: 800 16px arial, helvetica, sans-serif; text-transform: none; } .mutt-detail .article-post .sources li { padding-top: 5px; font-weight: 800; color: #7c3fd9; list-style-type: decimal; list-style-position:inside; } .mutt-detail .article-post .sources li > * { font-weight: 500; color: #333; } .mw-suggest-update { margin-left: 10px; padding-left: 23px; border-left: 1px solid #e8e8e8; background-position: -31px -1287px; } .mw-flag { display: inline-block; margin-left: 10px; height: 20px; width: 20px; text-indent: -999px; overflow: hidden; border-left: 1px solid #e8e8e8; background-position: 9px -1285px; } .mutt-detail .pane header h3 { display: none; } .breed-profiles { border: 0; padding-bottom: 0; } .breed-profiles .columns { width: 310px; } .breed-profiles .columns > div { padding: 15px; -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .25); -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .25); } .breed-profiles h4 { margin-bottom: 8px; } .breed-profiles .quick-overview { margin: 10px -15px 5px; padding: 0 15px; background-color: #f1f0ec; } .breed-profiles .quick-overview dt {padding-top: 4px; } .breed-profiles .quick-overview dd { padding-top: 4px; padding-bottom: 3px; border-top: 1px solid #e8e8e8; } .breed-profiles .quick-overview :first-child + dd { border: 0; } .no-mutt-detail a { font-weight: 800; } .mutt-discuss { position: relative; padding-top: 30px; } .mutt-discuss .banner { position: absolute; top: 10px; left: -21px; z-index: 80; background: #f96627; } .mutt-discuss .banner:before { content: ""; position: absolute; left: 0; top: 31px; height: 0; width: 0; border-style: solid; border-width: 0 5px 5px 0; border-color:transparent #d14509 transparent transparent; -webkit-box-shadow:4px 0 7px 0 rgba(00,00,00,.2);-moz-box-shadow:4px 0 7px 0 rgba(00,00,00,.2);box-shadow:4px 0 7px 0 rgba(00,00,00,.2); } .mutt-discuss .banner:after { content: ""; position: absolute; right: -18px; top: 0; height: 0; width: 0; border-style: solid; border-width: 15px 9px; border-color: transparent transparent transparent #f96627; } .mutt-discuss .banner p { padding: 2px 15px; font-size: 18px; text-transform: uppercase; color: #fff; -webkit-box-shadow: 4px 0 7px 0 rgba(00,00,00,.2); -moz-box-shadow: 4px 0 7px 0 rgba(00,00,00,.2); box-shadow: 4px 0 7px 0 rgba(00,00,00,.2);} /* ----- Shelter search ----- */ #search-page {padding:20px 15px; position: relative; } #search-page .module {margin:0;} #search-page header small {color:#989898;font-size:10px;font-family:arial;display:inline;} #search-page header {margin-bottom:6px;} #search-page .stream-entry .title {font-size:15px;} #search-page .mod-w-photo {padding:25px 0;border-bottom:1px solid #e8e8e8;} #search-page .mod-w-photo h2{text-transform:capitalize;margin-bottom:5px;} #search-page .article-info {margin-bottom:10px;} .search-filter {padding:15px; margin:0 0 25px 0; position: relative; z-index: 1;} .search-filter .column {border-right:1px dotted #cdb8f0;margin:0;width:auto;padding:0 12px;} .search-filter .alpha {padding-left:0;} .search-filter input[type=text], .search-filter select {width:110px;} .search-filter .omega {padding-right:0;border-right:0;} .search-filter label {line-height: 10px;padding-bottom: 5px;} .filter-controls {padding:14px 0 0 0;float:right;} .search-filter select {width:136px;} .search-filter form .alpha{padding-left:0;} .search-filter .name {margin:0;padding:0 12px;} .featured-asset {margin:15px 0 25px 0;} .featured-asset .column {border:1px solid #e6e6e6;padding:9px;} .featured-asset.columns2 .column {width:281px;padding:14px;} .featured-asset.columns3 .column {width:184px;} .featured-asset.columns4 .column {width:281px;padding:14px;margin-bottom:10px;} .featured-asset .column h2 {text-transform:none;font-family:arial;} #find-a-shelter-dl {background:#fff;margin:0 0 25px 0;height:390px;} #find-a-shelter-dl .scrollable{height:390px;} #find-a-shelter-dl .dl-button-prev{left:-15px;} #find-a-shelter-dl .dl-button-next{right:-15px;} #find-a-shelter-dl .dl-button-prev, #find-a-shelter-dl .dl-button-next{top:98px;} #find-a-shelter-dl .slide-left-side{height:345px;width:250px;padding:20px 25px 20px 25px;background:#F1F0EC;margin:0;} #find-a-shelter-dl .slide-left-side.inner-shadow {border-right:0;} #find-a-shelter-dl .slide-left-side a.greater {font-size:12px;position: absolute; bottom: 20px;} #find-a-shelter-dl .slide-left-side h3 {font-size:16px;margin-bottom:5px;} #find-a-shelter-dl .slide-left-side h4 a {font-size:18px;font-family:arial;text-transform: capitalize;line-height:normal;} #find-a-shelter-dl .slide-right-side {height:345px;width:300px;padding:20px 25px 20px 15px;margin:0;} #find-a-shelter-dl .slide-right-side h4{text-transform:none;color:#999;margin-bottom:5px;} #find-a-shelter-dl .slide-right-side a.greater{float:right;position:absolute;bottom:20px;right:25px;} /* Events */ #event-detail .event-info h4 {font:normal 28px Oswald;} #event-detail .event-info {width:282px; margin-right:0;background:#ffffe0;} #event-detail header h1 {width:100%;font-size:20px;} #event-detail .article-module header {margin-bottom:11px;} .events .message, .results .message, .stream .message{margin-right:0;} /* events table */ .events h1 { font-size: 28px; font-family: 'Oswald', sans-serif; margin-bottom:20px; line-height: normal; width:100%;} .events h1 em {color: #8cc835;font-style:normal;} .events table th{font-weight:bold;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; } .events table td {vertical-align:top;border-left:1px solid #e8e8e8;line-height:normal;} .events table td {padding:10px;} .events table th {padding:5px 5px 5px 10px;} .events table td em {font-style:italic;} .events table tr.odd {background-color:#ffffe0;} .events table .td-date {border-left:0;} .events .table-date {width:10%;} .events .table-event {width:25%;} .events .table-type {width:25%;} .events .table-location {width:20%;} .events .table-organization {width:20%;} .events .pagination {position: relative; bottom: auto; top: 10px; } /* pet-care-center*/ .pet-care-center, .sub-category {padding:10px 15px;} .sub-category h1 {padding-right: 200px; margin-bottom: 10px;} .search .sub-category h1 {float: left; width: 450px; padding-right: 0;} .search .sub-category header #searchform {position: absolute; bottom: 0; right: 0; width: 170px;} .search .sub-category h1 span {font-size: 18px;} .sub-category header { position: relative;} .sub-category .asset-filter {text-align: right; float:none;} .more-about-pets {width:104%;} .more-about-pets h3 {margin-bottom:20px;} .about-pets {background-color:#f8f7f4; float:left; width:276px; padding:15px; margin:10px 20px 10px 0;} .about-pets .sprite-animal-lg {height:70px; width:70px;float:right;background: #edece9 url('../img/pf_animal_spirte_lgimg.png') 0 0 no-repeat;border-width: 0 0 1px 1px; border-style:solid; border-color:#e4e3e0; position:relative; top: -15px; left: 15px;} .about-pets p, .about-pets ul {margin-top:15px;} .about-pets li {list-style-type:disc; list-style-position:inside;} .about-pets .dogs {background-position: 2px 10px;} .about-pets .cats {background-position: 3px -67px;} .about-pets .fish {background-position: 3px -144px;} .about-pets .reptiles {background-position: 3px -228px;} .about-pets .small-pets {background-position: 3px -305px;} .about-pets .other-pets {background-position: 3px -382px;} /* * Your account page. User profile page */ .your-account {border-bottom:0;} .your-account .stream-entry {border-bottom:1px solid #E8E8E8; border-top:0px;} .your-account header h1 {padding:0 0 15px 0;} .your-account .right-sided-tabs {top: 36px;} .your-account .classified-listing {margin-top:24px;} .your-account .classified-listing .bylines {display: block; margin: 5px 0;} .your-account .classified-listing h2 { margin-bottom: 5px;} .your-account .classified-listing .breed {border-top: 1px dashed #CBCBCB;} .your-account .pet-special-ids {margin-top: 10px;} /* --------------------------------------------------- MODALS (In Alphabetical Order) --------------------------------------------------- */ /* ----- Happy Tails ----- */ .modal-happy-tail { width: 597px; } .modal-happy-tail section { padding: 20px; } .modal-happy-tail .about-you { width: 284px; } .modal-happy-tail .about-pet { width: 262px; } .modal-happy-tail li { padding-bottom: 15px; } .modal-happy-tail input { width: 136px; } .modal-happy-tail form select { width: 156px; } .modal-happy-tail .name-field { width: 238px; } .modal-happy-tail input[type="checkbox"] { display: inline-block; float: left; width: 20px; } .modal-happy-tail .lbl-permission { float: left; display: inline-block; width: 257px; font-size: 10px; font-weight: 500; } .modal-happy-tail .fht-adopt-details { display: none; padding-top: 15px; } #fht-happy-tail { width: 535px;max-width: 535px; height: 143px; } /*.modal-happy-tail .upload-photo { display: block; height: 33px; padding-left: 47px; font-size: 15px; line-height: 33px; color: #7332d6; background-position: -455px -49px; }*/ #li-fht-state-other { display: none; } .popup div.closeButton {display:none;} /* signin */ .popup[name="_authenticate"] .content .auth h2 {padding: 20px 18px; font-size: 20px; text-transform: none; } .popup[name="_authenticate"] .content .auth h3 {font-size: 13px; } .popup .auth fieldset {margin-top:15px; position:relative; } .popup .auth label span {font-weight: normal;} .popup .auth .psdui-input input {width: 244px;} .popup .auth .frm-lt-green {padding: 15px; margin-top: 2px;} .popup .auth .bottom {padding:5px 12px;} .popup .auth .bottom p{width: 66%; float: left; line-height:normal} .popup .button-group {float: right; } .popup .bottom button{float: right; } .popup .button-group button{float: none;} .popup .auth .checkbox input, .popup .auth .checkbox label {display:inline-block;} .popup .auth .checkbox input {vertical-align:top;} .popup .auth .checkbox label {width: 91%;} .popup[name="_authenticate"] .content .auth form {padding:0 } .popup .auth .checkbox-label {width:91%; display: inline-block;} /*.popup plugin */ .popup div.closeButton {display:block; position:absolute; top: 5px; right:5px; width: 17px; height: 17px; } fieldset .right-aligned-label {position: absolute; top:0; right:0;} .two-thirds .auth fieldset {position:relative; width: 73%; } .two-thirds .auth .bottom {width:73%; } .two-thirds .auth .bottom p{width: 66%; float: left; line-height:normal} .two-thirds .auth .bottom button{float: right; } /* calendar root element */ #calroot{ z-index:10000;margin-top:-1px;width:198px;padding:2px;background-color:#fff;font-size:11px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 0 15px #666;-webkit-box-shadow:0 0 15px #666;} #calhead{padding:2px 0;height:22px;} #caltitle{font-size:14px;color:#8442E9;float:left;text-align:center;width:155px;line-height:20px;text-shadow:0 1px 0 #ddd;} #calnext,#calprev{display:block;width:20px;height:20px;background:transparent url('../img/calendar-prev.gif') no-repeat scroll center center;float:left;cursor:pointer;} #calnext{background-image:url('../img/calendar-next.gif');float:right;} #calprev.caldisabled,#calnext.caldisabled{visibility:hidden;} #caltitle select{font-size:10px;} #caldays{height:14px;border-bottom:1px solid #ddd;} #caldays span{display:block;float:left;width:28px;text-align:center;} #calweeks{background-color:#fff;margin-top:4px;} .calweek{clear:left;height:22px;} .calweek a{display:block;float:left;width:27px;height:20px;text-decoration:none;font-size:11px;margin-left:1px;text-align:center;line-height:20px;color:#666;-moz-border-radius:3px;-webkit-border-radius:3px;} .calweek a:hover,.calfocus{background-color:#ddd;} a.calsun{color:red;} a.caloff{color:#ccc;} a.caloff:hover{background-color:rgb(245,245,250);} a.caldisabled{background-color:#efefef !important;color:#ccc !important;cursor:default;} #calcurrent{background-color:#8442E9;color:#fff;} #caltoday{background-color:#333;color:#fff;} .date-format .month, .date-format .day { width:35px} .date-format .year {width: 70px; } .nav-overall .nav-categories .your-profile { padding-right: 5px; } .your-pets .pf-sprite { width: 35px; height: 30px; display: inline-block; background-position: -353px -162px; vertical-align: top;} .ie7 .your-pets .pf-sprite {display: inline} .nav-overall .your-pets a {display: inline-block; vertical-align: top; position:relative; } .header-site .search { position: relative; top: 16px; left: 78px; } .link-block { display: block; } .nav-site-toggle .frame { position: relative; z-index: 5201; } .link-block.with-icon { padding-right: 18px; position: relative; } .nav-site-toggle .psdui-arrow { background-position: 0 -69px; height: 15px; width: 10px; top: 13px; } .nav-site-toggle .link-block:hover .psdui-arrow { background-position: -40px -69px; } .ie7 [name="_profile_widget"] .link-block .psdui-arrow { top: 5px; } .lazyCount.spinner { display: inline-block; width: 31px; height: 31px; background: transparent url("/assets/images/ajax-loader.gif") no-repeat 0 0; } h1 .lazyCount { position: relative; top: 4px; padding-right: 10px; } .gfield_label { float: none !important; } /* Contact & Help Desk Gravity forms overrides so fields do not overlap background image */ .helpdesk_form #input_2_2, .helpdesk_form #input_2_16 { max-width: 250px !important; display: block !important; } .contact_form #input_1_7 { max-width: 300px !important; } .contact_form #field_1_7, .contact_form #field_1_2, .contact_form #field_1_3 { height: 75px !important; } /* #Modal Generic Styling Overrides ================================================== */ .fancybox-overlay { z-index: 100001 !important; } /* * Fancybox has a different markup structure on mobile devices, which sets the wrap at the same level as the overlay. * For this reason the z-index is set higher than the overlay, using fancybox's css selector for mobile devices. */ .fancybox-wrap { z-index: 100002 !important; } .fancybox-skin { background-color: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .modal h1.stripe-purple-lt { padding: 0; background: none; } .frm-lt-green { background: white !important; } .modal .overlay-lead { background-color: #ffffff; padding: 18px 0; } .modal form label { font-weight: normal; font-size: 15px; } .modal textarea { box-sizing: border-box; width: 100%; } .fancybox-close { display: inline-block; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-position: center center; vertical-align: middle; text-indent: -9999px; background: url(../img/closeDark.png); right: 20px; top: 20px; opacity: .4; } .modal-adopt-pet #login-message { display: none; } #no-login { display: none; } .email_share_modal_email_links { text-align: center; } .email_share_modal_email_links a { margin: 0 20px; } .psdui-container { position: relative; display: inline-block; } .psdui-container input[type="text"], .psdui-container input[type="email"], .psdui-container input[type="password"] { border: 0; height:32px;padding:0 10px; line-height: normal; background-color: transparent; } .ie8 .psdui-container input[type="text"], .ie8 .psdui-container input[type="email"], .ie8 .psdui-container input[type="password"], .ie7 .psdui-container input[type="text"], .ie7 .psdui-container input[type="email"], .ie7 .psdui-container input[type="password"] { line-height: 32px; } .ie7 .psdui-input {float:left;} .psdui-text { display: block; padding: 0 40px 0 10px; height: 100%; line-height: 32px; cursor: pointer; white-space: nowrap; overflow: hidden; } .psdui-dropdown { display: none; position: absolute; top: 30px; left: 0; background-color: #fff; } .psdui-open { z-index: 5199; } .psdui-open .psdui-dropdown { display: block; z-index: 5199; } .psdui-select ul { margin: 0; padding: 0; } .psdui-select li { margin: 0; padding: 3px 2px; list-style-type: none; } .psdui-select li:hover { cursor: pointer; background-color: #ccc; } .psdui-select li.psdui-selected { font-weight: bold; } .psdui-select label {font-weight: normal;} .psdui-hiddenselect { display: none; } .psdui-textarea textarea {border:0; resize: none; padding:8px 10px; background-color: transparent; } .psdui-single { display: block; background-color: transparent; height: 30px; border: 1px solid #d9d9d9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .psdui-input {border: 1px solid #d9d9d9;} .psdui-multiple { display: block; background-color: transparent; height: 30px; } .psdui-checkbox {vertical-align: top; width:18px; height:18px; display: inline-block; background: url('../img/pf_vertical_sprite.png') no-repeat transparent; background-position: -34px -1304px; } .ie7 .psdui-checkbox {display:inline;} .psdui-checkbox input{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0;} .psdui-checkbox.psdui-checked {background-position: -1px -1304px; }