@charset "utf-8"; /* CSS Document */ /* ================================================================================ The Humane Society of the United States: http://www.humanesociety.org Front-end code by Chuck Harmston, Threespot Media: http://www.threespot.com =================================================================================== */ /* =============== CSS Reset by Eric Meyer: meyerweb.com/eric/tools/css/reset /=============== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} /* =============== Sensible defaults =============== */ h2{color:#0f4883;font-size:16px;font-weight:bold;margin-bottom:2px;} h3{color:#464540;font-size:12px;font-weight:bold;} p{margin-bottom:20px;} p.subhead{ font-weight:bold; color:#63615a; margin:12px 0 0;font-size:18px;line-height:24px;} p.author{font-size:14px;line-height:20px;color:#9c9c9c;margin:3px 0 30px;font-style:italic} p.date{color:#99938f;font-size:11px;font-weight:bold;margin-bottom:3px;} ul{margin-left:25px;margin-right:25px;margin-top:10px;margin-bottom:15px;list-style-image:url(http://www.humanesociety.org/assets/images/bullet/bullet.gif);list-style-position:outside;} li{margin-bottom:5px;} li a{text-decoration:none !important} li a:hover{text-decoration:underline !important} blockquote{background:#dee9f3 url(http://www.humanesociety.org/assets/images/bg/blockquote.gif) repeat-x top;padding:25px;margin-bottom:25px;} blockquote h2 {font-weight:normal !important; text-align:center} blockquote p{margin:0;font-size:18px;line-height:24px;color:#225384;} span.article-loc{text-transform:uppercase} a{color:#3F7CCB;text-decoration:none} a:hover{text-decoration:underline;} .raquo,.laquo{text-decoration:none !important} .raquo:hover,.laquo:hover{text-decoration:none !important} .raquo:hover span,.laquo:hover span{text-decoration:underline !important} .back{color:#3f7ccb;text-decoration:none;} .back:hover{text-decoration:none} .back:hover span{text-decoration:underline;} .arrow{height:13px;width:13px;overflow:hidden;} .hsi a{color:#024731} /* =============== added by dguinnesy 12/8/09 =============== */ sub {font-size:xx-small;vertical-align:sub;} sup {font-size:xx-small; vertical-align:super;} /* =============== Page Structure =============== body |----- #wrapper |----- #page |----- #page-head |----- #head |----- #cols |----- #main |----- #side |----- #foot ============================================== */ body {font-family:arial, helvetica, sans-serif;background:#225384 url(http://www.humanesociety.org/assets/images/bg/page.gif) top left repeat-x; min-height:650px} body.hsi{background:#044a1e} #wrapper {text-align:center;background:url(http://www.humanesociety.org/assets/images/bg/page_shadow.png) top center no-repeat;} #page {width:977px;text-align:left;margin:auto;overflow:hidden;background-color:#fff;position:relative;} #page-head{min-height:620px;width:237px;background:url(http://www.humanesociety.org/assets/images/bg/page-head.png) no-repeat top;position:absolute;top:0;left:10px;z-index:10;padding:25px 10px;} #home #page-head{ background-image:url(http://www.humanesociety.org/assets/images/bg/page-head-home.png); } .animals #page-head{ background-image:url(http://www.humanesociety.org/assets/images/bg/page-head-animals.png); } #page-head .logo{margin:0 29px 25px;} .hsi #page-head .logo{margin:0 52px 25px 53px} #page-head #country-name{width:85px;border-top:1px solid #99b4ac;margin:3px auto;padding-top:5px;font-size:10px;color:#00432f;text-transform:uppercase;text-align:center;} #head {position:relative;height:150px;} .no-banner #head{height:45px;} #cols {background:url(http://www.humanesociety.org/assets/images/bg/page_inner.gif) top left repeat-x;} #home #cols,.list #cols{ background: none; } .no-banner #cols{background:none} #inside #cols{background:none;} #main {position:relative;float:left;display:inline;width:556px;margin-bottom:20px;padding-left:257px;background:transparent url(http://www.humanesociety.org/assets/images/bg/page_inner.gif) repeat-x scroll left top;min-height: 700px;} #home #main,.list #main{ background: none; } .no-sidebar #main{width:720px} .no-banner #main{background:none;} #side {float:right;display:inline;width:164px;margin-bottom:35px;} #foot {padding:110px 48px 35px 48px;background:url(http://www.humanesociety.org/assets/images/global/footer.gif) no-repeat top center;} .hsi #foot{background-image:url(http://www.humanesociety.org/assets/images/global/hsi-footer.gif);margin-top:15px;} #foot ul {margin:6px 0 0;list-style-image:none;list-style-position:outside;} #foot ul li {float:left;margin-right:15px;color:#a7a7a7;font-size:11px;line-height:14px;} #foot ul li a {color:#a7a7a7;text-decoration:none;} #foot ul li a:hover {text-decoration:underline;} #foot_rss {background:url(http://www.humanesociety.org/assets/images/icons/rss.gif) left no-repeat;padding-left:14px;} /* =============== Added by Deborah Guinnessy 100709 =============== */ #foot_twitter {background:url(http://www.humanesociety.org/assets/images/icons/twitter.jpg) left no-repeat;padding-left:14px;} #foot_facebook {background:url(http://www.humanesociety.org/assets/images/icons/facebook.jpg) left no-repeat;padding-left:14px;} #foot_convio {background:url(http://www.humanesociety.org/assets/images/icons/convio.jpg) left no-repeat;padding-left:14px;} #home #foot{margin-top:21px} #issue_main #foot{margin-top:26px;} .campaign #foot{margin-top:20px;} .animals #foot,.search #foot,.list #foot,#event_detail #foot,#article #foot{margin-top:25px;} #give #foot,#take-action #foot{margin-top:16px;} #home.hsi #cols{margin-bottom:-6px;} .hsi-sub #cols{margin-bottom:-20px;} .animal-detail #cols,#news-video #cols{margin-bottom:-8px;} #inside #cols{margin-bottom:-40px;} /* Special case: when there is no top banner */ .no-banner .section{background-image:url(http://www.humanesociety.org/assets/images/rule/long.gif);padding:15px 0 23px} .no-banner .s_borderless{background:none} .no-banner h1{font-size:30px;font-weight:normal;line-height:36px;color:#0f4883;} .no-banner #side{margin-top:0;} /* =============== Global Elements =============== */ /* === Billboard === */ #home #head{background:#FFF;height:410px;overflow:hidden;position:relative;} #pager{position:absolute;top:70px;right:20px;z-index:7;margin:0;list-style:none;} #pager li{float:left;font-size:10px;font-weight:bold;text-align:center;margin-left:6px;line-height:10px;} #pager li:last-child {margin-right:10px;} /*#pager li a{color:#1f5875;background:url(http://www.humanesociety.org/assets/images/billboard/number.png) no-repeat center center;display:block;width:14px;height:14px;overflow:hidden;padding-top:3px} */ /* #pager li.current a{color:#FFF;background:none;} */ #page li a:hover{text-decoration:none} #billboard{background:#111;margin:0;list-style:none;width:977px;height:410px;position:absolute;top:0;left:0;background:#111 url(http://www.humanesociety.org/assets/images/loading.gif) no-repeat 607px 218px;} #billboard li{width:977px;height:410px;position:absolute;top:0;left:0;background-position:top left;background-color:#111;} #billboard .content{position:absolute;left:300px;bottom:70px;width:650px} #billboard .video_content { position: absolute; left: 0px; top: 0px; width: 977px; height: 410px; overflow: hidden; background: url(http://www.humanesociety.org/assets/images/bg/video_content.png) top left repeat; display: none; opacity: 0; } #billboard .video_content_body { width: 977px; height: 410px; position: relative; } #billboard .video_content_body .info { position: absolute; top: 105px; left: 813px; width: 155px; overflow: hidden; } #billboard .video_content_body h2 { font-size: 20px; line-height: 30px; color: #ffffff; font-weight: normal; display: block; } #billboard .video_content .flash { position: absolute; top: 67px; left: 272px; color: #fff; width: 522px; height: 326px; overflow: hidden; display: none; visibility: hidden; } #billboard .video_content .flash .degradation { display: block; } #billboard .video_content .flash .degradation img { display: block; } #billboard li ul{margin:20px 0 0;list-style:none} #billboard li li{background:none;width:auto;height:auto;position:static;float:left;letter-spacing:0.3px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#FFF} #billboard li li a{ color:#FFF;display:block;padding:4px 15px 4px 8px;border-left:1px solid #FFF; } #billboard li li a:hover{text-decoration:none} #billboard li li a:hover strong span{text-decoration:underline} #billboard li li strong{color:#f1b023;display:block;margin-top:3px;} #billboard div.video_content ul { margin-top: 10px; } #billboard div.video_content li { margin-top: 10px; } #billboard div.video_content li a { border: none; padding-left: 0; font-weight: normal; } #billboard div.video_content li a strong { font-weight: normal; } .javascript #billboard .slide, .javascript #billboard .content { display:none;opacity:0 } .animals #billboard,.animals #billboard li{height:345px;} .animals #billboard .content{width:670px;height:210px;bottom:40px;} #billboard .slide{background-color:#111;} /* === Global Nav === */ /* #site-nav{margin:33px 33px 0;list-style-image:none;list-style-position:outside;background:#FFF} #site-nav .expanded{background:#f1f6fa;} .hsi #site-nav .expanded{background:#f1ecd6} #site-nav li{border-bottom:1px solid #d6d6d4;} #site-nav li.last, #site-nav li:last-child{border:0;} #site-nav li a{height:49px;width:171px;display:block; background-image:url(http://www.humanesociety.org/assets/images/buttons/leftmenu.gif);background-repeat:no-repeat;} .hsi #site-nav li a{background-image:url(http://www.humanesociety.org/assets/images/buttons/hsi-leftmenu.gif);} .hsi #site-nav ul a{background:none} */ /* ====new ===*/ /**/ #site-nav{ margin:33px 33px 0; list-style-image:none; list-style-position:outside; background:#FFF; } #site-nav .expanded{ background:#f1f6fa; } #site-nav li{ border-bottom:1px solid #d6d6d4; font-size:18px; color:#1F548C; text-transform: uppercase; margin-bottom:0; } #site-nav li.last, #site-nav li:last-child{ border:0; } #site-nav li a{ width:140px; display:block; margin:0; padding:0; padding-top:15px; padding-left:31px; padding-bottom:15px; color:#0F4883; text-decoration:none !important } #site-nav li a:hover{ color:#83ABD3; } #site-nav ul{ padding:0px 10px 5px 32px; margin:0; list-style-image:none; list-style-position:outside; } #site-nav ul li{ border-bottom:none; text-transform:none; } #site-nav ul li.current a span{ color:#3571AF; } #site-nav ul li a{ height:auto; width:auto; background:none; text-indent:0; overflow:visible; color:black; font-size:12px; line-height:16px; text-decoration:none; color:#3571af; margin:0; padding:0; margin-bottom:11px; } #site-nav ul li a span{ color:#7c7c7c; } #site-nav ul li a:hover span{ color:#3571af; text-decoration:underline; } #site-nav ul ul{ margin: 0 0 11px; width:139px; background:#dbe7f2; position:relative; left:-32px; border:1px solid #c2d5e7; border-width:1px 0; padding: 0 0 0 32px; } #site-nav ul ul a{ padding:4px 0; margin:0; font-size:10px; text-transform:uppercase; border-bottom:1px solid #c2d5e7; color:#716965 } #site-nav ul ul li.current a{ color:#5487bc; font-weight:bold } #site-nav ul ul a.last{ border-bottom:none } #site-nav ul ul a:hover{ color:#5487bc; text-decoration:underline } /**/ /* ===new end ===*/ /* #site-nav li#nav-animals a{background-position:0 -1px;} #site-nav li#nav-animals.expanded a,#site-nav li#nav-animals a:hover{background-position:0 -52px;} #site-nav li#nav-issues a{background-position:-172px -1px;} #site-nav li#nav-issues.expanded a,#site-nav li#nav-issues a:hover{background-position:-172px -52px;} #site-nav li#nav-news a{background-position:-344px -1px;} #site-nav li#nav-news.expanded a,#site-nav li#nav-news a:hover{background-position:-344px -52px;} #site-nav li#nav-about a{background-position:-516px -1px;} #site-nav li#nav-about.expanded a,#site-nav li#nav-about a:hover{background-position:-516px -52px;} #site-nav li#nav-world a{background-position:-696px -1px;height:70px;} #site-nav li#nav-world.expanded a,#site-nav li#nav-world a:hover{background-position:-696px -74px;} */ #site-nav ul{padding:0 10px 5px 32px;margin:0;list-style-image:none;list-style-position:outside} #site-nav ul li{border-bottom:none;} #site-nav ul li.current a span{color:#3571AF;} #site-nav ul li a{height:auto;width:auto;background:none;text-indent:0;overflow:visible;color:black;margin-bottom:11px;font-size:12px;line-height:16px;text-decoration:none;color:#3571af;} .hsi #site-nav li a{color:#024731} #site-nav ul li a span{color:#7c7c7c;} .hsi #site-nav ul li a span{color:#575443} #site-nav ul li a:hover span{color:#3571af;text-decoration:underline;} .hsi #site-nav ul li a:hover span{color:#024731} #site-nav ul ul{ margin: 0 0 11px; width:139px; background:#dbe7f2; position:relative; left:-32px; border:1px solid #c2d5e7; border-width:1px 0; padding: 0 0 0 32px; } #site-nav ul ul a{padding:4px 0;margin:0;font-size:10px;text-transform:uppercase;border-bottom:1px solid #c2d5e7;color:#716965} #site-nav ul ul li.current a{color:#5487bc;font-weight:bold} #site-nav ul ul a.last{border-bottom:none} #site-nav ul ul a:hover{color:#5487bc;text-decoration:underline} /* === Country Site Nav === */ #country-site-nav{list-style:none;margin:50px 35px 0;} #country-site-nav a{display:block;padding:15px 15px 15px 32px;border-bottom:1px solid #d6d6d4;font-size:18px;line-height:19px;text-transform:uppercase;background:url(http://www.humanesociety.org/assets/images/global/country-nav.gif) no-repeat 7px 16px;} #country-site-nav a:hover{background-position:7px -165px} #country-site-nav #backtohsi a{background:url(http://www.humanesociety.org/assets/images/buttons/back.gif) no-repeat top;border:0;width:170px;height:22px;padding:0;margin:18px auto 50px;} #country-site-nav #backtohsi a:hover{background-position:bottom} /* === Top Band === */ #top_band {position:absolute;top:0;right:0;z-index:9;width:977px;padding-right:16px;height:45px;background:url(http://www.humanesociety.org/assets/images/bg/top_band.png) top left repeat-x;} #top_band button{position:absolute;top:1px;right:0;width:21px;height:20px;border:0;background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) no-repeat -69px -41px;cursor:pointer;} #top_band button:hover{background-position:-69px -61px;} .hsi #top_band button{background:url(http://www.humanesociety.org/assets/images/buttons/hsi-buttons.gif) top left;} .hsi #top_band button:hover{background-position:bottom left;} #top_band p{margin-bottom:0;} #top_search{width:192px;position:absolute;top:12px;right:16px;width:188px;padding-left:6px;} #top_search label{border-left:1px solid #848686;position:absolute;top:0;right:127px;padding:6px 8px;display:block;background:url(http://www.humanesociety.org/assets/images/text/search.png) no-repeat center;width:47px;height:11px;font-size:12px;color:#FFF;} #top_search input{position:absolute;top:0;right:27px;margin:0;border:1px solid #a1a09c;width:91px;padding:3px;color:#666666;font-size:11px;line-height:14px;border:1px solid #a1a09c} #top_resources{width:289px;position:absolute;top:12px;right:208px;padding-left:6px} #top_resources label{border-left:1px solid #848686;position:absolute;top:0;right:183px;padding:6px 8px;display:block;background:url(http://www.humanesociety.org/assets/images/text/resources_for.png) no-repeat center;width:95px;height:11px;font-size:12px;color:#FFF;} .hsi #top_resources label{background-image:url(http://www.humanesociety.org/assets/images/text/around_world.png);width:128px;} #top_resources button{margin-right:7px;} #top_resources select {background:#FFF;position:absolute;top:0;left:112px;padding:2px;color:#666666;font-size:11px;line-height:14px;width:150px;border:1px solid #a1a09c;} #top_donate{position:absolute;top:14px;right:512px;width:83px} .hsi #top_donate{right:545px} #top_donate a{display:block;height:20px;background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) 0px 0px no-repeat;} #top_donate a:hover{background-position:0 -20px;} .no-banner #top_band{background:#174470;} /* =============== Types of modules in the main content well =============== */ .mini{width:145px;margin:0 auto;text-align:center;} .mini h2{height:16px;border-bottom:1px solid #dedcd7;margin-bottom:5px} #languagepick h2{background:url(http://www.humanesociety.org/assets/images/head/mini/language.gif) no-repeat top} #seecontent h2{background:url(http://www.humanesociety.org/assets/images/head/mini/contentin.gif) no-repeat top} .mini p{color:#818181;font-size:9px;line-height:18px;text-transform:uppercase;font-weight:bold;} .mini a.current{color:#818181;} .mini a:hover img{border-bottom:1px solid #024731;position:relative;top:1px;} /* =============== Types of modules in the main content well =============== */ .section {padding:20px 0 35px;background:url(http://www.humanesociety.org/assets/images/rule/section-divider-long.png) bottom no-repeat;font-size:12px;color:#63615a;line-height:17px;margin:0 26px 0 27px;position:relative;} .s_borderless {background:none;padding-bottom:15px;} .section .lead{font-size:16px;color:#777;line-height:24px;margin-bottom:0;} .animal-detail .section .lead{margin-bottom:15px;} .animal-detail .section{margin-bottom:-15px;} .animal-detail .s_borderless,.animal-detail .simple{margin-bottom:0 !important;} .lead .more{font-size:12px;font-weight:bold;color:#7aa5d1;text-transform:uppercase} #page .section h3 a:hover{text-decoration:underline;} /* =============== Blockquotes and Pullquotes (main content well) Added by Claudia Davila 0721513 =============== */ .r_pullq {font-family:"Palatino Linotype",Palatino,"Book Antiqua",serif; font-size:14px; color:#bd7817; padding:10px 8px; border-top:solid #bd7817 1px; border-bottom:solid #bd7817 1px; margin-left: 13px; margin-top:13px; float:right; width:145px;} .l_pullq {font-family:"Palatino Linotype",Palatino,"Book Antiqua",serif; font-size:14px; color:#bd7817; padding:10px 8px; border-top:solid #bd7817 1px; border-bottom:solid #bd7817 1px; margin-right:13px; margin-top:13px; float:left; width:145px;} .h_pullq {font-family:"Palatino Linotype",Palatino,"Book Antiqua",serif; font-size:15px; color:#bd7817; padding:8px 10px 5px 15px; border-left:solid #bd7817 2px; border-right:solid #bd7817 2px; margin-left:25px; margin-right:45px; width:420px;} .h_blockq {margin:1em 1em 1.5em 1em;padding:15px 40px 10px 40px;border-left:solid #bd7817 2px;border-right:solid #bd7817 2px;font-family:"Palatino Linotype",Palatino,"Book Antiqua",serif; color:#bd7817;font-size:15px;line-height:20px} .h_blockq:before {margin:0px 5px 0px -30px;content:'\201C';font-size:60px;font-weight:normal;line-height:0px;vertical-align:bottom;font-family:Arial,Helvetica,sans-serif;} .r_blockq{margin:1em .5em .5em 1em;padding:15px 0px 10px 30px;border-top:solid #bd7817 1px;border-bottom:solid #bd7817 1px;float:right;width:155px;font-family:"Palatino Linotype",Palatino,"Book Antiqua",serif;color:#bd7817;font-size:14px;} .r_blockq:before{margin:0px 5px 0px -30px;content:'\201C';font-size:60px;font-weight:normal;line-height:0px;vertical-align:bottom;font-family:Arial,Helvetica,sans-serif;} .l_blockq{margin:1em 1em .5em 0;padding:15px 0px 10px 30px;border-top:solid #bd7817 1px;border-bottom:solid #bd7817 1px;float:left;width:155px;font-family:"Palatino Linotype",Palatino,"Book Antiqua",serif;color:#bd7817;font-size:14px;} .l_blockq:before{margin:0px 5px 0px -30px;content:'\201C';font-size:60px;font-weight:normal;line-height:0px;vertical-align:bottom;font-family:Arial,Helvetica,sans-serif;} /* =============== All Animals Magazine style (main content well) Added by Claudia Davila 052413 =============== */ #aa_article {font-family:"Palatino Linotype",Palatino,"Book Antiqua",serif;font-size:14px;line-height:20px;} #aa_article .dropcap {float:left;font-size:68px;margin-top:19px;margin-right:7px;padding-bottom:2px;} #aa_article .caption {font-family:Arial,Helvetica,sans-serif;} #aa_article .h_pullq {margin-left:25px;margin-right:45px;padding:8px 18px 5px 15px;border-left:solid #bd7817 2px;border-right:solid #bd7817 2px;width:420px;font-family:Arial,Helvetica,sans-serif; font-weight:bold;font-size:15px;color:#bd7817;} #aa_article .r_pullq {margin-left:13px;margin-top:13px;padding:10px 8px;border-top:solid #bd7817 1px;border-bottom:solid #bd7817 1px;float:right;width:140px;font-family:Arial,Helvetica,sans-serif; font-weight:bold;font-size:14px;color:#bd7817;} #aa_article .l_pullq {margin-right:13px;margin-top:13px;padding:10px 8px;border-top:solid #bd7817 1px;border-bottom:solid #bd7817 1px;float:left;width:140px;font-family:Arial,Helvetica,sans-serif; font-weight:bold;font-size:14px;color:#bd7817;} #aa_article .h_blockq {margin:1em 2em 1.5em 1em;padding:15px 40px 10px 40px;border-left:solid #bd7817 2px;border-right:solid #bd7817 2px;font-family:Arial,Helvetica,sans-serif; font-weight:bold;color:#bd7817;font-size:15px;} #aa_article .h_blockq:before {margin:0px 5px 0px -30px;content:'\201C';font-size:60px;font-weight:normal;line-height:0px;vertical-align:bottom;} #aa_article .r_blockq{margin:1em .5em .5em 1em;padding:15px 0px 10px 30px;border-top:solid #bd7817 1px;border-bottom:solid #bd7817 1px;float:right;width:155px;font-family:Arial,Helvetica,sans-serif; font-weight:bold;color:#bd7817;font-size:14px;} #aa_article .r_blockq:before{margin:0px 5px 0px -30px;content:'\201C';font-size:60px;font-weight:normal;line-height:0px;vertical-align:bottom;} #aa_article .l_blockq{margin:1em 1em .5em 0;padding:15px 0px 10px 30px;border-top:solid #bd7817 1px;border-bottom:solid #bd7817 1px;float:left;width:155px;font-family:Arial,Helvetica,sans-serif; font-weight:bold;color:#bd7817;font-size:14px;} #aa_article .l_blockq:before{margin:0px 5px 0px -30px;content:'\201C';font-size:60px;font-weight:normal;line-height:0px;vertical-align:bottom;} #aa_article h2 {font-family:Arial; font-weight:bold; padding-bottom:5px} #aa_article h3{font-family:Arial; margin-top:10px; font-size:14px} /* === Bracketed modules === */ .bracketed{position:relative;margin: 0 auto;background:url(http://www.humanesociety.org/assets/images/bg/bracket/bottom.gif) no-repeat bottom;padding:0 0 20px;} .bracketed h2{height:55px;} .bracketed h3{font-size:17px;line-height:22px;font-weight:bold;color:#4b453c;margin:0 21px 10px;} .bracketed p{margin:12px 21px 0;} .bracketed .image{position:absolute;top:56px;left:43px;padding:2px;line-height:0;border:1px solid #e4e0d2;margin:0;} .bracketed .more{color:#a56b04;font-weight:bold;} .has-image p,.has-image h3{margin-left:131px} #profiles h2{background:url(http://www.humanesociety.org/assets/images/bg/bracket/top-profiles.gif) no-repeat top;} /* === Grey box === */ .greybox{position:relative;padding:0;background:none;} .greybox h2{background:#99938f;color:#FFF;text-transform:uppercase;padding:10px 15px;font-weight:bold;font-size:14px;} .greybox .more{position:absolute;top:11px;right:15px;color:#FFF;font-size:12px;} .greybox ul{padding-bottom:15px;margin:-2px 0 0;list-style:none outside none;border:1px solid #DEDCD7;border-top-width:0;} .greybox li{width:200px;margin:10px;float:left;} .greybox .image{float:left;margin:0;padding:2px;border:1px solid #dedcd7;margin-right:10px;line-height:0} .greybox .date{color:#999;margin-top:5px;font-size:12px;font-weight:normal;} .greybox h3{font-size:14px;font-weight:normal;line-height:17px;margin-top:5px} #news-video .greybox{margin-bottom:35px;} /* === Most something-ed === */ .most{background:#bed8f2;width:202px;float:right;margin-left:0;padding:20px 0 20px 20px;} .most ul{margin:0 20px 0 0;list-style:none inside none;} .most li{margin-top:8px;font-size:12px;line-height:16px;} .most li a{font-weight:bold;color:#3571af;} .most h2{font-size:14px;line-height:14px;color:#3571af;padding-bottom:3px;border-bottom:1px solid #a2c5eb;} #most-emailed h2{background:url(http://www.humanesociety.org/assets/images/icons/email2.gif) no-repeat 0 0;padding-left:25px;} /* === Yellow background-ed callouts === */ .callout{background:#F2B736 url(http://www.humanesociety.org/assets/images/bg/callout/act-now.gif) no-repeat left;padding:0;font-size:12px;line-height:18px;} .callout ul{list-style:none;margin:0;} .callout li a{color:#FFF;font-weight:bold;} .callout .raquo{color:#a56b04;font-weight:normal;} .callout .raquo span{color:#FFF;font-weight:bold;} .callout .raquo:hover span{color:#a56b04;text-decoration:none;} #actnow{margin-top:20px;padding:20px 20px 20px 225px;width:255px;height:71px;} #callout-takeaction{width:480px;height:123px;padding:20px 20px 20px 215px;background-image:url(http://www.humanesociety.org/assets/images/bg/callout/take-action.gif);} #callout-takeaction ul{list-style:none inside none;margin:0} #callout-takeaction li{width:135px;padding-right:25px;float:left;font-size:14px;font-weight:bold;color:#a56b04;text-transform:uppercase;} #callout-takeaction li li{float:none;width:auto;padding:0;margin-top:7px;font-size:12px;line-height:14px;font-weight:bold;text-transform:none} /* === Scroller === */ #scroller{margin-top:15px;padding-bottom:20px;} #scroller ul{list-style:none;margin:0} #scroller li{position:relative;width:146px;height:125px;overflow:hidden;} #scroller h3{position:absolute;bottom:0;left:0;width:146px;} #scroller h3 a{display:block;background:url(http://www.humanesociety.org/assets/images/bg/shade.png);color:#FFF;font-size:12px;font-weight:bold;padding:5px;} .no-javascript #scroller h2{margin-bottom:20px} .no-javascript #scroller li{float:left;margin:0 10px 20px;} .javascript #scroller ul{margin:0 20px 0 26px} .javascript #scroller .slide li{float:left;margin-right:6px;} .javascript #scroller .slide{width:456px} #scroller .prev,#scroller .next{display:block;width:21px;height:20px;position:absolute;top:83px;background:url(http://www.humanesociety.org/assets/images/buttons/scroller.gif)} #scroller .prev{background-position:top left;} #scroller .prev:hover{background-position:bottom left} #scroller .next{background-position:top right;right:0} #scroller .next:hover{background-position:bottom right} #scroller #disabled.prev,#scroller #disabled.prev:hover{background-position:top left;cursor:default} #scroller #disabled.next,#scroller #disabled.next:hover{background-position:top right;cursor:default} /* === Simple callout with an underlined header === */ .simple{background:none;padding:0;margin-top:20px;} .simple h2{font-size:14px;font-weight:normal;color:#716965;padding-bottom:2px;margin-bottom:10px;border-bottom:1px solid #b4b3af;text-transform:uppercase;} .simple .image{float:left;margin:0 10px 10px 0;border:1px solid #e4e0d2;padding:2px;line-height:0;} .simple p{margin-bottom:5px} .simple .more{text-transform:uppercase;font-size:11px;font-weight:bold;color:#0f4883;} #toolkit .more{color:#a56b04 !important;display:block;margin-top:10px;} .simple li.image{border-width: 0 0 1px 0;float:none;margin-right:0;} .simple h3{margin-top:0;} #issue_main #explore-issues{margin-top:50px;} /* Portable code for any news-type section with popup */ .area-news{margin-left:0} .area-news ul{margin:0;list-style:none;} .area-news li{position:relative;padding-bottom:9px;border-bottom:1px solid #dcdcd7;margin-bottom:9px;} .area-news p.image{padding:1px;border:1px solid #dcdcd7;float:left;line-height:0;margin:0 10px 0 0;} .area-news h3{font-size:17px;line-height:20px;font-weight:normal;margin-bottom:4px;} .area-news h3 a{color:#0f4883;text-decoration:none;} .area-news h3 a:hover{text-decoration: underline;} .hsi .area-news h3 a{color:#024731} .area-news p.date{font-weight:normal;font-size:12px;color:#999999;margin-bottom:6px;} .area-news p.date span{font-weight:bold;text-transform:uppercase} .area-news .more{border:0;margin:0;padding:0;font-size:11px;font-weight:bold;text-transform:uppercase;color:#548dc8} .area-news .more a{color:#548dc8;text-decoration:none;} .area-news .more a:hover{text-decoration:underline;} .hsi .area-news .more{color:#908033} .hsi-country .area-news,.campaign .area-news,.animal-detail .area-news{margin-left:27px;clear:both;} .campaign .area-news h3 a,.campaign .area-news .more{color:#6d2d41} .area-news .source{font-size:10px;font-style:italic;color:#888;} /* "Take Action Through Our Campaigns" */ #through-campaigns ul{margin:5px 0 0;list-style:none;} #through-campaigns li{border-bottom:1px solid #dedcd7;padding:10px 0} #through-campaigns li.last{padding-bottom:0;border-bottom:0} #through-campaigns h3{margin-top:3px;font-size:17px;line-height:22px;font-weight:normal;} #through-campaigns .more{font-size:14px;font-weight:bold;line-height:22px;text-transform:none} #through-campaigns p{margin-bottom:0} /* "Take Action Through Our Issues" */ #features{margin-right:0;} #features ul{list-style:none;margin:-20px 0 20px; margin-bottom:-22px!important;margin-top:-10px!important;} #inside #features ul{margin-top:-25px!important;} #features li{padding-top:20px!important;clear:both!important;} #features .row{background:url(http://www.humanesociety.org/assets/images/rule/features-border.gif) no-repeat bottom left!important;} #features .row li{clear:none!important;float:left!important;margin-right:19px!important;margin-bottom:0!important;padding:20px 0 17px 1px!important;position:relative!important;width:244px;} #features .row p{width:154px;} #features h2{margin-right:20px;} #features h3{float:right;margin:5px 0 10px;padding-right:10px;font-size:17px;line-height:22px;font-weight:normal;width:430px;} #features h3 a {color: #0F4883;} #features .row h3{width:140px;} #features h3 a:hover{text-decoration:underline;} #features .image{float:left;clear:none;padding:2px} #features p{font-size:12px;clear:both;width:auto !important;padding:0 10px 0 0;} #features .more{margin-top:7px;display:block;color:#5f95cc} .campaign #features{margin-bottom:40px;} /* "Explore All The Issues" */ #issue-browser {display:block;margin:20px 0 0px 0;list-style:none outside none;} #issue-browser .wrap {float:left;width:237px;margin-right:26px;} #issue-browser .wrap_last {margin-right:0;} #issue-browser li {border-bottom:1px solid #dedcd7;padding:8px 20px 8px 0;position:relative;} #issue-browser li .opener {color:#9ac4e1;font-size:14px;line-height:16px;font-weight:normal;position:absolute;right:10px;top:8px;display:block;width:20px;} #issue-browser li .opener a {display:block;color:#9ac4e1;text-align:right;font-size:14px;font-weight:normal;line-height:16px;} #issue-browser li .opener a.hover {color:#0f4883;} #issue-browser li a {display:block;font-size:10px;line-height:14px;color:#6595c4;font-weight:bold;text-transform:uppercase;text-decoration:none;} #issue-browser li a:hover, #issue-browser li a.hover{color:#0f4883;} #issue-browser ul li a:hover{color:#6595C4} #issue-browser li a.active {color:#0f4883;} #issue-browser ul {list-style:none outside none;margin-bottom:0;margin-right:-20px;margin-top:8px;border-top:1px solid #dedcd7;padding-top:5px;} #issue-browser ul li {border:none;padding:2px 0 2px 0;} #issue-browser ul li a {font-weight:normal;text-transform:none;font-size:12px;line-height:16px;} #issue-browser a:hover span{text-decoration:none !important} #issue-browser ul li a:hover span{text-decoration:underline !important;} .javascript #issue-browser ul {display: none;} /* === Features === */ #feature{} #feature div.image {margin-right:20px;float:left;display:inline;width:188px;} #feature div.image p.image{padding:3px;background:#FFF;border:1px solid #dcdcd7;margin:0;line-height:0;} #feature div.image p.caption{padding:4px;font-size:9px;line-height:11px;color:#999;} #feature h2{font-size:26px;font-weight:normal;line-height:29px;margin-bottom:10px;padding-top:5px} #feature h2 a{color:#0f4883;text-decoration:none;} #feature h2 a:hover{text-decoration:underline;} .hsi #feature h2 a{color:#024731} #feature p{color:#797979;font-size:14px;line-height:20px;margin-bottom:0} #feature .date{font-weight:bold;} #feature.padded{padding-left:205px} #feature.padded .type{font-size:18px;font-weight:bold;margin-bottom:0;} #feature.padded #images{position:absolute;top:20px;left:0;} #feature .more{display:block;margin-top:15px;color:#6f9dcb;font-size:12px;text-transform:uppercase;font-size:11px;font-weight:bold;} .hsi #feature .more{margin-top:2px;color:#908033;} .audience #feature .more{margin-top:5px;} #feature #tools{margin:0 0 20px} #feature h3{font-size:14px;color:#727271;font-weight:bold;margin:15px 0 7px;} /* === More About === */ #moreabout{width:260px;margin:-15px 0 45px 27px !important;border:1px solid #d2e4f1;padding:30px 213px 30px 25px;} #moreabout h2{color:#225384;font-size:26px;line-height:32px} #moreabout ul{margin:0;list-style:none inside none;} #moreabout li{margin-top:12px;font-size:16px;line-height:21px;} #moreabout a{color:#548dc8;} #cats #moreabout{background:url(http://www.humanesociety.org/assets/images/bg/moreabout/cats.jpg) no-repeat bottom;} /* === Mini-features === */ #featurette{color:#555;font-size:13px;line-height:18px;padding-top:0;margin-right:1px !important;list-style:none outside none;margin-bottom:0} #featurette .row{background:url(http://www.humanesociety.org/assets/images/rule/features-border.gif) no-repeat bottom left;} #featurette li{float:left;margin-right:19px;padding:25px 0 25px 1px;position:relative;width:244px;} #featurette h2{font-size:14px;line-height:16px;text-transform:uppercase;margin-bottom:8px;} #featurette h2 a{color:#0f4883;text-decoration:none;} #featurette h2 a:hover{text-decoration:underline;} #featurette p{width:154px;float:left;margin:0} #featurette p.image{padding:2px;border:1px solid #e4e0d2;margin-right:7px;width:70px;line-height:0;} #featurette p .more{display:block;margin-top:4px;color:#5f95cc;text-decoration:none;} #featurette p .more:hover{text-decoration:underline;} #featurette h2{height:37px;margin-bottom:10px;} #featurette #find-officials h2{background: url(http://www.humanesociety.org/assets/images/head/find-officials.gif) no-repeat left;} #featurette #find-volunteer h2{background: url(http://www.humanesociety.org/assets/images/head/find-volunteer.gif) no-repeat left;} #featurette p{width:auto;font-size:12px;color:#63615a;line-height:16px;} #featurette input{margin-top:10px;border:0;padding:4px;background:#e4e4e4;width:100px;color:#444;float:left;} #featurette button{margin:10px 0 0 10px;width:21px;height:20px;border:0;background:url(http://www.humanesociety.org/assets/images/buttons/form-yellow-big.gif) no-repeat top left;cursor:pointer;} #featurette button:hover{background-position:bottom right} /* === 2-columned list of features === #features{color:#555;font-size:13px;line-height:18px;padding-top:0;margin-right:1px !important;list-style:none outside none;margin-bottom:0} #features li{padding-top:20px;clear:both;} #features .row{background:url(http://www.humanesociety.org/assets/images/rule/features-border.gif) no-repeat bottom left;} #features .row li{clear:none;float:left;margin-right:19px;padding:25px 0 25px 1px;position:relative;width:244px;} #features .row p{width:154px;} #features h2{font-size:14px;line-height:16px;text-transform:uppercase;margin-bottom:8px;} #features h2 a{color:#0f4883;text-decoration:none;} #features h2 a:hover{text-decoration:underline;} #features p{float:left;margin:0;width:375px;} #features p.image{padding:2px;border:1px solid #e4e0d2;margin-right:7px;width:70px;line-height:0;} #features p .more{display:block;margin-top:4px;color:#5f95cc;text-decoration:none;} #features p .more:hover{text-decoration:underline;} */ /* === Homepage headlines === */ #headlines{margin: 0;padding-top:6px;list-style:none} #headlines li{width:179px;float:left;margin-right:6px;} #headlines h2{font-size:20px;margin:8px 15px 4px 0;line-height:24px;} #headlines h2 a{color:#0f4883;text-decoration:none;font-weight:normal;} .hsi #headlines h2 a{color:#024731} #headlines h2 a:hover{text-decoration:underline;} #headlines p{color:#63615a;margin:0 15px 0 0} #headlines p.image{margin-right:0;} #headlines .more{color:#548dc8;text-decoration:none;font-size:11px;font-weight:bold;text-transform:uppercase;margin-top:5px;display:block;} #headlines .more:hover{text-decoration:underline;} .hsi #headlines .more{color:#908033} /* === Homepage podcast button on wayne's blog added by dguinnessy 7/14/11 === */ a#podcastbutton1a { display: block; width: 163px; height: 54px; background-image: url(http://www.humanesociety.org/assets/images/buttons/waynes_podcast_include_button.jpg); background-position: 0 0; margin: 0 auto; } a#podcastbutton1a:hover { background-position: 0 -54px; } a .podcastbutton { display: none; } /* === Off-colored leads === */ .off-lead{left:-257px;padding:20px 28px 20px 285px;position:relative;width:500px;font-size:17px;line-height:24px;color:#FFF} .off-lead p{margin-bottom:0} /* === Video player === */ .video-player{background:url(http://www.humanesociety.org/assets/images/bg/video.gif) no-repeat;width:500px;margin:0 auto 20px;padding:1px;} .video-player #video{float:left;margin-bottom:0;padding-bottom:0;line-height:0;margin-right:17px;} .video-player h2{margin:25px 17px 10px 0;font-size:17px;line-height:21px;font-weight:normal} .video-player p{font-size:12px;line-height:17px;color:#6c6c6c;margin-right:17px;} .video-player .more{display:block;margin-top:10px;font-size:10px;text-transform:uppercase;font-weight:bold;} /* === Video Player v2 === */ #video{} #video #tools{margin:0 0 20px;} #videowrap{border:1px solid #deded9} #videoplayer{border:3px solid #FFF;background:#e0e0e0} #videoplayer .image{float:right;margin:0 0 -4px 12px;} #videoplayer img{margin:0;} #videoplayer h2{margin:20px 20px 15px} #videoplayer p{margin:0 20px;} #videoplayer .more{display:block;margin: 15px 20px 20px 0;text-transform:uppercase;color:#6e5c07;font-size:11px;font-weight:bold;} /* === Navigating/filtering within the list-type pages === */ #list-nav{height:85px;width:500px;padding:20px 28px 0 285px;position:relative;left:-257px;background:#FFF url(http://www.humanesociety.org/assets/images/bg/list-nav.gif) repeat-x bottom} #list-nav #rss{color:#0f4883;font-size:10px;padding-left:13px;min-height:9px;background:url(http://www.humanesociety.org/assets/images/icons/rss_small.gif) no-repeat center left;} #sortby{background:#e8f0f7;margin:0 28px;border-bottom:1px solid #c6d5e3;overflow:hidden;padding:0;} #sortby legend{font-size:12px;color:#225384;font-weight:bold;padding:10px 15px;} #sortby p{margin: 0 10px 10px;width:280px;text-align:right;font-size:12px;color:#225384} #sortby select{width:165px;margin-left:10px;} #sortby button{position:relative;left:195px;width:112px;height:20px;border:0;background:url(http://www.humanesociety.org/assets/images/buttons/sort.gif) no-repeat top;cursor:pointer;} #sortby button:hover{background-position:bottom} .search #sortby button{width:128px;background-image:url(http://www.humanesociety.org/assets/images/buttons/refine.gif);} #top-pagination{position:relative;} #top-pagination form{width:280px;float:left;} #top-pagination label{font-size:12px;color:#225384;text-transform:none;font-weight:bold;} #top-pagination input{border:1px solid #9eb6cd;font-size:11px;color:#444;padding:3px;width:125px} #top-pagination button{position:relative;top:1px;width:21px;height:20px;border:0;background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) no-repeat -69px -41px;cursor:pointer;} #top-pagination button:hover{background-position:-69px -61px;} #top-pagination p{margin-bottom:0} #top-pagination a{display:block;text-align:right;color:#7aa5d1;position:absolute;top:17px;right:17px;} #top-pagination a:hover{text-decoration:none} #top-pagination a span{color:#3571af} #top-pagination a:hover span{text-decoration:underline} #top-pagination a span.indic{color:#7aa5d1;width:25px;font-family:monospace} #top-pagination a:hover span.indic{text-decoration:none} /* === Featured Campaign === */ #featured-campaign{margin-top:10px;margin-bottom:40px;padding:20px 25px;background: #8c2041 url(http://www.humanesociety.org/assets/images/bg/feature_red.png) repeat-x bottom; } #featured-campaign h2{font-size:14px;font-weight:normal;color:#FFF;text-transform:uppercase;margin-bottom:12px;} #featured-campaign p{font-size:12px;line-height:17px;color:#FFF;margin-bottom:0} #featured-campaign .image{float:left;padding:0 15px 10px 0;display:inline;} #featured-campaign #related-issues{clear:both;border-top:1px solid #5b162a;padding:12px 0 0 90px;background:url(http://www.humanesociety.org/assets/images/bg/fox.gif) no-repeat 0 13px;text-indent:106px;line-height:16px;font-weight:bold;color:#dc7091;} #featured-campaign #related-issues a{color:#dc7091;text-decoration:none;} #featured-campaign #related-issues a:hover{text-decoration:underline;} #featured-campaign h3{font-size:20px;font-weight:normal;margin:0 0 5px;} #featured-campaign h3 a{color:#dc7091;text-decoration:none;} #featured-campaign h3 a:hover{text-decoration:underline;} /* === In the News -- defaults to Fur Campaign colors === */ #in-news{background:#eaeaea;padding:0 0 15px;margin-bottom:38px;margin-top:10px;} #in-news a{color:#8d3c56} #in-news h2{padding:26px 20px 20px 60px;background:#692037 url(http://www.humanesociety.org/assets/images/icons/alert.gif) no-repeat 24px 19px;font-size:15px;color:#e4e4e2;text-transform:uppercase;margin-bottom:25px;} #in-news h2 .campaign{float:left;color:#ed9bb4;font-size:22px;font-weight:normal;padding-right:8px;margin-right:8px;border-right:1px solid #91455d;text-transform:none;position:relative;top:-2px;} #in-news .image{width:180px;float:left;margin:0 15px 30px 25px;} #in-news .date{font-size:12px;color:#818181;margin-right:15px;} #in-news h3{font-size:17px;line-height:22px;font-weight:normal;margin:2px 15px 5px 0;} #in-news p{margin:0 15px 0 25px;} #in-news #act-now{position:relative;left:-5px;color:#BBB;clear:both;background:url(http://www.humanesociety.org/assets/images/head/act-now.gif) no-repeat 5px 10px;padding-top:23px;margin:5px 25px 10px;font-weight:bold;font-size:11px;text-transform:uppercase;} #in-news #act-now a{margin: 0 5px;} #in-news #related-issues{margin:0 0 0 25px;border-top:1px solid #d5cbce;padding:12px 25px 0 90px;background:url(http://www.humanesociety.org/assets/images/bg/fox2.gif) no-repeat 0 13px;text-indent:106px;line-height:16px;font-weight:bold;color:#8d3c56;} /* === In the News edited by Deborah Guinnessy 050610 added animal cruelty and fighting campaign === */ /* === In the News -- animal cruelty and fighting Campaign === */ #in-news-cruelfight {background:#eaeaea;padding:0 0 15px;margin-bottom:38px;margin-top:10px;} #in-news-cruelfight a{color:#7ab800} #in-news-cruelfight h2{padding:26px 20px 20px 60px;background:#7ab800 url(http://www.humanesociety.org/assets/images/icons/alertcruelfight.gif) no-repeat 24px 19px;font-size:15px;color:#e4e4e2;text-transform:uppercase;margin-bottom:25px;} #in-news-cruelfight h2 .campaign{float:left;color:#ffffff;font-size:22px;font-weight:normal;padding-right:8px;margin-right:8px;border-right:1px solid #53682b;text-transform:none;position:relative;top:-2px;} #in-news-cruelfight .image{width:180px;float:left;margin:0 15px 30px 25px;} #in-news-cruelfight .date{font-size:12px;color:#818181;margin-right:15px;} #in-news-cruelfight h3{font-size:17px;line-height:22px;font-weight:normal;margin:2px 15px 5px 0;} #in-news-cruelfight p{margin:0 15px 0 25px;} #in-news-cruelfight #act-now{position:relative;left:-5px;color:#BBB;clear:both;background:url(http://www.humanesociety.org/assets/images/head/act-now.gif) no-repeat 5px 10px;padding-top:23px;margin:5px 25px 10px;font-weight:bold;font-size:11px;text-transform:uppercase;} #in-news-cruelfight #act-now a{margin: 0 5px;} #in-news-cruelfight #related-issues{margin:0 0 0 25px;border-top:1px solid #d5cbce;padding:12px 25px 0 90px;background:url(http://www.humanesociety.org/assets/images/bg/related_issues_cruel_fight.png) no-repeat 0 13px;text-indent:106px;line-height:16px;font-weight:bold;color:#93b1cc;} /* === In the News edited by Deborah Guinnessy 110809 added farm campaigns === */ /* === In the News -- Farm Campaign === */ #in-news-farm {background:#eaeaea;padding:0 0 15px;margin-bottom:38px;margin-top:10px;} #in-news-farm a{color:#93b1cc} #in-news-farm h2{padding:26px 20px 20px 60px;background:#93b1cc url(http://www.humanesociety.org/assets/images/icons/alert_farm.png) no-repeat 24px 19px;font-size:15px;color:#e4e4e2;text-transform:uppercase;margin-bottom:25px;} #in-news-farm h2 .campaign{float:left;color:#263f6a;font-size:22px;font-weight:normal;padding-right:8px;margin-right:8px;border-right:1px solid #53682b;text-transform:none;position:relative;top:-2px;} #in-news-farm .image{width:180px;float:left;margin:0 15px 30px 25px;} #in-news-farm .date{font-size:12px;color:#818181;margin-right:15px;} #in-news-farm h3{font-size:17px;line-height:22px;font-weight:normal;margin:2px 15px 5px 0;} #in-news-farm p{margin:0 15px 0 25px;} #in-news-farm #act-now{position:relative;left:-5px;color:#BBB;clear:both;background:url(http://www.humanesociety.org/assets/images/head/act-now.gif) no-repeat 5px 10px;padding-top:23px;margin:5px 25px 10px;font-weight:bold;font-size:11px;text-transform:uppercase;} #in-news-farm #act-now a{margin: 0 5px;} #in-news-farm #related-issues{margin:0 0 0 25px;border-top:1px solid #d5cbce;padding:12px 25px 0 90px;background:url(http://www.humanesociety.org/assets/images/bg/related_issues_farm.png) no-repeat 0 13px;text-indent:106px;line-height:16px;font-weight:bold;color:#93b1cc;} /* === In the News edited by Deborah Guinnessy 030510 added seal campaign === */ /* === In the News -- Seal Campaign === */ #in-news-seal {background:#eaeaea;padding:0 0 15px;margin-bottom:38px;margin-top:10px;} #in-news-seal a{color:#d01e1a} #in-news-seal h2{padding:26px 20px 20px 60px;background:#d01e1a url(http://www.humanesociety.org/assets/images/icons/alert_farm.png) no-repeat 24px 19px;font-size:15px;color:#e4e4e2;text-transform:uppercase;margin-bottom:25px;} #in-news-seal h2 .campaign{float:left;color:#ffffff;font-size:22px;font-weight:normal;padding-right:8px;margin-right:8px;border-right:1px solid #53682b;text-transform:none;position:relative;top:-2px;} #in-news-seal .image{width:180px;float:left;margin:0 15px 30px 25px;} #in-news-seal .date{font-size:12px;color:#818181;margin-right:15px;} #in-news-seal h3{font-size:17px;line-height:22px;font-weight:normal;margin:2px 15px 5px 0;} #in-news-seal p{margin:0 15px 0 25px;} #in-news-seal #act-now{position:relative;left:-5px;color:#BBB;clear:both;background:url(http://www.humanesociety.org/assets/images/head/act-now.gif) no-repeat 5px 10px;padding-top:23px;margin:5px 25px 10px;font-weight:bold;font-size:11px;text-transform:uppercase;} #in-news-seal #act-now a{margin: 0 5px;} #in-news-seal #related-issues{margin:0 0 0 25px;border-top:1px solid #d5cbce;padding:12px 25px 0 90px;background:url(http://www.humanesociety.org/assets/images/bg/related_issues_seal.png) no-repeat 0 13px;text-indent:106px;line-height:16px;font-weight:bold;color:#93b1cc;} /* === Other Ways to give === */ #otherways{padding-top:2px;} #otherways .featured{margin-top:25px;} #otherways ul{margin:0;list-style:none inside none;} #otherways h3{margin-bottom:8px;} #otherways .more{color:#bd7a04;display:block;margin-top:3px;} #otherways .row{padding:20px 0 0;border-top:1px solid #d8d6cf;margin-top:20px;} #otherways .row li{width:220px;float:left;} .no-javascript #otherways li{padding:0 2px 10px;margin-bottom:15px;border-bottom:1px solid #d8d6cf} #otherways li.right{margin-left:25px;padding-left:25px;border-left:1px solid #e4e4e4;} #otherways .aside{float:left;width:150px;} #otherways .image{float:none;margin-bottom:5px;} #otherways .caption{text-align:center;font-size:9px;} #otherways .caption a{color:#BD7A04;} #otherways .caption a:hover{text-decoration:underline;} #otherways #memorials h3{height:24px;background:url(http://www.humanesociety.org/assets/images/section/donate/memorials.gif) no-repeat;} #otherways #carsstocks h3{height:30px;background:url(http://www.humanesociety.org/assets/images/section/donate/carsstocks.gif) no-repeat;position:relative;left:-2px;} #otherways #bequest h3{height:27px;background:url(http://www.humanesociety.org/assets/images/section/donate/create_your_legacy.jpg) no-repeat;} #otherways #matching h3{height:30px;background:url(http://www.humanesociety.org/assets/images/section/donate/matching.gif) no-repeat;position:relative;left:-8px;} #otherways #workplace h3{height:33px;background:url(http://www.humanesociety.org/assets/images/section/donate/workplace_giving.gif) no-repeat;position:relative;left:-8px;} /* === Lists === */ .item-list{margin:0;list-style:none outside none;} .item-list ul{margin:0;list-style:none outside none} .item-list li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8e7e3} .item-list li.image{padding-left:83px;position:relative;min-height:60px} .item-list p.image{position:absolute;top:0;left:0;padding:2px;border:1px solid #dedcd7;line-height:0;width:70px;overflow:hidden;} .item-list ul{margin-top:5px;font-size:11px} .item-list ul a{color:#6f9dcb} .item-list .more a, .item-list .pdf a{font-size:10px;text-transform:uppercase;font-weight:bold;} .item-list .pdf img{margin-right:5px;position:relative;top:5px !important;} .item-list .more a:hover, .item-list .pdf a:hover,.item-list .pdf a:hover span{text-decoration:none !important;} .item-list .more a:hover span, .item-list .pdf a:hover span.notpdficon{text-decoration:underline !important} .item-list li li{padding:0 11px 0 0;border:none;display:inline;} .item-list h2{font-size:17px;line-height:22px} .item-list h2 a {color: #0F4883;} .item-list h3{font-size:17px;line-height:22px;font-weight:normal;} .item-list p{margin-bottom:0;} .item-list .date{margin-bottom:3px;} .item-list .author{font-size:12px;line-height:17px;margin:0 0 5px;} .item-list .last{padding:0;margin:0;border:none;} .item-list .type{font-size:12px;color:#999;} .item-list .type span{font-weight:bold;text-transform:uppercase;} .item-list .image .type{margin-bottom:10px;} .item-list .related{margin-top:5px;font-size:11px;font-style:italic;color:#AAA;} .item-list .related a{margin-left:3px;font-style:normal;color:#6F9DCB;} /*Added by Claudia Davila 51412*/ .simplebulletedlist { list-style-position: outside; margin-left: 35px; margin-right: 25px; margin-top: 15px;} .simplebulletedlist li {margin-bottom:14px;} /* === Tools (Print/Email/Share/Add to Calendar) === */ #tools{margin-bottom:10px;} #tools li{display:inline;padding-right:8px;margin-right:5px;border-right:1px solid #e0e0e0} #tools li.last{padding:0;margin:0;border:none;} #tools li img{margin-right:5px;position:relative;top:1px} #tools li a{color:#0f4883;text-decoration:none;font-size:10px;} #tools li a:hover{text-decoration:none} #tools li a:hover span{text-decoration:underline;cursor:pointer;} .hsi #tools li a{color:#0b642c} /* === Links list === */ .links{list-style:none;margin:0 0 20px;font-size:12px;line-height:17px;} /* === Image pager -- image slider === */ #images, .image-scroller{float:left;width:188px;height:215px;margin:0 20px 25px 0;position:relative;} #article #images, #article .image-scroller{width:278px; height:270px;} #article #images_no_scroll {width:278px; padding-bottom:10px; float:left; margin: 0 20px 25px 0; position: relative;height:220px;} #images ul, .image-scroller ul{list-style-image:none;list-style-position:outside;margin:0} #images p.image, .image-scroller p.image, #images_no_scroll p.image{padding:3px;background:#FFF;border:1px solid #dcdcd7;line-height:0;margin:0; } #images p.image img, .image-scroller p.image img{height:154px;} #article #images p.image img, #article .image-scroller p.image img{height:224px;} #images p.caption, .image-scroller p.caption, #images_no_scroll p.caption{min-height:24px;padding:7px 5px;font-size:9px;line-height:12px;color:#99938f;margin:0} #images .multiple p.caption, .image-scroller .multiple p.caption{padding:7px 25px;width:138px;border-bottom:3px solid #e4e4e2;} #article #images .multiple p.caption, #article .image-scroller .multiple p.caption{width:228px;} #article #images .multiple p.image, #article .image-scroller .multiple p.image{min-height:220px;} #images .prev, #images .next, .image-scroller .prev, .image-scroller .next{position:absolute;top:0;display:block;width:16px;height:16px;overflow:hidden;background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) no-repeat top left;top:173px;z-index:21} #images .prev, .image-scroller .prev{background-position:0 -41px;left:0;} #images .prev:hover, .image-scroller .prev:hover{background-position:0 -57px;} #images .next, .image-scroller .next{background-position:-16px -41px;right:0;} #images .next:hover, .image-scroller .next:hover{background-position:-16px -57px;} #article #images .prev, #article #images .next, #article .image-scroller .prev, #article .image-scroller .next{top:243px} .no-javascript #images, .no-javascript .image-scroller{border-bottom:3px solid #e4e4e2} .no-javascript #images p.caption, .no-javascript .image-scroller p.caption{border:none!important;padding:10px!important} /* === Pagination === */ .pagination{padding:10px 5px !important;border:1px solid #e8e7e3;border-width:1px 0;text-transform:uppercase;font-size:11px;line-height:11px;} .pagination ul{list-style:none outside none;margin:0} .pagination li{float:left;padding-right:8px;margin-right:8px;border-right:1px solid #c6d8e8} .pagination li.last{margin:0;padding:0;border:none;} .pagination .current a{color:#716965;} .pagination .current a:hover{cursor:default;text-decoration:none} .pagination .all{float:right;} #top-pagination{border:0;width:470px;padding:10px 15px !important;margin:25px auto 0;background:#ccdbe9 url(http://www.humanesociety.org/assets/images/bg/top-pagination.gif) no-repeat top;} #top-pagination li{border-right-color:#8dacc7;} #bottom-pagination{border:0;width:480px;padding:10px !important;background:#c5d8ea url(http://www.humanesociety.org/assets/images/bg/bottom-pagination.gif) no-repeat bottom;} #bottom-pagination li{border-right-color:#8dacc7;} /* === Popup bubbles === */ .popup{position:absolute;width:259px;padding:0 5px 25px;z-index:1000; visibility:hidden} .popup .header{background: url(http://www.humanesociety.org/assets/images/bg/bubble_top.png) no-repeat top left;padding:33px 35px 15px 30px;margin:0;} .popup .date span{display:none} .popup h3{margin-bottom:0 !important;} .popup .content{background: url(http://www.humanesociety.org/assets/images/bg/bubble_bottom.png) no-repeat bottom left;padding:0 35px 48px 30px;margin:0;} .popup .more, .popup .action{display:block;margin-top:7px !important;font-size:11px;text-transform:uppercase;color:#6f9dcb;text-decoration:none;font-weight:bold;} .popup .more:hover, .popup .action:hover{text-decoration:underline;} /* =============== Types of modules under the main menu (left-hand side) =============== */ /* === Explore our Campaigns === */ #campaigns{position:relative;width:153px;margin:20px auto 0;padding-bottom:20px} #campaigns p{width:123px;padding:0 15px;font-size:10px;line-height:13px;color:#999;margin-top:5px;} #campaigns li p{margin-bottom:0;} #campaigns li a{display:block;margin:0 16px;text-align:center;width:121px;} #campaigns img{margin:0 auto;} #campaigns h2{height:21px;background:url(http://www.humanesociety.org/assets/images/bg/campaigns.gif) no-repeat bottom left;margin-bottom:-20px;} #side #campaigns{margin:7px 5px;} #home #campaigns li p a{display:inline;color:#72223B;margin:0} #campaigns li{padding:40px 0 20px;} #campaigns ul{background:url(http://www.humanesociety.org/assets/images/bg/campaigns_bottom.gif) no-repeat bottom left;list-style:none;margin:0 0 20px;} .no-javascript #campaigns li{padding-top:0;} .no-javascript #campaigns ul{padding-top:40px;} #prev, #next{position:absolute;top:80px;width:16px;height:16px;overflow:hidden;background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) no-repeat top left;top:50px;z-index:10;} #prev{background-position:0 -41px;left:0;} #prev:hover{background-position:0 -57px;} #next{background-position:-16px -41px;top:50px;right:0;} #next:hover{background-position:-16px -57px;} /* === Find an animal === */ #findanimal{width:145px;height:130px;margin:0 auto;background:url(http://www.humanesociety.org/assets/images/bg/sidebar/findanimal.gif) no-repeat top;position:relative;} #findanimal p{padding:35px 50px 20px 0;font-size:12px;line-height:16px;color:#777;} #findanimal input{position:absolute;width:100px;left:0;bottom:17px;padding:2px;border:1px solid #d6d5d1;font-size:11px;color:#666} #findanimal button{cursor:pointer;position:absolute;left:113px;bottom:19px;width:16px;height:17px;border:0;background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) -32px -40px;} #findanimal button:hover{background-position:-32px -56px;} /* === Charity Certification === */ #charity{width:153px;height:140px;background:url(http://www.humanesociety.org/assets/images/bg/charity.gif) no-repeat;margin:30px auto 0;} /* =============== Types of modules on the right-hand sidebar =============== */ /* === Did you know? === */ /* CMK07112016: Hiding all DYKs */ .dyk {display: none; visibility:hidden;} /* .dyk{position:absolute;right:-159px;top:-47px;z-index:100;width:130px;height:35px;overflow:hidden;} .dyk h2{display:block;height:45px;background:url(http://www.humanesociety.org/assets/images/bg/dyk-top.png) no-repeat top right;margin:0} .dyk div{background:url(http://www.humanesociety.org/assets/images/bg/dyk-bottom.png) no-repeat bottom;padding:10px 25px 25px;} .dyk h3{font-size:17px;line-height:22px;color:#0F4883;font-weight:normal;} .dyk p{margin:8px 0 0;font-size:12px;line-height:17px;color:#555} .dyk:hover{overflow:visible;width:311px;height:45px;} .dyk:hover h2{background-position:bottom;width:auto;} */ /* === Action menu (Donate/Sign Up/Take Action/Shop) === */ #action{background:#f1b023;list-style:none outside none;margin:0 0 7px;} /* Donate link and expanded state */ #donate{border-bottom:1px solid #f5c865;} #donate a{display:block;height:47px;background:url(http://www.humanesociety.org/assets/images/buttons/rightmenu.gif) no-repeat 0 0;} #donate a:hover{ background-position: 0 -47px; } #donate.expanded{position:relative;} #donate.expanded a{height:41px;} /* donate.expanded_landing added by Chris Keane 11/08/2009 */ #donate.expanded_landing{background:#bd7a04} #donate.expanded_landing a {background:url(http://www.humanesociety.org/assets/images/buttons/donation-expanded-landing.png) no-repeat;padding-left:8px;position:relative;left:-8px;} #donate.expanded_landing ul{list-style:none;margin:0;padding:0 14px 7px;} #donate.expanded_landing ul a{height:auto;overflow:visible;text-indent:0;background:none;padding:0;position:static;margin-bottom:7px;color:#FFF;font-size:12px;line-height:17px} #donate.expanded_landing ul a.raquo{color:#febd2f} #donate.expanded_landing ul a.raquo span{color:#FFF} #donate.expanded_landing ul a.raquo:hover{text-decoration:none} #donate.expanded_landing ul a.raquo:hover span{text-decoration:underline;color:#FEBD2F} #donate form{background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) no-repeat 0px -145px;height:51px;padding-bottom:20px;position:relative} #donate p{color:#794302;margin:0 16px 15px;font-size:12px;line-height:15px;} #donate label{display:block;width:70px;height:20px;position:absolute;left:0;color:#794302;font:11px Arial, Helvetica, sans-serif;text-align:right;} #donate label.s25{top:-4px;} #donate label.s50{top:16px;} #donate label.s100{top:36px;} #donate label input{margin:0 0 0 5px;position:relative;top:3px;} #donate button{width:79px;height:57px;border:0;position:absolute;top:-2px;left:85px;cursor:pointer;background:none;} #donate button:hover{background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) no-repeat -164px -102px;} /* Sign Up link and expanded state */ #signup{border-bottom:1px solid #f5c865;} #signup a{display:block;height:47px;background:url(http://www.humanesociety.org/assets/images/buttons/rightmenu.gif) no-repeat -164px 0;} #signup a:hover{background-position:-164px -47px} #signup.expanded{position:relative;} #signup.expanded a{height:38px;} #signup.expanded p{font-size:12px;color:#794302;line-height:15px;padding:0 17px;margin:0} #signup.expanded form{margin-bottom:15px;padding:0 17px} #signup.expanded form p{padding:0} #signup input{width:92px;background:#f8d791;border:0;padding:3px 5px;margin-top:7px;color:#ac7e3b;font-size:10px;} #signup button{width:20px;height:20px;position:absolute;right:16px;bottom:15px;border:0;background:url(http://www.humanesociety.org/assets/images/buttons/sprite.png) no-repeat -48px -41px;cursor:pointer;} #signup button:hover{background-position:-48px -61px;} /* Take Action link and expanded state */ #takeaction{border-bottom:1px solid #f5c865;} #takeaction a{display:block;height:47px;background:url(http://www.humanesociety.org/assets/images/buttons/rightmenu.gif) no-repeat -328px 0;} #takeaction a:hover{background-position:-328px -47px} #takeaction.expanded{background:#bd7a04} #takeaction.expanded a{background:url(http://www.humanesociety.org/assets/images/buttons/takeaction-expanded.gif) no-repeat;padding-left:8px;position:relative;left:-8px;} #takeaction.expanded ul{list-style:none;margin:0;padding:0 14px 7px;} #takeaction.expanded ul a{height:auto;overflow:visible;text-indent:0;background:none;padding:0;position:static;margin-bottom:7px;color:#FFF;font-size:12px;line-height:17px} #takeaction.expanded ul a.raquo{color:#febd2f} #takeaction.expanded ul a.raquo span{color:#FFF} #takeaction.expanded ul a.raquo:hover{text-decoration:none} #takeaction.expanded ul a.raquo:hover span{text-decoration:underline;color:#FEBD2F} /* Shop Link */ #shop{} #shop a{display:block;height:47px;background:url(http://www.humanesociety.org/assets/images/buttons/rightmenu.gif) no-repeat -492px 0;} #shop a:hover{background-position:-492px -47px} /* ==== Shop expanded and Donate Nav added by Deborah Guinnessy 100809 ==== */ /* Shop expanded state */ /*#takeaction{border-bottom:1px solid #f5c865;} #takeaction a{display:block;height:47px;background:url(http://www.humanesociety.org/assets/images/buttons/rightmenu.gif) no-repeat -328px 0;} #takeaction a:hover{background-position:-328px -47px}*/ #shop.expanded{background:#bd7a04} #shop.expanded a{background:url(http://www.humanesociety.org/assets/images/buttons/shop-expanded.png) no-repeat;padding-left:8px;position:relative;left:-8px;} #shop.expanded ul{list-style:none;margin:0;padding:0 14px 7px;} #shop.expanded ul a{height:auto;overflow:visible;text-indent:0;background:none;padding:0;position:static;margin-bottom:7px;color:#FFF;font-size:12px;line-height:17px} #shop.expanded ul a.raquo{color:#febd2f} #shop.expanded ul a.raquo span{color:#FFF} #shop.expanded ul a.raquo:hover{text-decoration:none} #shop.expanded ul a.raquo:hover span{text-decoration:underline;color:#FEBD2F} /* === Resources with logo updated by Claudia Davila 082712 === */ #resources{background:#70b3e4 url(http://www.humanesociety.org/assets/images/bg/gradient/bluenav.gif) repeat-x bottom;margin-bottom:7px;font-size:12px;} #resources h2{width:173px;height:75px;background:url(http://www.humanesociety.org/assets/images/bg/resources.gif) no-repeat bottom left;position:relative;left:-9px;} #resources ul{list-style-image:none;margin:0;padding:0 16px 20px} #resources li{margin-top:10px;} #resources li span{color:#194570;} #resources a, #resources a:hover span{line-height:14px;color:#194570} /* === Resources - TAFA Event Landing Page added by Deborah Guinnessy 021810 === */ #resourcestafa{background:#7aa5d1 url(http://www.humanesociety.org/assets/images/bg/res.gif) repeat-x bottom;margin-bottom:7px;font-size:12px;} #resourcestafa h2{width:173px;height:75px;background:url(http://www.humanesociety.org/assets/images/bg/resourcestafa.png) no-repeat bottom left;position:relative;left:-9px;} #resourcestafa ul{list-style-image:none;margin:0;padding:0 16px 20px} #resourcestafa li{margin-top:10px;} #resourcestafa li span{color:#FFF;} #resourcestafa a, #resourcestafa a:hover span{line-height:14px;color:#133e6b} /* === Resources - Event Landing Page Generic added by Deborah Guinnessy 030810 === */ #resourcesgeneric{background:#7aa5d1 url(http://www.humanesociety.org/assets/images/bg/res.gif) repeat-x bottom;margin-bottom:7px;font-size:12px;} #resourcesgeneric h2{width:173px;height:75px;background:url(http://www.humanesociety.org/assets/images/bg/generic_event.png) no-repeat bottom left;position:relative;left:-9px;} #resourcesgeneric ul{list-style-image:none;margin:0;padding:0 16px 20px} #resourcesgeneric li{margin-top:10px;} #resourcesgeneric li span{color:#FFF;} #resourcesgeneric a, #resourcesgeneric a:hover span{line-height:14px;color:#133e6b} /* === Magazine/Reports Promo - added by Claudia Davila 060911 === */ #magazine-promo{width:164px; padding:10px 0 8px 10px; margin-bottom:7px; background:#e5e2dd;} #magazine-promo h2{padding:5px 10px 3px 15px; position:relative;left:-15px; width:150px; font-size:15px; line-height:17px; color:#666; margin-bottom:10px;} #magazine-promo h2 strong{font-weight:bold;} #magazine-promo .more{display:block; margin:5px 20px 0 0; font-size:13px; font-weight:bold;} #magazine-promo .raquo{display:block; margin:0 20px 0 0; font-size:13px; font-weight:bold;} #magazine-promo img {margin:0 20px 10px 0;} #magazine-promo a{font-size:13px; text-align:right; color:#787570;} #magazine-promo a:hover{color:#0d396e; text-decoration:none;} #magazine-promo a.raquo:hover span{color:#0d396e;} #magazine-promo p {margin:0 0 7px 0; line-height:16px;} #magazine-promo h2 .allanimalsinclude {font-size:14px;} #magazine-promo .allanimalsinclude a{font-size:11px; text-align:left; text-transform:uppercase; color:#0d396e; margin: 0 0 0 10px; line-height:20px;} #magazine-promo .allanimalsinclude a:hover{color:#0d396e;} #magazine-promo .allanimalsinclude a.raquo:hover span{color:#0d396e;} /* === Wayne's blog === */ #wayne{background:#608540;margin-bottom:7px;background:url(http://www.humanesociety.org/assets/images/bg/waynes_blog_header.jpg) no-repeat top;padding-top:50px} #wayne p.date{padding:22px 18px 0;font-size:11px;color:#b8de99;} #wayne p.excerpt{padding:10px 8px 0 18px;color:#FFF;font-size:16px;line-height:21px;margin:0} #wayne h3{padding:10px 18px 0;font-size:19px;line-height:23px;font-weight:normal;color:#FFF;} #wayne h3 a{color:#ffffff;text-decoration:none;} #wayne h3 a:hover{text-decoration: underline;} #wayne a.more{display:block;color:#c5eaa7;font-size:12px;padding:10px 18px 22px;text-decoration:none;} #wayne a.more:hover{text-decoration:underline;} /* === Wayne's blog for News Page http://www.humanesociety.org/news/=== */ #wayneNews{background:#fff;margin-bottom:7px;background:url(http://www.humanesociety.org/assets/images/bg/waynes_blog_header_news_page.jpg) no-repeat top;padding-top:80px; border:#517035; border-style:solid; border-width:thin;} #wayneNews p.date{padding:22px 18px 0;font-size:10px;color:#aaa;} #wayneNews p.excerpt{padding:10px 8px 0 18px;color:#FFF;font-size:10px;line-height:12px;margin:0} #wayneNews h3{padding:10px 18px 0;font-size:12px;line-height:15px;font-weight:bold;color:#517035;} #wayneNews ul{list-style:none;margin:-20px 0 20px;} #wayneNews li{list-style:none;margin-bottom:0} #wayneNews h3 a{color:#517035;text-decoration:none;} #wayneNews h3 a:hover{text-decoration: underline;} #wayneNews a.more{display:block;color:#517035;font-size:10px;padding:5px 18px 22px;text-decoration:none;} #wayneNews a.more:hover{text-decoration:underline;} /* === News === */ #news{color:#FFF;background:#608540;margin-bottom:7px;padding:20px 0 20px 15px;} #news a{color:#b8de99;text-decoration:none;} #news a:hover{text-decoration:underline;} #news h2{color:#FFF;font-size:14px;font-weight:bold;text-transform:uppercase;border-bottom:1px solid #a0b68c;margin-bottom:12px;padding-bottom:2px;} #news h3{font-size:17px;line-height:22px;font-weight:normal;margin:5px 0;margin-right:25px;} #news p{font-size:12px;line-height:16px;margin:0 15px 0 0;} #news p.date{font-size:11px;color:#B8DE99} #news .more{font-weight:bold;display:block;margin-top:5px;} /* === In Your State === */ div#state{background:#6C6C6C url(http://www.humanesociety.org/assets/images/bg/instate.png);padding:50px 15px 25px;font-size:12px;line-height:16px;color:#FFF;margin-bottom:7px} div#state .more{font-weight:bold;display:block;margin-top:5px;color:#f1b023;text-transform:uppercase;text-decoration:none;} div#state .more:hover{text-decoration:underline;} div#state p{margin-bottom:0} /* === Our Community === */ #community{background:url(http://www.humanesociety.org/assets/images/bg/community.jpg) no-repeat top left;padding-top:112px;margin-bottom:7px} #community a{height:49px;display:block;} #community a:hover{background:url(http://www.humanesociety.org/assets/images/bg/community.jpg) no-repeat 0 -161px;} /* === Around the World === */ #aroundworld{background:#006983 url(http://www.humanesociety.org/assets/images/bg/sidebar/around-world.gif) no-repeat top;padding:75px 17px 5px} #aroundworld p{font-size:16px;line-height:20px;color:#FFF;} #aroundworld select{width:130px;} /* === Stop Puppy Mills === */ #mills{height:288px;background:url(http://www.humanesociety.org/assets/images/bg/mills.jpg) top;position:relative;margin-bottom:7px} #mills a{display:block;width:164px;height:58px;background:none;position:absolute;bottom:0;left:0;} #mills a:hover{background:url(http://www.humanesociety.org/assets/images/bg/mills.jpg) bottom;} #mills p{padding:56px 16px 0;color:#FFF;font-size:14px;line-height:17px;} /* === Demand Truth in Fur Labeling === */ #furlabeling{height:270px;background:url(http://www.humanesociety.org/assets/images/bg/fur_labeling.jpg) top;position:relative;margin-bottom:7px} #furlabeling a{display:block;width:164px;height:76px;background:none;position:absolute;bottom:0;left:0;} #furlabeling a:hover{background:url(http://www.humanesociety.org/assets/images/bg/fur_labeling.jpg) bottom;} #furlabeling p{padding:56px 16px 0;color:#FFF;font-size:14px;line-height:17px;} /* === Shop Humane Somain === */ #shop-humane{background:#c2ced7;} #shop-humane h2{height:74px;background:url(http://www.humanesociety.org/assets/images/bg/sidebar/shop.jpg);} #shop-humane p{padding:0 7px 7px;line-height:0;} /* === Have a Heart Button === */ #haveheart{height:259px;background:url(http://www.humanesociety.org/assets/images/bg/heartbutton.jpg) top;position:relative;margin-bottom:7px} #haveheart a{display:block;width:164px;height:40px;background:none;position:absolute;bottom:0;left:0;} #haveheart a:hover{background:url(http://www.humanesociety.org/assets/images/bg/heartbutton.jpg) bottom;} #haveheart p{padding:56px 16px 0;color:#FFF;font-size:14px;line-height:17px;} /* === Fur Labeling === */ #fur-labeling{height:246px;background:#ff9f00 url(http://www.humanesociety.org/assets/images/bg/sidebar/fur.jpg);position:relative;margin:-8px 0 7px;} #fur-labeling a{position:absolute;bottom:0;left:0;display:block;width:246px;height:60px;} #fur-labeling a:hover{background:url(http://www.humanesociety.org/assets/images/bg/sidebar/fur.jpg) 0 -246px;} #fur-labeling p{color:#FFF;padding:15px 20px;font-size:13px;line-height:16px;} /* === Take Action === */ .takeaction-promo{position:relative;margin-bottom:7px} .takeaction-promo a{display:block;width:164px;background:none;position:absolute;bottom:0;left:0;} .takeaction-promo p{padding:56px 16px 0;color:#FFF;font-size:14px;line-height:17px;} #shark-finning .takeaction-promo{height:241px;background:url(http://www.humanesociety.org/assets/images/bg/sidebar/take-action-shark.jpg) top} #shark-finning .takeaction-promo a{height:67px;} #shark-finning .takeaction-promo a:hover{background:url(http://www.humanesociety.org/assets/images/bg/sidebar/take-action-shark.jpg) bottom;} #alert-finning.takeaction-promo{height:244px;background:url(http://www.humanesociety.org/assets/images/bg/sidebar/take-action-shark2.jpg) top;} #alert-finning.takeaction-promo a{height:77px;} #alert-finning.takeaction-promo a:hover{background:url(http://www.humanesociety.org/assets/images/bg/sidebar/take-action-shark2.jpg) bottom;} #alert-dogmeat.takeaction-promo{height:245px;background:url(http://www.humanesociety.org/assets/images/bg/sidebar/take-action-dogmeat.jpg) top;} #alert-dogmeat.takeaction-promo a{height:77px;} #alert-dogmeat.takeaction-promo a:hover{background:url(http://www.humanesociety.org/assets/images/bg/sidebar/take-action-dogmeat.jpg) 0 -245px;} /* === Simple promo === */ .simplepromo{padding:20px 0 20px 20px;margin-bottom:7px;} .simplepromo h2{height:20px;font-size:14px;line-height:17px;text-transform:uppercase;color:#666;border-bottom:1px solid #b5b5b5;margin-bottom:5px;} .simplepromo ul{margin:0 20px 0 0;font-size:12px;line-height:14px;list-style:none} .simplepromo li{margin-top:10px} .simplepromo .more{display:block;margin:20px 20px 0 0;font-size:10px;font-weight:bold;text-transform:uppercase;} #resources-promo{background:#e2e1dc} #resources-promo a{color:#005173} #relatedissues-promo{background:#f1ecd6} #relatedissues-promo a{color:#575443} .animal-detail #relatedissues-promo{background:#c5d8ea;} .animal-detail #relatedissues-promo h2{border-bottom-color:#9fbdda} .animal-detail #relatedissues-promo h2,.animal-detail #relatedissues-promo a{color:#235c98;} /* === Resources promo (with arrow) === */ .resources-promo{margin-bottom:7px;padding-bottom:20px;} .resources-promo h2{font-size:14px;padding:20px 10px 3px 23px;background-position:bottom left;background-repeat:no-repeat;position:relative;left:-9px;width:140px;} .resources-promo h2 strong{text-transform:uppercase;font-weight:bold;} .resources-promo ul{border-top:1px solid #FFF;margin:0 0 0 12px;padding-left:2px;list-style:none outside none;padding-right:12px;} .resources-promo li{margin-top:8px;} .resources-promo a{font-size:12px;line-height:14px;} /* === Resources NO LOGO Added by Claudia Davila 82312*/ #bluenav {background: url("http://www.humanesociety.org/assets/images/bg/gradient/bluenav.gif") repeat-x scroll center bottom #70b3e4;} #bluenav ul {border-top-color:#488AB5;} #bluenav a {color:#194570; font-size:12px; line-height:14px;} #bluenav .raquo:hover span {color:#194570} #bluenav h2 {background-image: url("http://www.humanesociety.org/assets/images/bg/gradient/bluenavarrow.gif"); color:#ffffff;} #bluenav .raquo {color:#194570} #bluenav .raquo span {color:#194570;} .animal-detail .resources-promo{background:#70b3e4 url(http://www.humanesociety.org/assets/images/bg/gradient/bluenav.gif) repeat-x bottom;} .animal-detail .resources-promo h2{background-image:url(http://www.humanesociety.org/assets/images/bg/gradient/bluenavarrow.gif);color:#ffffff;} .animal-detail .resources-promo ul{border-top-color:#488ab5;} .animal-detail .resources-promo .raquo span{color:#194570;} .animal-detail .resources-promo a,.animal-detail .resources-promo .raquo:hover span{color:#194570;} #give .resources-promo{background:#BD7A04 url(http://www.humanesociety.org/assets/images/section/donate/expanded.gif) no-repeat 13px 15px;} #give .resources-promo h2{background-image:url(http://www.humanesociety.org/assets/images/bg/gradient/yellow-arrow.gif);color:#003b73;padding:0;height:32px;} #give .resources-promo ul{border-top:none;} #give .resources-promo .raquo span{color:#FFF;} #give .resources-promo a,#give .resources-promo .raquo:hover span{color:#f1b023;} /* === Media Contact List === */ #media-contact{display:block;height:69px;background:url(http://www.humanesociety.org/assets/images/bg/media-contact.gif) top left;margin-bottom:7px;} #media-contact:hover{background-position:bottom left;} /* === Related Content === */ #related-content{background:#c5d8ea;padding:19px 0 19px 19px; margin-bottom:7px;} #related-content .module{padding:10px 0 15px 0;margin-right:19px;border-top:1px solid #9abada;} #related-content .first{padding-right:19px;margin-right:0;} #related-content h2{height:32px;background:url(http://www.humanesociety.org/assets/images/head/related-content.gif) no-repeat top left;} #related-content .type{font-size:11px;font-weight:bold;color:#666;text-transform:uppercase;margin-bottom:1px;} #related-content .date{font-size:10px;color:#666;margin-bottom:10px;font-weight:normal;} #related-content h3 a{font-size:12px;line-height:17px;color:#235c98;font-weight:normal;} #related-content h3 a:hover{text-decoration:none;} #related-content h3 a:hover span{text-decoration:underline;} #related-content .more{color:#3571af;font-size:10px;margin-right:19px;text-transform:uppercase;font-weight:bold;} #related-content .more:hover{text-decoration:none} #related-content .more:hover span{text-decoration:underline} #related-content .more-link{line-height:12px;margin-bottom:0;} /* =============== Page-specific overrides =============== */ /* === Take Action === */ #take-action #feature h2{font-weight:bold} #take-action #feature h2 a{color:#4b453c} #take-action #feature h2 a:hover{text-decoration:none} #take-action #feature .more{display:block;font-size:14px;font-weight:bold;margin-top:5px;color:#bd7a04;text-transform:none;} /* === Gallery (replaces pdfs) === added CMD 5.1.15 */ .gallery {display:table; width:100%;} .gallery ul {display:table-row;} .gallery li {display:table-cell;} .gallery p {margin-bottom:0} .gallery img {vertical-align:middle; background:none repeat scroll 0 0 #fff; border:1px solid #dcdcd7; padding:3px} .gallery p.caption {width:228px; color:#99938f; font-size:9px; line-height:12px; margin:0 0 12px 4px; min-height:24px; padding:7px 0px;} /* === Asks === added CMD 5.7.15 */ .ask {padding-bottom:15px;} .ask.left {float:left;margin-right:20px} .ask.right {float:right;margin-left:20px} .ask.center {display:block; margin-right:auto;margin-left:auto} /* === Search Results === */ .search #cols{background:none;} .search #main{background:none;} .search .item-list h2{font-size:14px;font-weight:bold;} .search .item-list li a:hover{text-decoration:underline !important;} .search .meta{color:#999;font-size:12px;} .search .meta .type{font-weight:bold;text-transform:uppercase;} .search .terms{font-size:16px;font-style:italic;color:#707070;} /* === Animals Main === */ .animals #cols{background:none;} .animals #main{background:none;width:720px;padding:0;margin-left:257px;} .animals #split{background:url(http://www.humanesociety.org/assets/images/animals/split.gif);margin:6px 0;} .animals .more{margin-top:10px;display:block;font-size:11px;font-weight:bold;text-transform:uppercase;color:#235684 ;} .animals h2{height:57px;position:relative;} .animals #pets h2{background:url(http://www.humanesociety.org/assets/images/animals/pets.jpg) no-repeat top;} .animals #pets h2 a{position:absolute;top:15px;left:18px;width:135px;height:35px;} .animals #pets h2 a:hover{background:url(http://www.humanesociety.org/assets/images/animals/pets.jpg) no-repeat -18px -72px} .animals #wild h2{background:url(http://www.humanesociety.org/assets/images/animals/wild.jpg) no-repeat top;} .animals #wild h2 a{position:absolute;top:15px;left:18px;width:250px;height:35px;} .animals #wild h2 a:hover{background:url(http://www.humanesociety.org/assets/images/animals/wild.jpg) no-repeat -18px -72px} .animals #pets{width:357px;float:left;background:url(http://www.humanesociety.org/assets/images/animals/pets.gif) repeat-x top;} .animals #wild{width:357px;float:right;background:url(http://www.humanesociety.org/assets/images/animals/wild.gif) repeat-x top;} .animals h2 a{display:block;background-position:top left;} .animals h2 a:hover{background-position:bottom right;} .animals .headline{padding: 20px 130px 20px 20px;} .animals .headline p{font-size:14px;line-height:18px;color:#FFF;margin-bottom:10px;} .animals .headline form p{margin:0;} .animals .headline label{font-size:12px;font-weight:bold;} .animals .headline select{display:block;width:180px;} .animals #pets .headline{background:url(http://www.humanesociety.org/assets/images/animals/kid.png) no-repeat bottom right;} .animals #pets .headline label{color:#0d3053;} .animals #wild .headline{background:url(http://www.humanesociety.org/assets/images/animals/squirrel.png) no-repeat bottom right;} .animals #wild .headline label{color:#284e36;} .animals .content{margin: 0 10px;} .animals #pets .content{background:#e7f4ff;} .animals #wild .content{background:#e6f5ce;} .animals .featured{padding:25px 20px 0;} .animals #pets .featured{padding:25px 125px 10px 20px;background:url(http://www.humanesociety.org/assets/images/animals/parrot.gif) no-repeat bottom right;} .animals .featured h3{color:#235684;font-size:18px;font-weight:bold;line-height:22px;margin-bottom:10px;} .animals .featured p{font-size:12px;color:#666;line-height:16px;} .animals ul{list-style:none inside none;margin:0;} .animals .module{padding:15px 20px;} .animals .image{line-height:0 !important;float:left;padding:3px;background:#FFF;border:1px solid #e2e2e2;margin:0 12px 12px 0;} .animals .module h3{font-size:13px;text-transform:uppercase;font-weight:bold;color:#6e6e6e;line-height:13px;padding-bottom:6px;border-bottom:1px solid #cfd9e2;margin-bottom:12px;} .animals #wild .module h3{border-bottom-color:#d0dabe;} .animals #pets .resources{padding-left:130px;background:url(http://www.humanesociety.org/assets/images/animals/ferret.png) no-repeat 12px 40px;} .animals #pets .resources h3{margin-left:-110px;} .animals .resources li{margin-bottom:10px;font-size:14px;line-height:18px;} .animals .resources a{color:#548dc8;} .animals .multimedia h4{font-size:17px;line-height:22px;font-weight:normal;margin-bottom:5px;} .animals .multimedia h4 a{color:#235684} .animals .multimedia p{font-size:12px;line-height:16px;color:#666;} .animals .news .date{font-size:12px;line-height:16px;color:#7e7e7e;margin:3px 0 4px;font-weight:normal;} .animals .news h4{font-size:17px;line-height:22px;margin-bottom:10px;font-weight:normal;} .animals .news h4 a{color:#235684} .animals .news p{color:#666;font-size:12px;line-height:16px;} .animals #wild a{color:#284e36;} .animals #wild .resources{background:url(http://www.humanesociety.org/assets/images/animals/bunnies.gif) no-repeat bottom right;padding-bottom:75px;} .animals #callout-takeaction{position:relative;left:-27px;width:485px;} /* === Event Details === */ #event_detail h1,#event_detail #meta{width:400px} #event_detail p{font-size:12px;line-height:17px;color:#63615a;margin-bottom:25px;} #event_detail p.image{float:left;padding:3px;border:1px solid #dcdcd7;margin:0 20px 15px 0;line-height:0} #event_detail #meta{margin:5px 0 40px;font-size:16px;color:#63615a;} #event_detail #meta .date{font-weight:bold} #event_detail #meta .location{display:block;font-size:14px;font-style:italic;margin-top:2px;} #event_detail #register{background:#ebf2f8 url(http://www.humanesociety.org/assets/images/bg/rsvp.gif) repeat-x bottom;border:1px solid #dce8f2;border-width:0 1px;width:183px;padding:17px;position:absolute;top:65px;right:0} #event_detail #register h2{color:#0f4883;font-size:17px;margin-bottom:10px;font-weight:normal} #event_detail #register p{font-weight:bold;margin-bottom:0;} #event_detail #register p .deadline{font-weight:normal;display:block} #event_detail #register .register{margin-top:10px;} #event_detail #register .register img{margin-right:5px} #event_detail #register .register a{font-size:10px;font-weight:bold;color:#5f95cc;text-transform:uppercase;text-decoration:none;} #event_detail #register .register a:hover span{text-decoration:underline} #event_details #location{float:left;width:315px;} #event_details #location .location{font-weight:bold;} #event_details #media{float:right;width:315px;} #event_details #media .contact{font-weight:bold;} #event_details span{display:block;} #event_details h2{font-size:14px;text-transform:uppercase;color:#716965;font-weight:bold;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #e2e2e2} #event_details h2 span{font-weight:normal;display:inline} #event_details p{margin-bottom:5px;} /* === HSI Sub === */ .hsi-sub #feature p{font-size:16px;line-height:22px;} .hsi-sub #feature p.caption{font-size:9px;line-height:12px;} .hsi-sub .item-list{margin-top:10px} .hsi-sub .item-list li{margin-bottom:10px;padding-bottom:10px;} .hsi-sub .item-list li.image{padding-top:15px;min-height:55px;} .hsi-sub .item-list .more{color:#908033} .hsi-sub .simple h2{margin-bottom:0} /* === Alerts === */ .alert #wrapper{background-image:url(http://www.humanesociety.org/assets/images/alert/bg.png)} .alert #page{width:800px} .alert .logo{display:block;width:207px;height:175px;position:absolute;top:0;left:14px;} .alert #head{position:relative} .alert #foot{position:relative;background-image:url(http://www.humanesociety.org/assets/images/alert/footer.gif);padding:100px 65px 35px;margin-top:40px;} .alert #tools{margin: 0 0 35px} .alert #summary,.alert form{margin:0 65px} .alert #summary{background:url(http://www.humanesociety.org/assets/images/alert/rule.gif) no-repeat bottom;padding-bottom:20px;margin-bottom:15px;} .alert #summary h1{min-height:34px;padding-left:70px;font-size:42px;line-height:52px;color:#96172e;font-weight:normal;background-position:left;background-repeat:no-repeat;margin-bottom:25px;} .alert #summary .image{float:left;line-height:0 !important;padding:5px;border:1px solid #dcdcd7;margin: 0 25px 25px 0} .alert #summary .video{padding:0 !important;border:0 !important} .alert #summary h2{font-size:26px;line-height:34px;color:#4b453c;font-weight:bold;margin-bottom:15px;} .alert #summary .excerpt{font-size:14px;line-height:20px;color:#44433c;padding-right:15px} .alert #summary .more{color:#96172e;font-size:11px;text-transform:uppercase;font-weight:bold} .alert #letter{width:381px;float:left} .alert #instructions{} .alert #instructions h2{font-size:26px;line-height:32px;color:#4b453c;padding-left:35px;background:url(http://www.humanesociety.org/assets/images/alert/arrow.gif) no-repeat left;margin-bottom:5px} .alert #instructions p{font-size:14px;line-height:20px;color:#63615a} .alert #personalize{background:url(http://www.humanesociety.org/assets/images/alert/bracket_bottom.gif) no-repeat bottom;padding-bottom:35px;} .alert #personalize h2{width:381px;height:43px !important;background:url(http://www.humanesociety.org/assets/images/alert/bracket_top.gif) no-repeat top} .alert #personalize p{margin:15px 25px 0;font-size:12px;line-height:18px;color:#63615a} .alert #personalize label{font-size:11px;font-weight:bold;color:#877021} .alert #personalize label input,#personalize label textarea{display:block;margin:5px 0 30px;padding:3px 6px;font:bold 12px/16px Arial, Helvetica, sans-serif;color:#63615a;border:1px solid #dadada;} .alert #personalize label input{width:270px} .alert #personalize label textarea{width:320px;height:45px} .alert #demographics{float:right;background:#ffd74d url(http://www.humanesociety.org/assets/images/alert/demo.gif) repeat-x top;width:222px;padding:23px 23px 0;} .alert #demographics h2{color:#4b453c;font-size:16px;font-weight:bold;line-height:22px;font-weight:normal} .alert #demographics p{font-size:12px;line-height:18px;color:#63615a;margin-top:10px;} .alert #demographics input{display:block;background:#fff7dd;border:0;padding:3px;font-size:11px;line-height:14px;color:#4b453c;width:188px} .alert #demographics select{width:188px;display:block} .alert #demographics label{margin:4px 0 -10px;display:block;font-size:11px;font-weight:bold} .alert #demographics label.checkbox{position:relative;padding-left:25px;font-weight:normal;padding-top:25px;line-height:15px;} .alert #demographics label.checkbox input{position:absolute;top:22px;left:0;} .alert #demographics button{margin:15px 0 -20px;width:161px;height:20px;overflow:hidden;padding-top:20px;border:0;cursor:pointer;background:url(http://www.humanesociety.org/assets/images/buttons/message.gif) no-repeat 0 0} .alert #demographics button:hover{background-position:0 -30px} .alert #demographics #zipcode{width:120px;} .alert #demographics #prefix{width:60px;} .alert #demographics #mobilealerts{display:inline;width:auto;background:none} .alert #copy{padding:25px;width:331px;font-size:12px;line-height:15px;color:#4b453c} .alert .takeaction{display:block;width:127px;height:30px;background:#F0F;position:absolute;top:55px;right:65px;background:url(http://www.humanesociety.org/assets/images/alert/takeaction.gif) no-repeat top;} .alert .takeaction:hover{background-position:bottom} .alert-note #message-body ul{list-style-image:none;margin-top:0} .alert-note #message-body li{padding:0 0 20px 50px;background:url(http://www.humanesociety.org/assets/images/bullet/bulletred.gif) no-repeat 38px 8px;} .alert-note #summary{background:none; padding-bottom:none; margin-bottom:none;} .alert-note #message-body li, .alert-note #message-body p{font-size:14px;line-height:20px;color:#454545} .alert-note #message-body a{color:#96172E} .alert-note .step{margin:0px 0 -10px;border-top:1px solid #dedcd7;padding-top:5px;font-size:12px !important;} #givenow #summary{margin-top:10px;} #givenow #summary .aside{float:left;width:188px;margin-right:20px;} #givenow #summary .image{float:none;padding:3px;margin-bottom:5px;width:180px;} #givenow #summary .caption{padding: 0 3px;color:#99938F;font-size:9px;line-height:12px;} #givenow #summary p{font-size:16px;line-height:24px;color:#777;margin-bottom:10px;} #givenow #summary .more{color:#5f95cc;display:block;} #donate-form form{width:530px;background:#f2ba3f url(http://www.humanesociety.org/assets/images/alert/donation.jpg) no-repeat top;padding-top:151px;float:left;margin-right:0;} #donate-form #amount ul{position:relative;width:380px;margin:0 auto;list-style:none inside none;height:60px;border-bottom:1px solid #dd9f22;} #donate-form #amount label{color:#9a6201;font-weight:bold;font-size:14px;position:absolute;width:65px} #donate-form #amount label input{position:relative;top:2px;left:-2px;} #donate-form #amount #radio-35 label{top:0;left:0;} #donate-form #amount #radio-50 label{top:20px;left:0;} #donate-form #amount #radio-75 label{top:0;left:70px;text-align:right;} #donate-form #amount #radio-100 label{top:20px;left:70px;text-align:right;} #donate-form #amount #radio-250 label{top:0;left:170px;text-align:right;} #donate-form #amount #radio-1000 label{top:20px;left:170px;text-align:right;} #donate-form #amount #radio-other label{width:115px;top:10px;left:262px;text-align:right;} #donate-form #amount #radio-other input{width:61px;padding:3px;border:0;position:relative;top:-2px;left:2px;color:#954e03} #donate-form #amount p{color:#9a6201;font-size:14px;line-height:17px;font-weight:bold;background:url(http://www.humanesociety.org/assets/images/alert/billing.gif) no-repeat bottom;padding:15px 30px 72px;margin:0 47px;} #donate-form #amount a{display:block;color:#FFF;font-weight:normal;} #donate-form #amount .more{margin-top:10px;} #donate-form #billing{width:434px;margin:0 47px 20px;padding-bottom:20px;border-bottom:1px solid #dd9f23;} #donate-form #billing input,#donate-form #payment input{position:relative;top:-3px;padding:3px;border:0;color:#954e03;width:296px;} #donate-form #billing #postalcode{width:100px;} #donate-form #country{width:302px;} #donate-form #billing p,#donate-form #payment p{margin:15px 0 0;} #donate-form #billing label,#donate-form #payment label,#donate-form #payment .label{color:#9a6201;font-size:14px;width:131px;padding-left:1px;display:block;float:left;} #donate-form #payment{margin: 0 47px;background:url(http://www.humanesociety.org/assets/images/alert/payment.gif) no-repeat top left;padding-top:30px;} #donate-form #type{} #donate-form #payment #type label{display:inline;float:none;} #donate-form #payment #type input{margin-right:15px;width:auto;} #donate-form #payment #ccnumber{width:254px;} #donate-form #payment #ccexp{width:100px;} #donate-form #payment #cccvv{width:50px;} #donate-form #payment a{font-size:12px;color:#FFF;} #donate-form #info{margin:20px 47px 0;padding:20px 0 50px;border-top:1px solid #DD9F23;} #donate-form #info button{height:20px;width:93px;background:url(http://www.humanesociety.org/assets/images/alert/button.gif) no-repeat 0 0;border:0;cursor:pointer;} #donate-form #info button:hover{background-position:0 -30px;} #donate-form #info p{margin:20px 0 0;font-size:12px;line-height:15px;color:#9a6201} #donate-form #othergive{width:113px;float:right;margin-right:66px} #donate-form #othergive #certification{position:relative;left:-5px;width:113px;height:94px;background:url(http://www.humanesociety.org/assets/images/alert/cert.gif) no-repeat top;} #donate-form #othergive h2{width:99px;height:31px;background:url(http://www.humanesociety.org/assets/images/alert/other.gif) no-repeat;} #donate-form #othergive ul{margin:0;list-style:none inside none;} #donate-form #othergive li{margin-top:10px;font-weight:bold;line-height:14px;} #donate-form #othergive a{color:#bd7a04;font-size:12px;} /* === Take Action === */ #give #givebox{background:#f3b736 url(http://www.humanesociety.org/assets/images/section/donate/bg.gif) repeat-x top;padding:0 0 50px;margin-bottom:30px;margin-top:15px;} #give #givebox h2{height:98px;background:url(http://www.humanesociety.org/assets/images/section/donate/head.gif) no-repeat top center;margin:0;} #give #forms{background:url(http://www.humanesociety.org/assets/images/section/donate/foot.gif) no-repeat bottom;} #give form{width:178px;padding:0 15px;float:left;} #give #onetime-donate{margin:0 30px 0 28px;} #give #givebox h3{font-size:14px;line-height:18px;color:#9a6201;font-weight:bold;} #give #givebox p{color:#9A6201;font-size:12px;line-height:15px;} #give #givebox label{color:#9A6201;font-size:14px;font-weight:bold;} #give #givebox .predefined{margin:-5px 0 10px;} #give #givebox .predefined input{margin:0 7px 0 0;position:relative;top:2px;} #give #givebox .other input{width:74px;padding:3px;border:0;margin-left:3px;color:#8D4C0B;font-size:13px;} #give #givebox button{width:92px;height:20px;border:0;background:url(http://www.humanesociety.org/assets/images/section/donate/button.gif) no-repeat 0 0;cursor:pointer;} #give #givebox button:hover{background-position:0 -30px;} #give #givebox a{color:#FFF;} /* === News & Video === */ #news-video .area-news{margin-left:26px;width:420px;float:left;} #news-video #wayne-blog{width:222px;float:right;margin-left:0;margin-bottom:25px;} #news-video #wayne-blog h3 a,#news-video #wayne-blog h2,#news-video #wayne-blog .more{color:#517036;} #news-video #not-video{margin-bottom:45px;} /* === Animal Detail === */ .animal-detail #main{margin-bottom:50px;} .animal-detail #tools{position:relative;top:0px;} /* === Issue Detail === */ .issue-detail #tools{ margin: 20px -6px 0 27px;} .issue-detail #images{ margin-top: 20px; } .issue-detail .section-lead p{margin: 20px 0 7px;} .issue-detail .section-lead p.lead{margin: 0;} .issue-detail .area-news{margin-left: 26px;margin-top:10px;} .issue-detail .victories{margin-top:30px;} .issue-detail #video{margin-top:15px;} .issue-detail #relatedissues-promo{background:#c5d8ea;} .issue-detail #relatedissues-promo h2{border-bottom-color:#9fbdda} .issue-detail #relatedissues-promo h2,.issue-detail #relatedissues-promo a{color:#235c98;} .issue-detail #relatedissues-promo.resources{background:#dbdad4;} .issue-detail #relatedissues-promo.resources h2{color:#69625e;border-bottom-color:#a6a29c} .issue-detail #mills{margin-top:-8px;height:245px;background:url(http://www.humanesociety.org/assets/images/bg/mills2.jpg) 0 0;} .issue-detail #mills p{padding-top:14px;font-size:13px;line-height:17px;} .issue-detail #mills a:hover{background:url(http://www.humanesociety.org/assets/images/bg/mills2.jpg) 0 -246px} /* =============== Page title background =============== */ #head h1 {position:absolute;left:285px;bottom:25px;width:675px;height:150px;overflow:hidden;text-indent:-999em} #head h1 a{display:block;font-size:12px;line-height:12px;color:#FFF;} /* === Breadcrumb link; you may need to case this out per instance === */ #head .crumb{position:absolute;z-index:100;bottom:85px;left:283px;font-size:12px;color:#FFF} /* === The images === */ #issue_main #head h1{background:url(http://www.humanesociety.org/assets/images/head/issues.png) no-repeat bottom left;} #inside #head h1{background:url(http://www.humanesociety.org/assets/images/head/inside.png) no-repeat bottom left;} #white-papers #head h1{background:url(http://www.humanesociety.org/assets/images/head/white-papers.png) no-repeat bottom left;} #parents-educators #head h1{background:url(http://www.humanesociety.org/assets/images/head/parents-teachers.png) no-repeat bottom left;} #shark-finning #head h1{background:url(http://www.humanesociety.org/assets/images/head/shark-finning.png) no-repeat bottom left;bottom:15px;} #asia #head h1{background:url(http://www.humanesociety.org/assets/images/head/asia.png) no-repeat bottom left;} .search #head h1{background:url(http://www.humanesociety.org/assets/images/head/search-results.png) no-repeat bottom left;} #give #head h1{background:url(http://www.humanesociety.org/assets/images/head/give.png) no-repeat bottom left;} #news-video h1{background:url(http://www.humanesociety.org/assets/images/head/news.png) no-repeat bottom left;} #take-action #head h1{background:url(http://www.humanesociety.org/assets/images/head/take-action.png) no-repeat bottom left;} #cats #head h1{background:url(http://www.humanesociety.org/assets/images/head/cats.png) no-repeat bottom left;} .issue-detail#puppy-mills #head h1{background:url(http://www.humanesociety.org/assets/images/head/mills.png) no-repeat bottom left;} /* =============== Campaign-specific color schemes =============== */ /* === Animal Fighting === */ /* Added by CKeane 11062009 */ #animal-fighting #head h1{background:url(http://www.humanesociety.org/assets/images/head/fur-free.png) no-repeat bottom left;} #animal-fighting .off-lead{background:#7AB800 url(http://www.humanesociety.org/assets/images/bg/animal_fighting_green.gif) repeat-x top;} #animal-fighting #main a,#animal-fighting .dyk h3{color:#7AB800 !important} /* === Stop Puppy Mills === */ /* Added by CKeane 11062009 */ #stop-puppy-mills #head h1{background:url(http://www.humanesociety.org/assets/images/head/fur-free.png) no-repeat bottom left;} #stop-puppy-mills .off-lead{background:#96172E url(http://www.humanesociety.org/assets/images/bg/stop_puppy_mills_red.gif) repeat-x top;} #stop-puppy-mills #main a,#stop-puppy-mills .dyk h3{color:#96172E !important} /* === Factory Farming === */ /* Added by CKeane 11062009 */ #factory-farming #head h1{background:url(http://www.humanesociety.org/assets/images/head/fur-free.png) no-repeat bottom left;} #factory-farming .off-lead{background:#93B1CC url(http://www.humanesociety.org/assets/images/bg/factory_farming_blue.gif) repeat-x top;} #factory-farming #main a,#factory-farming .dyk h3{color:#93B1CC !important} /* === Wildlife Abuse === */ /* Added by CKeane 11062009 */ #wildlife-abuse #head h1{background:url(http://www.humanesociety.org/assets/images/head/fur-free.png) no-repeat bottom left;} #wildlife-abuse .off-lead{background:#983222 url(http://www.humanesociety.org/assets/images/bg/wildlife_abuse_brown.gif) repeat-x top;} #wildlife-abuse #main a,#wildlife-abuse .dyk h3{color:#983222 !important} /* === Fur Free === */ #fur-free #head h1{background:url(http://www.humanesociety.org/assets/images/head/fur-free.png) no-repeat bottom left;} #fur-free .off-lead{background:#71223b url(http://www.humanesociety.org/assets/images/bg/red.gif) repeat-x top;} #fur-free #main a,#fur-free .dyk h3{color:#72223B !important} /* === Animals in research === */ /* Added by dguinnessy 072512 */ #be-cruelty-free #head h1{background:url(http://www.humanesociety.org/assets/images/head/fur-free.png) no-repeat bottom left;} #be-cruelty-free .off-lead{background:#4B384C url(http://www.humanesociety.org/assets/images/bg/end_animal_testing_purple.gif) repeat-x top!important;} #be-cruelty-free #main a,#stop-puppy-mills .dyk h3{color:#4B384C !important} /* =============== Alert-specific color schemes =============== */ /* === Fur Free === */ #mills-alert #tools li a{color:#96172e;} /* =============== Alert-specific color schemes =============== */ /* === Shark Finning === */ #shark-finning #resources{background:#53b2d8 url(http://www.humanesociety.org/assets/images/bg/blue.gif) repeat-x bottom;} #shark-finning #resources h2{height:57px;background-image:url(http://www.humanesociety.org/assets/images/head/finning.gif);left:-8px} #shark-finning #resources a,#shark-finning #resources a:hover,#shark-finning #resources a:hover span{color:#FFF} /* =============== Opera hacks =============== */ .opera #top-pagination button{position:relative;top:6px;} /* =============== Utilities =============== */ /* === Clearfix === */ #donate-form:after,#not-video:after,#otherways .row:after,#otherways li:after,#give #forms:after,.animals .module:after,.animals #split:after,#billboard li ul:after,#videoplayer:after,.javascript #scroller .slide:after,.no-javascript #scroller ul:after,.item-list:after,.greybox ul:after,#act:after,#through-issues:after,#foot ul:after,#cols:after,#top_band:after,#through-campaigns li:after,.video-player:after,#featurette:after,.pagination:after,#event_details:after,.area-news li:after,#feature:after, #features .row:after, #headlines:after,.alert #summary:after{clear:both;display:block;content:".";height:0;visibility:hidden;} /* === Image replacement === */ #give .resources-promo h2,#donate-form #othergive h2,#donate-form #certification,#donate-form #info button,#fur-labeling a,#shop-humane h2,#otherways h3,#charity,#give #givebox button,#give #givebox h2,.animals h2 a,.animals #billboard .content,#billboard h2,#findanimal button,#sortby button,#top-pagination button,#scroller .prev,#scroller .next,#country-site-nav #backtohsi a,.takeaction-promo a,.mini h2,#resources h2,.alert .takeaction,#personalize h2,#campaigns h2,.dyk h2,.bracketed h2,#featurette button,#featurette h2,#sort #topic button,#sort li a,#haveheart a,#furlabeling a,#mills a,#related-content h2,#media-contact,#answers button,#community a,#wayne h2,#signup button,#donate button,#top_band button,#images #prev,#campaigns #prev,#campaigns .prev,#images .prev,#images .next,.image-scroller .prev,.image-scroller .next,#campaigns .next,#images #next,#campaigns #next, #action a, #top_band label,#top_donate a,.alert .logo{text-indent:-999em;overflow:hidden;} /* #site-nav li a, [removed from above] */ #billboard .video_content h2 { text-indent: 0; } /* === Hide from view === */ #givenow h1,#findanimal h2,.takeaction-promo p,.takeaction-promo h2,#aroundworld button,#aroundworld h2,#accessibility,.callout h2,#mills h2,#haveheart h2,#haveheart p,#furlabeling h2,#promo-takeaction h2,#answers h2,#answers p,#community h2,#community p,#state h2,#donate label span,#foot p{position:absolute;visibility:hidden;} /* convio added */ #actionpromo{height:270px;background:url() top;position:relative;margin-bottom:7px} #actionpromo a{display:block;width:164px;height:76px;background:none;position:absolute;bottom:0;left:0;} #actionpromo a:hover{background:url() 0 -270px;} #actionpromo p{padding:40px 16px 0;color:#FFF;font-size:14px;line-height:17px;} #actionpromo h2{height:30px;position:relative;color:#FFFFFF;display:block;font-size:18px;font-weight:normal;line-height:20px;padding:15px 16px 0;} #restLocSearch .filterLabel{ font-size:11px; width:150px; text-align:right; padding-right:5px; } #restLocSearch .filterSelector select{ font-size:11px; width:150px; margin-top:10px; } #restLocSearch .filterSelector input{ font-size:11px; width:100px;margin-top:10px; } #restLocSearch{ margin-bottom:10px; } #resRelatedMenu div.navigationItem{ background: url(http://www.hsus.org/web-files/bulletarrow2.gif) left no-repeat; padding-left:25px; margin-top:5px; margin-bottom:5px; } #resRelatedMenu div.navigationItemLabel{ font-size: 11px; font-weight: bold; color: #000000; } #resRelatedMenu div.navigationItem a{ display:block; padding-top:2px; padding-bottom:2px; font-size: 11px; color: #649917; } #resRelatedMenu div.even a{ background-color: #EFF6E5; } #restLocSort .header{ font-size:12px; } #restLocSort td{ font-size:11px; } #mapit img{ display:none; } #mapit{ background-image:none; } .pagination .paginator td{ padding-left:6px; padding-right:6px; margin-left:6px; margin-right:6px; border-right:1px solid #c6d8e8} .pagination .paginator td a { } .pagination .paginator td.last{margin:0;padding:0;border:none;} #bottom-pagination .paginator td{border-right-color:#8dacc7;} .accessibilityText {display:none;} /* convio added */ ul, menu, dir {-webkit-padding-start: 0px;} #site-nav ul {-webkit-padding-start: 32px;} #action ul {-webkit-padding-start: 0px !important;} /*Photo of the Day added by dguinnessy*/ .photooftheday {border: solid #DCDCD7 1px; width:480px; padding:3px; margin:10px auto;} /*Photo of the Day added by Claudia Davila 060513*/ .photoday .image {width:480px; padding:3px; background:#FFF; border:1px solid #dcdcd7; line-height:0; margin:0;} .photoday .caption {min-height:24px;padding:7px 5px;font-size:9px;line-height:12px;color:#99938f;margin:0 0 10px; width:480px} /* =============== 2013 Revision of Global Site Footer (last update: CMK01162014) =============== */ #site-footer-container { width: 100%; } .site-footer { font-family: Arial, Helvetica, sans-serif; } .site-footer h3 { font-size: 13px; color: #a3cef6; text-transform:uppercase; font-weight: normal; text-align: left; margin: 0; } /* Top panel of footer--with logo */ .site-footer.logo-panel-footer { width: 937px; margin: 0 auto; height: 85px; padding: 20px; position: relative; } .site-footer.logo-panel-footer .hsus-logo-footer { float: left; } .site-footer.logo-panel-footer .link-list { position: absolute; bottom: 22px; left: 160px; margin: 0px; font-size: 0px; } .site-footer.logo-panel-footer .link-list li { display: inline-block; list-style-type: none; border-right: 1px solid #ccc; padding: 0 10px; } .site-footer.logo-panel-footer .link-list li:last-child { border: 0; } /* remove the pipe from the last list item */ .site-footer.logo-panel-footer .link-list li a { font-size: 14px; line-height: 14px; font-weight: normal; color: #fff; } .site-footer.logo-panel-footer .link-list li a:link { color: #fff; } /* unvisited links */ .site-footer.logo-panel-footer .link-list li a:visited { color: #fff } /* visited links */ .site-footer.logo-panel-footer .link-list li a:hover { color: #a3cef6 } /* user hovers */ .site-footer.logo-panel-footer .link-list li a:active { color: #a3cef6 } /* active links */ .site-footer.logo-panel-footer .animal-footer { margin:0; padding:0; position:absolute; top: 20px; left: 670px; width: 286px; height: 106px; background: url('http://www.humanesociety.org/assets/images/footer/animals/footer_blank_286x106.png'); } /* Second panel of footer--with Get Connected buttons and forms */ /* CMK09182015: Updated social icons */ .site-footer.connected-panel-footer { background-color: #123e68; padding: 12px 0px 16px 0px; position:relative; z-index: 100; height: 52px; -webkit-box-shadow: 0px 7px 10px rgba(2, 26, 49, 0.46); -moz-box-shadow: 0px 7px 10px rgba(2, 26, 49, 0.46); box-shadow: 0px 7px 10px rgba(2, 26, 49, 0.46); } .site-footer.connected-panel-footer .connected-list { display: block; margin: 17px 0 0 0; } .site-footer.connected-panel-footer .connected-list li { display: inline-block; float:left; list-style-type: none; overflow: hidden; padding: 0; } .site-footer.connected-panel-footer .connected-list li a { font-size: 14px; line-height: 14px; font-weight: normal; color: #fff; display: inline; float: left;} .site-footer.connected-panel-footer .connected-list li a:hover { opacity: 0.8; } .site-footer.connected-panel-footer .connected-list span { display: inline; float: left; text-indent: -9999px; margin-right: 15px; } .site-footer.connected-panel-footer .connected-list li span { background-repeat: no-repeat; background-size: 100%; width: 20px; height: 20px; margin-right: 10px; } .site-footer.connected-panel-footer .connected-list li.rss { margin-left: 0; } .site-footer.connected-panel-footer .connected-list li.rss span { background-image: url('http://www.humanesociety.org/assets/images/footer/sharing/rss_icon_26x24.png'); } .site-footer.connected-panel-footer .connected-list li.facebook span { background-image: url('http://www.humanesociety.org/assets/images/icons/facebook_icon.png'); } .site-footer.connected-panel-footer .connected-list li.twitter span { background-image: url('http://www.humanesociety.org/assets/images/icons/twitter_icon_footer.png'); background-position: 0px 2px; } .site-footer.connected-panel-footer .connected-list li.youtube span { background-image: url('http://www.humanesociety.org/assets/images/icons/youtube-icon.png'); width: 25px; height: 21px; } .site-footer.connected-panel-footer .connected-list li.linkedin span { background-image: url('http://www.humanesociety.org/assets/images/icons/linkedin_icon.png'); } .site-footer.connected-panel-footer .connected-list li.googleplus span { background-image: url('http://www.humanesociety.org/assets/images/icons/google-plus-icon.png'); } .site-footer.connected-panel-footer .connected-list li.pinterest span { background-image: url('http://www.humanesociety.org/assets/images/icons/pinterest-icon.png'); } .site-footer.connected-panel-footer .connected-list li.tumblr span { background-image: url('http://www.humanesociety.org/assets/images/icons/tumblr_icon.png'); width: 12px; height: 20px; } .site-footer.connected-panel-footer .connected-list li.instagram span { background-image: url('http://www.humanesociety.org/assets/images/icons/instagram-icon-footer.png'); } .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer { margin-top: 13px; font-size: 0px; position: relative; } .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer { margin-top: 2px; font-size: 0px; position: relative; } .site-footer.connected-panel-footer .connected-panel-middle input, .site-footer.connected-panel-footer .connected-panel-right input { font-family: Arial, Helvetica, sans-serif; display:inline; border:1px solid #a1a09c; padding: 4px 3px 3px 8px; width: 100px; line-height: 19px; color:#000; font-size:14px; height: 20px; } .site-footer.connected-panel-footer .connected-panel-middle input.placeholder, .site-footer.connected-panel-footer .connected-panel-right input.placeholder { color: #4e4e4e; } .site-footer.connected-panel-footer .connected-panel-middle input.first_name { width: 117px; } .site-footer.connected-panel-footer .connected-panel-middle input.email { width: 137px; margin-left: 2px; } .site-footer.connected-panel-footer .connected-panel-middle input.zip { width: 63px; margin-left: 2px; } .site-footer.connected-panel-footer .connected-panel-right input.phone { width: 110px; } .site-footer.connected-panel-footer #ACTION_SUBMIT_SURVEY_RESPONSE, .site-footer.connected-panel-footer #submit_mobile_commons { display: inline; overflow: hidden; margin: 0px auto 0px 4px; width: 23px; height: 24px; border: 0px; background-position: 0px 0px; background-image: url('http://www.humanesociety.org/assets/images/footer/buttons/button_submit_blue_circle_23x24_sprite.png'); background-repeat: no-repeat; background-color: transparent; font-size: 1px; /* Hides button text in Firefox 3.0 */ font-size: 0px; /* Hides button text in Firefox 3.5, Old Safari */ line-height: 200px; /* Hides button text in IE, Safari, Chrome */ cursor: pointer; text-align: center; position: absolute; top: 2px;} .site-footer.connected-panel-footer #submit_mobile_commons { top: 14px; right: 70px;} .site-footer.connected-panel-footer #ACTION_SUBMIT_SURVEY_RESPONSE:hover, .site-footer.connected-panel-footer #submit_mobile_commons:hover { background-position: 0px -24px; } .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer input::-webkit-input-placeholder, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer input::-webkit-input-placeholder { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:14px; height: 20px;} .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer input:-moz-placeholder, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer input:-moz-placeholder { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:14px; height: 20px;} .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer input::-moz-placeholder, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer input::-moz-placeholder { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:14px; height: 20px;} .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer input:-ms-input-placeholder, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer input:-ms-input-placeholder { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:14px; height: 20px; } /* Lighten input placeholders on focus */ .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer input:focus::-webkit-input-placeholder, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer input:focus::-webkit-input-placeholder { color: rgb(169, 169, 169); } .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer input:focus:-moz-placeholder, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer input:focus:-moz-placeholder { color: rgb(169, 169, 169); } .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer input:focus::-moz-placeholder, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer input:focus::-moz-placeholder { color: rgb(169, 169, 169); } .site-footer.connected-panel-footer .connected-panel-middle #email-signup-footer input:focus:-ms-input-placeholder, .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer input:focus:-ms-input-placeholder { color: rgb(169, 169, 169); } .site-footer.connected-panel-footer .connected-panel-right iframe#mc_iframe { display:none; } .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer span.label-holder { display:block; height: 12px; width: 100%; position:relative; padding-left: 1px; margin-top: -1px; } .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer label.mc-error { display:block; color:Red; font-size: 10px; line-height: 10px; } .site-footer.connected-panel-footer .connected-panel-right #mobile-signup-footer label.mc-thanks { display:block; color:#a3cef6; font-size: 11px; line-height: 13px; margin-top: -5px; } .site-footer.connected-panel-footer .connected-panel-inner, .bottom-panel-inner { width: 977px; margin: 0 auto; } .site-footer.connected-panel-footer .connected-panel-left { width: 300px; float: left; position: relative; display:block; margin: 0 0 0 20px; } .site-footer.connected-panel-footer .connected-panel-middle { width: 380px; float: left; position: relative; display:block; text-align:left; margin-left: 20px;} .site-footer.connected-panel-footer .connected-panel-right { width: 220px; float: left; position: relative; display:block; margin-left: 30px; text-align:left; } .site-footer .connected-title-note { text-transform:none; font-size: 9px; } .site-footer .connected-title-note a { color: #fff; } .site-footer .connected-title-note a:link { color: #fff; } /* unvisited links */ .site-footer .connected-title-note a:visited { color: #fff } /* visited links */ .site-footer .connected-title-note a:hover { color: #a3cef6 } /* user hovers */ .site-footer .connected-title-note a:active { color: #a3cef6 } /* active links */ /* Third panel of footer--with taxonomy links and legal notices */ .site-footer.bottom-panel-footer { padding-top: 10px; } .site-footer .taxonomy { width: 670px; display:block; float:left; padding-left: 10px; } .site-footer .taxonomy-column { width: 200px; display:block; float:left; margin: 0px 20px 0px 0px; } .site-footer .taxonomy-title { margin-bottom: 10px; } .site-footer .taxonomy-nav { width: 185px; float:left; margin: 10px 20px 15px 10px; } .site-footer .taxonomy .link-list { text-align:left; margin: 0; border-left: 1px solid white; list-style-image:none; padding: 0px 0px 0px 20px !important; text-indent:-10px; } .site-footer .taxonomy .link-list li { margin-bottom: 5px; list-style: none; } .site-footer .taxonomy .link-list li a { font-size: 12px; line-height: 15px; font-weight: normal; color: #fff; } .site-footer .taxonomy .link-list li a:link { color: #fff; } /* unvisited links */ .site-footer .taxonomy .link-list li a:visited { color: #fff } /* visited links */ .site-footer .taxonomy .link-list li a:hover { color: #a3cef6 } /* user hovers */ .site-footer .taxonomy .link-list li a:active { color: #a3cef6 } /* active links */ .site-footer.bottom-panel-footer { display:block; width: 100%; overflow:hidden; position: relative; z-index:0; } .footer-gradient { /* Custom gradient code from http://www.colorzilla.com/gradient-editor/#1e4e7a+0,133f69+50,133f69+100,133f69+100;Custom */ background: #1e4e7a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNGU3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzEzM2Y2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzNmNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTMzZjY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #1e4e7a 0%, #133f69 50%, #133f69 100%, #133f69 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e4e7a), color-stop(50%,#133f69), color-stop(100%,#133f69), color-stop(100%,#133f69)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e4e7a 0%,#133f69 50%,#133f69 100%,#133f69 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e4e7a 0%,#133f69 50%,#133f69 100%,#133f69 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e4e7a 0%,#133f69 50%,#133f69 100%,#133f69 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e4e7a 0%,#133f69 50%,#133f69 100%,#133f69 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4e7a', endColorstr='#133f69',GradientType=0 ); /* IE6-8 */ } .site-footer.bottom-panel-footer .legal-seals { width: 280px; padding: 10px 0px; text-align:left; display:block; float:left; } .site-footer.bottom-panel-footer .copyright { font-size: 12px; line-height: 12px; color: #a3cef6; margin-bottom: 25px; } .site-footer.bottom-panel-footer .tax-statement { font-size: 11px; line-height: 15px; color: #a3cef6; margin-bottom: 25px; } .site-footer.mission-statement p { font-size: 16px; color: #a3cef6; } .site-footer.mission-statement { display: block; padding-top: 40px; background-color:#133f69; height: 50px; } /* =============== END 2013 Revision of Global Site Footer =============== */ /* =============== GOOGLE CUSTOM SEARCH display fix (added by DKG 042213 =============== */ table.gsc-table-result {margin-left:5px} /* =============== 2015 Home Page Refresh (last update: CMK03182015) =============== */ ul#billboard li { cursor: pointer; } #pager { top: 375px; } #pager li a { background-image: none; background-color: black; color: #000000; padding-top: 0; display: inline-block; margin: 0 1px; width: 10px; height: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius:7px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #FFF; opacity: 0.3; } #pager li.current a { background-image: none; background-color: black; padding-top: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 0.8; } /* If there's only one pager button, don't show it */ ul#pager li:only-child { display: none; } /* Mid-page mail mooch */ .hidden { display: none !important; } .mmm-wrapper { padding: 33px 25px 2px 15px; color: #999; height: 40px; } div#mmm-close { display: none; position: absolute; right: 5px; top: 1px; } #mmm-close a { font-size: 10px; color: #999; } #mmm-close a:hover { text-decoration: none; } #email-signup-midriff { display: inline; margin-left: 5px; } .mmm-wrapper .mmm-ask-message { display: block; width: 345px; } .mmm-wrapper button#submit-button { display: inline; overflow: hidden; margin: 0px auto 0px 4px; width: 23px; height: 24px; border: 0px; background-position: 0px 0px; background-image: url('http://www.humanesociety.org/assets/images/footer/buttons/button_submit_blue_circle_23x24_sprite.png'); background-repeat: no-repeat; background-color: transparent; font-size: 1px; /* Hides button text in Firefox 3.0 */ font-size: 0px; /* Hides button text in Firefox 3.5, Old Safari */ line-height: 200px; /* Hides button text in IE, Safari, Chrome */ cursor: pointer; text-align: center; position: absolute; top: 27px; right: 10px; } .mmm-wrapper button#submit-button:hover { background-position: 0px -24px; } .mmm-wrapper input { font-family: Arial, Helvetica, sans-serif; display:inline; border:1px solid #a1a09c; padding: 4px 3px 3px 8px; width: 137px; line-height: 19px; color:#000; font-size:14px; height: 20px; position: absolute; top: 25px; right: 38px; } .mmm-wrapper input.placeholder { color: #4e4e4e; } .mmm-wrapper input::-webkit-input-placeholder { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:14px; height: 20px;} .mmm-wrapper input:-moz-placeholder { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:14px; height: 20px;} .mmm-wrapper input::-moz-placeholder { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:14px; height: 20px;} .mmm-wrapper input:-ms-input-placeholder { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:14px; height: 20px; } /* Lighten input placeholders on focus */ .mmm-wrapper input:focus::-webkit-input-placeholder { color: rgb(169, 169, 169); } .mmm-wrapper input:focus:-moz-placeholder { color: rgb(169, 169, 169); } .mmm-wrapper input:focus::-moz-placeholder { color: rgb(169, 169, 169); } .mmm-wrapper input:focus:-ms-input-placeholder { color: rgb(169, 169, 169); } .mmm-wrapper iframe#mmm_iframe { display:none; } .mmm-wrapper #email-signup-midriff span.label-holder { display:block; height: 12px; width: 100%; position: relative; margin-left: 354px; margin-top: 9px; } .mmm-wrapper #email-signup-midriff label.mmm-error { display:block; color:Red; font-size: 11px; line-height: 10px; } .mmm-wrapper .mmm-thanks { display:block; color:#999; font-size: 16px; line-height: 18px; margin-top: 0px; } /* Feature Slots */ #headlines { padding-left: 4px; padding-bottom:0; } #headlines li { width: 270px; height: 230px; padding-bottom: 15px; overflow: hidden; } #headlines p { padding-left: 10px; margin-right: 5px; margin-top: 3px; } #headlines div.image { position: relative; width: 270px; height: 191px; } #headlines .image img { width: 100%; } #headlines h2 { position: absolute; bottom: 2px; left: 0; width: 100%; text-align: left; margin-right: 0; } #headlines h2 span { color: black; font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; background: rgba(250, 250, 250); /* fallback color */ background: rgba(250, 250, 250, 0.7); padding-top: 5px; padding-bottom: 3px; padding-left: 9px; padding-right: 5px; } #headlines h2 span.spacer { padding:0 5px; } #headlines h2 span:hover, #headlines h2 span.hover { background: rgba(250, 250, 250); /* fallback color */ background: rgba(250, 250, 250, 1.0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #headlines h2 a { color: black; text-transform: uppercase; text-decoration: none; font-weight: bold; } #headlines h2 a:hover { text-decoration: none !important; } #headlines .image a.darken { display: inline-block; background: black; padding: 0; } #headlines .image a.darken img { display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; /* moz-transform: translate3d(0px,0px,0px); */ /* prevents jumping in FF */ /* transform: translateZ(0); */ } #headlines .image a.darken:hover img, #headlines .image a.darken.hover img { opacity: 0.9; } /* Wayne's widget */ #wayne { background-color: #f4f4f4; background-image: none; padding-top: 0; margin-bottom: 7px; max-height: 700px; overflow: hidden; width: 164px; max-width: 164px; } #wayne .wayne-widget-header { width: 164px; height: 48px; position:relative; background: url(http://www.humanesociety.org/assets/images/waynes-blog/wayne-widget-header.svg) #225582 no-repeat top; background-size: 146px 32px; background-position: 50% 8px; } .link-spanner { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; } #wayne p.date{ padding: 6px 11px 0; font-size: 12px; color: black; font-weight: normal; } #wayne p.excerpt{ padding: 10px 8px 0 11px; color: black; font-size: 15px; line-height: 20px; margin: 0; } #wayne p.excerpt a { color: black; } #wayne a.more{ display: block; color: #225584; font-size: 14px; padding: 10px 11px 22px; text-decoration: none; font-weight: bold; } #wayne a.more:hover{ text-decoration:underline; } /* End Wayne's widget*/ #home #signup.expanded form { height: 75px; } /* ===============END 2015 Home Page Refresh =============== */ /* Enabling placeholder lightening on signup form */ #listsignup input.placeholder { color: #ac7e3b; font-size: 11px;} #listsignup input::-webkit-input-placeholder { font-family: Arial, Helvetica, sans-serif; color: #ac7e3b; font-size:11px; height: 20px;} #listsignup input:-moz-placeholder { font-family: Arial, Helvetica, sans-serif; color: #ac7e3b; font-size:11px; height: 20px;} #listsignup input::-moz-placeholder { font-family: Arial, Helvetica, sans-serif; color: #ac7e3b; font-size:11px; height: 20px;} #listsignup input:-ms-input-placeholder { font-family: Arial, Helvetica, sans-serif; color: #ac7e3b; font-size:11px; height: 20px; } /* Lighten input placeholders on focus */ #listsignup input:focus::-webkit-input-placeholder { color: #d29c4d; } #listsignup input:focus:-moz-placeholder { color: #d29c4d; } #listsignup input:focus::-moz-placeholder { color: #d29c4d; } #listsignup input:focus:-ms-input-placeholder { color: #d29c4d; } /* Newsroom link styling */ a.newsroom-link {font-size:12px;font-weight:bold;color:#7aa5d1;text-transform:uppercase;} div#images a.newsroom-link {padding-left: 5px;} /* Adding numbers next to h2 tags - CMD 9/3/15*/ .custom-counter { margin-left:0; padding-right:0; list-style-type:none; } .custom-counter h2 { counter-increment:step-counter; margin-bottom:15px; margin-top:40px; } .custom-counter h2::before { content:counter(step-counter); margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#094685; color:white; font-weight:bold; padding:3px 8px; border-radius:12px; } .custom-counter h3 {font-size:15px; padding-bottom:5px} /* CMK10282016: Hide old Slideshow Pro slideshows sitewide */ #hsus_embedded_slideshow_container { display: none !important; visibility: hidden !important; }