/** The Panda Made Me Do It - Stylesheet **/ /* Overrides ****************/ #wrapper {width:100%;} #headerWrapper {margin:0 auto;position:relative;} #contentWrapper {padding-bottom:8px;} #content {display:block;float:none;width:100%;} #crumbNav {border-bottom:0;margin:0 auto;padding:0 0 20px 170px;width:765px;} #footer {margin:0 auto;} /* tpmmdi ****************/ #tpmmdi {width:100%;} #tpmmdi div.tpmmdi-box {margin:0 auto;overflow:hidden;position:relative;width:100%;} #tpmmdi div.tpmmdi-box div.container {margin:0 auto;padding:25px 0 0;position:relative;width:935px;} #tpmmdi div.tpmmdi-container {margin:0 auto;overflow:hidden;width:935px;} #tpmmdi div.tpmmdi-content {float:left;margin-right:25px;width:695px;} #tpmmdi div.tpmmdi-content div.tpmmdi-box div.container {width:695px;} #tpmmdi div.tpmmdi-sidebar {float:left;margin-top:-26px;width:215px;} #tpmmdi div.tpmmdi-hide {display:none; } /* tpmmdi - General ****************/ #tpmmdi h1 {border-bottom:solid 10px #222;color:#222;font-size:500%;line-height:87.5%;margin-bottom:16px;padding:0 0px 22px 0;text-transform:uppercase;width:695px;} #tpmmdi .button {background:#999;color:#fff;cursor:pointer;display:inline-block;font-family:'WWFRegular',Arial,Sans-Serif;font-size:125%;height:29px;padding:6px 10px 0;text-align:center;text-transform:uppercase;width:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:1px 1px #7a7a7a;} #tpmmdi .button:hover {background:#555;cursor:pointer;text-shadow:1px 1px #4d4d4d;text-decoration:none;} #tpmmdi .do-it {background:#555;text-shadow:1px 1px #494949;} #tpmmdi .do-it:hover {background:#222;text-shadow:1px 1px #000;} #tpmmdi img {border:0;padding:0;} #tpmmdi fieldset legend {display:none;} #tpmmdi input.button {height:auto; padding: 0 6px} /* tpmmdi - Carousel ****************/ #tpmmdi div.tpmmdi-carousel {background:#efeee1 url('../img/tpmmdi/bg-carousel.png') repeat-x left top;border-bottom:solid 10px #e0decb;} #tpmmdi div.tpmmdi-carousel div.container {padding:0px;} #tpmmdi div.tpmmdi-carousel div.about {padding-top:16px;position:absolute;right:0px;top:0px;width:215px;} #tpmmdi div.tpmmdi-carousel div.about h2 {border-bottom:solid 2px #7a7975;color:#222;font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;line-height:88%;margin-bottom:7px;padding-bottom:11px;} #tpmmdi div.tpmmdi-carousel div.about p {color:#222;font-family:Georgia,Serif;font-size:75%;font-weight:bold;line-height:150%;padding-right:10px;} #tpmmdi div.tpmmdi-carousel div.about a.button {background:#555;display:block;font-size:188%;height:44px;margin-top:15px;text-shadow:1px 2px #333;} #tpmmdi div.tpmmdi-carousel div.about a.button:hover {background:#222;text-shadow:1px 2px #000;} #tpmmdi div.tpmmdi-carousel div.carousel-window {height:391px;overflow:hidden;position:relative;width:710px;} #tpmmdi div.tpmmdi-carousel div.carousel-window ul {position:relative;width:5000px;} #tpmmdi div.tpmmdi-carousel div.carousel-window ul li {float:left;height:391px;position:relative;width:710px;} #tpmmdi div.tpmmdi-carousel div.carousel-window ul li img {display:block;left:0px;position:absolute;top:0px;} #tpmmdi div.tpmmdi-carousel div.carousel-window ul li div.links {border-top:solid 2px #787771;left:1px;overflow:hidden;padding-top:10px;position:absolute;top:314px;width:190px;} #tpmmdi div.tpmmdi-carousel div.carousel-window ul li div.links ul {width:197px;} #tpmmdi div.tpmmdi-carousel div.carousel-window ul li div.links ul li {height:auto;margin-right:5px;width:auto;} #tpmmdi div.tpmmdi-carousel a.carousel-button {background:transparent url('../img/tpmmdi/buttons-carousel.png') no-repeat left top;display:block;height:35px;position:absolute;top:147px;width:18px;} #tpmmdi div.tpmmdi-carousel a.carousel-button span {display:block;height:0px;overflow:hidden;width:0px;} #tpmmdi div.tpmmdi-carousel a.carousel-button-left {left:-35px;} #tpmmdi div.tpmmdi-carousel a.carousel-button-left:hover {background-position:left -70px;} #tpmmdi div.tpmmdi-carousel a.carousel-button-right {background-position:left -35px;right:-35px;} #tpmmdi div.tpmmdi-carousel a.carousel-button-right:hover {background-position:left -105px;} /* tpmmdi - wwyd ****************/ #tpmmdi div.tpmmdi-wwyd {background:#1c1c1c url('../img/tpmmdi/bg-wwyd.png') repeat-x left top;border-bottom:solid 10px #e0decb;height:396px;padding-top:22px;} #tpmmdi div.tpmmdi-wwyd div.container {padding:0px;} #tpmmdi div.tpmmdi-wwyd h2 {color:#fff;float:left;font-family:'WWFRegular',Arial,Sans-Serif;font-size:312.5%;line-height:55%;} #tpmmdi div.tpmmdi-wwyd a.more {background:#555;display:block;float:right;margin-bottom:20px;text-shadow:1px 1px #333333;visibility:hidden;} #tpmmdi div.tpmmdi-wwyd a.more:hover {background:#222;text-shadow:1px 2px #000;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window {clear:both;overflow:hidden;position:relative;width:935px;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul {overflow:hidden;width:5000px;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li {background:#eceadb;float:left;height:280px;margin-right:10px;overflow:hidden;width:215px;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a {display:block;height:280px;position:relative;width:215px;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a:hover {text-decoration:none;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a span.details {display:block;height:100px;padding:10px;position:relative;width:195px;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a span.title {border-bottom:solid 2px #222;color:#222;display:block;font-family:Georgia,Sans-Serif;font-size:125%;font-weight:bold;;line-height:110%;padding-bottom:8px;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a span.button {background:#f57a16;bottom:10px;position:absolute;right:10px;text-shadow:1px 1px #c46212;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a:hover span.button {background:#222;text-shadow:1px 1px #1b1b1b;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a:hover span.details {background:#f57a16;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a img {display:block;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a.flat img {left:0px;position:absolute;top:0px;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a.flat span.button {background:#555;left:10px;right:auto;z-index:2;text-shadow:1px 1px #444;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window ul li a.flat:hover span.button {background:#f57a16;text-shadow:1px 1px #c46212;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window div.scroll-bar-wrap {background:#000;cursor:pointer;height:10px;margin-top:20px;position:relative;width:935px;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window div.scroll-bar-wrap div.wwyd-scroller {margin:0 auto;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window div.wwyd-scroller div.ui-handle-helper-parent {margin:0 auto;position:relative;} #tpmmdi div.tpmmdi-wwyd div.wwyd-scroller-window div.wwyd-scroller a.ui-slider-handle {background:#f57a16 url('../img/tpmmdi/bg-scrollbar.png') no-repeat center top;cursor:pointer;display:block;height:10px;position:relative;} /* tpmmdi - wwyd - Content ****************/ #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd {background:#fff;border-bottom:0;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd h2 {color:#222;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd div.wwyd-scroller-window {clear:both;overflow:hidden;position:relative;width:695px;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd div.wwyd-scroller-window div.scroll-bar-wrap {background:#eceadb;width:695px;} /* tpmmdi - wwyd - No JS ****************/ #tpmmdi.no-js div.tpmmdi-wwyd {height:auto;} #tpmmdi.no-js div.tpmmdi-wwyd div.wwyd-scroller-window ul {width:980px;} #tpmmdi.no-js div.tpmmdi-wwyd div.wwyd-scroller-window ul li {margin-bottom:20px;} /* tpmmdi - wwyd - Content - No JS ****************/ #tpmmdi.no-js div.tpmmdi-wwyd div.wwyd-scroller-window ul {width:720px;} /* tpmmdi - Social ****************/ #tpmmdi div.tpmmdi-social {background:#f4f3eb;overflow:hidden;} #tpmmdi div.tpmmdi-social p {font-family:Georgia,Serif;font-size:87.5%;font-weight:bold;line-height:129%;margin-bottom:10px;padding-bottom:9px;} #tpmmdi div.tpmmdi-social div.box {background:#eceadb;padding:5px 10px 10px;margin-bottom:25px;} #tpmmdi div.tpmmdi-social div.box h3 {font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;margin-bottom:6px;padding-bottom:8px;} #tpmmdi div.tpmmdi-social div.box a.button {background:#8dc641;text-shadow:1px 1px #7aa442;} #tpmmdi div.tpmmdi-social div.box a.button:hover {background:#0e7a3e;text-shadow:1px 1px #0b6232;} #tpmmdi div.tpmmdi-social div.wdyd h3 {border-bottom:solid 2px #0e7a3e;color:#0e7a3e;} #tpmmdi div.tpmmdi-social div.wdyd p a {color:#0e7a3e;text-decoration:underline;} #tpmmdi div.tpmmdi-social div.wdyd p {border-bottom:solid 1px #0e7a3e;font-family:Georgia,Serif;font-size:87.5%;font-weight:bold;line-height:129%;margin-bottom:10px;padding-bottom:9px;} #tpmmdi div.tpmmdi-social div.twitter h3 {border-bottom:solid 2px #08accd;color:#08accd;} #tpmmdi div.tpmmdi-social div.twitter ul {padding-bottom:3px;} #tpmmdi div.tpmmdi-social div.twitter ul li {border-bottom:solid 1px #76c7d1;margin-bottom:7px;padding-bottom:9px;} #tpmmdi div.tpmmdi-social div.twitter ul li p {color:#222;font-family:Georgia,Serif;font-size:75%;line-height:150%;padding-bottom:3px;text-decoration:none;} #tpmmdi div.tpmmdi-social div.twitter ul li a {color:#0f7491;text-decoration:none;} #tpmmdi div.tpmmdi-social div.twitter ul li a:hover {color:#0f7491;text-decoration:underline;} #tpmmdi div.tpmmdi-social div.twitter ul li span {color:#555;font-size:69%;} #tpmmdi div.tpmmdi-social div.twitter a.button {background:#08accd;text-shadow:1px 1px #078eaa;} #tpmmdi div.tpmmdi-social div.twitter a.button:hover {background:#0f7491;text-shadow:1px 1px #0c6078;} #tpmmdi div.tpmmdi-social div.social-links ul {overflow:hidden;padding-top:5px;width:475px;} #tpmmdi div.tpmmdi-social div.social-links ul li {float:left;height:48px;margin-right:8px;width:48px;} #tpmmdi div.tpmmdi-social div.social-links ul li a {background:transparent url('../img/tpmmdi/buttons-social.png') no-repeat left top;display:block;height:48px;width:48px;} #tpmmdi div.tpmmdi-social div.social-links ul li.twitter a {background-position:left 0px;} #tpmmdi div.tpmmdi-social div.social-links ul li.twitter a:hover {background-position:left -240px;} #tpmmdi div.tpmmdi-social div.social-links ul li.facebook a {background-position:left -48px;} #tpmmdi div.tpmmdi-social div.social-links ul li.facebook a:hover {background-position:left -288px;} #tpmmdi div.tpmmdi-social div.social-links ul li.flickr a {background-position:left -96px;} #tpmmdi div.tpmmdi-social div.social-links ul li.flickr a:hover {background-position:left -336px;} #tpmmdi div.tpmmdi-social div.social-links ul li.youtube a {background-position:left -144px;} #tpmmdi div.tpmmdi-social div.social-links ul li.youtube a:hover {background-position:left -384px;} #tpmmdi div.tpmmdi-social div.social-links ul li.email {margin-right:0;} #tpmmdi div.tpmmdi-social div.social-links ul li.email a {background-position:left -192px;} #tpmmdi div.tpmmdi-social div.social-links ul li.email a:hover {background-position:left -432px;} #tpmmdi div.tpmmdi-social div.social-links ul li a span {display:block;height:0px;overflow:hidden;width:0px;} #tpmmdi div.tpmmdi-social div.sidebar {float:left;margin-right:25px;width:295px;} #tpmmdi div.tpmmdi-social div.facebook {float:left;width:595px;} #tpmmdi div.tpmmdi-social div.facebook h3 {border-bottom:solid 2px #0f7491;color:#0f7491;margin-bottom:10px;} #tpmmdi div.tpmmdi-social div.flickr_photostream_intro { margin-bottom:0px; padding-bottom: 10px} #tpmmdi div.tpmmdi-social div.flickr_photostream_intro h3 { border-bottom:solid 2px #822B90;color:#822B90; } #tpmmdi div.tpmmdi-social div.flickr_photostream_intro p {font-family:Georgia,Serif;font-size:87.5%;font-weight:bold;line-height:129%;margin-bottom:0px;} #tpmmdi div.tpmmdi-social div.flickr_photostream_intro a { text-decoration: underline; color:#822B90; } #tpmmdi div.tpmmdi-social div.flickrflash { margin-bottom:25px; } /* tpmmdi - Content - Textbox ****************/ #tpmmdi div.tpmmdi-content div.tpmmdi-textbox {border-bottom:solid 2px #adadad;width:695px;} #tpmmdi div.tpmmdi-content div.tpmmdi-textbox div.container {padding-top:0;} #tpmmdi div.tpmmdi-content div.tpmmdi-textbox p {color:#222;font-family:Georgia,Sans-Serif;font-size:87.5%;line-height:129%;margin-bottom:19px;padding-right:150px;} #tpmmdi div.tpmmdi-content div.tpmmdi-textbox p.standfirst {font-weight:bold;line-height:143%;} /* tpmmdi - Content - iasa ****************/ #tpmmdi div.tpmmdi-content div.tpmmdi-iasa div.container {overflow:hidden;padding-top:13px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa h2 {font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;line-height:80%;margin-bottom:27px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul {overflow:hidden;width:720px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul li {float:left;margin-right:25px;width:215px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul li span.number {background:transparent url('../img/tpmmdi/sprite-numbers-smaller.png') no-repeat left top;display:block;height:54px;margin-bottom:10px;width:54px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul li span.number-1 {background-position:left 0px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul li span.number-2 {background-position:left -54px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul li span.number-3 {background-position:left -108px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul li span.number span {display:block;height:0px;overflow:hidden;width:0px;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul li span.title {border-top:solid 2px #753874;color:#822b90;display:block;font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;line-height:80%;margin-bottom:11px;padding-top:9px;text-transform:uppercase;} #tpmmdi div.tpmmdi-content div.tpmmdi-iasa ul li span.detail {color:#c78dbf;display:block;font-family:'WWFRegular',Arial,Sans-Serif;font-size:130%;margin-bottom:33px;} /* tpmmdi - Content - Directory ****************/ #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.container {padding-top:0;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory p.standfirst {color:#222;font-family:Georgia,Sans-Serif;font-weight:bold;line-height:125%;} /* tpmmdi - Content - Directory - Filter ****************/ #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.filter {border-bottom:solid 1px #999;border-top:solid 1px #999;color:#555;font-family:Georgia,Sans-Serif;font-weight:bold;margin:19px 0 21px;padding:21px 0 19px;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.filter span.label {color:#E85108;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.filter ul {display:inline;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.filter ul li {display:inline;margin-left:12px;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.filter ul li a {color:#555;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.filter ul li a:hover {color:#222;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.filter ul li a.active {color:#222;text-decoration:underline;} /* tpmmdi - Content - Directory - Pagination ****************/ #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.pagination {color:#222;font-family:Georgia,Sans-Serif;font-weight:bold;text-align:right;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.pagination span {line-height:24px;margin-right:5px;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.pagination ul {display:inline;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.pagination ul li {display:inline;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.pagination ul li a {background:transparent url('../img/tpmmdi/sprite-pagination-bg.png') no-repeat left -28px;color:#222;display:inline-block;font-family:'WWFRegular',Arial,Sans-Serif;font-size:20px;font-weight:normal;height:28px;line-height:24px;text-align:center;width:28px;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.pagination ul li a:hover {background-position:left top;color:#fff;text-decoration:none;} #tpmmdi div.tpmmdi-content div.tpmmdi-wwyd-directory div.pagination ul li a.active {background-position:left top;color:#fff;text-decoration:none;} /* tpmmdi - Content - Directory ****************/ #tpmmdi div.tpmmdi-content ul.wwyd-directory {margin-top:20px;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li {background:#eceadb;color:#222;font-family:Georgia,Sans-Serif;margin-bottom:20px;overflow:hidden;position:relative;width:695px;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li a img {display:block;float:left;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li div.details {float:left;padding:7px 10px 45px;width:460px;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li div.details h3 {border-bottom:solid 2px #222;font-size:125%;font-weight:bold;line-height:110%;margin-bottom:7px;padding-bottom:6px;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li div.details p {font-size:87.5%;line-height:143%;padding-right:30px;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li div.details div.links {bottom:10px;left:225px;position:absolute;width:460px;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li div.details div.links a {margin-right:2px;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li div.details div.links a.do-it {background-color:#f57a16;bottom:0px;margin-right:0px;position:absolute;right:0px;text-shadow:1px 1px #c46212;} #tpmmdi div.tpmmdi-content ul.wwyd-directory li div.details div.links a.do-it:hover {background-color:#e85108;text-shadow:1px 1px #ba4106;} /* tpmmdi - Do ****************/ #tpmmdi div.tpmmdi-do {padding-bottom:30px;overflow:visible;} #tpmmdi div.tpmmdi-do h1 {padding-right:0;width:695px;} /* tpmmdi - Do - Article ****************/ #tpmmdi div.tpmmdi-do div.article {margin-top:20px;overflow:hidden;width:695px;} #tpmmdi div.tpmmdi-do div.article img.side {display:block;float:left;margin-right:25px;} #tpmmdi div.tpmmdi-do div.article div.body {float:left;width:450px;} #tpmmdi div.tpmmdi-do div.article div.body h2 {font-family:'WWFRegular',Arial,Sans-Serif;font-size:187.5%;line-height:107%;padding-bottom:20px;} #tpmmdi div.tpmmdi-do div.article div.body div.details {border-bottom:solid 1px #999;border-top:solid 1px #999;font-family:Georgia,Sans-Serif;font-size:87.5%;line-height:143%;margin-bottom:20px;padding:15px 0 5px;} #tpmmdi div.tpmmdi-do div.article div.body div.details h3 {font-size:143%;font-weight:bold;line-height:125%;margin-bottom:10px;} #tpmmdi div.tpmmdi-do div.article div.body div.details ul {margin-bottom:10px;} #tpmmdi div.tpmmdi-do div.article div.body div.details ul li {background:transparent url('../img/tpmmdi/glyph-list.png') no-repeat 1px 10px;padding-left:17px;} #tpmmdi div.tpmmdi-do div.article div.body div.details p {margin-bottom:10px;} /* tpmmdi - Do - Form ****************/ #tpmmdi div.tpmmdi-do div.article div.body form, div.tpmmdi-sidebar form {background:#eceadb;display:block;font-family:Georgia,Serif;padding:10px;} #tpmmdi div.tpmmdi-do div.article div.body form h3, div.tpmmdi-sidebar form h3 {border-bottom:solid 2px #222;display:block;font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;margin-bottom:10px;padding-bottom:8px;} #tpmmdi div.tpmmdi-do div.article div.body form * {vertical-align:middle;} #tpmmdi div.tpmmdi-do div.article div.body form label {font-size:87.5%;font-weight:bold;} #tpmmdi div.tpmmdi-do div.article div.body form div.amount label {font-size:125%;margin-right:5px;} #tpmmdi div.tpmmdi-do div.article div.body form div.amount label input {border:0;font-family:Georgia,Serif;font-size:125%;font-weight:bold;margin:0 0 12px 5px;padding:3px 4px;position:relative;top:3px;width:132px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #tpmmdi div.tpmmdi-do div.article div.body form span {font-size:87.5%;} #tpmmdi div.tpmmdi-do div.article div.body form div.submit, div.tpmmdi-sidebar form div.submit {border-top:solid 1px #999;margin-top:12px;padding-top:8px;text-align:right;} #tpmmdi div.tpmmdi-do div.article div.body form div.submit a.button, #tpmmdi div.tpmmdi-sidebar form div.submit a.button, #tpmmdi div.tpmmdi-do div.article div.body form input.button {background:#f57a16;text-shadow:1px 1px #c46212;} #tpmmdi div.tpmmdi-do div.article div.body form div.submit a.button:hover, #tpmmdi div.tpmmdi-do div.article div.body form input.button:hover {background-color:#e85108;text-shadow:1px 1px #ba4106;} #tpmmdi div.tpmmdi-do div.article div.body form input.button {height: auto; padding-top: 0; border:0;} /* tpmmdi - Sidebar - Hero ****************/ #tpmmdi div.tpmmdi-sidebar div.hero {background:#e9e8d7;height:504px;margin-bottom:25px;overflow:hidden;position:relative;width:215px;} #tpmmdi div.tpmmdi-sidebar div.hero img {left:0px;position:absolute;top:0px;} #tpmmdi div.tpmmdi-sidebar div.hero div.links {border-top:solid 2px #787771;left:12px;overflow:hidden;padding-top:10px;position:absolute;top:422px;width:192px;} #tpmmdi div.tpmmdi-sidebar div.hero div.links ul {width:197px;} #tpmmdi div.tpmmdi-sidebar div.hero div.links ul li {float:left;height:auto;margin-right:5px;width:auto;} #tpmmdi div.tpmmdi-sidebar div.hero div.links ul li a.do-it {background:#555555;text-shadow:1px 1px #494949;} #tpmmdi div.tpmmdi-sidebar div.hero div.links ul li a.do-it:hover {background:#222;text-shadow:1px 1px #000;} /* tpmmdi - Sidebar - Social Links ****************/ #tpmmdi div.tpmmdi-sidebar div.social-links {background:#e9e8d7;overflow:hidden;padding:5px 10px 10px;position:relative;width:195px;} #tpmmdi div.tpmmdi-sidebar div.social-links h3 {border-bottom:solid 2px #555;color:#555;font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;margin-bottom:10px;padding-bottom:8px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul {overflow:hidden;width:275px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li {float:left;height:35px;margin-right:5px;width:35px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li a {background:transparent url('../img/tpmmdi/buttons-social-sidebar.png') no-repeat left top;display:block;height:35px;width:35px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.twitter a {background-position:left 0px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.twitter a:hover {background-position:left -175px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.facebook a {background-position:left -35px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.facebook a:hover {background-position:left -210px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.flickr a {background-position:left -70px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.flickr a:hover {background-position:left -245px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.youtube a {background-position:left -105px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.youtube a:hover {background-position:left -280px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.email {margin-right:0;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.email a {background-position:left -140px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li.email a:hover {background-position:left -315px;} #tpmmdi div.tpmmdi-sidebar div.social-links ul li a span {display:block;height:0px;overflow:hidden;width:0px;} /* tpmmdi - Sidebar - Twitter ****************/ #tpmmdi div.tpmmdi-sidebar div.twitter {background:#f1f0e6;padding:5px 10px 10px;margin-bottom:25px;} #tpmmdi div.tpmmdi-sidebar div.twitter h3 {border-bottom:solid 2px #08accd;color:#08accd;font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;margin-bottom:6px;padding-bottom:8px;} #tpmmdi div.tpmmdi-sidebar div.twitter ul {padding-bottom:3px;} #tpmmdi div.tpmmdi-sidebar div.twitter ul li {border-bottom:solid 1px #76c7d1;margin-bottom:7px;padding-bottom:9px;} #tpmmdi div.tpmmdi-sidebar div.twitter ul li p {color:#222;font-family:Georgia,Serif;font-size:75%;line-height:150%;padding-bottom:3px;text-decoration:none;} #tpmmdi div.tpmmdi-sidebar div.twitter ul li a {color:#0f7491;text-decoration:none;} #tpmmdi div.tpmmdi-sidebar div.twitter ul li a:hover {color:#0f7491;text-decoration:underline;} #tpmmdi div.tpmmdi-sidebar div.twitter ul li span {color:#555;font-size:69%;} #tpmmdi div.tpmmdi-sidebar div.twitter a.button {background:#08accd;text-shadow:1px 1px #078eaa;} #tpmmdi div.tpmmdi-sidebar div.twitter a.button:hover {background:#0f7491;text-shadow:1px 1px #0c6078;} /* tpmmdi - Sidebar - Facebook ****************/ #tpmmdi div.tpmmdi-sidebar div.facebook {background:#f1f0e6;padding:5px 10px 10px;margin-bottom:25px;} #tpmmdi div.tpmmdi-sidebar div.facebook h3 {border-bottom:solid 2px #0F7491;color:#0F7491;font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;margin-bottom:6px;padding-bottom:8px;} #tpmmdi div.tpmmdi-sidebar div.facebook ul {padding-bottom:3px;} #tpmmdi div.tpmmdi-sidebar div.facebook ul li {border-bottom:solid 1px #76c7d1;margin-bottom:7px;padding-bottom:9px;} #tpmmdi div.tpmmdi-sidebar div.facebook ul li p {color:#222;font-family:Georgia,Serif;font-size:75%;line-height:150%;padding-bottom:3px;text-decoration:none;} #tpmmdi div.tpmmdi-sidebar div.facebook ul li a {color:#0f7491;text-decoration:none;} #tpmmdi div.tpmmdi-sidebar div.facebook ul li a:hover {color:#0f7491;text-decoration:underline;} #tpmmdi div.tpmmdi-sidebar div.facebook ul li span {color:#555;font-size:69%;} #tpmmdi div.tpmmdi-sidebar div.facebook a.button {background:#08accd;text-shadow:1px 1px #078eaa;} #tpmmdi div.tpmmdi-sidebar div.facebook a.button:hover {background:#0f7491;text-shadow:1px 1px #0c6078;} div.tpmmdi-sidebar form {margin-bottom:25px;} /* tpmmdi - Sidebar - Testimonials (random quote) ******/ #tpmmdi div.tpmmdi-sidebar div#tpmmdi_quotes_display { background: #F1F0E6; padding: 5px 10px 10px; margin: 25px 0px; font-family: Georgia,Sans-Serif; } #tpmmdi div.tpmmdi-sidebar div#tpmmdi_quotes_display div { margin: 6px 0px; } #tpmmdi div.tpmmdi-sidebar div#tpmmdi_quotes_display div.tpmmdi_quote_name { font-weight: bold; } #tpmmdi div.tpmmdi-sidebar div#tpmmdi_quotes_display div.tpmmdi_quote_subject { font-style: italic; } /* tpmmdi - Submit ****************/ #tpmmdi-submit {background:#ECEADB;color:#222;overflow:hidden;padding:10px 20px 20px;width:460px;} #tpmmdi-submit h2 {border-bottom:solid 2px #222;color:#222;font-family:'WWFRegular',Arial,Sans-Serif;font-size:250%;margin-bottom:10px;padding-bottom:8px;} #tpmmdi-submit form {font-family:Georgia,Serif;} #tpmmdi-submit form textarea {border:0;color:#222;font-family:Georgia,Serif;font-size:125%;font-weight:bold;height:200px;margin-bottom:20px;padding:5px;resize:none;width:450px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #tpmmdi-submit form label {color:#222;font-size:87.5%;font-weight:bold;} #tpmmdi-submit form span {float:left;font-size:87.5%;} #tpmmdi-submit form ul {float:left;margin:0 0 12px 4px;} #tpmmdi-submit form div.textboxes {clear:both;width:470px;} #tpmmdi-submit form div.textboxes input {border:0;color:#222;font-family:Georgia,Serif;font-size:125%;font-weight:bold;margin:0 10px 12px 0;padding:3px 4px;width:212px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #tpmmdi-submit form div.textboxes input.off {color:#999;padding:3px 4px;} #tpmmdi-submit form div.submit {border-top:solid 1px #999;margin-top:12px;padding-top:8px;text-align:right;} #tpmmdi-submit form div.submit a.button {background:#f57a16;color:#fff;display:inline-block;font-family:'WWFRegular',Arial,Sans-Serif;font-size:125%;height:29px;padding:6px 10px 0;text-align:center;text-transform:uppercase;width:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:1px 1px #c46212;} #tpmmdi-submit form div.submit a.button:hover {background:#e85108;text-shadow:1px 1px #ba4106;text-decoration:none;} /* tpmmdi - Thank You ****************/ .tpmmdi-thankyou .tpmmdi-content h2 {font-family:'WWFRegular',Arial,Sans-Serif;font-size:310%; margin-bottom: 15px;} .tpmmdi-thankyou .tpmmdi-content p {color:#222;font-family:Georgia,Sans-Serif;font-size:100%;line-height:130%;font-weight:bold;margin-bottom:19px;padding-right:150px;} .tpmmdi-thankyou .tpmmdi-content .button {margin-right: 10px;} /* kill footer **************/ #social_footer{display:none;} /* big fat hr for doit pages **************/ #tpmmdi hr {width: 935px; height: 0px; border-bottom: 5px solid black; padding-top: 30px;} /* tpmmdi - what more can I do box **************/ .what_more_box{background:#F1F0E6;padding:12px;} .what_more_box h3 {font-family:'WWFRegular',Arial,Sans-Serif; font-size:250%; text-transform:uppercase;} .what_more_box ul{margin-top:12px; font-size:150%; font-family:'WWFRegular',Arial,Sans-Serif;} /* tpmmdi - shareable pledge and recent ideas *************/ #tpmmdi #tpmmdi_shareable_pledge{background:none;} #tpmmdi_shareable_pledge .formrow{clear:left;} #tpmmdi_shareable_pledge .formrow img, #tpmmdi_shareable_pledge .formrow .checkbox {float:left;} #tpmmdi_shareable_pledge .textlabel {display:block;float:left; width:200px} #more_ideas_intro{width:450px; overflow:hidden;} .recent_idea{float:left;width:205px;} #tpmmdi .more_ideas.tpmmdi-social{background:none;} .more_ideas div.social-links{float:left; width:205px; float:right; margin:0px;} .intro_text{display:block; float:left; width:200px; font-size: 87.5%; font-weight: bold; font-family: Georgia,Sans-Serif;} #recent_ideas{margin-top:15px;} #tpmmdi_shareable_pledge .formrow .checkbox{margin-right:10px;margin-left:10px} #tpmmdi div.tpmmdi-social div.social-links ul li{margin:0 20px} #more_ideas_intro div.tpmmdi-social div.box {padding: 5px 0px 10px 0px;} .recent_idea .caption {float:right;} /*tpmmid - email signup box ********/ #email_form_tpmmdi input {margin:6px 0;} /*tpmmdi - app_scores*/ #waterside_scores{background-color:#F1F0E6; margin-bottom:25px; padding:5px 10px 10px;} .app_scores{color: #222222; font-family: Georgia,Serif; font-size: 75%; line-height: 150%; padding-bottom: 3px; text-decoration: none;} .app_scores th{font-weight:bold;} .app_scores {width:100%;} #tpmmdi #waterside_scores h3 { border-bottom: 2px solid #08ACCD; color: #08ACCD; font-family: 'WWFRegular',Arial,Sans-Serif; font-size: 250%; margin-bottom: 6px; padding-bottom: 8px; } /*tpmmdi - new doits with t-shirt share etc */ #tpmmdi_t-shirt_win a{text-decoration:underline;color:#006262;} #tpmmdi_t-shirt{font-size:114%;} .tpmmdi_doit_counter{ color: #F57A16; font-family: wwfregular; font-size: 150%; font-weight: bold; } #tpmmdi_t-shirt_buy{ float: left; margin-right: 20px; margin-left:8px; width: 185px; } #tpmmdi_t-shirt_win{ float: left; width: 185px; margin-left:20px; } #tpmmdi_t-shirt{ overflow:auto; width: 100%} #tpmmdi #tshirt_form input{float:right;} #tpmmdi #tshirt_form input[type=text]{border-radius: 5px; width:136px;height:25px;} #tpmmdi .value {clear:both; font-size:80%;} #tpmmdi .tpmmdi_or {float:left; margin-top:125px;} #tpmmdi #tpmmdi_shareable_pledge legend { display: block; font-family: wwfregular; font-size: 150%; padding: 12px;} #tpmmdi_shareable_pledge fieldset.tpmmdi_doit_buttons { border: 1px solid black; padding: 12px; width: 326px; } #tpmmdi #twitter-publish { background: url("http://assets.wwf.org.uk/custom/tpmmdi/img/twitter_16_px_height.png") no-repeat scroll 40px 9px #F57A16; float: right; height: 40px; line-height: 0; padding-left: 4px; padding-top: 0; text-align: left; text-shadow: 1px 1px #C46212; width: 70px; } #tpmmdi #fb-publish { background: url("http://assets.wwf.org.uk/custom/tpmmdi/img/facebook_16px_high.png") no-repeat scroll 41px 12px #F57A16; float: right; height: 40px; line-height: 0; padding-left: 4px; padding-right: 0; padding-top: 0; text-align: left; text-shadow: 1px 1px #C46212; width: 65px; } #tpmmdi #email-publish{ background: url("http://assets.wwf.org.uk/custom/tpmmdi/img/envelope_16px_high.png") no-repeat scroll 40px 14px #F57A16; border: 2px outset #D4D0C8; float: right; height: 19px; line-height: 0; padding-left: 8px; padding-top: 17px; text-align: left; text-shadow: 1px 1px #C46212; width: 60px; } #tpmmdi_t-shirt_wrapper{background-color: #ECEADB; overflow: auto; width: 100%;} #tpmmdi .email_button { background: url("http://www.wwf.org.uk/img/button_140.gif") no-repeat scroll 0 0 transparent; background: none repeat scroll 0 0 #555555; text-shadow: 1px 1px #494949; border-radius: 5px 5px 5px 5px; border: 0 none; color: #FFFFFF; cursor: pointer; font-family: 'WWFRegular',Arial,Sans-Serif; font-size: 125%; text-transform: uppercase; height: 29px; margin: 7px 0 0; width: 140px; float:right; } /* #tpmmdi .do-it { background: none repeat scroll 0 0 #555555; text-shadow: 1px 1px #494949; } #tpmmdi .button { background: none repeat scroll 0 0 #999999; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: 'WWFRegular',Arial,Sans-Serif; font-size: 125%; height: 29px; padding: 6px 10px 0; text-align: center; text-shadow: 1px 1px #7A7A7A; text-transform: uppercase; width: auto; } */ #tpmmdi a.email_button{ display: block; line-height: 31px; text-align: center; margin:41px 30px;} #T-shirt_image_container h2 {padding-left:10px;} .tpmmdi_doit_buttons .button {margin-left:4px;}