/*================================ Duck Brand ducktivity.css Last Updated By: Ryan Perry Last Updated: 12/27/2011 ================================*/ /*================================ Ducktivity Home ================================*/ #ducktivity-home {/*background:url('../images/ducktivity-home-top.jpg') no-repeat 0 0; width:692px;*/ margin:0 0 15px 0; padding:0; position:relative; } /*#ducktivity-home #bottom-cap {background:url('../images/ducktivity-home-bottom.jpg') no-repeat 0 0; height:13px; width:692px; margin:0 auto;}*/ /*---- Ducktivity Rotator ----*/ #ducktivity-rotator {height:382px; border-left:1px solid #e2e3e1; border-right:1px solid #e2e3e1; width:690px;} #ducktivity-rotator div {width:690px; height:382px;} #ducktivity-rotator div div {width:auto; height:auto;} #ducktivity-rotator-nav {position:relative; margin-top:-25px; padding-left:45px; float:left; z-index:999;} #ducktivity-rotator-nav a:link, #ducktivity-rotator-nav a:visited {display:block; float:left; width:13px; height:13px; font-size:10px; line-height:10px; padding:0; margin:0 8px 0 0; text-indent:-9999px; background:url('../images/ducktivity-rotatory-nav.png') no-repeat 0 0; position:relative; z-index:999;} #ducktivity-rotator-nav a:hover, #ducktivity-rotator-nav a.activeSlide:link, #ducktivity-rotator-nav a.activeSlide:visited, #ducktivity-rotator-nav a.activeSlide:hover {background-position:left bottom;} #ducktivity-rotator h1 {color:#268d07; font-size:42px; font-weight:bold;} #ducktivity-rotator h2 {color:#000000; font-size:30px; font-weight:normal;} #rotator {background-repeat: no-repeat; background-position: 0 0; position:relative;} #rotator .rotator-inner {padding:20px 0 0 30px;} #rotator .rotator-inner h2 {margin-bottom:20px;} #rotator .rotator-inner p {font-size:26px; color:#000000; font-weight:normal; width:310px; margin:0 0 15px 0;} #rotator .rotator-inner a {display:block; padding:30px 0 0 0; width:156px; height:0; background:url('../images/btn-try-ducktivity.png') no-repeat 0 0; overflow:hidden; position:absolute; top:320px; right:40px;} #rotator .rotator-inner a:hover {background-position:0 -30px;} #rotator-welcome-ducktivity {background:url('../images/ducktivity-rotator-bee-wallet.jpg') no-repeat 0 0; position:relative;} #rotator-welcome-ducktivity .rotator-welcome-inner {padding:20px 0 0 30px;} #rotator-welcome-ducktivity .rotator-welcome-inner a {display:block; padding:30px 0 0 0; width:156px; height:0; background:url('../images/btn-try-ducktivity.png') no-repeat 0 0; overflow:hidden; position:absolute; top:320px; right:40px;} #rotator-welcome-ducktivity .rotator-welcome-inner a:hover {background-position:0 -30px;} #rotator-feature {background:url('../images/ducktivity-rotator-hat.jpg') no-repeat 0 0; position:relative; display:none;} #rotator-feature .rotator-feature-inner {padding:20px 0 0 30px;} #rotator-feature .rotator-feature-inner a {display:block; padding:30px 0 0 0; width:156px; height:0; background:url('../images/btn-learn-more-2.png') no-repeat 0 0; overflow:hidden; position:absolute; top:320px; right:40px;} #rotator-feature .rotator-feature-inner a:hover {background-position:0 -30px;} #rotator-submit {background:url('../images/ducktivity-rotator-submit.jpg') no-repeat 0 0; position:relative; display:none;} #rotator-submit .rotator-submit-inner {padding:20px 0 0 30px;} #rotator-submit .rotator-submit-inner h2 {width:250px; margin-bottom:20px;} #rotator-submit .rotator-submit-inner p {font-size:26px; color:#000000; font-weight:normal; width:310px; margin:0 0 15px 0;} #rotator-submit .rotator-submit-inner a {display:block; padding:30px 0 0 0; width:190px; height:0; background:url('../images/btn-submit-a-ducktivity.png') no-repeat 0 0; overflow:hidden;} #rotator-submit .rotator-submit-inner a:hover {background-position:0 -30px;} /*---- Welcome ----*/ #ducktivity-home .welcome {background:transparent url('/images/duck/dtc/ducktivities/ducktivities-landing.jpg') no-repeat right 75px; min-height:300px;} #ducktivity-home .welcome h1 {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#4f9919; font-size:48px; font-weight:bold; margin:0 0 10px 0; padding:0;} #ducktivity-home .welcome h2 {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#419ac0; font-size:22px; font-weight:bold; margin:0 0 6px 0; padding:0;} #ducktivity-home .welcome p {margin:0 0 15px 0; padding:0; width:220px; font-size:16px; font-family:Helvetica, Arial, sans-serif; color:#000000;} #ducktivity-home .welcome a.submit-your-ducktivity {display:block; text-indent:-999999em; cursor:pointer; width:231px; height:30px; background:transparent url('/images/duck/dtc/ducktivities/submit-your-ducktivity.png') no-repeat 0 0;} #ducktivity-home .welcome a.submit-your-ducktivity:hover {background-position:0 -30px;} /*---- Ducktivity Listing ----*/ #ducktivity-listing {background:#f8f8f8; border-top:1px solid #e8e8e7; border-left:1px solid #e8e8e7; border-right:1px solid #e8e8e7; padding:10px 20px 13px 20px; margin:0;} #ducktivity-listing .ducktivity-category {border-bottom:1px dashed #d0cfcf; width:650px; display:inline-block; padding:0 0 10px 0; margin:0 0 10px 0;} #ducktivity-listing .ducktivity-category.last {border-bottom:none; margin:0;} #ducktivity-listing .ducktivity-category .ducktivity-category-thumb {float:left; width:175px; display:inline; margin-right:15px; border:1px solid #d0cfcf;} #ducktivity-listing .ducktivity-category .ducktivity-category-thumb img {height:148px; width:175px; display:block;} #ducktivity-listing .ducktivity-category .ducktivity-category-info {float:left; width:450px;} #ducktivity-listing .ducktivity-category .ducktivity-category-info h2 {color:#169bcc; font-size:25px; font-weight:bold; margin:0 0 10px 0;} #ducktivity-listing .ducktivity-category .ducktivity-category-info p {color:#000000; font-size:16px; margin:0 0 25px 0; } #ducktivity-listing .ducktivity-category .ducktivity-category-info a {display:block; text-indent:-999999em; width:141px; height:28px; cursor:pointer; background:transparent url('/images/duck/dtc/ducktivities/view-category.png') no-repeat 0 0;} #ducktivity-listing .ducktivity-category .ducktivity-category-info a:hover {background-position:0 -28px;} /* #ducktivity-listing .ducktivity-category.first .ducktivity-category-info a{background:url('../images/btn-submit-ducktivity.png') no-repeat 0 0; width:153px;} #ducktivity-listing .ducktivity-category.first .ducktivity-category-info a:hover {background-position:0 -24px;} */ #ducktivity-listing-bottom {width:672px; height:13px; background:transparent url('/images/duck/dtc/ducktivities/ducktivity-listing-bottom.png') no-repeat 0 0;} /*================================ Submit a Ducktivity ================================*/ #ducktivity, #ducktivity-header {width:692px; /*margin:15px auto 15px auto; padding:13px 0 0 0;*/ position:relative; margin:0 0 0 -10px;} /*#ducktivity h1, #ducktivity-header h1 {color:#268d07; font-size:42px; font-weight:bold; padding:0 42px; margin:0 0 10px 0;}*/ #ducktivity h1, #ducktivity-header h1 {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#4f9919; font-size:48px; font-weight:bold; margin:0 0 10px 0; padding:0 20px;} #ducktivity h2, #ducktivity-header h2 {color:#000000; font-size:30px; font-weight:normal; padding:0 42px;} #ducktivity p, #ducktivity-header p {padding:0 20px; color:#616060; font-size:20px; margin:0 0 20px 0;} #ducktivity #ducktivity-progress-bar {background:url('../images/ducktivity-progress-bar.png') no-repeat; width:608px; height:36px; /*margin:10px auto;*/ margin:10px 0 10px 20px;} #ducktivity #top-cap {background:url('../images/ducktivity-form-top.jpg') no-repeat 0 0; width:692px; height:13px; margin:0 auto;} #ducktivity #bottom-cap {background:url('../images/ducktivity-form-bottom.jpg') no-repeat 0 0; height:13px; width:692px; margin:0 auto;} #ducktivity #ducktivity-content {background:#f6f6f6; border-left:1px solid #e2e3e1; border-right:1px solid #e2e3e1; display:inline-block; width:650px; padding:10px 20px 13px 20px; margin:0; position:relative;} #ducktivity #ducktivity-content p {font-size:13px; color:#000000;} #ducktivity #ducktivity-content input.done {background:url('../images/btn-im-done-preview-ducktivity.png') no-repeat 0 2px; padding:30px 0 0 0; width:272px; display:block; font-size:0px; cursor:pointer; margin:0 0 10px 0; line-height:0; overflow:hidden; border:none; float:right; clear:right;} #ducktivity #ducktivity-content input.done.hover {background-position:0 -30px;} #ducktivity #ducktivity-content input.start-over {background:url('../images/btn-start-ducktivity-over.png') no-repeat 0 2px; padding:30px 0 0 0; width:272px; display:block; font-size:0px; cursor:pointer; margin:0 0 10px 0; line-height:0; overflow:hidden; border:none; float:left; clear:left;} #ducktivity #ducktivity-content input.start-over.hover {background-position:0 -30px;} /*---- Ducktivity Step ----*/ #ducktivity .ducktivity-step {border-bottom:1px dashed #d0cfcf; display:inline-block; width:600px; position:relative; padding:0 0 25px 50px; margin:0 0 25px 0;} #ducktivity .ducktivity-step .count {position:absolute; left:0px; top:0px; color:#ffffff; font-size:28px; font-weight:bold; display:block; height:38px; width:38px; background:url('../images/ducktivity-step-count-bg.gif') no-repeat 0 0; text-align:center; padding:3px 0 0 0;} #ducktivity .ducktivity-step span {display:block;} #ducktivity .ducktivity-step label {color:#169bcc; font-weight:bold; font-size:17px; margin:0 0 10px 0; display:block;} #ducktivity .ducktivity-step .text-input {border:1px inset #e4e4e4; padding:2px; width:298px; height:20px; /*font-size:13px; color:#cccccc;*/ font-size:88%; font-family:inherit;} #ducktivity .ducktivity-step textarea.text-input {height:105px; width:580px; font-family:inherit; /*font-size:13px;*/ font-size:88%;} #ducktivity .ducktivity-step .text-input.edit {color:#000000;} #ducktivity .ducktivity-step .note {display:block; font-size:10px; margin:5px 0 0 0;} #ducktivity .ducktivity-step .image {width:77px; height:77px; float:left; margin:0 10px 0 0;} #ducktivity .ducktivity-step .image img {border:1px solid #fb830d; display:block;} #ducktivity .ducktivity-step h3 {color:#169bcc; font-weight:bold; font-size:17px; margin:0 0 10px 0; padding:0; display:block;} #ducktivity .ducktivity-step .instructions {} #ducktivity .ducktivity-step .browse .text-input {margin:0 15px 0 0;} #ducktivity .ducktivity-step .browse div {background-position:0 0 !important;} #ducktivity .ducktivity-step .browse div:hover {background-position:0 -24px !important; cursor:pointer !important;} /*---- Modify Step ----*/ #ducktivity .ducktivity-step .modify {position:absolute; right:20px; width:50px; top:0;} #ducktivity .ducktivity-step .modify a {display:block; background:url('../images/ducktivity-step-modify.gif') no-repeat 0 0; height:0; overflow:hidden;} #ducktivity .ducktivity-step .modify a.edit-step {padding:44px 0 0 0; width:32px; background-position:-19px 0; margin:0 0 10px 0;} #ducktivity .ducktivity-step .modify a.delete-step {padding:44px 0 0 0; width:35px; background-position:-18px -54px;} #ducktivity #ducktivity-content .add-step {display:block; background:url('../images/ducktivity-step-modify.gif') no-repeat -10px -129px; padding:56px 0 0 0; height:0; overflow:hidden; width:49px; float:right; margin:0 28px 0 0; } #ducktivity #ducktivity-content .add-step-here {background:#f6f6f6; position:relative; float:right; width:70px; height:56px; margin:-50px 0 25px 0; padding:0 16px 0 0;} #ducktivity #ducktivity-content .add-step-here a {background:url('../images/ducktivity-step-modify.gif') no-repeat 0 -185px; display:block; width:70px; margin:0; padding:56px 0 0 0; height:0; overflow:hidden;} /*---- Modity Step - Disabled ----*/ #ducktivity .ducktivity-step .modify a.edit-step.disabled {background-position:-90px 0; cursor:default;} #ducktivity .ducktivity-step .modify a.delete-step.disabled {background-position:-89px -54px; cursor:default;} #ducktivity #ducktivity-content .add-step.disabled {background-position:-82px -129px; cursor:default;} #ducktivity #ducktivity-content .add-step-here a.disabled {background-position:-70px -185px; cursor:default;} /*---- Star Rating ----*/ .ratingStarDucktivity .ratingItem {display:block; text-indent:-999999em; width:17px; height:16px; background:url('../images/ducktivity-star-rating.gif') no-repeat 0 0;} .ratingStarDucktivity .ratingItem.Filled {background-position:0 0;} .ratingStarDucktivity .ratingItem.Saved {background-position:0 0;} .ratingStarDucktivity .ratingItem.Empty {background-position:-19px 0;} /*================================ Submit a Ducktivity - Step 1 ================================*/ #ducktivity.step-1 {} div#ducktivity.step-1 #ducktivity-progress-bar {background-position:0 0;} div#ducktivity.step-1 ol.supplies-used {list-style:none; float:left; margin:0 20px 0 0 ; padding:0;} div#ducktivity.step-1 ol.supplies-used li {margin:0 0 10px 0;} div#ducktivity.step-1 ol.supplies-used .text-input {width:190px;} div#ducktivity.step-1 #ducktivity-content input.next-step {background:url('../images/btn-describe-each-step.png') no-repeat 0 2px; padding:30px 0 0 0; width:272px; display:block; font-size:0px; cursor:pointer; margin:0 0 10px 0; line-height:0; overflow:hidden; border:none; float:right;} div#ducktivity.step-1 #ducktivity-content input.next-step.hover {background-position:0 -30px;} /*================================ Submit a Ducktivity - Step 2 ================================*/ #ducktivity.step-2 {} div#ducktivity.step-2 #ducktivity-progress-bar {background-position:0 -36px;} div#ducktivity.step-2 .ducktivity-step {padding:0 150px 35px 50px; width:450px;} div#ducktivity.step-2 .ducktivity-step p {margin:0 0 0 90px; padding:0;} div#ducktivity.step-2 .ducktivity-step textarea.text-input {margin:0 0 15px 0;} div#ducktivity.step-2 .ducktivity-step input.save-step {background:url('../images/btn-save-this-step.png') no-repeat 0 2px; padding:24px 0 0 0; width:110px; display:block; font-size:0px; cursor:pointer; margin:20px 10px 0 0; line-height:0; overflow:hidden; border:none; float:left;} div#ducktivity.step-2 .ducktivity-step input.save-step.hover {background-position:0 -24px;} div#ducktivity.step-2 .ducktivity-step input.cancel {background:url('../images/btn-cancel.png') no-repeat 0 2px; padding:24px 0 0 0; width:110px; display:block; font-size:0px; cursor:pointer; margin:20px 0 0 0; line-height:0; overflow:hidden; border:none;} div#ducktivity.step-2 .ducktivity-step input.cancel.hover {background-position:0 -24px;} /*---- Ducktivity No Step Image ----*/ div#ducktivity.step-2 .ducktivity-step.no-image {min-height:110px;} div#ducktivity.step-2 .ducktivity-step.no-image .image {display:none;} div#ducktivity.step-2 .ducktivity-step.no-image .count {left:0px;} div#ducktivity.step-2 .ducktivity-step.no-image h3 {margin-left:0;} div#ducktivity.step-2 .ducktivity-step.no-image p {margin-left:0px;} div#ducktivity.step-2 #ducktivity-content input.done {margin-top:20px;} div#ducktivity.step-2 #ducktivity-content input.start-over {} div#ducktivity.step-2 #ducktivity-content input.next-step {clear:both; background:url('../images/btn-edit-ducktivity-summary.png') no-repeat 0 2px; padding:30px 0 0 0; width:272px; display:block; font-size:0px; cursor:pointer; margin:20px 0 10px 0; line-height:0; overflow:hidden; border:none; float:left;} div#ducktivity.step-2 #ducktivity-content input.next-step.hover {background-position:0 -30px;} /*================================ Submit a Ducktivity - Step 3 ================================*/ div#ducktivity.step-3 {} div#ducktivity.step-3 #ducktivity-progress-bar {background-position:0 -72px;} div#ducktivity.step-3 #ducktivity-content {padding-top:0;} /*---- Ducktivity Overview ----*/ div#ducktivity.step-3 .overview {position:relative; display:inline-block; border-bottom:1px dashed #d0cfcf; padding:20px 20px 25px 20px; margin:0 0 25px 0;} div#ducktivity.step-3 .overview h2 {font-size:25px; font-weight:bold; color:#268d07; margin:0 0 10px 0; padding:0; width:445px;} div#ducktivity.step-3 .overview p {margin:0 0 14px 0; padding:0;} div#ducktivity.step-3 .overview ul#social-links {list-style:none; position:absolute; margin:0; padding:0; right:0; top:0px;} div#ducktivity.step-3 .overview ul#social-links li {display:inline; float:left; color:#169bcc; font-size:12px; font-weight:bold; margin:0 5px 0 0;} div#ducktivity.step-3 .overview ul#social-links li a {display:block; height:0; background:url('../images/social-links-icons.jpg') no-repeat; overflow:hidden;} div#ducktivity.step-3 .overview ul#social-links li.first {padding:15px 0 0 0;} div#ducktivity.step-3 .overview ul#social-links li.twitter a {margin:7px 0 0 0; padding:21px 0 0 0; width:22px; background-position:0 -7px;} div#ducktivity.step-3 .overview ul#social-links li.facebook a {margin:7px 0 0 0; padding:21px 0 0 0; width:22px; background-position:-26px -8px;} div#ducktivity.step-3 .overview ul#social-links li.email a {padding:31px 0 0 0; width:25px; background-position:-54px 0px;} div#ducktivity.step-3 .overview ul#social-links li.print a {padding:31px 0 0 0; width:25px; background-position:-82px 0px;} div#ducktivity.step-3 .overview .image {float:left; border:1px solid #fb830d; /*width:280px; height:184px;*/ margin:0 20px 0 0; display:inline;} div#ducktivity.step-3 .overview .image img {display:block;} div#ducktivity.step-3 .overview .info {/*margin:0 0 0 300px;*/ padding:0; margin:0; float:left;} div#ducktivity.step-3 .overview .info ul.comments {list-style:none; display:inline-block; margin:0; padding:0;} div#ducktivity.step-3 .overview .info ul.comments li {display:inline; float:left; margin:0; padding:0; } div#ducktivity.step-3 .overview .info ul.comments li.rating {margin:0 10px 0 0; padding: 2px 0 0 0;} div#ducktivity.step-3 .overview .info ul.comments li.last {border-left:1px solid #000000; margin:0 0 0 5px; padding:0 0 0 5px;} div#ducktivity.step-3 .overview .info dl {font-size:13px; color:#000000;} div#ducktivity.step-3 .overview .info dl dt {float:left; display:inline; font-weight:bold; color:#169bcc; margin:0 5px 8px 0;} div#ducktivity.step-3 .overview .info dl dd {margin:0 0 8px 0;} div#ducktivity.step-3 .overview .info dl dd p {margin:0; padding:0; display:inline;} div#ducktivity.step-3 .overview .info dl dt.supplies {display:block; float:none; margin:0;} div#ducktivity.step-3 .overview .info dl dd.supplies ul {margin:0 0 0 15px; padding:0;} div#ducktivity.step-3 .overview .info dl dd.supplies ul li {} /*---- Ducktivity Directions ----*/ div#ducktivity.step-3 .directions {padding:0 20px 50px 20px;} div#ducktivity.step-3 .directions h3 {font-size:20px; font-weight:bold; color:#268d07; margin:0 0 30px 0; padding:0;} div#ducktivity.step-3 .directions .ducktivity-step {padding:0 150px 00 0; width:585px; border-bottom:none;} div#ducktivity.step-3 .directions .ducktivity-step .count {background:url('../images/step-count.gif') no-repeat 0 0; width:26px; height:26px; font-size:19px; left:90px;} div#ducktivity.step-3 .directions .ducktivity-step .image {} div#ducktivity.step-3 .directions .ducktivity-step h3 {margin:0 0 10px 130px; padding:0; color:#169bcc; font-weight:bold; font-size:17px;} div#ducktivity.step-3 .directions .ducktivity-step.no-image p {margin-left:0px;} /*---- Ducktivity No Step Image ----*/ div#ducktivity.step-3 .directions .ducktivity-step.no-image {} div#ducktivity.step-3 .directions .ducktivity-step.no-image .image {display:none;} div#ducktivity.step-3 .directions .ducktivity-step.no-image .count {left:0px;} div#ducktivity.step-3 .directions .ducktivity-step.no-image h3 {margin-left:40px;} div#ducktivity.step-3 .directions .ducktivity-step.no-image .instructions {margin-left:0px;} div#ducktivity.step-3 #ducktivity-content input.next-step {clear:both; background:url('../images/btn-edit-ducktivity-summary.png') no-repeat 0 2px; padding:30px 0 0 0; width:272px; display:block; font-size:0px; cursor:pointer; margin:20px 0 10px 0; line-height:0; overflow:hidden; border:none; float:left;} div#ducktivity.step-3 #ducktivity-content input.next-step.hover {background-position:0 -30px;} div#ducktivity.step-3 #ducktivity-content input.start-over {} div#ducktivity.step-3 #ducktivity-content input.done {background:url('../images/btn-submit-your-ducktivity.png') no-repeat 0 2px; padding:30px 0 0 0; width:272px; display:block; font-size:0px; cursor:pointer; margin:20px 0 10px 0; line-height:0; overflow:hidden; border:none; float:right;} div#ducktivity.step-3 #ducktivity-content input.done.hover {background-position:0 -30px;} div#ducktivity.step-3 #ducktivity-content input.previous-step {background:url('../images/btn-describe-each-step.png') no-repeat 0 2px; padding:30px 0 0 0; width:272px; display:block; font-size:0px; cursor:pointer; margin:0 0 10px 0; line-height:0; overflow:hidden; border:none; float:left; clear:left;} div#ducktivity.step-3 #ducktivity-content input.previous-step.hover {background-position:0 -30px;} .preview-image {max-width:280; max-height:184;} .step-preview-image {max-width:77; max-height:77;} /*================================ Submit a Ducktivity - Step 4 ================================*/ div#ducktivity.step-4 {} div#ducktivity.step-4 #ducktivity-progress-bar {background-position:0 -108px;} div#ducktivity.step-4 #ducktivity-content {padding-top:100px; padding-bottom:100px;} div#ducktivity.step-4 #ducktivity-content p {font-size:16px;} /*================================ Ducktivity Detail ================================*/ div#ducktivity.detail {} div#ducktivity.detail #ducktivity-content {padding-top:0;} /*---- Ducktivity Overview ----*/ div#ducktivity.detail .overview {position:relative; display:inline-block; border-bottom:1px dashed #d0cfcf; padding:25px 20px 25px 20px; margin:0 0 25px 0; width:630px;} div#ducktivity.detail .overview h1 {font-size:25px; font-weight:bold; color:#268d07; margin:0 0 10px 0; padding:0; width:445px;} div#ducktivity.detail .overview p {margin:0 0 14px 0; padding:0;} div#ducktivity.detail .overview div#social-share {position:absolute; right:0; top:0;} div#ducktivity.detail .overview div#social-share ul {float:right; margin:0 0 5px 0; padding:0;} div#ducktivity.detail .overview div#social-share li {float:right; margin:0; padding:0; list-style:none; position:relative;} div#ducktivity.detail .overview div#social-share li.print {margin-right:25px; padding-top:1px;} div#ducktivity.detail .overview div#social-share li.print a {display:block; width:127px; height:20px; text-indent:-99999em; background:transparent url('/images/duck/dtc/ducktivities/btn-print.png') no-repeat 0 0;} div#ducktivity.detail .overview div#social-share li.print a:hover, div#ducktivity.detail .overview div#social-links li.print a:active {background-position:0 -20px;} div#ducktivity.detail .overview div#social-share li.facebook {margin:0 -10px 0 0;} div#ducktivity.detail .overview div#social-share li.google {margin-left:-10px;} div#ducktivity.detail .overview div#social-share li.twitter {} div#ducktivity.detail .overview div#social-share p {clear:right; text-align:center; font-size:11px;} div#ducktivity.detail .overview ul#social-links {list-style:none; position:absolute; margin:0; padding:0; right:0; top:0px;} div#ducktivity.detail .overview ul#social-links li {display:inline; float:left; color:#169bcc; font-size:12px; font-weight:bold; margin:0 5px 0 0;} div#ducktivity.detail .overview ul#social-links li a {display:block; height:0; background:url('../images/social-links-icons.jpg') no-repeat; overflow:hidden;} div#ducktivity.detail .overview ul#social-links li.first {padding:15px 0 0 0;} div#ducktivity.detail .overview ul#social-links li.twitter a {margin:7px 0 0 0; padding:21px 0 0 0; width:22px; background-position:0 -7px;} div#ducktivity.detail .overview ul#social-links li.facebook a {margin:7px 0 0 0; padding:21px 0 0 0; width:22px; background-position:-26px -8px;} div#ducktivity.detail .overview ul#social-links li.email a {padding:31px 0 0 0; width:25px; background-position:-54px 0px;} div#ducktivity.detail .overview ul#social-links li.print a {padding:31px 0 0 0; width:25px; background-position:-82px 0px;} div#ducktivity.detail .overview .image {float:left; /*border:1px solid #fb830d;*/ /*width:325px;*/ /*height:184px; margin:0 20px 0 0;*/ margin:0 15px 0 0;} div#ducktivity.detail .overview .image img {display:block; max-width:300px; border:1px solid #fb830d;} div#ducktivity.detail .overview .info {/*margin:0 0 0 335px;*/ padding:0; margin:0 -20px 0 0; float:left; position:relative;} div#ducktivity.detail .overview .info ul.comments {list-style:none; display:inline-block; margin:0; padding:0;} div#ducktivity.detail .overview .info ul.comments li {display:inline; float:left; margin:0; padding:0; } div#ducktivity.detail .overview .info ul.comments li.rating {margin:0 10px 0 0; padding: 2px 0 0 0;} div#ducktivity.detail .overview .info ul.comments li.last {border-left:1px solid #000000; margin:0 0 0 5px; padding:0 0 0 5px;} div#ducktivity.detail .overview .info dl {font-size:13px; color:#000000;} div#ducktivity.detail .overview .info dl dt {font-weight:bold; color:#169bcc; margin:0;} div#ducktivity.detail .overview .info dl dd {margin:0 0 8px 0;} div#ducktivity.detail .overview .info dl dt.supplies {display:block; float:none; margin:0;} div#ducktivity.detail .overview .info dl dd.supplies ul {margin:0 0 0 15px; padding:0;} div#ducktivity.detail .overview .info dl dd.supplies ul li {} /*---- Ducktivity Directions ----*/ div#ducktivity.detail .directions {padding:0 20px 50px 20px;} div#ducktivity.detail .directions h2 {font-size:20px; font-weight:bold; color:#268d07; margin:0 0 30px 0; padding:0;} div#ducktivity.detail .directions .ducktivity-step {padding:0 150px 00 0; width:585px; border-bottom:none;} div#ducktivity.detail .directions .ducktivity-step .count {background:url('../images/step-count.gif') no-repeat 0 0; width:25px; padding:2px 0 0 1px; height:25px; font-size:19px; left:90px;} div#ducktivity.detail .directions .ducktivity-step .image {width:auto; height:auto;} div#ducktivity.detail .directions .ducktivity-step h3 {margin:0 0 10px 90px; padding:0; color:#169bcc; font-weight:bold; font-size:17px;} div#ducktivity.detail .directions .ducktivity-step p {margin:0; padding:0;} div#ducktivity.detail .directions .ducktivity-step .instructions {margin:0 0 0 90px; padding:0;} /*---- Ducktivity No Step Image ----*/ div#ducktivity.detail .directions .ducktivity-step.no-image {} div#ducktivity.detail .directions .ducktivity-step.no-image .image {display:none;} div#ducktivity.detail .directions .ducktivity-step.no-image .count {left:0px;} div#ducktivity.detail .directions .ducktivity-step.no-image h3 {margin-left:0px;} div#ducktivity.detail .directions .ducktivity-step.no-image .instructions {margin-left:0px;} /*---- Ducktivity Comments ----*/ div#ducktivity.detail .ducktivity-comments {} div#ducktivity.detail .ducktivity-comments .ratings {width:650px; display:inline-block; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px dashed #d0cfcf;} div#ducktivity.detail .ducktivity-comments .ratings ul {list-style:none; margin:0; padding:0; font-size:12px;} div#ducktivity.detail .ducktivity-comments .ratings li {float:left; display:inline; margin:0 5px 0 0; padding:0 5px 0 0;} div#ducktivity.detail .ducktivity-comments div.comment {border-bottom:1px dashed #d0cfcf; padding:0 0 15px 0; margin:0 0 15px 0; width:650px;} div#ducktivity.detail #ducktivity-content .ducktivity-comments div.comment p {margin:0 0 10px 0; padding:0; color:#616060;} div#ducktivity.detail #ducktivity-content .ducktivity-comments div.comment p.stars {display:block; margin:0; padding:0;} div#ducktivity.detail .ducktivity-comments div.comment .posted {list-style:none; margin:0; padding:0; display:inline-block; font-size:11px;} div#ducktivity.detail .ducktivity-comments div.comment .posted li {float:left; display:inline;} div#ducktivity.detail .ducktivity-comments div.comment .posted li.first {margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #616060;} div#ducktivity.detail div#comments {float:none; width:650px; display:inline-block; padding:0;} div#ducktivity.detail div#comments .comment-rating {font-size:12px; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px dashed #d0cfcf; display:inline-block; width:650px;} div#ducktivity.detail div#comments .comment-rating p {padding:0; margin:0 5px 0 0; color:#616060; font-size:12px;} div#ducktivity.detail div#comments div.comment {border-top:none; border-bottom:1px dashed #d0cfcf; padding:0 0 15px 0; margin:0 0 15px 0; width:650px;} div#ducktivity.detail #ducktivity-content div#comments div.comment p {margin:0 0 10px 0; padding:0; color:#616060;} div#ducktivity.detail #ducktivity-content div#comments div.comment p.stars {display:block; margin:0 0 3px 0; padding:0;} div#ducktivity.detail div#comments div.comment .posted {list-style:none; margin:0; padding:0; display:inline-block; font-size:11px;} div#ducktivity.detail div#comments div.comment .posted li {float:left; display:inline;} div#ducktivity.detail div#comments div.comment .posted li.first {margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #616060;} /*================================ Ducktivity Category ================================*/ div#ducktivity.category {} div#ducktivity.category h1 {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#4f9919; font-size:48px; font-weight:bold; margin:0 0 10px 0; padding:0 20px;} div#ducktivity.category h2 {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#4f9919; font-size:25px; font-weight:bold; margin:0 0 6px 0; padding:0 20px;} /*---- Ducktivity Listing ----*/ div#ducktivity.category .ducktivity-listing {display:inline-block;} div#ducktivity.category .ducktivity-listing .info {float:left; width:400px;} div#ducktivity.category .ducktivity-listing .info p {font-size:13px; color:#000000; padding:0;} div#ducktivity.category .ducktivity-listing .image {float:right; width:210px; height:160px; overflow:hidden; border:1px solid #d0cfcf; background:#efefef; position:relative; line-height:160px;} div#ducktivity.category .ducktivity-listing .image img {display:block; max-height:160px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} div#ducktivity.category .ducktivity-listing .comments {list-style:none; margin:0; padding:0;} div#ducktivity.category .ducktivity-listing .comments li {display:inline; float:left; border-right:1px solid #268d07; padding:0 5px 0 0; margin:0 5px 0 0;} div#ducktivity.category .ducktivity-listing .comments li.last {border-right:none; width:105px;} div#ducktivity.category .ducktivity-listing .comments li.duck span {display:block; float:left; margin-top:-2px; padding:3px 0 3px 25px; background:url('../images/mini_duck.gif') no-repeat left center;} div#ducktivity.category .ducktivity-listing .comments li.rating-no-pointer div.ratingStar a {cursor:default !important;} /*---- Featured Ducktivity ----*/ div#ducktivity.category .featured {padding:20px 0; display:inline-block; /*background:url('../images/ducktivity-category-featured.png') no-repeat 0 bottom;*/ width:650px; margin:0 20px 30px 20px; border-bottom:1px solid #b6b6b6;} div#ducktivity.category .featured h3 {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#419ac0; font-size:22px; font-weight:bold; margin:0 0 6px 0; padding:0;} div#ducktivity.category .featured h3 a {color:#419ac0;} div#ducktivity.category .featured .info {width:344px;} div#ducktivity.category .featured .info .comments {margin:0 0 15px 0; display:inline-block;} div#ducktivity.category .featured .info a.view-featured-ducktivity {display:block; text-indent:-999999em; cursor:pointer; width:231px; height:30px; background:transparent url('/images/duck/dtc/ducktivities/view-featured-ducktivity.png') no-repeat 0 0;} div#ducktivity.category .featured .info a.view-featured-ducktivity:hover {background-position:0 -30px;} div#ducktivity.category .featured .image {position:relative; margin-top:-45px; border:none; background:none; width:280px; height:266px;} div#ducktivity.category .featured .image img {max-width:266px; max-height:280px; position:relative;} /*---- Ducktivity Tabs ----*/ div#ducktivity.category #ductivities {margin:0 auto; width:690px;} div#ducktivity.category #ductivities #ducktivity-tabs {list-style:none; margin:0; padding:0; position:relative; } div#ducktivity.category #ductivities #ducktivity-tabs li {display:inline; float:left; background:url('../images/ducktivity-tab-right.png') no-repeat right 0; padding:0 10px 0 0; margin:0 0 0 0; position:relative; z-index:60;} div#ducktivity.category #ductivities #ducktivity-tabs li a {display:block; background:url('../images/ducktivity-tab-left.png') no-repeat left 0; padding:5px 10px 5px 20px; font-size:17px; text-align:center; font-weight:bold; position:relative; z-index:60;} div#ducktivity.category #ductivities #ducktivity-tabs li.current {background:#00ff00;} div#ducktivity.category #ductivities #ducktivity-tabs li a.current {color:#169bcc;} div#ducktivity.category #ductivities #tab-content {background:url('../images/ducktivity-tab-content-top.gif') no-repeat 0 0; padding:13px 0 0 0; width:690px; display:inline-block; position:relative; z-index:50; margin:0 0 0 0;} div#ducktivity.category #ductivities .bottom-cap {background:url('../images/ducktivity-tab-content-bottom.gif') no-repeat 0 0; height:13px; width:690px;} div#ducktivity.category #ductivities #tab-content .tab {border-left:1px solid #e2e3e1; border-right:1px solid #e2e3e1; padding:20px; display:none; width:648px;} div#ducktivity.category #ductivities #tab-content #tab-featured {display:inline-block;} div#ducktivity.category #ductivities #tab-content .tab .pagination {color:#a1a3a0; font-weight:bold; text-align:center;} div#ducktivity.category #ductivities #tab-content .tab .pagination a {color:#a1a3a0; margin: 0 3px 0 3px;} div#ducktivity.category #ductivities #tab-content .tab .pagination a.selected {color:#268c07; text-decoration:underline;} div#ducktivity.category #ductivities #tab-content .tab .pagination a.previous {padding:11px 0 0 0; width:7px; height:0; overflow:hidden; display:inline-block; background:url('../images/pagination-arrows.gif') no-repeat 0 0;} div#ducktivity.category #ductivities #tab-content .tab .pagination a.next {padding:11px 0 0 0; width:7px; height:0; overflow:hidden; display:inline-block; background:url('../images/pagination-arrows.gif') no-repeat 0 -14px;} div#ducktivity.category #ductivities .ducktivity-listing {border-bottom:1px dashed #d0cfcf; padding-bottom:20px; margin-bottom:20px; width:648px;} div#ducktivity.category #ductivities #tab-content ul.skill-nav {list-style:none; display:inline-block; margin:-33px -20px 20px -20px; padding:0; width:690px; position:relative;} div#ducktivity.category #ductivities #tab-content ul.skill-nav li {float:left; width:25%;} div#ducktivity.category #ductivities #tab-content ul.skill-nav li a {color:#616060; font-weight:bold; font-size:14px; display:block; padding:5px 0; text-align:center;} div#ducktivity.category #ductivities #tab-content ul.skill-nav li.active a {background:#88bcdc; color:#ffffff;} div#duck-tape-club div#ducktivity .loading p {color:#A1A3A0; font-weight: bold; font-size:88%; margin:5px 0 0 0; padding:0; /*left:300px; position:absolute;*/ text-align:center;} /*================================ jQModal ================================*/ .jqmWindow {display: none; position:fixed; top: 17%; left:50%; /*margin-left:-50%;*/ background-color: #ffffff; color: #333; border: 1px solid black; padding: 12px;} .jqmOverlay { background-color: #000; } .jqmClose { display:block;} /*---- Update Modal ----*/ .jqmWindow.update-modal {text-align:center; padding:100px 0; width:400px; margin-left:-200px; } .jqmWindow.update-modal h2 {color:#268d07; font-size:30px; font-family:Arial, Helvetica, Sans-Serif; font-weight:normal;} .jqmWindow.image-modal {width:600px; margin-left:-300px; padding:18px; border:none; background:#ffffff; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; *z-index:9999;} .jqmWindow.image-modal img {display:block; margin:5px auto 0 auto; width:auto;} .jqmWindow.image-modal .modal-content {} .jqmWindow.image-modal .jqmClose {text-indent:-99999em; display:block; position:absolute; background:url('/images/duck_modal.png'); border:none; width:44px; height:44px; right:-15px; top:-15px; cursor:pointer;} /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow {position: absolute;}