ul {list-style: none;}
.clearfix {clear: both;}
.left {float: left;}
.right {float: right;}
.full {width: 100% !important; height: auto !important;}
.highlight {color: #ed2590 !important;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
p {margin: 0 0 10px 0;}
h2.title {padding: 30px 80px 10px 20px}
body {padding: 0;}
.announcement {color: #FFF; background-color: #000; padding: 5px 0 7px 0; text-align: center; font-size: 1em}
.announcement strong {color: #ED2590}
.bar_graph li.even .index {background: #ededed; border-right: 1px solid #e3e3e3}
.bar_graph li.all .index {background: #fbe7e7; border-right: 1px solid #f5d4d4}
.bar_graph .total {font-size: 0.875em; color: #333; font-weight: bold; display: block; padding: 0.2em 1.5em 0.1em 0.5em}
input.admin_path {font-size:15px !important; width:500px}
.headerWrapper {position: relative; height: 100%}
.tabs {padding: 12px 0 0 0;background-color:#D1E4EF;}
.tabs li {float: left}
.tabs li strong {padding: 3px 14px}
.tabs li a {text-decoration: none; display: block; margin: 12px 0 0 0; padding: 10px 0}
.tabs li a.active {position: relative; top: 1px; display: block; margin: 6px 0 0 0; padding: 10px; border-bottom: 1px solid #FFF}
.homepage .tabs li a {margin: 9px 0 0 0; padding: 9px 0;cursor:pointer;}
.homepage .tabs li a.active {margin: 2px 0 0 0; padding: 13px}

.homepageTab  li a {margin: 9px 0 0 0; padding: 9px 0;cursor:help;}
.homepageTab  li a.active {margin: 2px 0 0 0; padding: 13px;}

.homepage .stats {margin: 0 0 25px 0; text-align: center; background: #222; padding: 0}
.homepage .stats p {margin: 0 auto; font-size: 1.1em; color: #fff; padding: 5px 20px}
.homepage .stats p strong {color: #ed2590}
.homepage {padding: 0 0 28px 0}
.page {padding: 20px 300px 20px 50px}
.form {padding: 20px 200px 20px 50px}
.guide {padding: 20px 200px 20px 50px}
.page.guide {padding-right: 300px}
.promo {padding: 20px 50px}
.promo img.right {margin: 0 0 10px 10px}
div.urkel ul.tertiary {background-color: transparent; padding: 0}
div.urkel ul.tertiary li {margin: 0}
div.urkel ul.tertiary li a {padding: 2px 10px}
div.urkel ul.tertiary li a:hover {text-decoration: none}
div.urkel ul.tertiary li a.active {color: #ed2590; background: #f1f1f1; padding: 1px 9px; border: 1px solid #ccc}
.browse h3 {margin-top: 25px}
.browse.recent {width: 100%}
.browse.recent li {float: left; margin: 2px 5px}
.browse ul.portfolioItems li {float: left; margin: 2px 2px 0 2px}
.browse.left {width: 300px}
ul.browse.stats li {float: left; padding: 0 10px}
ul.browse.stats li.first {padding-left: 0}
.browse dl {padding: 10px 10px 0 10px; margin-bottom: 15px}
.browse dd {margin-bottom: 10px}
.browse dl dd ul {margin: 5px 0 0 10px}
.browse dl dd ul li {margin: 0}
.browse dl dt ul.featured li {font-weight: normal; line-height: 1.2em}
.browse dl dt ul.featured li a {color: #ed2590; font-size: 1.2em; line-height: 1.5em}
.browse dl dt ul.featured li.left {margin: 5px 10px 0 0}
.browse.userlist {width: 100%}
.browse.userlist dl {float: left; width: 177px; margin: 0 10px}
.browse.userlist dl li {float: none}
dl.press {position: relative; margin: 20px 0 40px 0; padding: 0 0 0 135px}
dl.press dt {position: absolute; top: 20px; left: 0}
dl.release dt {position: absolute; top: 1px; left: 0}
dl.press dd {border-left: 1px solid #ccc; padding-left: 20px; margin: 0 0 5px 0}
dl.press dd ul li.title {font-weight: bold}
dl.press dd ul li.meta {margin: 0 0 10px 0; font-style: italic}
dl.release blockquote {text-align: center; padding: 10px; font-style: italic; font-weight: bold; color: #ccc}
dl.release h4 {margin: 20px 0 0 0}
dl.release dd.info {margin: 20px 10px 0 10px; padding: 20px 10px 0 10px; border-left: 0; border-top: 1px dotted #ccc}
dl.team {position: relative; margin: 20px 0 40px 0; padding: 0 0 0 135px}
dl.team dt {position: absolute; top: 44px; left: 0}
dl.team dd {border-left: 1px solid #ccc; padding-left: 20px; margin: 0 0 5px 0}
dl.team dd ul li.name {font-weight: bold}
dl.team dd ul li.title {font-style: italic; margin: 0 0 10px 0}
.how-it-works {width: 400px; position: relative}
.how-it-works.wide {}
.how-it-works h3, .how-it-works h4 {font-size: 1.5em; color: #000}
.how-it-works dl {border-width: 0 1px 0 1px; border-style: solid; border-color: #ccc; padding: 10px; background: #fff url(/extension/crowdspring/design/crowdspring/images/global/how_it_works_arrow.gif) top right no-repeat}
.how-it-works dl.first {border-width: 1px 1px 0 1px; background: #fff}
.how-it-works dl.last {border-width: 0 1px 1px 1px}
.how-it-works dt {font-weight: bold; font-size: 1.2em}
.how-it-works dl.start-now {padding: 20px; border-bottom: 1px solid #ccc; text-align: right}
.how-it-works dl.start-now dt {font-weight: normal; float: left; width: 280px; padding-top: 5px}
.how-it-works dl dd {color: #333}
.how-it-works.refund {width: 265px; margin-right: 20px}
.how-it-works.refund.last {margin-right: 0}
.how-it-works dl.coupon {margin-top: 30px; background-image: none; border: 4px dashed #777; height: 295px; padding: 0 10px}
.how-it-works dl.coupon dt {text-align: center; font-size: 6em}
.how-it-works dl.coupon dt.zero {font-size: 2.8em}
.how-it-works dl.coupon dd {margin: 0 40px 10px}
dl.coupon dd.start_now {text-align: center; margin: 15px 0}
dl.coupon dd.start_now a.submit {padding: 5px 10px; font-size: 1.2em}
dl.coupon.start_now {clear: both}
.greybox {border: 1px solid #ccc; background-color: #f1f1f1; padding: 20px}
.benefits {margin: 10px}
.how-it-works .benefits {margin: 10px 0}
.benefits h3 {font-size: 1.5em; color: #000; margin: 40px 0 0 0}
.benefits dl {margin: 10px 0 30px 0; padding: 0 0 0 50px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/how_it_works_icons.gif) no-repeat}
.benefits.useful dl {padding-left: 60px; background-position: 10px 0}
.benefits dl.pro {background-image: url("/extension/crowdspring/design/crowdspring/images/global/how_it_works_icons_pro.gif")}
.benefits dl.ip {background-position: 0 -150px}
.benefits dl.escrow {background-position: 0 -298px}
.benefits dl.community {background-position: 0 -448px}
.benefits.useful dl.community {background-position: 0 -435px}
.benefits dl.feedback {background-position: 0 -597px}
.benefits dl.help {background-position: 0 -746px}
.benefits.useful dl.help {background-position: 0 -733px}
.benefits dl.info {background-position: 0 -896px}
.benefits.useful dl.info {background-position: 0 -883px}
.benefits dl.start_now {background: none; padding-left: 0; width: 320px; margin-right: auto; margin-left: auto}
.benefits dl.start_now dt, .benefits dl.start_now dd {float: left}
.benefits dl.coupon dd {float: none}
.benefits dl.start_now dt {margin-right: 5px}
.benefits dl.start_now dd {margin: 3px 5px 0}
.how-it-works .benefits dl {background-image: url("/extension/crowdspring/design/crowdspring/images/global/how_it_works_icons_gray.gif"); border: 0}
.benefits dt {font-weight: bold; font-size: 1.2em}
.guide div.relatedLinks {position: absolute; top: 0; right: 0; width: 250px}
.guide div.object-right {float: right; margin-left: 10px}
.guide div.object-left {float: left; margin-right: 10px}
.guide div.center {text-align: center; margin-bottom: 25px}
.sitemap {}
.sitemap_narrow {width: 615px}
.sitemap h3 {margin-top: 20px; font-size: 1.5em}
.sitemap ul li {padding-left: 3px}
.sitemap ul.wrap li {width: 275px; float: left}
.sitemap_narrow ul.wrap li {width: 250px; float: left}
.main div.seo {margin-top: 30px}
.seo div.left {width: 580px; padding: 10px}
.seo blockquote {margin: 10px 30px 30px; position: relative}
.testimonials blockquote {margin-bottom: 40px}
.testimonials blockquote.narrow {margin-left: 120px}
.testimonials dd.textCenter {margin-bottom: 25px}
.quoteLeft, .quoteRight {display: inline}
.quoteLeft {position: absolute; top: -5px; left: -35px}
.quoteRight {position: absolute; top: -5px; right: -40px}
.seo blockquote .quoteByline {display: block}
.seo div.relatedLinks {position: relative; clear: both}
.seo div.relatedLinks li {float: left; width: 250px}
.seo dl.benefits {width: 200px}
.seo dl.benefits.greybox {padding-top: 10px}
.seo dl.benefits h4 {margin: 0 0 10px}
.seo dl.benefits dd li {list-style-type: disc; margin-bottom: 20px; margin-left: 5px; font-size: 1.05em; line-height: 1.2em}
.seo dl.benefits dd.center {margin-bottom: 0; text-align: center}
.seo dl.benefits ul.customerService li {margin: 5px}
.seo dl.newsList {width: 250px}
.seo dl.newsList dd {text-align: center; margin: 10px 0}
.seo dl.imageList {width: 242px; margin-bottom: 20px}
.seo dl.imageList dd {float: left; width: 120px; margin: 5px 0}
.seo dl.imageList dd img {border: 1px solid #e1e1e1}
.main div.ebook {width: 400px}
.main div.ebook p {margin: 10px 0 20px}
.main div.ebook p span.note {color: #666; font-style: italic}
.main div.ebook div.related {border: 1px solid #ccc; background-color: #f1f1f1; padding: 10px 15px}
.ninety-nine h3 {margin-top: 10px}
.ninety-nine dl.benefits {width: 180px}
.ninety-nine div.relatedLinks {width: 610px; padding: 10px}
.ninety-nine div.relatedLinks li {width: 200px}
.ninety-nine div.sm-links {width: 220px; margin-top: 50px}
.ninety-nine div.sm-links li {float: left; width: 75px; margin-left: 25px}
.ninety-nine div.link-list {float: left; width: 400px}
.ninety-nine div.first {padding-left: 10px}
.ninety-nine div.link-list li {float: left; width: 200px}
.ninety-nine div.item-list p a {float: right}
.knowledge-base {width: 45%; height: 100px; float: left; margin: 0 3.6% 0 0}
.knowledge-base ul li {margin: 0 20px 0 0; float: left}
div#lg {height: 200px; width: 100%; position: relative}
div#lg h2.title, div#lg h2.title span.byline {text-indent: -9999px}
div#lg h2.title {padding: 80px 80px 80px 20px}
div#lg img#lg_logo {position: absolute; top: 65px; left: 140px}
div#lg img#lg_tagline {position: absolute; top: 50px; right: 160px}
div#lg p.sponsor {color: #fff; position: absolute; bottom: 0px; right: 150px}
form#lg_form {width: 400px; margin: 50px auto 0}
.details dl.promo-files dd {margin: 10px 0 0 15px}
.brief div.download {border-top: 1px solid #000; padding-top: 10px}
dl.ends {float: left; width: 600px}
ul.actions {float: right; padding: 0 0 0 12px; border-left: 2px solid #efefef}
ul.actions form {margin: 0; padding: 0}
ul.actions li button {padding: 0; font-weight: normal; font-size: 1em}
ul.actions li button.highlight {font-weight: bold}
.submissions {line-height: 1.2; padding: 30px 0}
.submissions dl {position: relative; padding: 8px; width: 150px; float: left; margin: 5px 5px 5px 4px}
.submissions dt {margin: 0 0 4px 0}
.submissions dt img {z-index: -1; width: 150px; height: 150px}
.submissions dt .submissionNumber {display: none; position: absolute; color: #999; right: 8px; top: 140px; padding: 2px; background: #efefef}
.submissions dl:hover dt .submissionNumber {display: block}
.submissions dd.award {position: absolute; top: 0; left: 0; width: 62px; height: 62px}
.submissions dd.pickme a {color: #cc3333; width: 62px; height: 62px; display: block}
.awarded {margin: 0; padding: 0}
.awarded h3 {font-size: 1.5em}
.awarded dl {text-align: left}
.awardMessage {padding: 10px}
.submissions .teaser {padding: 100px 0}
.details {margin: 30px 0; width: 290px; float: left}
.details .utilities {width: 200px}
.details dl {padding: 10px; margin: 0 0 10px 0}
.details dd span {display: block; width: 55px; float: left}
.details dd.custom a {background-color: #F4469F; color: #fff; font-weight: bold; padding: 1px 5px}
.details dd.note {color: #666; font-style: italic}
.details dd span.timezone, .details dd span.grey {display: inline; float: none}
.details dl.winner {position: relative}
.details dl.winner dd.trophy, .details dl.winner dd.user_info {text-align: center}
.details dl.winner dd.trophy img {border: 1px solid #CCC}
.details dl.winner dd.award {position: absolute; top: 35px; left: 69px; width: 62px; height: 62px}
.brief {margin: 30px 0; width: 560px; float: right; padding: 10px}
.brief a.submit {font-size: 1.2em}
.brief .addUpdate a.new {background: #f1f1f1 url("/extension/crowdspring/design/crowdspring/images/myspring/PM_buttons_bg.gif") 0 -1px no-repeat; display: block; color: #333333; text-decoration: none; background-color:#F1F1F1; border:1px solid #CCCCCC; font-weight:normal; padding:5px 10px 5px 30px; width: 71px}
.brief .addUpdate a.new:hover {background-position: 0 -32px}
.brief dl.update dt strong {background-color: #F4469F; color: #fff; padding: 2px 5px}
.brief dl.update dt strong.note {background-color: #FFFF66; color: #000}
.brief #newPublicUpdate {width: 99px}
.brief #newPrivateUpdate {width: 103px}
dd.rating {width: 39px; float: left}
ul.rating li.buyerRating {color: #666; padding: 0 12px 0 0; display: inline; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/pink-star.gif) right top no-repeat}
ul.rating li.buyer_0 {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/grey-star.gif) right top no-repeat}
ul.rating li.crowdRating {margin: 5px 0 0 0; cursor: pointer; text-indent: -9999px; float: right; width: 33px; height: 25px; background-image: url(/extension/crowdspring/design/crowdspring/images/project/vote_count.gif)}
ul.submission li.buyerRating {float: left; margin: 10px 10px 20px 0}
ul.submission li.crowdRating {float: left; margin: 10px 0 20px 10px}
ul.submission.withdrawn li, ul.rating.withdrawn li {cursor: default !important}
ul.rating li.score {text-indent: -9999px; color: #efefef; display: block; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/score-now.gif) center left no-repeat; cursor: pointer; width: 27px; height: 14px}
.rating small {display: block; width: 127px; padding: 0 20px; color: #eee}
.submissionActions {position: relative; margin: 5px 0 0 0; width: 322px}
.submissionActions ul {float: left}
.submissionActions ul li {float: left; margin: 0 0 0 5px}
.submissionActions ul li.buyerRate {position: relative; width: 104px; height: 21px; padding: 0; background: #f4469f url(/extension/crowdspring/design/crowdspring/images/project/submission-actions.gif) no-repeat; display: block; margin: 0 0 2px 0}
.submissionActions ul li.buyerRate span {position: absolute; top: 1px; left: 7px; color: #666; padding: 0 12px 0 0; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/white-star.gif) right center no-repeat}
.submissionActions ul li.iheartthis {cursor: pointer; position: relative; width: 104px; height: 21px; padding: 0; background: #24b4f1 url(/extension/crowdspring/design/crowdspring/images/project/submission-actions.gif) 0 -21px no-repeat; display: block}
.submissionActions ul li.iheartthis span {position: absolute; top: 1px; left: 4px; color: #666; display: block; width: 24px; text-align: center}
.submissionActions ul li.score {background: #f4469f url(/extension/crowdspring/design/crowdspring/images/project/submission-actions.gif) 0 -42px no-repeat}
.submissionActions ul li.score span {background: none}
.submissionActions .reportViolation {float: right; text-indent: -9999px; overflow: hidden; width: 104px; height: 21px; padding: 0; background: #efefef url(/extension/crowdspring/design/crowdspring/images/project/submission-actions.gif) 0 -63px no-repeat; display: block}
.wrapupSection {}
.wrapupThumb {width: 200px; text-align: left; padding: 0; border: none; background: transparent; margin-right: 50px}
.wrapupThumb strong {font-size: 1.2em}
.wrapupStep {width: 550px}
.wrapupStep dt {padding: 15px 0 15px 15px}
.wrapupStep dt p {font-size: .65em; font-weight: normal}
.wrapupStep dt.first {border-top: 1px solid #ccc}
.wrapupStep dt.active {}
.wrapupStep dt a.wrapupToggle {margin: 10px 10px 0 0}
.wrapupStep dd {margin: 0 10px 5px; padding: 5px; border: 1px solid #ccc}
.wrapupStep dd li {}
.wrapupStep dd li.response {float: right; margin-left: 10px}
.wrapupStep dd ul li.fileUpload {padding: 10px 0}
.wrapupStep dd span {font-weight: bold; display: block; float: left; padding: 0 5px 0 0; position: relative}
.wrapupStep .wrapupClose {height: 0; overflow: hidden}
.wrapupStep dd label {font-size: .95em; color: #666}
.wrapupStep dd input, .wrapupStep dd button, .wrapupStep dd select {margin-top: 5px}
.wrapupStep dd textarea {width: 494px}
.wrapupStep dd ul.right textarea {width: 250px}
.wrapupStep dd ul.wrapupActions li {float: right; margin-left: 10px}
.wrapupStep dd ul.wrapupActions li a.active {font-weight: bold}
.wrapupStep dd ul li.wrapupDate {text-align: right; font-size: .95em; color: #666; font-weight: normal}
.wrapupStep dd ul li.wrapupDate span {display: inline; float: none}
.wrapupStep dd li.response a.active {border: none; background: transparent; color: #000}
.wrapupStep dd li.response a {border: none; background: transparent; color: #666}
.wrapupStep dd li.submitComment {text-align: right; display: block; margin-top: 10px}
.wrapupStep dd.finishedStep {border: none; padding: 0; margin-bottom: 0}
.wrapupStep dd.finishedStep ul {border: 1px solid #ccc; padding: 5px; margin: 0 0 5px 0}
.wrapupStep dd.finishedStep ul.active {background: #f1f1f1}
.wrapupStep dd.finishedStep ul li.status {margin-bottom: 10px}
.wrapupStep dd.finishedStep ul.comments {width: 300px; border: none}
.wrapupStep dd.finishedStep ul.comments li span {float: none}
.wrapupStep dd.finishedStep ul.ratingList {width: 160px; border: none}
.wrapupStep dd.finishedStep span.timezone {display: none}
.wrapupToggle {display: block; width: 14px; height: 14px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/plusthin.gif) left center no-repeat; text-decoration: underline}
.wrapupToggle.minus {background: transparent url(/extension/crowdspring/design/crowdspring/images/global/minusthin.gif) left center no-repeat}
dl.ratingSliders {width: 185px; float: left}
dl.ratingSliders dt {font-size: .95em; color: #666; margin: 10px 0 0 0; font-weight: bold; padding: 0}
dl.ratingSliders dd {width: 183px; margin: 0; padding: 0; border: none}
dl.ratingSliders dd .sliderArea {background: #1A1A1A; width: 150px; height: 20px; float: left; margin-top: 1px}
dl.ratingSliders dd .sliderKnob {width: 20px; height: 20px; background: #00AEEF; cursor: pointer}
dl.ratingSliders dd .sliderAmount {font-weight: bold; font-size: 1.15em; width: 28px; margin: 0 0 0 4px; height: 22px; float: right}
dl.ratingSliders dd .amountLeft {font-size: .85em; float: left; width: 20px}
dl.ratingSliders dd .amountRight {font-size: .85em; float: left; margin: 0 30px 0 0; width: 20px}
dl.ratingSliders dd .amountDesc {font-size: .85em; text-align: center; float: left; width: 112px}
ul.wrapupRating {padding: 10px 0 0 0; width: 305px; float: right}
ul.wrapupRating .comment {width: 300px; height: 160px}
ul.wrapupRating .submit {float: right}
.wrapupHidden {padding: 0 0 10px 0}
.tertiary {margin-bottom: 30px; background-color: #EFEFEF; padding: 0px;}
.tertiary li {float: left; margin: 0 0px 0 0}
.tertiary li a {display: block; padding: 1px 8px; text-decoration: none;}
.tertiary li a.active {color: #fff; text-decoration: none; background-color: #1C9BC8;border:1px solid #3B3B3B;}
.pagination {margin: 10px 0 5px 0; padding: 0 2px}
.pagination li {margin: 0 5px 0 0; padding: 2px 0}
.pagination li a {display: inline; margin: 0 2px}
.pagination li button {padding: 0; font-weight: normal}
.pagination li.count {float: right; text-align: right; margin-right: 20px}
.pagination li.pages {float: right}
.pagination li.pages a {margin: 0 2px}
.pagination li a.highlight {font-weight: bold}
.pagination li.sortby {text-align: left; padding-left: 50px}
.pagelink {display: inline}
#entry-nav {padding: 5px 0}
.project_pagination {padding: 0 6px; margin: 5px 0}
.project_pagination .toggleHandle {float: left}
.project_pagination ul {float: right; text-align: right}
.project_pagination li {margin: 0 5px 0 0; padding: 2px 0; float: left}
.project_pagination li a {margin: 0 1px}
.project_pagination li a.highlight {font-weight: bold}
.project_pagination li.count {margin-right: 20px}
.activity_filter {float: left}
#sortToggle {width: 110px; float: left}
#projectToggle {width: 70px; float: left}
.toggleHandle {background: transparent url(/extension/crowdspring/design/crowdspring/images/global/plusthin.gif) left center no-repeat; text-decoration: underline; padding-left: 15px; color: #000; font-weight: bold}
.toggleHandle.minus {background: transparent url(/extension/crowdspring/design/crowdspring/images/global/minusthin.gif) left center no-repeat}
.toggleDrawer {width: 850px; background-color: #f1f1f1; padding: 8px; margin: 0 0 5px 3px; float: none}
.filters span {font-weight: bold; margin: 0 0 10px 0; display: block}
.filters li {float: left; font-weight: normal; margin: 2px 0 3px 5px}
.filters li a {margin: 0 2px}
.filters li.last {padding-right: 50px}
.filters li a.highlight, ul.sortby li a.highlight {font-weight: bold}
.starFilter {}
.watchlistPopUp .container {padding: 30px; width: 100%; height: 100%}
.watchlistPopUp .content {width: 100%; height: 100%; overflow: auto; background: #fff; padding: 10px; text-align: center}
.watchlistPopUp .content dt {font-size: 1.5em; font-weight: bold}
.watchlistPopUp .content dd {font-size: 1.2em}
.watchlistPopUp .close {position: absolute; top: 11px; left: 10px; width: 32px; height: 32px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/close_button.png) no-repeat}
.watchlistPopUp .preloader {width: 16px; height: 16px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/ajax-loader.gif) no-repeat}
#newComment {margin: 18px 0 20px 0}
.activity fieldset {border-width: 1px 0 0 0; border-style: solid; border-color: #d8d8d8; padding: 10px 0}
.activity fieldset legend {font-weight: bold; font-size: 1.6em; padding: 0 4px; margin: 0 20px; color: #000}
.activity span.date span {font-size: .75em}
.activity dl dt {position: relative; left: 1px; z-index: 1; margin: 10px 0; float: left; width: 200px}
.activity dl dt a {text-align: right; padding: 5px 35px 5px 0; line-height: 1.4; font-weight: bold; font-size: 1.1em; display: block; background-image: url(/extension/crowdspring/design/crowdspring/images/project/activity_arrow.gif); background-position: right center; background-repeat: no-repeat}
.activity dl dt a:hover {text-decoration: none }
.activity dl.open dt a {color: #555; background-color: #fcfcfc; border-width: 1px 0 1px 1px; border-style: solid; border-color: #d8d8d8}
.activity dl.open dt a span {color: #bbb}
.activity dl.contributor dt a {color: #fff; background-color: #35bde2; border-width: 0 0 0 1px; border-style: solid; border-color: #35bde2}
.activity dl.contributor dt a span {color: #B9E5FB}
.activity dl.admin dt a {color: #fff; background-color: #01a651; border-width: 0 0 0 1px; border-style: solid; border-color: #01a651}
.activity dl.admin dt a span {color: #01a651}
.activity dl.buyer dt a {color: #fff; background-color: #f445a1; border-width: 0 0 0 1px; border-style: solid; border-color: #f445a1}
.activity dl.buyer dt a span {color: #ffc3e3}
.activity dl.not-me dt a {color: #555; background-color: #fff; border-width: 1px 0 1px 1px; border-style: solid; border-color: #ed2590}
.activity dl.not-me, .activity dl.buyer, .activity dl.contributor, .activity dl.open {clear: both}
.activity dl dt a span {font-size: .85em; display: block}
.activity dl dd {position: relative; float: left; width: 648px; border: solid 1px #d8d8d8; border-top: 0; padding: 14px}
.activity dl dd.first {border-top: solid 1px #d8d8d8}
.activity dl dd dt {font-size: 1.1em; font-weight: bold; float: none; width: auto; margin: 0 0 10px 0}
.activity dl dd dt a {display: inline; padding: 0; text-align: left; background: none !important; color: #ed2590 !important; border: none !important}
.activity dl dd dd {border: none; margin: -10px 0 0 0; padding: 0; color: #555555}
.activity dl dd.image dl {float: left; width: 540px}
.activity dl dd.image dd {float: left; width: 555px}
.activity dl dd.score dl {float: left; width: 480px}
.activity dl dd.score dd {float: left; width: 465px}
.activity dl dd.rating dd {width: 460px}
.activity dl dd ul.image {float: right; width: 80px; height: 80px}
.activity dl dd ul.score {float: left; width: 80px; height: 80px; margin: 4px 0 0 0; background: #efefef}
.activity dl dd ul.score li {height: 26px !important; cursor: default}
.activity dl dd ul.rating {position: absolute; top: 10px; right: 100px; width: 79px; height: 79px; border: solid 1px #efefef; text-align: center; background-image: url(/extension/crowdspring/design/crowdspring/images/project/pink-star.gif); background-repeat: no-repeat; background-position: 40px 33px}
.activity dl dd ul.rating li {position: relative; top: 30px; margin: auto; padding: 0 10px 0 0; background: transparent}
.comments .utilities li {display: block}
.comments .utilities li.comment {width: 500px; float: none; clear: both; display: block}
.comments .utilities li.comment form {width: 500px}
.comments .utilities li div {width: 500px}
.comments h3 {clear: both; margin: 0 0 5px 0}
.comments dl {margin: 0 0 10px 0; border: none}
.comments dl dd {border: 1px solid #d8d8d8; padding: 10px 10px 3px 10px; color: #555}
.comments dl dd p.date {text-align: right; color: #b3b3b3; font-size: .9em; margin: 5px 0 0 0; font-style: italic}
.comments dl dt {position: relative; top: -1px; font-weight: bold; text-align: left; background-color: #fcfcfc; background-image: url(/extension/crowdspring/design/crowdspring/images/project/comment_arrow.gif); background-position: top left; background-repeat: no-repeat; width: 240px; margin: 0 0 0 10px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #d8d8d8}
.comments dl dt a {color: #555; display: block; padding: 5px 30px 3px 30px}
.comments dl dt a span {font-size: .95em; padding: 0 0 0 5px; color: #ffc3e3}
.comments dl dt a:hover {text-decoration: none}
.comments dl.buyer dt {background-color: #f445a1; border-color: #f445a1}
.comments dl.buyer dt a {color: #fff}
.comments dl.contributor dt span {color: #bbb}
.comments dl.contributor dd p.ownership {padding-top:10px; font-style:italic; font-size: 1em; color:#666}
.comments dl.owner {font-size: 1em}
.comments dl.owner dt {background-color: #35BDE2; border-color: #35BDE2}
.comments dl.owner dt a {color: #fff}
.comments dl.owner dt a span {color: #B9E5FB}
.comments dl.admin dt {background-color: #01a651; border-color: #01a651}
.comments dl.admin dt a {color: #01a651}
#commentBox, .updateBox {clear: both; margin: 0 0 10px 0; padding: 20px; background: #f1f1f1}
#commentBox textarea {padding: 10px; width: 816px; height: 75px; margin: 0 0 10px 0}
#commentBox .buttonBlock {width: 836px; display: block; padding: 0 20px 0 0}
#commentBox.submissionComment textarea {width: 438px}
.updateBox {margin-top: 10px}
.updateBox textarea {padding: 10px; width: 508px; height: 75px; margin: 0 0 10px 0}
div.avatar {width: 200px; text-align: center}
.bio {width: 200px}
.bio h3 {line-height: 1em; margin-top: 20px; margin-bottom: 4px}
.bio h4 {color: #2e7ea0; font-size: 1.2em}
.bio dl {border: 1px solid #ccc; background-color: #f1f1f1; padding: 5px 10px; margin-bottom: 10px}
.bio .profile dd {margin-left: 0}
.bio dd span {display: block; font-weight: bold}
.bio dd span.timezone {display: inline; font-weight: normal; font-size: .75em}
.bio div.biotext {margin-bottom: 30px}
.ratings {margin: 0; line-height: 1em}
table.ratings {line-height: 1.6em; margin-bottom: 0}
.ratings dt {font-weight: bold; margin: 6px 0 4px}
td.average {font-weight: bold}
.ratings dd {font-size: .95em; margin: 2px 0 4px; text-align: right}
.ratings dd span {text-align: left; float: left; display: block; font-weight: normal}
.ratings dd.avg {font-size: 1.05em}
.ratingOverall {width: 260px; float: left; background-color: #fff; border: 1px solid #ccc; padding: 0 5px 10px}
.ratingActivity {width: 520px; float: right; margin-left: 20px; background-color: #fff; border: 1px solid #ccc; padding: 0 10px 10px}
.ratingOverall h4, .ratingActivity h4 {font-size: 1.5em}
.ratingOverall .ratings, .ratingActivity .ratings {font-size: 1em}
.ratingActivity table {width: 250px; float: left}
.ratingActivity table.first {margin-right: 20px}
#ratingList table.projects th.project {width: 500px}
#ratingList span.ratingLink {color: #1c9bc8; text-decoration: none; width: 11px; height: 15px; display: block; cursor: pointer; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/plusminus_blue.gif) no-repeat scroll 0 3px; font-size: 0em; float: left}
#ratingList span.minus {background-position: 0 -16px}
#ratingList td.top {vertical-align: top}
.ratingComment div.right, .ratingComment div.left {padding: 10px 5px}
.ratingComment div.right {width: 300px}
.userinfo {width: 650px}
.userinfo .submissions {padding: 10px 0}
.userinfo .portfolio {border-top: 5px solid #B8B8B8; width: 100%; padding-bottom: 0}
.userinfo .submissions dl {margin: 0 20px 10px 20px}
.userinfo td.project {padding-right: 3px}
.userinfo td.category, .userinfo th.category {padding-left: 3px; width: 150px}
.watchlists {margin: 40px 0 0 0}
.watchlists h3 {font-size: 1.65em; padding: 0 0 2px}
.watchlists a.all {margin-top: 8px}
.watchlists ul.statusNav {border-bottom: 2px solid #1C9BC8; margin-top: 10px}
.watchlists ul.statusNav li {float: left; margin-right: 2px}
.watchlists ul.statusNav li a {font-size: 1.5em; padding: 5px 10px 4px; background-color: #ececec}
.watchlists ul.statusNav li a.active {color: #fff; background-color: #1C9BC8; font-weight: bold}
.watchlists th.project, .watchlists td.project {width: 400px; padding-right: 0}
.watchlists th.category, .watchlists td.category {width: 120px; text-align: center; padding-left: 0}
.watchlists th.award, .watchlists td.award {width: 50px}
.watchlists th.time, .watchlists td.time {width: 60px}
.watchlists th.status, .watchlists td.status {width: 50px; text-align: center}
.watchlists th.sub, .watchlists td.sub {width: 50px}
.watchlists th.delete, .watchlists td.delete {width: 50px; text-align: center}
.projects, .notifications {margin: 0 0 25px 0}
.projects th, .notifications th, .messages th {color: #efefef}
.projects td {}
.projects th.description {width: 280px}
.winningSubmissions {margin: 0 0 25px 0}
.winningSubmissions a {display: block; float: left}
.winningSubmissions a img {width: 75px; height: 75px; margin: 2px}
.submissionInfoTip-tip {overflow: visible; width: 211px; text-align: left; color: #333; background: transparent url("/extension/crowdspring/design/crowdspring/images/myspring/submission_tip_bg.gif") top right no-repeat}
.submissionInfoTip-tip div {}
.submissionInfoTip-tip div.submissionInfoTip-title {color: #ff0066; font-weight: bold; background: none; padding: 3px 0 0 16px}
.submissionInfoTip-tip div.submissionInfoTip-text {padding: 0 0 6px 16px}
.sortable .alt {background-color: #f1f1f1;}
.sortable th span {padding-right: 10px;}
.sortable th.desc a {background: url("/extension/crowdspring/design/crowdspring/images/global/sort_arrows_desc.gif") no-repeat scroll right center}
.sortable th.asc a {background: url("/extension/crowdspring/design/crowdspring/images/global/sort_arrows_asc.gif") no-repeat scroll right center}
.sortable th a:hover {text-decoration: underline}
.sortable .hidden {display: none;}
.notifications td {border-bottom: none; width: 270px}
.notifications .notifysettings {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%}
.notifysettings {text-align: center; height: 24px; padding: 5px}
.notifysettings li {float: left; padding: 2px 5px; width: 90px}
.notifysettings li.desc {width: 450px; text-align: left}
.notifysettings li.update {width: 70px}
.profile dt {font-weight: bold}
.profile dt.left {margin-right: 15px}
.profile dd {margin: 0 0 10px 20px}
.rss {width: 250px}
#pmForm .login {width: 700px}
#pmForm .login textarea {margin-right: 84px}
.utilities {width: 700px; margin: 10px 0 20px}
.utilities li {float: left; margin: 0 30px 0 0; padding: 0}
.utilities li div {width: 878px}
.utilities li.new {margin: 0 40px 0 0}
.utilities li.reply {margin: 0 0 0 0}
.utilities li.replyall {margin: 0 0 0 0}
.utilities li.forward {margin: 0 20px 0 0}
.utilities li.delete {margin: 0 0 0 20px}
.utilities li.spam {margin: 0; position: absolute; top: 79px; right: 20px; float: none}
.utilities li#spamBottom {position: relative; top: 0; right: 0; float: left}
.utilities li a {color: #666; background-color: #f1f1f1; padding: 5px 10px 5px 30px; border: 1px solid #ccc; font-weight: normal; font-size: 1em; font-family: arial, verdana, helvetica, sans-serif}
.utilities li button {color: #666; height: 31px; text-align: left; border: 1px solid #ccc; font-weight: normal; font-size: 1em; font-family: arial, verdana, helvetica, sans-serif}
.utilities li a:hover {text-decoration: none; color: #333}
.utilities li button:hover {text-decoration: none; color: #333}
.utilities li form.updateBox button.submit, .utilities li form#commentBox button.submit {color: #FFF}
.utilities li form.updateBox button:hover, .utilities li form#commentBox button:hover {color: #FFF}
.utilities li a.inactive, .utilities li button.inactive {text-decoration: none; color: #999; cursor: default}
.utilities li.new a {background: #f1f1f1 url("/extension/crowdspring/design/crowdspring/images/myspring/PM_buttons_bg.gif") 0 -1px no-repeat; display: block}
.utilities li.new a:hover {background-position: 0 -32px}
.utilities li.new a.inactive {background-position: 0 -63px}
.utilities li.reply a {background: #f1f1f1 url("/extension/crowdspring/design/crowdspring/images/myspring/PM_buttons_bg.gif") -230px -1px no-repeat; display: block; padding-left: 20px}
.utilities li.reply a:hover {background-position: -230px -32px}
.utilities li.reply a.inactive {background-position: -230px -63px}
.utilities li.replyall a {background: #f1f1f1 url("/extension/crowdspring/design/crowdspring/images/myspring/PM_buttons_bg.gif") -310px -1px no-repeat; display: block; padding-left: 27px; border-width: 1px 0}
.utilities li.replyall a:hover {background-position: -310px -32px}
.utilities li.replyall a.inactive {background-position: -310px -63px}
.utilities li.forward a {background: #f1f1f1 url("/extension/crowdspring/design/crowdspring/images/myspring/PM_buttons_bg.gif") -411px -1px no-repeat; display: block; padding-left: 20px}
.utilities li.forward a:hover {background-position: -411px -32px}
.utilities li.forward a.inactive {background-position: -411px -63px}
.utilities li.delete a {background: #f1f1f1 url("/extension/crowdspring/design/crowdspring/images/myspring/PM_buttons_bg.gif") -139px -2px no-repeat; padding: 6px 0px 7px 30px; width: 80px}
.utilities li.delete a:hover {background-position: -139px -33px}
.utilities li.delete a.inactive {background-position: -139px -63px}
.utilities li.delete form button {background: #f1f1f1 url("/extension/crowdspring/design/crowdspring/images/myspring/PM_buttons_bg.gif") -139px -2px no-repeat; padding: 6px 0px 7px 30px; width: 80px}
.utilities li.delete form button:hover {background-position: -139px -33px}
.utilities li.delete form button.inactive {background-position: -139px -63px}
.utilities li.spam form button {background: transparent url("/extension/crowdspring/design/crowdspring/images/myspring/PM_buttons_bg.gif") -502px -1px no-repeat; padding: 6px 0px 7px 18px; width: 105px}
.utilities li.spam form button:hover {background-position: -502px -32px}
.utilities li.spam form button.inactive {background-position: -502px -63px}
.utilities.selected {margin: 10px 0}
.utilities.selected li.delete {margin: 0}
.messages th.subject {width: 50%}
.messages th.to {width: 150px}
.messages td.subject a {color: #666}
.messages td.subject a.active {color: #1c9bc8}
.messages td.deleteMsg {width: 50px}
.messages td.deleteMsg button {padding: 0}
.messages th.select, .messages td.select {width: 50px; text-align: center}
.message li {margin: 5px 0}
.message h3 {margin-bottom: 0}
.message p {float: right; width: 746px; padding: 10px; background-color: #fff; border: 1px solid #ccc; margin-bottom: 0}
.expand {padding: 0}
.expand .message {display: none; border-bottom: 1px solid #ccc}
.messageInfo {padding: 0 0 5px 0; margin-top: 0}
.messageInfo li {margin: 0 0 10px 0; line-height: 1em}
.messageInfo li strong {text-align: right; width: 60px; margin: 0 10px 0 0; display: block; float: left}
.messageInfo li input.text {width: 550px}
.deleteMsg {}
fieldset.compose {padding: 10px; background: #efefef; border: #ccc 1px solid}
fieldset.compose label {font-weight: bold; width: 60px; text-align: right; float: left; margin: 0 10px 0 0}
fieldset.compose input {width: 765px; margin: 0 0 10px 0}
fieldset.compose textarea {width: 765px; margin: 0 0 10px 70px}
fieldset.compose p {width: 325px; margin: -10px 0 10px 70px; font-size: .95em; font-style: italic}
fieldset.compose button.submit {float: right; margin: 0 20px 0 0}
fieldset.compose a.cancel {text-decoration: underline; color: #7f7f7f; float: right; margin: 5px 30px 0 0}
.message.error {padding: 16px; color: #d14848; background: #fce8e8; border: 1px solid #f9c8c8}
.message.error h3 {font-size: 2em; color: #ea4040}
#postProjectChoices {width: 820px; position: relative; border: 1px solid #dadada; background-color: #f1f1f1; margin: 10px 20px 20px; height: 300px}
#postProjectChoices dl {width: 649px; position: absolute; top: 0; left: 170px; z-index: 0; background-color: #fff; border-left: 1px solid #dadada; height: 300px}
#postProjectChoices dl dt {position: absolute; top: 10px; left: -123px; color: #666; font-size: 1.2em}
#postProjectChoices dl dd a {position: absolute; left: -140px; z-index: 1; background-color: #fff; width: 138px; display: block; font-size: 1.15em; border-width: 1px 0 0 1px; border-color: #dadada; border-style: solid}
#postProjectChoices dl dd a.active {color: #fff; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/postproject-arrow.gif) top left no-repeat; font-weight: bold; width: 163px; border: none; height: 43px}
#postProjectChoices dl dd a:hover {background: #D42171 url(/extension/crowdspring/design/crowdspring/images/global/post_project_button_bg.gif) top left repeat-x; color: #fff; text-decoration: none}
#postProjectChoices dl dd a strong {padding: 9px 0 0 15px; display: block; height: 32px; width: 123px; font-weight: normal}
#postProjectChoices dl dd a.active strong {font-weight: bold}
#postProjectChoices dl dd a:hover strong {width: 124px}
#postProjectChoices dl dd a.active:hover {background: transparent url(/extension/crowdspring/design/crowdspring/images/global/postproject-arrow.gif) top left no-repeat}
#postProjectChoices dl dd a#graphicDesign {top: 40px}
#postProjectChoices dl dd a#webDesign {top: 81px}
#postProjectChoices dl dd a#industrialDesign {top: 122px}
#postProjectChoices dl dd a#photo {top: 163px; border-bottom: 1px solid #dadada}
#postProjectChoices dl dd a#photo.active {border-bottom: none}
#postProjectChoices dl dd ul.subcategory {position: absolute; top: 15px; left: 30px; z-index: 0; display: none}
#postProjectChoices dl dd ul.subcategory li {float: left; display: block; width: 290px; padding: 5px 10px 10px 0}
#postProjectChoices dl dd ul.subcategory li label {font-weight: normal; font-size: 1.1em}
#postProjectChoices dl dd ul.subcategory li small {font-size: .95em; color: #333; margin-left: 17px}
#postProjectChoices dl dd ul.show {display: block}
#postProjectChoices p.dont_see {position: absolute; bottom: -30px; right: 0; text-align: right}
.post-project {padding: 10px 20px 20px 20px; background: #f8f8f8; border: 1px solid #e6e6e6; margin: 0 0 0 0}
.post-project h3 {font-size: 1.4em; margin: 0 0 8px 0}
.post-project dt {width: 152px; font-size: 1.1em; font-weight: bold}
.post-project dl {margin: 0 6px 0 0; padding: 10px 14px; background: #fff; border: 1px solid #dadada; min-height: 160px}
.post-project dl.type {min-height: 65px; margin: 0 0 6px 0}
.post-project ul {float: left}
.post-project ul.last {margin: 0 0 0 20px}
.post-project li {margin: 0 0 4px 0}
.post-project li a {margin: 0 0 0 10px}
.post-project small {color: #8f8f8f}
.post-project .writing {margin: 0}
.post-project h3 a {font-size: .8em}
.post-project h4 {font-size: 1.2em; margin: 20px 0 0 0}
.post-project .post_types {margin: 15px 0 0 0; padding-top: 15px}
.post-project .post_types dl {position: relative; width: 380px; min-height: 100px; float: left; padding: 12px 13px; background: #fff; border: 1px solid #dadada}
.post-project .post_types ul {list-style: disc; margin: 0 0 0 17px}
button.postproject {margin: 0 20px 0 0}
.submission {width: 360px; margin-top: 5px}
.submission h4 {width: 320px; font-size: 1.2em}
.submission h4 .byline {color: #666; font-size: .8em; padding-left: 5px}
.submission h4 .byline a {color: #666}
.submission h4 a.edit {font-size: .8em; padding-left: 5px}
.submission div.award {position: absolute; top: 0; left: 0; width: 62px; height: 62px}
.submission p.center {position: relative; text-align: center}
.submission p.center .submissionNumber {position: absolute; color: #999; right: -2px; bottom: 0; padding: 2px; background: #efefef}
.submissionNav {padding-top: 20px; margin-bottom: 10px}
.submissionNav li {float: left; margin: 0 5px 10px 5px; width: 80px}
.submissionNav li a {line-height: 1em}
.submissionNav li img {border: 5px solid #f1f1f1}
.submissionNav li.active img {border-color: #333}
.submissionNav li#first, .submissionNav li#last {background-color: transparent}
.submissionNav li#last {float: right; text-align: right}
.portfolioInfo {width: 500px; margin-top: 27px}
.portfolioInfo dl {margin-bottom: 10px}
.portfolioInfo dt {font-weight: bold; font-size: 1.1em}
.portfolioInfo dd {padding: 0 0 10px 0}
.details h4 small {font-weight: normal; margin-top: 2px}
.details a.trash {float: right}
.portfolio {width: 360px; padding-top: 0}
.portfolio li {margin: 0; width: 90px; text-align: left}
.portfolio li.last {text-align: right; float: right}
.submissionImage {position: relative; border: 1px solid #ccc; height: 300px; width: 300px; padding: 10px}
.submissionImage span.image {height: 300px; width: 300px; display: block}
.submissionImage .submissionNumber {position: absolute; bottom: 0; right: 0; background: #fff; color: #666; border: 1px solid #ccc; border-right: none; border-bottom: none; padding: 0 6px}
.ratings li {float: left; width: 50px; height: 50px; border: 3px solid #ccc; background-color: #fff; margin-right: 5px; text-align: center}
span.ratingLabel {text-transform: uppercase; font-size: .9em}
.otherSubmissions {margin-top: 15px}
.otherSubmissions li {float: left; width: 75px; height: 75px; margin: 5px 5px 0 0; border: 5px solid #f1f1f1}
.details_right_col {width: 530px; float: right}
.details_left_col {width: 340px; float: left; clear: both}
.helpsection {margin-bottom: 40px}
.helpsection dt {font-weight: bold; font-size: 1.2em; margin-bottom: 10px; border-bottom: 1px solid #ccc}
.helpsection dt a {color: #000}
.helpsection h3 {font-size: 1em; font-weight: normal; color: #000; cursor:pointer !important}
.helpsection .helpLink {cursor: pointer; color: #000; line-height: 2}
.helpsection .helpText {padding: 20px; background: #efefef}
.helpsection .helpText li {margin-bottom: 10px}
.show {display: block}
.hide {display: none}
.even {background-color: #f4f4f4}
.odd {}
.searchError {margin: 20px 0}
.searchError h4 {font-size: 1.5em}
.back {padding-bottom: 0 !important}
.newsearch {margin: 40px 10px 0 0}
dl.screencast {float: right}
dl.screencast dt {font-weight: bold; font-size: 1.2em}
dl.screencast dd {}
ul.slider {position: relative; top: 25px; margin: 60px auto; padding: 0 43px; width: 715px; height: 75px; overflow: hidden; clear: both}
ul.slider:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
ul.slider ul.thumbs {top: 0; position: absolute; float: left}
ul.slider ul.thumbs li {margin: 0 5px 0 0; float: left; position: relative}
li span.no {width: 75px; height: 75px; display: block; background: #f1f1f1}
ul.slider img {width: 73px; height: 73px; border: 1px solid #ccc}
ul.slider a.active img {border: 2px solid #f409a3; width: 71px; height: 71px}
ul.slider .next, .previous {z-index: 1; position: absolute; color: #fff; font-weight: bold; width: 38px; height: 75px; cursor: pointer}
ul.slider .next {top: 0; right: 0; background: #fff url(/extension/crowdspring/design/crowdspring/images/project/bt_next.gif) left center no-repeat}
ul.slider .previous {top: 0; left: 0; background: #fff url(/extension/crowdspring/design/crowdspring/images/project/bt_previous.gif) right center no-repeat}
ul.slider .number {position: absolute; top: 10px; left: 10px; color: #fff; font-weight: bold}
ul.slider .loading {background: transparent; text-align: center; position: relative; left: -30px; width: 775px; height: 100%; z-index: 1; font-size: 2em; font-weight: bold; padding: 20px 0}
ul.slider.entry {margin: 0 auto 60px;}
.banners dd {margin: 10px 0}
.banners dd textarea {width: 100%; height: 75px}

.user_info {text-align: right; float: right; width: 110px; position: relative}
.user_info a {color: #666; position: relative}
.user_hover_container {z-index: 1; overflow: visible; width: 211px; text-align: left; color: #333; background: transparent url("/extension/crowdspring/design/crowdspring/images/myspring/user_hover_tip_bg.gif") top right repeat-y}
.user_hover_container .username {font-weight: bold}
.user_hover_container .top {height: 32px; background: transparent url("/extension/crowdspring/design/crowdspring/images/myspring/user_hover_tip_top.gif") top left no-repeat}
.user_hover_container .bottom {height: 2px; background: transparent url("/extension/crowdspring/design/crowdspring/images/myspring/user_hover_tip_bottom.gif") bottom right no-repeat}
.user_hover_container ul {position: absolute; top: 2px; left: 16px}
.user_hover_container .closeButton {cursor: pointer; position: absolute; text-indent: -9999px; top: 0; right: 1px; width: 20px; height: 20px; background: transparent url("/extension/crowdspring/design/crowdspring/images/myspring/pm_modal_close.gif") top left no-repeat}
#contact_list dl {position: relative; width: 90px; height: 100px; float: left; padding: 0 0 0 85px}
#contact_list dl dt {font-weight: bold}
#contact_list dl dd.avatar {position: absolute; top: 0; left: 0}
#contact_list dl dd.actions a.trash {width: 20px; margin-top: 5px}
#contact_list h3 {margin: 0 0 20px 0}
.contact_new #commentBox input {width: 100%}
.submissionHearts {padding: 15px 0 0 0; position: relative; width: 321px; top: -4px}
.submissionHearts.bar {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/heart-monitor-bg.gif) 0 4px repeat-x}
.submissionHearts #heart-nubbin {cursor: pointer; display: none; position: absolute; text-indent: -9999px; overflow: hidden; top: 0px; left: 147px; width: 30px; height: 15px}
.submissionHearts #heart-nubbin.open {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/heart-nubbin.gif) no-repeat}
.submissionHearts #heart-nubbin.close {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/heart-nubbin.gif) 0 -16px no-repeat}
.submissionHearts #heart-monitor {display: none; height: 245px}
.submissionHearts #heart-monitor ul li {padding: 3px 6px; border-bottom: 1px solid #ccc}
.submissionHearts #heart-monitor ul li img {float: left}
.submissionHearts #heart-monitor ul li a {margin: 5px; float: left}
.submissionHearts #heart-monitor ul li span {font-size: .85em; color: #888; margin: 7px 0; float: right}
.submissionHearts #heart-monitor .loading {text-indent: -9999px; overflow: hidden; width: 100%; height: 235px; background: #fff; position: absolute; background: #fff url(/extension/crowdspring/design/crowdspring/images/global/ajax-loader.gif) center center no-repeat}
.submissionHearts #heart-monitor .message, .submissionHearts #heart-monitor .login {font-weight: bold; font-size: 1.25em; text-align: center; padding: 93px 0}
.submissionHearts #heart-monitor .message {cursor: pointer}
.submissionHearts #heart-monitor li.header {font-size: .9em}
.submissionHearts #heart-monitor .action {text-align: center; background: #2ac4f1; padding: 2px 2px 10px 2px}
.submissionHearts #heart-monitor .action a {color: #000; display: inline; padding: 1px 6px; margin: 0 1px; text-decoration: none; background: #f8fdfe}
.submissionHearts #heart-monitor .action a:hover {text-decoration: underline; background: #f8fdfe}
.submissionHearts #heart-monitor .action a:focus {outline: none}
.submissionHearts #heart-monitor .currentUser {display: none}
.submissionHearts #heart-monitor .pagination {background: #2ac4f1; margin: 0; padding: 0; width: 100%; position: absolute; bottom: 0}
.submissionHearts #heart-monitor .pagination .next {cursor: pointer; color: #fff; float: right; padding: 0 10px 0 0; margin: 0 10px; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/next-arrow.gif) center right no-repeat}
.submissionHearts #heart-monitor .pagination .previous {cursor: pointer; color: #fff; font-weight: normal; float: left; position: static; display: inline; height: auto; padding: 0 0 0 10px; margin: 0 10px; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/prev-arrow.gif) center left no-repeat}
.submissionHearts #heart-monitor .pagination .next:focus, .submissionHearts #heart-monitor .pagination .previous:focus {outline: none}
#projectAwards {margin: 10px; width: 350px; float: left}
#projectAwards .note {font-size: .9em}
#projectAwards table {border-collapse: collapse}
#projectAwards td {padding: 0; border-bottom: 4px solid #fff}
#projectAwards td.title {padding: 3px 4px 0 4px; width: 160px}
#projectAwards td.action {width: 60px; padding: 3px 4px 0 4px}
#projectAwards td.input {width: 70px}
#projectAwards td.input input {width: 50px; margin: 0; padding: 2px}
#projectAwards tr.totals td {font-weight: bold; background: #efefef}
#projectAwards td.action a.delete-award {background:transparent url(/extension/crowdspring/design/crowdspring/images/global/remove-icon.gif) no-repeat scroll 0 0; color: #fff; display: block; font-size: 0; height: 19px; margin-left: 0; text-indent: -9999px; width: 19px}
#projectAwards .awardSuggest {position: absolute; top: 60px; right: 0}
#callout {float: right; width: 170px; font-weight: bold; font-size: .9em; color: #666; margin: 5px 0}
.awardSuggest {float: right}
.ColorBars table {width: 450px}
.ColorBars table#awards-fees {width: 333px}
.ColorBars td.alert {color: #fff; text-align: center; font-weight: bold; width: 100px; border-left: 3px solid #fff; padding: 3px 2px 0 2px !important}.buttonBlock {text-align: center; margin: 10px 0}
button {cursor: pointer; border: 0; background: none; font-weight: bold; padding: 5px; margin: 0}
button.small {padding: 2px 5px; font-size: .95em}
button a, button a:hover {text-decoration: none}
button.standard:hover, button.negative:hover, button.submit:hover {background-position: bottom left}
button.standard, button.standard a {color: #0c7ca0}
button.standard:hover, button.standard:hover a {color: #041e26}
button.standard {border: 1px solid #d6d6d6; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/button_white.gif) top left repeat-x}
button.standard:hover {border: 1px solid #9ac5db}
button.negative, button.negative a {color: #fff}
button.negative {border-top: 1px solid #ed6e6e; border-bottom: 1px solid #a93030; border-left: 1px solid #ce5050; border-right: 1px solid #be3636; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/button_red.gif) top left repeat-x}
button.negative:hover {border-top: 1px solid #940000; border-bottom: 1px solid #6c0000; border-left: 1px solid #9b1e1e; border-right: 1px solid #830000}
button.submit, button.submit a {color: #fff}
button.submit {border-top: 1px solid #64c3e2; border-bottom: 1px solid #26819e; border-left: 1px solid #45a1c0; border-right: 1px solid #2a91b2; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/button_blue.gif) top left repeat-x}
button.submit:hover {border-top: 1px solid #599eb5; border-bottom: 1px solid #2d99bd; border-left: 1px solid #46a4c4; border-right: 1px solid #2886a5}
a.submit {text-decoration: none; color: #fff; font-weight: bold; padding: 5px; margin: 0; border-top: 1px solid #64c3e2; border-bottom: 1px solid #26819e; border-left: 1px solid #45a1c0; border-right: 1px solid #2a91b2; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/button_blue.gif) top left repeat-x}
a.submit:hover {text-decoration: none; border-top: 1px solid #599eb5; border-bottom: 1px solid #2d99bd; border-left: 1px solid #46a4c4; border-right: 1px solid #2886a5; background-position: bottom left}
a.negative {text-decoration: none; color: #fff; font-weight: bold; padding: 5px; margin: 0; border-top: 1px solid #ed6e6e; border-bottom: 1px solid #a93030; border-left: 1px solid #ce5050; border-right: 1px solid #be3636; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/button_red.gif) top left repeat-x}
a.negative:hover {text-decoration: none; border-top: 1px solid #940000; border-bottom: 1px solid #6c0000; border-left: 1px solid #9b1e1e; border-right: 1px solid #830000; background-position: bottom left}
a.standard {text-decoration: none; font-weight: bold; padding: 5px; margin: 0; color: #0c7ca0; border: 1px solid #d6d6d6; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/button_white.gif) top left repeat-x}
a.standard:hover {text-decoration: none; color: #041e26; border: 1px solid #9ac5db}
label {display: block}
textarea {font-size: 1.21em; font-family: arial; display: block; border: solid 1px #CCC; padding: 2px}
input.text, input.password {font-family: arial; width: 250px; font-size: 1.2em; padding: 4px 2px; border: solid 1px #CCC}
input.disabled {background-color: transparent; border: none; color: #000}
input.tiny {width: 40px !important}
input.small {width: 100px !important}
input.wide {width: 310px !important}
input.checkbox {}
input.radio {width: auto; height: auto; margin: 0}
label {font-weight: bold}
select.select {font-size: 1em; font-family: arial; padding: 0 4px}
select optgroup {font-style: normal; color: #666}
select optgroup option {margin-left: 15px; color: #000}
a:hover.editInline {background: #36c2fd}
input.inlineEdit {margin: 5px 5px 4px 0; width: 715px; font-size: .85em; padding: 2px}
a.inlineButtons {font-size: .85em; margin: 0 5px}
.join {width: 500px; margin-left: 100px; margin-bottom: 50px}
.join p {margin-left: 10px}
.join li {margin: 0 0 5px 35px}
.login {}
.login h3 {margin-left: 50px}
.login h4 {color: #2a8dad; padding: 10px; font-size: 1.2em}
.login fieldset {border: none; margin-top: 20px}
.login li {}
.login label {float: left; width: 200px; text-align: right; color: #666; padding-top: 4px}
.login label, .login input, .login select, .login textarea {margin: 10px 0 10px 5px}
.login textarea.right {margin-right: 56px; width: 400px; margin-bottom: 20px}
.login p {text-align: center}
.radioList {margin-left: 50px; margin-bottom: 20px}
.radioList li {margin: 10px 0}
.radioList input.radio {margin: 0; padding: 0}
.form .file {margin-bottom: 10px}
#myspringAccount {margin: 50px 0 0 0 !important}
.creation .commentVisibility p label, .creation .galleryVisibility p label, .creation .autoApprove p label, .creation .robotsExclude p label {display: block; margin: 0; font-weight: normal; color: #000; padding: 0; float: none; text-align: left}
.creation#projectCreation fieldset, #myspringAccount fieldset {width: 810px}
.creation#projectCreation fieldset fieldset, #myspringAccount fieldset fieldset {margin: 0 0 20px 0; position: relative}
.confirm#projectCreation fieldset {margin: 20px 0 20px 20px}
.confirm#projectCreation fieldset span.note {color: #666; font-style: italic; padding-left: 10px}
.confirm#projectCreation .submit {margin: 0 300px 0 0; float: right}
.confirm#projectCreation .edit {float: right; margin: 8px 30px 0 0 !important}
#vaildation .submit {margin: 30px 0; float: right}
.creation#projectCreation.validate fieldset fieldset {margin: 0 0 8px 0; position: relative}
#myspringAccount fieldset fieldset ul {float: left; width: 325px}
#myspringAccount fieldset fieldset ul li {float: left; margin: 0 0 0 10px}
#myspringAccount fieldset fieldset .avatar {float: left; margin: 0 0 0 0}
#myspringAccount fieldset fieldset .avatar img {margin: 0 0 10px 0}
.creation .helpText {position: relative; width: 280px; float: right; color: #666}
.creation .helpText dd {position: absolute; z-index: 1; left: 30px; top: -5px; display: none; background: #fff; padding: 0 0 100px 0}
.creation .awardHelp {z-index: 0}
.creation .helpText dd.handle {width: 17px; height: 14px; position: static; display: block; padding: 0}
.creation .helpText dd.handle a {width: 17px; height: 14px; display: block; font-size: 0; color: #efefef; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/question-icon.gif) no-repeat}
.creation#projectCreation dl#awardHelp {color:#666666; float:right; position:relative; width:280px}
.creation#projectCreation dl#awardHelp dd {margin-top: 10px; margin-left: 30px}
.creation#projectCreation .projectDescription {float: left}
.creation#projectCreation .projectDescription textarea {margin: 0; height: 200px}
.creation#projectCreation .projectTitle {float: left}
.creation#projectCreation .projectTitle input.text {margin: 0}
.confirm#projectCreation ul {margin: 0 0 0 185px}
.creation#projectCreation .characterCount {text-align: right; font-style: italic; font-size: .95em; color: #a6a6a6}
.creation .endDate, .creation .galleryVisibility, .creation .commentVisibility, .creation .autoApprove, .creation .robotsExclude {float: left; width: 324px;}
.creation .galleryVisibility p, .creation .commentVisibility p, .creation .autoApprove p, .creation .robotsExclude p {margin: 0}
.creation .galleryVisibility p label, .creation .commentVisibility p label, .creation .autoApprove p label, .creation .robotsExclude p label {width: 320px}
.creation table.projectAwards {font-size: 1em}
.creation table.projectAwards td small {font-size: .85em; font-style: normal}
.creation #projectDays, .creation table.projectAwards input.award {width: 50px; font-size: 1.2em; padding: 2px; margin: 0}
.creation #projectDays {width: 25px}
.creation .fileInputs, form .fileInputs {width: 325px; float: left; border: none !important}
form .fileInputs input {border: 0}
.creation #projectFiles {display: none; margin: 10px 0 0 0; border-top: 1px solid #e7e7e7}
.creation #projectFiles li {height: 0; display: none}
.creation #projectFiles li.projectFileName, .creation #customContract.customContractFile, .creation #customNda.customNdaFile {display: block; position: relative; padding: 3px 0; height: 16px; border-bottom: 1px solid #e7e7e7}
.creation .customContractFile, .creation .customNdaFile {border-top: 1px solid #e7e7e7}
.creation .projectFileName a.deleteFile, .creation .customContractFile a.deleteContract, .creation .customNdaFile a.deleteNda {position: absolute; top: 2px; right: 3px; display: block; width: 19px; height: 19px; font-size: 0; text-indent: -9999px; color: #fff; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/remove-icon.gif) no-repeat}
.creation .fileTypes, .creation .contract, .creation .nda {float: left; position: relative}
.creation .fileTypes li {padding: 0 15px 0 0; display: inline}
.creation .fileTypes li small {margin: -5px 0 0 0; display: block}

.creation .contract li ul, .creation .nda li ul {margin: 0 0 0 0}
.creation .contract li, .creation .nda li {padding: 0 10px 0 0; display: inline}
.creation .fileTypes li.other, .creation .contract li.noContract, .creation .nda li.noNda{ padding: 0}
.creation .fileTypes li.other input.text {width: 290px; padding-right: 30px}
.creation .contract li ul, .creation .nda li ul {width: 325px}
.creation .contract li ul li, .creation .nda li ul li {display: block; margin: 5px 0}
.creation table.projectAwards {border-collapse: collapse; width: 325px; float: left}
.creation table.projectAwards td {border: none}
.creation table.projectAwards td.title {width: 185px; height: 20px}
.creation table.projectAwards td.delete {text-align: right}
.amountIndicatorBar {position: absolute; top: 30px; height: 20px; width: 120px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/amount_meter.gif) 0 0 no-repeat}
.amountIndicatorBar.good {background-position: 0 -20px}
.amountIndicatorBar.better {background-position: 0 -40px}
.amountIndicatorBar.best {background-position: 0 -60px}
.awardCount {vertical-align: top}
.awardAmounts {display: block; position: relative}
.creation table.projectAwards a.deleteAward {margin-left: 50px; width: 19px; height: 19px; font-size: 0; text-indent: -9999px; color: #fff; display: block; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/remove-icon.gif) no-repeat}
.creation table.projectAwards tr.total {font-weight: bold; background: #efefef}
.creation ul.payment {width: 325px; float: left}
.creation ul.payment li {padding: 0 10px 0 0; display: inline}
.creation fieldset.paymentMethod label {margin-top: 14px}
.creation fieldset.paymentMethod input {float: left; margin-top: 17px}
.creation fieldset.paymentMethod img.paypal {margin-left: 8px}
.creation .submit {margin: 0 325px 60px 0}

.removeAccount {padding: 10px; background: #efefef; width: 320px; margin: 0 0 0 180px}
.creation button.submit.final {margin-right: 33px}
.creation .hidden {display: none}
.creation label.error, #myspringAccount label.error, .creation span.error, .submitentry label.error {color: #ea4040}
.creation label.error {}
.submitentry fieldset.promises {margin: 10px 0}
.submitentry fieldset.promises ul {margin: 0 0 0 140px; padding: 0 0 0 45px; width: 350px}
.submitentry fieldset.promises ul li {font-size: 1em; margin: 2px 0 10px 0}
.submitentry fieldset.conduct ol {margin: 0 0 0 162px; padding: 10px 0 0 45px; width: 350px}

.creation label span {display: none}
.creation label span.error {display: block; font-weight: bold}
.creation.error {width: 465px; margin: 0 0 0 36px; padding: 16px; color: #d14848; background: #fce8e8; border: 1px solid #f9c8c8}
.creation.error h3 {font-size: 2em; color: #ea4040}
.creation .guarantee {float: left; width: 305px}
.creation .guarantee h3 {cursor: pointer; width: 305px; clear: both; text-align: center; font-weight: normal; font-size: 1.2em; margin: 0; color: #fff; padding: 10px; background: #ff3399 url(/extension/crowdspring/design/crowdspring/images/global/pink_grad.gif) center repeat-x}
.guarantee-tip {text-align: left; background: #fff; padding: 20px; border: 1px solid #ccc; width: 375px; font-weight: bold}
.guarantee-title {font-weight: bold; margin: 0 0 10px 0}

.projects td a.deleteNotify {font-size: 0; line-height: 0; margin: 0; padding: 0; width: 12px; height: 12px; display: block; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/icons.gif) 0 0 no-repeat}
.contractPopUp .container {padding: 30px; width: 100%; height: 100%; background: #fff}
.contractPopUp .content {text-align: left; width: 100%; height: 100%; overflow: auto}
.contractPopUp .close {position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/close_button.png) no-repeat}
.contractPopUp .preloader {width: 16px; height: 16px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/ajax-loader.gif) no-repeat}
.awardSelection {text-align: left}
.awardSelection .container {width: 100%; height: 100%; padding: 20px; background: #fff}
.awardSelection dl {width: 80px; float: left; margin: 5px}
.awardSelection form {float: left; text-align: left; padding: 30px 0; margin: 0 0 0 5px; width: 200px}
.awardSelection form select {width: 100%; margin: 5px 0; display: block}
.awardSelection .preloader {width: 16px; height: 16px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/ajax-loader.gif) no-repeat}
.awardSelection .close {position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/close_button.png) no-repeat}
.buyerStars, .crowdStars {text-align: left; position: absolute; cursor: pointer; background: #fff}
.buyerStars.loader {background: #fff url(/extension/crowdspring/design/crowdspring/images/global/ajax-loader.gif) center center no-repeat}
.buyerStars img, .crowdStars img {position: absolute; top: 10px; left: 10px}
.buyerStars div, .crowdStars div {position: absolute; top: 10px; left: 95px; width: 220px; height: 240px}
.buyerStars .submit, .crowdStars .submit {position: absolute; top : 309px; right: -94px}
.buyerStars .cancel, .crowdStars .cancel {position: absolute; top : 314px; right: -30px}
.buyerStars h3, .crowdStars h3 {font-weight: normal; float: left; clear: both; margin: 0 10px 0 0}
.buyerStars textarea, .crowdStars textarea {margin: 25px 0 0 0; width: 313px; height: 215px}
.buyerStars .message {text-align: center; width: 100%; height: 20px; margin: 150px 0 0 0; left: 0}
.crowdStars .message {text-align: center; width: 100%; height: 20px; margin: 26px 0 0 0; left: 0}
.buyerStars small, .crowdStars p {text-align: left; width: 200px; margin: 10px 0 0 0; font-size: 10px; display: block}
.buyerStars ul, .crowdStars ul {width: 96px; height: 20px; overflow: hidden; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/stars.gif) no-repeat}
.buyerStars ul {background-position: 0 -89px}
.crowdStars ul{ background-position: 0 -197px}
.buyerStars li, .crowdStars li {text-indent: -9999px; float: left; height: 16px; width: 16px; margin: 0 1px}
.wrapupForm input.text{ width: 277px}
.wrapupStep dd.error {color: #d14848; background: #fce8e8; border: 1px solid #f9c8c8}
.wrapupStep dd.error h4 {font-size: 2em}
form.violationForm {width: 500px; padding-top: 0}
form.violationForm fieldset label {color: #666}
form.violationForm fieldset p.link {margin-left: 165px; width: 330px; color: #1C9BC8}
.deletePopUp .container {padding: 30px; width: 100%; height: 100%; background: #fff}
.deletePopUp img {margin: 20px 0 0 20px}
.deletePopUp form {margin: 20px 20px 0 0}
.deletePopUp #otherreason {margin: 10px 0 0 0; width: 280px; display: none}
.deletePopUp #otherreason textarea {width: 280px; height: 70px}
.deletePopUp .content {text-align: left; width: 100%; height: 100%; overflow: auto}
.deletePopUp .content div.left {margin-right: 10px}
.deletePopUp .content dl dt {font-weight: bold; font-size: 1.2em}
.deletePopUp .content div.buttonBlock {margin-top: 30px}
.deletePopUp .close {position: absolute; top: -14px; left: -12px; width: 32px; height: 32px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/close_button.png) no-repeat}
.deletePopUp .preloader {width: 16px; height: 16px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/ajax-loader.gif) no-repeat}
div.addFilePopup div#mb_contents form div.buttonBlock a.cancel {top: 0; right: 0}
.registerTip {width: 500px; padding: 0; color: #ED2590; margin: -10px 35px 5px 0; font-weight: normal; text-align: right}
.form {margin: 20px 50px 20px 20px; padding: 0}
.form h3 {font-size: 1.55em; width: 600px; margin: 0 0 10px 185px}
.form small {font-style: italic; font-size: .95em}
.form fieldset {border: 0; width: 548px; float: left}
.form fieldset label {color: #888; font-weight: bold; width: 175px; text-align: right; float: left; clear: both; margin: 0 10px 0 0}
.form fieldset.padtop {margin-top: 30px}
.form fieldset label.error span {display: block; font-weight: normal; font-size: .95em}
.form fieldset label small {font-weight: normal; display: block}
.form fieldset input.text {width: 325px; margin: 0 0 10px 0}
.form fieldset input.password {width: 245px; margin: 0 5px 0 0}
.form fieldset select {margin: 0 0 10px 0}
.form fieldset textarea {width: 325px; margin: 0 0 10px 0}
.form fieldset p {width: 325px; margin: 0 0 10px 185px}
.form fieldset input.checkbox {width: auto; height: auto; margin: 0 5px 0 0}
.form fieldset button {float: right; margin: 15px 34px 0 0}
.form fieldset button.standard {float: left; margin: 15px 0 0 185px}
.form fieldset a.cancel {text-decoration: underline; color: #7f7f7f; float: right; margin: 20px 30px 0 0}
.form dl.info {float: right; width: 260px}
.form dl.info dt {color: #474646; font-size: 1.2em; font-weight: bold}
.form dl.padtop {padding-top: 82px}
.form dl.info dd {margin: 0 0 10px 0}
.submitentry dl.info dd {margin-bottom: 20px}
.form dl.info dd ol li {margin: 0}
.form dl.info dd ul {list-style: disc}
.form dl.info dd ul li {margin: 0 0 0 20px}
.form dl.emphasize {font-size: 1.2em; font-weight: bold}
.form a.edit {text-decoration: underline; color: #7f7f7f; margin: 20px 28px 0 380px}
.form legend {color: #000; font-weight: bold; font-size: 1.3em; padding: 20px 0 10px 185px; display: block}

.contactus fieldset.warningMsg {width: 318px; background: #FFC; border: 1px solid #ff3; margin: 0 0 15px 185px; padding: 5px}
.contactus fieldset.warningMsg h3 {width: 305px; margin-left: 5px}
.contactus fieldset.warningMsg p {margin-left: 5px; width: 305px}
.creation p.cardVerification {margin: -40px 0 0 240px; padding: 6px 0 6px 60px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/mini_cvv2.gif) no-repeat}
.verification-tip {text-align: left; background: #fff; padding: 20px; border: 1px solid #ccc; width: 260px}
.verification-title {font-size: 1.4em; font-weight: bold}
.verification-text img {display: block; margin: 10px 0}
div.tellAfriend fieldset {text-align: left}
div.tellAfriend fieldset.padtop {margin-top: 15px}
div.tellAfriend h2 {padding-left: 5px}
div.tellAfriend .form fieldset label {width: 155px}
div.tellAfriend .form fieldset textarea {margin-left: 165px}
div.tellAfriend dl {float: none; width: 570px}
div.tellAfriend .buttonBlock {padding-right: 18px}
div.addFilePopup fieldset {text-align: left}
div.addFilePopup fieldset.padtop {margin-top: 15px}
div.addFilePopup h2 {padding-left: 5px}
div.addFilePopup .form fieldset {width: 420px}
div.addFilePopup .form fieldset label {width: 155px}
div.addFilePopup .form fieldset textarea {margin-left: 165px}
div.addFilePopup dl {float: none; width: 390px}
div.addFilePopup .buttonBlock {padding-top: 18px}
div#mb_contents .addFilePopup .buttonBlock button.submit, div#mb_contents .addFilePopup .buttonBlock a.cancel {}

.formloading {display: none; margin: 0 0 0 300px; clear: both; width: 220px; height: 19px; background: transparent url("/extension/crowdspring/design/crowdspring/images/global/formloading.gif") center right no-repeat}


.descriptionHelp {float: left}

form.payment fieldset {margin: 10px 0; border: none; border: 2px solid #E8E8E8; padding: 10px 10px 20px 10px; width: 400px; height: 410px}
form.payment legend {padding: 0 4px; font-weight: bold; color: #aaa; margin: 0 0 0 10px}
form.payment h2 {font-size: 1.2em; padding: 5px 0 5px 10px; color: #666666; background: #E8E8E8}
#projectCreation form.payment input.text {width: 370px}
form.payment label {color: #666; margin: 10px 0 0 0; background-color: #fff}
form.payment p.cardVerification {background: transparent url(/extension/crowdspring/design/crowdspring/images/global/mini_cvv2.gif) no-repeat 0 0; display: inline; padding: 9px 0 20px 55px}

form.payment fieldset.buttonBlock {width: 830px}
form.payment button.submit {float: right}
.adjust fieldset {border: none; text-align: center; padding: 30px 0}
.adjust #awards-errors {color: #ff0000; text-align: left; margin: 0 auto; width: 380px}
.adjust table, #awards-confirmation table {text-align: left; width: 380px; border-spacing: 0; border-collapse: collapse; margin: 0 auto}
.adjust table td, #awards-confirmation table td {border: none}
.adjust table td.error {color: #ff0000; padding: 0}
.adjust table td.title {padding: 7px 0 0 0; width: 130px}
.adjust table td.title span.note {font-style: italic; color: #666}
.adjust table td.awardAmounts {display: table-cell; position: static; text-align: right; width: 65px; padding: 7px 0 0 0}
.adjust table td.input {width: 70px}
.adjust table td.input input {font-size: 1.2em; margin: 0; padding: 2px; width: 50px; border: 1px solid #ccc}
.adjust table td.input input.error {border-color: #ff0000}
.adjust table td.total, .adjust table td.action {padding: 7px 0 0 0; width: 140px}
.adjust table td.action a.deleteaward {position: relative; top: -4px; display: block; width: 19px; height: 19px; font-size: 0; text-indent: -9999px; color: #fff; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/remove-icon.gif) no-repeat}
.adjust table tr.totals, #awards-confirmation table tr.totals {font-weight: bold; background: #efefef}
.adjust table tr.totals td.title {padding: 0}
.Speedometer {position: relative}
.Speedometer div#meter {color: #000; padding: 70px 0 0 0; position: absolute; top: 0; left: 352px; width: 135px; text-align: center; text-transform: uppercase; font-weight: bold}
.Speedometer div.below {color: #ff0000; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/speedometer.jpg) 0 0 no-repeat}
.Speedometer div.very_low {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/speedometer.jpg) -135px 0 no-repeat}
.Speedometer div.low {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/speedometer.jpg) -270px 0 no-repeat}
.Speedometer div.ok {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/speedometer.jpg) -405px 0 no-repeat}
.Speedometer div.best {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/speedometer.jpg) -540px 0 no-repeat}
a img {border: 0; text-decoration: none}
a:hover {text-decoration: underline;}
a:hover img {text-decoration: none}
h2.title {color: #fff; background: #23b4f1; font-size: 2.25em;}
h2.title a {color: #fff; text-decoration: none;}
h2.tagline {font-size: 2em; padding: 30px 10px 10px 10px}
h3.section {font-weight: bold; padding: 0 0 2px 0; font-size: 2em;}
h3.big {font-size: 2em; padding: 10px;}
h3.watchlist {font-size: 1.65em; padding: 0 0 2px 0}
h3.watchlist small {font-size: .75em}
h3.highlight a {color: #ed2590;}
h4.callout {font-size: 1.5em; padding: 10px 0;}
.dull {color: #aaa}
.tabs {background: #FFFFFFF}
.tabs li a {font-weight: bold; color: #b8b8b8; background: #464646;cursor:pointer;}
.tabs li strong {border-left: 1px solid #5c5c5c; border-right: 1px solid #3b3b3b}
.tabs li a.active {font-size: 1.4em; color: #000; background: #fff}
.tabs li a.active strong {border: 0}
.tabs li.wrapup a, .tabs li.tab_highlight a {color: #FFF; background: #ed2590}
.tabs li.wrapup strong, .tabs li.tab_highlight strong {border: 0}
.tabs li a.wrapup strong {border: 0}
.tabs li a:hover {color: #efefef; background: #444}
.tabs li.tab_highlight a.active {color: #333; background: #fff}
.tabs li a.active:hover{ color: #333; background: #fff}
.guide h3 {font-size: 1.5em; margin-top: 20px}
.guide h4, .seo h4 {font-size: 1.3em; margin-top: 15px; color: #444}
.guide ul {list-style: disc; margin: 0 0 10px 30px}
.seo h3 {font-size: 1.35em}
.seo div.relatedLinks h4 {font-size: 1.1em}
.quoteLeft, .quoteRight {font-size: 8em; line-height: 1em; color: #CCC}
.seo blockquote .quoteByline {font-style: italic}
dl.testimonials dt {font-weight: bold; font-size: 1.2em}
dl.testimonials dt.first {font-size: 1.5em}
.browse h3 {font-size: 1.5em}
.browse dl {border: 1px solid #ccc}
.browse dt {font-weight: bold}
.browse dt a {color: #000}
.browse em {font-weight: normal; color: #666}
.browse dt em {font-size: .9em; font-weight: normal; color: #666}
.browse.community dt {font-size: 1.2em}
.browse.community dt span.right {font-size: .9em; font-weight: normal}
dl.award {float: left; width: 200px}
dl.award dt {color: #666}
dl.award dd.amount {line-height: 1; font-weight: bold; font-size: 3.2em}
dl.award dd a {color: #ed2590; font-weight: normal}
dl.ends {float: left; width: 500px}
dl.ends dt {color: #666}
dl.ends dd {line-height: 1; font-weight: bold; font-size: 3.2em; padding-bottom: 5px}
dl.ends dd.galleryNote {font-size: 1em; font-weight: normal}
.submissions dl {background: #f1f1f1}
.submissions dt.withdrawn a img {}
.submissions dl dd span.submissionNumber {display: none; position: absolute; color: #999; right: 0; top: -25px; padding: 2px; background: #efefef}
.submissions dl:hover dd span.submissionNumber {display: block}
.submissions dd.award, .submission div.award, .details dl.winner dd.award {font-size: 0; line-height: 0; color: #669966; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/award_icons.gif) 0 -62px no-repeat}
.submissions dd.pickme {background-position: 0 0}
.submissions dd.pickme a {color: #cc3333}
.submissions dd.award_1, .submission div.award_1 {background-position: 0 -124px}
.submissions dd.award_2, .submission div.award_2 {background-position: 0 -186px}
.submissions dd.award_3, .submission div.award_3 {background-position: 0 -248px}
.submissions dd.award_4, .submission div.award_4 {background-position: 0 -310px}
.submissions dd.award_5, .submission div.award_5 {background-position: 0 -372px}
.submissions dd.award_6, .submission div.award_6 {background-position: 0 -434px}
.submissions dd.award_7, .submission div.award_7 {background-position: 0 -496px}
.submissions dd.award_8, .submission div.award_8 {background-position: 0 -558px}
.submissions dd.award_9, .submission div.award_9 {background-position: 0 -620px}
.submissions dd.award_10, .submission div.award_10 {background-position: 0 -682px}
.teaser {font-size: 2em; font-weight: bold; text-align: center}
.details dl {background: #f1f1f1; border: 1px solid #ccc}
.details dt {font-weight: bold; font-size: 1.2em}
.details dd span.grey {color: #666}
.details .files dd {margin-bottom: 5px}
.details .files .utilities {width: 260px}
.details .files span.grey {float: none}
.brief dl.giveBack {background-color: #CFC; border: 1px solid #6C6; padding: 0 10px; margin-bottom: 15px}
.brief dl.giveBack dt {font-size: 1.8em; font-weight: bold}
.brief dl.giveBack dd {margin-bottom: 5px}
.brief h4 {color: #1C9BC8}
.brief dt {padding: 10px 0 0 0}
.brief dt span.grey {color: #666}
.wrapup h3 {font-size: 2em; padding-top: 50px}
.wrapupStep {border-width: 0 1px 1px 1px; border-style: solid; border-color: #ccc}
.activeStep {background-color: #f1f1f1}
.wrapupStep dt {font-weight: bold; font-size: 1.5em; color: #CCC}
.wrapupStep dt.active {color: #000}
.wrapup dt span.done {font-size: .8em}
.wrapupStep dd.noBorder {border: none}
.wrapupStep dd.active {background-color: #f1f1f1}
.wrapupStep dd span.green {color: #090; float: none}
.wrapupStep dd span.red {color: #F00; float: none}
.textRight {text-align: right}
.textCenter {text-align: center}
.owner {font-size: 1.2em}
.owner a {font-weight: bold}
.byline {color: #b9e5fb; font-size: .9em}
.byline a {color: #b9e5fb}
.byline a:hover {text-decoration: underline}
.timezone {font-size: .75em}
.trash {width: 35px; height: 19px; display: block; font-size: 0em; color: #fff; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/remove-icon.gif) center 0 no-repeat; text-decoration: none}
.grey {color: #666}
.green {color: #090}
.subtle {color: #666; font-style: italic}
.rule {height: 1px; background-color: #CCC}
.done {color: #01a651}
.noBorder {border: none}
.alert {color: #C00; text-transform: uppercase}
div.errors {color: #d14848; background: #fce8e8; border: 1px solid #f9c8c8; padding: 5px 10px; width: 513px}
div.errors h3 {font-size: 2em}
div.feedback {border-color: #060; background-color: #9F9}
#commentBox .textLink {border: none; padding: 0; color: #1c9bc8;}
#commentBox .textLink:hover {text-decoration: underline}
#submission_comment textarea {width: 520px; height: 200px; clear: both}
#submission_comment textarea:focus {border: 1px solid #39bcee; outline: 1px solid #39bcee}
#submission_comment button.submit {float: right; margin: 0 10px 0 0}
#needs_comments p span {line-height: 1.4; background: #fbf8c4}
#buyerRate {}
#buyerRate h3 {float: left; width: 56px}
#buyerRate ul {cursor: pointer; width: 90px; height: 18px; overflow: hidden; float: left; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/stars-10.gif) 0 -180px no-repeat}
#buyerRate ul li {width: 16px; height: 18px; float: left; text-indent: -9999px; overflow: hidden; margin: 0 0 0 2px}
#ratingSavedMessage {padding: 0 0 0 10px; color: #999; font-style: italic; float: left}
#homepage_hero {background: #23b4f1 url(/extension/crowdspring/design/crowdspring/images/global/smushed/hero_bg.png) center no-repeat}
#homepage_hero div {text-align: left; font-size: 2em; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/smushed/hero_text.png) no-repeat}
#homepage_hero a {font-size: 0; line-height: 0; color: #2eb8f2; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/smushed/hero_callout.png) no-repeat}
#homepage_hero a.pro {font-size: 0; line-height: 0; color: #2eb8f2; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/hero_callout_pro.png) no-repeat}
#homepage_hero a span {display: none;}
.homepage .tabs {background: transparent}
.tabs .first {border-left: 0}
#homepageContent .container {border: solid 1px #eaeaea; margin-top: 25px}
#homepageContent .container h3 {font-size: 1.25em}
#homepageContent h3 {font-size: 1.4em}
#homepageContent ul.info li {border-right: 1px solid #dedede}
#homepageContent ul.info li.last {border-right: 0}
.popularDesigners .popular {border: 0}
.popularDesigners h3 {margin: 0 0 8px 0}
.popularDesigners .popular li.info {border: 0}
.popularDesigners .popular li.info dl dt {font-weight: bold; font-size: 1.25em}
.popularDesigners .popular li.info dl dd.location {font-style: italic; color: #868686}
.zoomIcon {text-align: center; cursor: pointer; position: absolute; top: 10px; right: 10px; height: 14px; font-size: .95em; color: #000; background: #eee; padding: 2px}
.zoomContainer {cursor: move; position: absolute; background: #eee}
.zoomContainer img {}
.zoomContainer .top {position: absolute; top: -10px; left: -20px; width: 100%; height: 20px; top: -3px; left: -3px; width: 101.5%; height: 101.8%; background: #000; z-index: -1}
.zoomContainer .top div {display: none; width: 100%; height: 20px; padding: 0 10px 0 0; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/zoom_top.png) left no-repeat}
.zoomContainer .right {display: none; position: absolute; right: -10px; top: -10px; width: 20px; height: 100%}
.zoomContainer .right div {width: 20px; height: 100%; padding: 0 0 10px 0; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/zoom_right.png) top no-repeat}
.zoomContainer .bottom {display: none; position: absolute; bottom: -20px; right: 0; width: 100%; height: 20px}
.zoomContainer .bottom div {width: 100%; height: 20px; padding: 0 0 0 10px; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/zoom_bottom.png) right no-repeat}
.zoomContainer .left {display: none; position: absolute; left: -20px; top: 10px; width: 20px; height: 100%}
.zoomContainer .left div {width: 20px; height: 100%; padding: 0 0 10px 0; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/zoom_left.png) bottom no-repeat}
.zoomClose {font-size: 0; line-height: 13px; position: absolute; top: -12px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/close_button.png) no-repeat; top: 3px; right: 3px; width: 23px; height: 23px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/close_button_v4.png) no-repeat}
.zoomInfo {visibility: hidden; position: absolute; bottom: 6px; right: 16px; text-align: left; width: 90%; padding: 4px; background: #fff}
.zoomInfo h3 {color: #34b0d9}
.zoomInfoButton {visibility: hidden; position: absolute; right: 12px; bottom: 2px; width: 16px; height: 16px; cursor: pointer; background: transparent url(/extension/crowdspring/design/crowdspring/images/project/zoom_info.png) no-repeat}
#flashMessage {text-align: center; font-size: 3em; padding: 10px 0; position: absolute; z-index: 1000; left: 20px; top: 18px; color: #000; background: #B9E5FB; width: 880px}
#flashMessage.spam {top: 52px; left: 22px}
#flashMessage.error {background: #ffebeb}
#flashMessage small {font-size: .4em !important; display: block}
.legal h3 {font-size: 1.25em; margin: 10px 0 5px}
.legal ul {margin: 0 0 10px 30px; list-style: disc}
.withdrawnReason strong {color: #ed2590 !important}
#autoComplete {width: 770px; height: 26px; margin: 0 0 0 70px; background: #fff; border: 1px solid #ccc}
#tempInput {position: absolute; top: 125px; right: 49px; font-size: 1.2em; padding: 4px 2px; border: 0}
#autoComplete .active {background: #444}
.contactCard {position: relative; width: auto;; float: left; background: #42c7e6; border: 1px solid #e1e1e1; padding: 2px 24px 1px 5px; margin: 1px 0 1px 1px; font-weight: bold; color: #fff}
.contactCard .remove {cursor: pointer; position: absolute; top: 5px; right: 4px; height: 14px; width: 14px; color: #444; background: transparent url(/extension/crowdspring/design/crowdspring/images/myspring/contactremove.gif) no-repeat}
.active .remove {background: transparent url(/extension/crowdspring/design/crowdspring/images/myspring/contactremove-active.gif) no-repeat}
.activity span.date {font-weight: normal; font-style: italic; font-size: .9em; color: #999}
#dropDownContactList {position: absolute; background: #fff; max-height: 200px; overflow: auto; padding: 1px; border: 1px solid #e1e1e1}
#dropDownContactList li a {display: block; padding: 5px; border: 1px solid #efefef}
#dropDownContactList li span {display: block; padding: 5px; border: 1px solid #efefef}
#dropDownContactList li a:hover, #dropDownContactList li.active a {font-weight: bold; color: #fff; background: #42c7e6}
div#mb_overlay {z-index: 1; position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer}
div#mb_center, div#mb_bottom {z-index: 1; position: absolute; left: 50%; overflow: hidden; background-color: #222}
div#mb_center {background-color: #222}
div#mb_contents {text-align: left; width: 400px; height: 400px; border: 3px solid #222; overflow: hidden; background-color: #FFF; visibility: hidden}
.mb_loading {background: #222 url(/extension/crowdspring/design/crowdspring/images/global/ajax-loader-dark.gif) no-repeat center center}
#mb_error {font-size: 1.2em; color: #CD0000; font-weight: bold; text-align: center; padding: 0.5em; font-family: Verdana, Helvetica, sans-serif}
#mb_error em {font-size: 0.8em}
div#mb_bottom {display: none}
a#mb_close_link {position: absolute; top: 9px; right: 9px; display: block; width: 20px; height: 19px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/close_button_v3.gif) top no-repeat}
a#mb_close_link:hover {background-position: bottom}
div#mb_caption {margin-right: 71px}
div#mb_contents h3 {color: #fff; padding: 5px 10px; background: #35b0d9; width: 1000px}
div#mb_contents dl {padding: 20px}
div#mb_contents dl textarea {height: 125px}
div#mb_contents dl dd {margin: 0 0 5px 0}
div#mb_contents dl dd p {margin: 0}
div#mb_contents dl dd input, div#mb_contents dl dd textarea {width: 450px}
div#mb_contents .buttonBlock {position: absolute; bottom: 10px; right: 20px}
div#mb_contents button.submit {position: relative; top: 0}
div#mb_contents a.cancel {position: relative; top: 5px; right: 15px}
div#mb_contents #errorMessage {position: absolute; left: 30px; bottom: 30px; color: #ff0000}
div#mb_contents label {font-weight: normal; display: inline}
div#mb_contents label input {display: inline; width: auto !important}
div#mb_contents .avatar {position: absolute; top: 75px; left: 45px}
#withdrawReason {position: absolute; top: 50px; left: 120px}
#withdrawReason textarea {width: 320px !important}
.pagenav table {width: auto}
.vbmenu_popup {color: #333; border-color: #666}
.vbmenu_popup td {color: #555; font-size: 1em !important}
.vbmenu_popup td.thead {color: #fff}
.vbmenu_popup td a {color: #333 !important}
.alt1, .alt2 {line-height: 1.5 !important}
.smallfont hr {margin: 10px 0}
table.page {display: none}
.invite_users #internal_screen, .invite_users #external_screen, .invite_users #find_screen {display: none}
.invite_users #import_screen h4 {padding: 200px 0 0 0; text-align: center}
.invite_users form {width: 400px; float: left; margin-right: 20px; padding: 0}
.invite_users #mb_contents dl {margin: 0; padding: 0}
.invite_users #mb_contents label {color: #aaa}
.invite_users #mb_contents dd dd textarea {height: 55px}
.invite_users #mb_contents dd textarea {width: 395px; height: 100px; overflow: auto}
.invite_users div.import_options {margin: 20px 0 0 0; width: 240px; float: left}
.invite_users h2 {margin: 20px 20px 0 20px; font-size: 1.2em}
.invite_users .contact_list p {margin: 0 20px 10px 20px}
.contact_list p.guide {margin: 10px 24px 0 24px}
.invite_users .contact_list .chooser {width: 678px; height: 300px; overflow: auto}
.invite_users .contact_list table {margin: 0 20px 0 20px; width: 660px}
.invite_users .contact_list .chooser table {width: 640px}
.contact_list .import {margin: 0 0 0 24px; width: 600px; height: 300px; overflow: auto}
.contact_list .checkAllBar {color: #fff; font-weight: bold; margin: 0 0 0 24px; width: 600px}
.invite_users .contact_list #email_service_import {width: 100%; text-align: center}
.invite_users .contact_list #email_service_import dl {width: 380px; text-align: left; margin: 120px auto 0 auto}
.invite_users .contact_list #email_service_import input.text, .invite_users .contact_list #email_service_import input.password {width: 200px}
.ignore_field {display: none}#howitworks div.greybox, #howitworks div.benefits, #howitworks div.samples, #howitworks div.testimony, #howitworks div.companies, #howitworks div.results {border: 1px solid #eaeaea; margin-bottom: 30px}
#howitworks dl, #howitworks li {float: left}
#howitworks dl dt {font-weight: bold}
#howitworks div.greybox dl {background-color: #fff; padding: 50px; text-align: center; border: 1px solid #ccc; font-size: 1.5em; float: none; position: relative}
#howitworks div.greybox dl dt {float: left; border-right: 1px solid #999; padding-right: 10px; margin-right: 5px; position: relative}
#howitworks div.greybox p.right {width: 375px}
#howitworks #homepage_hero {padding: 25px 0 30px}
#howitworks #homepage_hero div {background-image: url(/extension/crowdspring/design/crowdspring/images/howitworks/howitworks-3-points.gif); height: 100px; width: 324px}
#howitworks div.video {width: 430px; text-align: center; float: left}
#howitworks div#HIWexamples {border: none}
#howitworks h3 {color: #fff; background-color: #23B4F1; padding: 5px 10px 5px 15px; font-size: 1.5em; margin: 0}
#howitworks div.benefits {border: 1px solid #ccc; margin: 0 0 30px; padding: 0 15px}
#howitworks div.benefits dl {background-image: none; width: 190px; height: 60px; margin: 0; padding: 20px 10px; border-bottom: 1px solid #ccc}
#howitworks div.benefits dl.bottom {border-bottom: none}
#howitworks blockquote {margin: 10px auto 30px; padding-top: 10px; position: relative; font-weight: bold; font-size: 1.25em; width: 700px}
#howitworks blockquote p {padding: 0 40px}
#howitworks blockquote span.quoteByline {float: right}
#howitworks ul.learnMore {margin: 30px auto 45px; font-size: 1.5em; width: 190px; color: #666}
#howitworks ul.learnMore li {margin: 0 10px}
#howitworks ul.learnMore a {font-size: .9em; height: 41px; padding: 10px}
#howitworks ul.learnMore a.cancel {text-decoration: underline}
#howitworks ul.learnMore a.cancel:hover {text-decoration: none}
#howitworks ul.learnMore a.submit {background: #23B4F1 url(/extension/crowdspring/design/crowdspring/images/global/big_button_blue.gif) repeat-x 0 0}
#howitworks ul.learnMore a.pink {background: #F743AC url(/extension/crowdspring/design/crowdspring/images/global/big_button_pink.gif) repeat-x 0 0; border-color:#D42171 #9B0246 #9B0246 #D42171; position: relative; padding-right: 35px}
#howitworks ul.learnMore a.pink span {text-indent: -9999px; position: absolute; top: 7px; right: 10px; margin-left: 5px; width: 20px; display: block; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/post-button-arrow.gif) center right no-repeat}
#howitworks ul.learnMore a:hover {background-position: bottom left}
#howitworks ul.learnMore a.post {padding-right: 30px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/post-button-arrow.gif) center right no-repeat}
#howitworks ul.wide {width: 355px}
#howitworks ul.last li a {display: block; height: 32px; padding: 6px 10px 0}
#howitworks div.samples {padding: 5px 0 0 5px}
#howitworks div.samples li {width: 100px; margin: 10px 11px; text-align: center}
#howitworks div.samples li img {width: 100px; height: 100px}
#howitworks div.testimony {padding: 10px 0 5px}
#howitworks div.testimony dl {width: 270px; margin: 0 8px; padding: 5px 0 10px}
#howitworks div.testimony dl.first {margin-left: 15px}
#howitworks div.testimony dl dt {font-weight: normal; font-size: 1.1em; line-height: 1.4em; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ccc; padding: 5px 8px; text-align: justify; background-color: #fff}
#howitworks div.testimony dl dd {color: #444; font-size: 1em; font-style: italic; text-align: right; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/how_it_works_arrow.gif) no-repeat scroll right top; padding: 20px 10px 0 0}
#howitworks div.testimony dl dd img {float: right; margin-right: 4px}
#howitworks div.testimony dl dd span {display: block; font-size: .95em; width: 175px; line-height: 1.6em}
#howitworks div.testimony dl dd span strong {font-size: 1.15em}
#howitworks div.results {padding: 10px 0 5px}
#howitworks div.results ul li {width: 430px; text-align: center}
#howitworks div.testimony p, #howitworks div.results p {padding: 0 20px}
#howitworks div.companies {padding: 15px 0 15px 80px}
#homepageContent #howitworks div.benefits {padding: 0 10px}
#homepageContent #howitworks div.samples {padding: 5px 0 0 5px}
#homepageContent #howitworks div.samples li {width: 100px}
#homepageContent #howitworks div.samples li img {width: 100px; height: 100px}
#homepageContent #howitworks h3 {padding: 5px 0 5px 15px}
#homepageContent #howitworks ul.learnMore {width: 100%; margin-bottom: 0}
#homepageContent #howitworks ul.learnMore li {width: 868px; background: #e1e1e1 url(/extension/crowdspring/design/crowdspring/images/homepage/homepage-greybar-bg.gif) top left repeat-x; margin: 0; height: 38px; position: relative; border: 1px solid #eaeaea}
#homepageContent #howitworks ul.learnMore a.pink {text-transform: uppercase; font-size: 0.7em; position: absolute; top: 0; right: 0; height: 18px; padding-top: 8px}
#homepageContent #howitworks ul.learnMore a.pink span {background-image: url(/extension/crowdspring/design/crowdspring/images/homepage/postproject-white-arrow.gif)}
#homepage_hero.newbiz {padding: 59px 0}
#homepage_hero.newbiz div {background-image: url(/extension/crowdspring/design/crowdspring/images/howitworks/started-business-banner.gif); height: 146px}
#homepage_hero.twentyfive {padding: 59px 0}
#homepage_hero.twentyfive div {background-image: url(/extension/crowdspring/design/crowdspring/images/howitworks/newbiz-25off-banner.gif); height: 160px}
#homepage_hero.twentyfive div p {position: absolute; bottom: 0; right: 15px; color: #fff; font-size: .6em}
#registerSuccess {margin-bottom: 20px}
#registerSuccess h3 {font-size: 1.75em; margin: 20px 0 15px}
#registerSuccess div.left {width: 360px}
#registerSuccess div.left h3 {margin-top: 5px}
#registerSuccess div.left ul li {height: 41px; margin: 0 0 10px}
#registerSuccess div.left ul li a {margin-bottom: 10px; font-size: 1.35em; padding: 8px 0 8px 8px; display: block; font-weight: bold; background: transparent url(/extension/crowdspring/design/crowdspring/images/howitworks/buyer-success-arrow.gif) top right repeat-x}
#registerSuccess div.left ul li a:hover, #registerSuccess div.left ul li a.active {background-position: bottom right; color: #fff; border: none; text-decoration: none}
#registerSuccess div.right {width: 450px; border: 1px solid #eaeaea}
#registerSuccess div.right dl {border: none; padding: 5px}
#registerSuccess div.right dl.guides dt {font-weight: bold; font-size: 1.15em; margin-left: 15px}
#registerSuccess div.right dl.guides dd {float: left; width: 220px; text-align: center; padding: 10px 0}
#registerSuccess dl.guides dd a img {border: 1px solid #eaeaea}
#registerSuccess dl.guides dd a:hover img {border-color: #23B4F1}
#registerSuccess blockquote {margin: 10px auto 30px; padding-top: 40px; position: relative; font-weight: bold; font-size: 1.25em; width: 700px}
#registerSuccess blockquote span.quoteLeft, #registerSuccess blockquote span.quoteRight {padding-top: 30px}
#registerSuccess blockquote p {padding: 0 40px}
#registerSuccess blockquote span.quoteByline {float: right}.settings {clear: both; margin-top: 20px}
.projectusers {width: 550px; float: right}
.projectsettings {width: 310px; float: left}
.smalltabs {background: #31c1f3; padding: 0 0 2px 0}
.smalltabs ul {background: #fff}
.smalltabs li {margin: 0 1px 0 0; float: left}
.smalltabs li a {text-decoration: none; padding: 4px 20px 2px 20px; display: block; background: #ececec}
.smalltabs li a:hover {background: #e5e5e5}
.smalltabs li a.active, .smalltabs li a.active:hover {color: #fff; font-weight: bold; background: #31c1f3}
.buttons {background: #eaf9fd; padding: 2px}
.buttons li {float: left}
.buttons a {text-decoration: none; padding: 1px 6px; display: block}
.buttons a:hover {background: #f8fdfe}
table.users thead {font-size: .9em}
table.users thead td {padding: 2px 1px 1px 1px}
table.users thead a {color: #888}
table.users td span.projectAccessComment {color: #1c9bc8; text-decoration: none; width: 11px; height: 15px; display: block; cursor: pointer; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/plusminus_blue.gif) no-repeat scroll 0 3px; font-size: 0em; text-indent: -9999px; overflow: hidden}
table.users td span.minus {background-position: 0 -16px}
table.users td.entries {text-align: center}
table.users td.nda {text-align: center; width: 18px; padding: 0 10px}
table.users td.nda a {background: transparent url(/extension/crowdspring/design/crowdspring/images/global/nda-icon.gif) no-repeat; width: 18px; height: 19px; display: block; font-size: 0; line-height: 0; color: #333}
table.users td.ban {text-align: center; width: 18px; padding: 0 10px}
table.users td.ban a {background: transparent url(/extension/crowdspring/design/crowdspring/images/global/ban-icon.gif) 0 -18px no-repeat; width: 18px; height: 18px; display: block; font-size: 0; line-height: 0; color: #efefef}
table.users td.ban a:hover {background-position: 0 0}
table.users td.approve {text-align: center; width: 18px; padding: 0 10px}
table.users td.approve a {background: transparent url(/extension/crowdspring/design/crowdspring/images/project/approve_icon.gif) 0 0 no-repeat; width: 18px; height: 18px; display: block; font-size: 0; line-height: 0; color: #efefef}
table.users td.approve a:hover {background-position: 0 -18px}
table.users td.comment {padding: 0; border: none}
div.PAComment {padding: 0; visibility: hidden}
.setting {margin: 0 0 10px 0}
.setting dt {background: #31c1f3; color: #fff; font-weight: bold; padding: 4px 20px 2px 20px; float: left}
.setting dd {clear: both; border-top: 2px solid #31c1f3}
.setting dd ul {}
.setting dd ul li {position: relative; padding: 4px 0px 10px 4px; border-bottom: 1px solid #d5d5d5; line-height: 1.3em}
.setting dd ul li label {float: right; width: 45px; margin: 3px 0px 0px 5px}
.setting dd ul li form label {position: relative; float: left; margin: 0 5px 0 0; font-weight: normal}
.setting dd ul li form label input {position: relative; top: 1px}
.setting dd form button.submit {margin-top: 10px}
button.link {color: #1C9BC8; margin-top: 5px}
button.link:hover {color: #fff; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/button_blue.gif) top left repeat-x; border-top: 1px solid #599eb5; border-bottom: 1px solid #2d99bd; border-left: 1px solid #46a4c4; border-right: 1px solid #2886a5}
table th.visibility, table td.visibility {width: 65px; text-align: center}
table th.sub, table td.sub {width: inherit}
div.projectInfo {height: 80px}
div.projectInfo div.urkel {clear: both; background-image: none; padding: 5px}
div.projectInfo div.urkel dl {width: 100%}
div.projectInfo div.urkel dl, div.projectInfo div.urkel dt, div.projectInfo div.urkel dd {float: left}
div.projectInfo div.urkel dt {font-weight: bold; padding-left: 10px}
div.projectInfo div.urkel dd {padding-left: 5px}
h2.title {}
img#privateBadge {position: absolute; top: -1px; right: -6px}
.brief {padding-top: 0}
.brief h3 {font-size: 1.8em}
.brief h3.private {}
.brief #publicBrief {border: 1px solid #CCC; background-color: #f1f1f1; padding: 5px 10px 0; margin-bottom: 5px}
.brief #privateBrief {border: 1px solid #FF3; background-color: #FFC; padding: 5px 10px 0; margin-bottom: 5px; margin-top: 40px}
#privateBrief .updateBox {width: 500px}
#privateBrief .updateBox textarea {width: 478px}
.brief #privateBrief .utilities li div.buttonBlock {width: 500px}
div.privateAlert {background: #FFC; border: 1px solid #ff3; padding: 5px 10px}
div.public_brief {margin: 1px}
div.privateAlert h3 {font-size: 1.5em}
div.privateAlert a.request {background: transparent url(/extension/crowdspring/design/crowdspring/images/global/plusminus_blue.gif) no-repeat scroll 0 1px; padding-left: 15px}
div.privateAlert a.minus {background-position: 0 -18px}
div#projectAccess {margin: 0 0 10px; padding-top: 10px}
div#projectAccess .form {margin: 20px 5px}
div#projectAccess .form fieldset label {width: 100px; color: #666}
div#projectAccess .form fieldset textarea {margin-left: 90px}
div#projectAccess .form fieldset label.nda {display: block; float: none; font-weight: normal; color: #000; margin-left: 108px; width: 330px; text-align: left}
div#projectAccess .form fieldset input.checkbox {margin: 0 5px 50px 0; float: left}
.accessDenied div.privateAlert {margin: 20px 0}
li#private {margin-right: 75px}
div.NDA h3, div.NDA p.highlight {text-align: center}
div.NDA span.prefix {font-weight: bold}
div.NDA span.underline {text-decoration: underline}
div.NDA span.alert {font-weight: bold}
.ndaPopUp .container {padding: 30px; width: 100%; height: 100%; background: #fff}
.ndaPopUp .content {text-align: left; width: 100%; height: 100%; overflow: auto}
.ndaPopUp .close {position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/close_button.png) no-repeat}
.ndaPopUp .preloader {width: 16px; height: 16px; background: transparent url(/extension/crowdspring/design/crowdspring/images/global/ajax-loader.gif) no-repeat}
.post-project {width: 100%; background: none; border: none}
.post-project .dont_see {color: #888; padding: 5px 40px 0 0; text-align: right; font-style: italic}
.post-project .pro_projects {background: #fff url(/extension/crowdspring/design/crowdspring/images/project/small_pro_badge.gif) no-repeat top right !important}#homepage_hero {position: relative; text-align: left; padding: 90px 0 99px 0}
#homepage_hero div {width: 453px; height: 139px; margin: 0 auto}
#homepage_hero div h2 {text-indent: -9999px}
#homepage_hero a {position: absolute; top: 230px; right: -7px; display: block; width: 213px; height: 82px}
#homepage_hero div a {width: 453px; height: 139px; display: block; background-image: none; top: 90px; left: 235px}
.homepage .tabs {position: relative; margin-top: -66px; padding: 20px 0 0 0}
#homepageContent {padding: 0px 26px 26px}
#homepageContent h2.tagline {padding-top: 15px}
#homepageContent #proProjects {padding-left: 30px; padding-bottom: 4px; border: 1px solid #eaeaea; background: #F1F1F1 url(/extension/crowdspring/design/crowdspring/images/global/smushed/pro_announce_flag.png) 0 0 no-repeat; font-size: 1em; margin-top: 20px}
#homepageContent #proProjects li {padding: 0 0 2px 0; height: 17px}
#homepageContent #proProjects li.left {width: 420px}
#homepageContent #proProjects li ul.info li {padding: 0 5px 0 4px}
#homepageContent #proProjects li ul.info li a {}
#homepageContent .entries {}
#homepageContent .loading {text-align: center; font-size: 1.75em; font-weight: bold; color: #b8b8b8; padding: 60px 0}
#homepageContent .container {width: 420px}
#homepageContent .container h3 {margin: 0; padding: 5px 10px 0 10px}
#homepageContent ul.info {padding: 2px 10px 10px 10px}
#homepageContent ul.info li {float: left; width: auto; padding: 0 5px 0 4px}
#homepageContent ul.info li.first {padding-left: 0}
#homepageContent ul.thumbs li {float: left; width: 105px; height: 70px; text-align: center}
#homepageContent ul.thumbs li img {width: 105px; height: 70px}
#homepageContent ul.collage li {width: 420px; height: 140px; text-align: center}
#homepageContent ul.collage li img {width: 420px; height: 140px}
#homepageContent div.two .left, #homepageContent div.two .right {margin-top: 25px}
#homepageContent .promo {padding: 0; width: 868px; position: relative; margin-top: 15px}
#homepageContent .promo dl {height: 110px; width: 420px; color: #000; margin-top: 0; background: #FFF}
#homepageContent .promo dl.left {width: 420px}
#homepageContent .promo dl.right {float: right; width: 420px}
#homepageContent .promo dl.wide {width: 100%; height: 60px}
#homepageContent .promo dl.short {height: 60px}
#homepageContent .promo dl.tall {height: 110px}
#homepageContent .promo dt {font-size: 1.8em; color: #000; font-weight: bold; position: absolute; top: 80px; left: 14px; text-align: left}
#homepageContent .promo dt a {color: #000; text-decoration: none}
#homepageContent .promo dd.text {font-size: 1.15em; position: absolute; top: 110px; left: 15px; color: #fff}
#homepageContent .promo dd.text a {color: #fff; text-decoration: none}
#homepageContent .promo dd.badge {position: absolute; top: -2px; right: -6px}
.popularDesigners {margin: 0; padding: 0 28px}
.popularDesigners .left {width: 415px}
.popularDesigners .popular {width: 200px}
.popularDesigners .popular ul {margin-bottom: 90px}
.popularDesigners .popular li {float: left; width: 70px; height: 70px}
.popularDesigners .popular li.avatar {border: 1px solid #eee; width: 70px; height: 70px}
.popularDesigners .popular li.info {padding: 0 0 0 7px; width: 115px}
.popularDesigners .popular li.info a {color: #000; text-decoration: underline}
.popularDesigners .interviews .popular {width: 410px}
.popularDesigners .interviews .popular li.info {width: auto}
.popularDesigners .popular li.info dl dd.location {margin: 0}
.interviews {margin: 0 0 0 32px;; width: 415px}
.interviews .quote {width: 300px; margin: 0}
.pdtest{padding-left:1px;}
.pdodi{padding-left:50px;}
.pdt20{padding-left:100px;}