html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-shadow: 0 0 none;
}
/* 1312 to kjimn ## I deal with these in applicaion.css */
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ common elements */
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ common classes */
.floatLeft {
float: left;
text-align: left;
}
img.floatLeft {
margin: 0 10px 10px 10px;
}
.floatRight {
float: right;
text-align: right;
}
img.floatRight {
margin: 0 10px 10px 10px;
}
.floatClear, .cleaner {
clear: both;
}
br.floatClear {
margin: -1px -1px 0px 0px;
width: 1px;
height: 1px;
clear: both;
}
.alignRight {
text-align: right;
}
.alignCenter {
text-align: center;
}
.floatClear-l {
clear: left;
}
.floatClear-r {
clear: right;
}
.floatNone {
float: none;
}
div.hr {
clear: both;
margin: 0;
padding: 0;
/*
hr's tend to come with uncontrollable and annoying extra margins and inconsistancies on how to style them
but the hr is great for page breaks without css and for clearing floats
to style a hr, restyle this in a container div in div specific
or have a new class, eg. div.hr-dotted { border-top: 1px dotted #666; } div.hr-dotted hr { display: none; }
*/
}
div.hr hr {
display: none;
}
.hide {
display: none !important;
}
.bold {
font-weight: bold;
}
.noBg {
background: none !important;
}
.error, .notice {
color: #f00;
font-weight: bold;
}
:focus, a {
-moz-outline-style: none;
/* combatting that annoying dotted border box that appears on focus of an element in ff */
/* outline: none !important;*/
/* and the safari green glow */
}
.nb {border: 0;}
/*
Airfront vs. Area 17
written by Paul Michael Smith (paul at area17.com)
for Area 17 (www.area17.com)
*/
body {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333;
text-align: center;
line-height: 1em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ selfclears
1. add selector to list below and append ":after"
2. add selector to second list that gives the element zoom 1 for hasLayout in IE.
*/
div#burda div#page:after,div#burda div#page div#header:after,div#burda div#page div#header ul.profile-links:after,div#burda div#page div#nav-bar ul.nav:after,div#burda div.columnset:after,div#burda form ol:after,div#burda form ul.buttons:after,div#burda div.clearfix:after,div#burda form.login:after,div#burda div#page-heading:after,div#burda div.blog-post ul.blog-post-meta:after,div#burda div.blog-post div.blog-post-body:after,ul.comments:after,ul.comments li:after,div#burda form.comments fieldset:after,div#burda form.comments ol li:after,div#burda ul.post-facilities:after,div.alpha-skip ul:after,div.term-detail:after,ul.subnav:after,ul.thepress:after,table.discussions tbody tr:after,ul.comments ul.comment-functions:after, div.tout-1 div.cta-bar p:after, div#burda div.blog-post div.blog-post-body ul.horz-links-list:after, div.c:after, div.blog-roll ul:after, ul.pagination:after, ul.project-list:after, ul.rate:after, div.list-page-functions:after, ul.listing-filters:after, div#burda.projects div.project ul.horz-links-list:after, dl:after, div.also-like ul:after, div#burda div.featured ul:after, div.based-on ul.based-on li ul.cta-list:after, div.for-this ul.that-for li ul.cta-list:after, div.for-this ul.that-for li div.cta-bar:after, div.step-header:after, ul.step-thumbs:after, div.step:after, ul.patterns-list li dl:after, ul.techniques-list li dl:after, ul.patterns-list li div.cta-bar ul:after, ul.techniques-list li div.cta-bar ul:after, ul.patterns-list li div.cta-bar:after, ul.techniques-list li div.cta-bar:after, ul.patterns-list:after, ul.techniques-list:after, div.pattern-module:after, div.pattern-module div.pattern-meta-user:after, div.pattern-module dl:after, div.pattern-detail ul.horz-links-list:after, div.technique-desc:after, div.featured-projects ul li ul.project-links:after, div.featured-projects ul li ul.project-thumbs:after, div.featured-members div.featured-member:after, div.latest-lists ul:after, ul.search-results li ul li:after, ul.activity li h5:after, ul.activity li:after, ul.tabnav:after, div.user-profile dl:after, div.etsy-promo ul:after, ul.studio-list li dl:after, ul.studio-list li:after, ul.contacts:after, form.gen-form ol:after, form.gen-form div.payment-options ul:after, form.gen-form div.payment-options:after, form.gen-form div.wrap:after, form.user-notifications fieldset dl:after, div.highlight-of-the div.inner:after, div.progress-bar ul:after, form.upload-a ol li:after, div.options-block:after, div.instructions-panel:after, div.pattern-module ul.pattern-actions li.this-actions:after, ul.summary-project-thumbs:after, div#burda ol.steps-list-confirm li:after, div.adding-summary ul.buttons:after, li.this-actions:after, ul.horz-links-list:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
div#burda div#page div#header,div#burda div#page,div#burda,div#burda div#footer,div#burda div#page div#header ul.profile-links,div#burda div#page div#nav-bar ul.nav,div#burda div.columnset,form ol,form ul.buttons,div.clearfix,div#burda div#page form.login,div#burda div#page-heading,div#burda div.blog-post ul.blog-post-meta,div#burda div.blog-post div.blog-post-body,ul.comments li,ul.comments li,div#burda form.comments fieldset,div#burda form.comments ol li,div#burda ul.post-facilities,div.secondary,div.alpha-skip ul,div.term-detail,ul.subnav,ul.thepress,ul.comments ul.comment-functions, div.tout-1 div.cta-bar p, div#burda div.blog-post div.blog-post-body ul.horz-links-list, div.c, div.blog-roll ul, ul.pagination, ul.project-list, ul.rate, div.list-page-functions, ul.listing-filters, div#burda.projects div.project ul.horz-links-list, dl, div.also-like ul, div#burda div.featured ul, div.based-on ul.based-on li ul.cta-list, div.for-this ul.that-for li ul.cta-list, div.for-this ul.that-for li div.cta-bar, div.step-header, ul.step-thumbs, div.step, ul.patterns-list li dl, ul.techniques-list li dl, ul.patterns-list li div.cta-bar ul, ul.techniques-list li div.cta-bar ul, ul.patterns-list li div.cta-bar, ul.techniques-list li div.cta-bar, ul.patterns-list, ul.techniques-list, div.pattern-module, div.pattern-module div.pattern-meta-user, div.pattern-module dl, div.pattern-detail ul.horz-links-list, div.technique-desc, div.featured-projects ul li ul.project-links, div.featured-projects ul li ul.project-thumbs, div.featured-members div.featured-member, div.latest-lists ul, ul.search-results li ul li, ul.activity li h5, ul.activity li, ul.tabnav, div.user-profile dl, div.etsy-promo ul, ul.studio-list li dl, ul.studio-list li, ul.contacts, form.gen-form ol, form.gen-form div.payment-options ul, form.gen-form div.payment-options, form.gen-form div.wrap, form.user-notifications fieldset dl, div.highlight-of-the div.inner, div.progress-bar ul, form.upload-a ol li, div.options-block, div.instructions-panel, div.pattern-module ul.pattern-actions li.this-actions, ul.summary-project-thumbs, div#burda ol.steps-list-confirm li, div.adding-summary ul.buttons, li.this-actions, ul.horz-links-list {zoom:1;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ layouts */
.clearer, .clearfix {
clear: both;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.hidden {
display: none;
}
div#burda {
display: block;
position: relative;
padding: 90px 0 0 0;
}
div#burda div#top-strap {
background: transparent url(/images/sitewide/bg-btm-strap_header.png?1551186590) no-repeat center bottom;
height: 90px;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
}
div#burda div#btm-strap {
/* background: transparent url(/images/sitewide/bg-btm-strap.gif?1551186590) repeat-x left bottom; */
background: transparent url(/images/sitewide/bg-btm-strap_footer.png?1551186590) no-repeat center bottom;
height: 90px;
text-align: center;
padding: 15px 0;
margin: 0 0 0 0;
}
div#burda div#page, div#burda div#footer div.columnset {
margin: 0 auto;
text-align: left;
width: 935px;
}
div#burda div#footer {
padding-top: 1px;
background: #f0efec url(/images/sitewide/bg-white-keyline.gif?1551186590) repeat-x 0 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general styles */
h1,h2,h3{font-family:Helvetica,Arial,Verdana,"Trebuchet MS",sans-serif;}
h1 a{text-indent:-9999em;display:block;width:272px;height:114px}
h2{color:#34322B;line-height:30px;font-size:28px;font-weight:100;}
h3{font-size:18px;line-height:25px;font-weight:100;margin:0 0 10px 0;}
h4{font-size:12px;line-height:15px;font-family:Arial,Helvetica,Verdana,"Trebuchet MS",sans-serif;}
body.isMac h4{font-size:12px;font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;font-weight:normal;}
h5,h6,p,ul,ol,dl,table{font-size:12px;line-height:15px;margin:0 0 15px 0;}
a{color:#34322B;text-decoration:none;}
a:hover,a:focus,a:active{text-decoration:underline;}
strong{font-weight:bold;}
ol{padding:0 0 0 12px;}
img{margin:0;padding:0;border:0 none;}
abbr,acronym{cursor:help;border-bottom:1px dotted #000;}
abbr.timeago{cursor:default;border-bottom:none;}
q{font-size:13px;line-height:15px;margin:0 0 11px 0;}
q:before{content:no-open-quote;content:"";}
q:after{content:no-close-quote;content:"";}
blockquote{font-size:13px;line-height:15px;margin:0 0 11px 0;font-weight:bold;}
blockquote p{margin:0;padding:0;display:inline;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ custom classes */
.rss-icon {
background: transparent url(/images/sitewide/bg-rss-icon.gif?1551186590) no-repeat 0 0;
padding-left: 16px;
}
.full-opacity {
filter:alpha(opacity=100) !important;
-moz-opacity:1 !important;
opacity:1 !important;
}
.half-opacity {
filter:alpha(opacity=50) !important;
-moz-opacity:.5 !important;
opacity:.5 !important;
}
.opacity-75 {
filter:alpha(opacity=75) !important;
-moz-opacity:.75 !important;
opacity:.75 !important;
}
.qtr-opacity, .opacity-25 {
filter:alpha(opacity=25) !important;
-moz-opacity:.25 !important;
opacity:.25 !important;
}
a.ad, div.ad {
display: block;
margin: 2px 0 18px 0;
margin-top: 0;
}
div.ad:empty {
display: none !important;
margin: 0;
height: 0;
}
div.centered-ad {
background:#f6f5f4;
padding:10px 0;
text-align:center;
}
/*
a.ad img {
border: 1px solid #cfcfcd;
}
*/
.kl-white{border:1px solid #fff;}
.kl-white-t{border-top:1px solid #fff;}
.kl-white-r{border-right:1px solid #fff;}
.kl-white-b{border-bottom:1px solid #fff;}
.kl-white-l{border-left:1px solid #fff;}
.dots-1-t, p.required-note {background:transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0; padding-top: 15px;}
.dots-1-b{background:transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%; padding-bottom: 12px;}
p.required-note {
color: #F01C52;
text-align: right;
padding-top: 12px;
}
.required {
background: transparent url(/images/sitewide/bg-required.gif?1551186590) no-repeat 100% 0;
padding-right: 10px;
}
.subtle-note {
color: #888681;
font-style: italic;
}
.forgot-pwd {
color: #F01C52;
font-size: 12px;
display: block;
padding: 4px 0 0;
}
p.readon a {
color: #888681;
text-decoration: underline;
}
p.readon a:hover {
color: #34322B;
}
div.hr {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
height: 1px;
overflow: hidden;
margin: 17px 0 17px 0;
}
div.featured-members-v2 div.featured-member div.featured-member-desc div.hr {
margin:10px 0 11px;
}
ol.alpha li {
list-style-type: lower-latin;
}
/* department links */
a.dept {
background: transparent url(/images/sitewide/bg-depts-sprite.gif?1551186590) no-repeat 0 0;
padding: 0 0 0 20px;
text-decoration: none;
background: none;
padding-left: 0;
}
span.dept {
display: inline-block;
width: 10px;
height: 10px;
position: relative;
top: 1px;
background: url(/images/sitewide/bg-span-dept.png?1551186590) no-repeat left top;
_backgroud-image: url(/images/sitewide/bg-span-dept.gif?1551186590);
margin-right: 4px;
*display: inline;
*float: left;
*margin-top: 2px;
}
div.blog-post span.dept {
margin-right: 2px;
*margin-right: 6px;
}
div#burda textarea.ta-sml {
height: 50px;
}
a.dept:hover {
text-decoration: none;
}
a.making-made-easy{background-position:0 3px;}
a.backstage-report{background-position:0 -24px;}
a.competition{background-position:0 -48px;}
a.pattern-change{background-position:0 -74px;}
a.life-at-our-studio{background-position:0 -98px;}
a.learning-to-sew{background-position:0 -124px;}
a.a-young-designer-s-diary{background-position:0 -148px;}
a.wardrobe-remake{background-position:0 -174px;}
a.wearable-technology{background-position:0 -198px;}
a.sewing-universe{background-position:0 -224px;}
a.comments {background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -25px;padding:0 0 0 20px;}
a.slideshow{background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -75px;padding:0 0 0 20px;}
a.share-this, .share-this a, .st_sharethis_custom {background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -99px !important;padding:0 0 0 17px !important; line-height: 16px;}
a.print-page{background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -174px;padding:0 0 0 23px;}
a.contact-us{background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -199px;padding:0 0 0 20px;}
a.download, li.download{background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -223px;padding:0 0 0 16px;}
a.inappropriate{background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -248px;padding:0 0 0 20px;}
a.burda-icon{background:transparent url(/images/sitewide/bg-burda-icon.gif?1551186590) no-repeat 0 50%;padding:0 0 0 20px;}
a.favorite{background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -273px;padding:0 0 0 16px;}
a.in-cart{background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -324px;padding:0 0 0 20px;}
a.pattern {background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -299px; padding-left:25px;}
a.remove {background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -424px; padding-left:15px; color: #888681;}
/*
li.fb-like { min-width: 51px; max-width: 51px; _width: 51px; height: 16px; width: auto; overflow: visible; }
li.fb-like iframe { border:none; overflow:hidden; height:21px !important; position: relative; top: -2px; max-width: 51px; _width: 51px; height: 16px; width: auto; }
*/
/*
Seems that Facebook change the css for the content and now is working with the class fblike not fb-like
*/
li.fblike {
overflow: visible;
height: 16px;
padding-right: 0 !important;
width: 81px;
}
li.fblike iframe {
position: relative;
top: -2px;
}
ul.buttons {
margin: 0;
padding: 0;
position: relative;
}
/* general button configuration */
ul.buttons a, a.btn, button, span.btn {
display: block;
width: auto;
background: transparent url(/images/sitewide/bg-button-sprite.gif?1551186590) no-repeat 100% -52px;
padding: 0 15px 0 0;
color: #34322B;
border: 0;
font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
}
button {
*height: 26px;
*padding: 0;
}
body.isFF3 button {
padding-right: 10px;
}
ul.buttons a span, a.btn span, button span, span.btn .continue {
background: transparent url(/images/sitewide/bg-button-sprite.gif?1551186590) no-repeat 0 -52px;
padding: 6px 0 5px 15px;
margin: 0 0 -2px 0;
display: block;
font-size: 12px;
}
button span {
display:block;
margin:-1px 0 -1px -4px;
padding:5px 0 6px 15px;
text-align:center;
*padding: 5px 0px 6px 0px !important;
*margin: 0 10px 0 0px;
*text-align: center;
*text-indent: 10px;
}
body.isMozilla button span {
font-size: 12px !important;
font-family: Arial, Helvetica, Sans-serif !important;
line-height: 15px !important;
height: 15px !important;
margin-left: -3px;
}
body.isMozilla button span.alt {
padding-top: 6px;
padding-bottom: 5px;
}
body.isSafari button span, .webkit button span {
margin-left: 0px;
padding: 6px 0px 5px 15px;
}
ul.buttons a:hover, a.btn:hover, button:hover {
color: #F01C52 !important; /* use of !imporant does save time subselecting on a generic element such as this */
text-decoration: none;
cursor: pointer;
}
ul.buttons li.process-link {
position: absolute;
top: 10px;
left: 10px;
}
ul.buttons li.process-link a {
background: transparent;
padding: 0;
margin: 0;
display: inline;
color: #888681;
}
div#burda ul.buttons li.process-link a:hover {
/*color: #34322B !important;*/
color: #888681;
text-decoration: underline;
}
ul.buttons li.back a {
background: transparent url(/images/sitewide/bg-back-arrow-grey.gif?1551186590) no-repeat 0 2px;
padding-left: 10px;
}
ul.buttons li.required-note {
position: absolute;
top: 11px;
left: 10px;
}
ul.buttons li.required-note span {
background: transparent url(/images/sitewide/bg-required.gif?1551186590) no-repeat 100% 0;
padding-right: 10px;
color: #888681;
font-style: italic;
}
ul.buttons a, a.btn, ul.buttons a:active, ul.buttons a:focus, ul.buttons a:active {
padding-bottom: 2px;
text-decoration: none !important;
}
ul.buttons li {
margin: 0 0 0 5px;
}
/* context variants */
/* if you create a new icon, add the padding to the child span here */
a.add-to span, a.remove span, a.secure span, a.external span, a.get-it-now span, button.get-it-now span {
padding-left: 25px !important;
}
a.external span, a.order span {
padding-left: 29px !important;
}
/* variant - white ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.bg-white a.btn, .bg-white button, form.comment-reply button {background-position:100% 0;}
.bg-white a.btn span, .bg-white button span, form.comment-reply button span {background-position: 0 0;}
a.add-to{background-position:100% 0px;}
a.add-to span{background-position:0 -78px;}
a.add-to:hover span{background-position:0 -104px;}
/* variant - grey 1 (#f0efec) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.bg-grey1 a.btn, .bg-grey1 button, div#footer a.btn {background-position:100% -26px;}
.bg-grey1 a.btn span, .bg-grey1 button span, div#footer a.btn span {background-position: 0 -26px;}
.bg-grey3 a.btn, .bg-grey3 button, div#burda div.newsletter button, div#burda div.newsletter a.btn, button#continue {background-position:100% -260px;}
.bg-grey3 a.btn span, .bg-grey3 button span, div#burda div.newsletter button span, div#burda div.newsletter a.btn span, button#continue span {background-position: 0 -260px;}
.isIE button#continue span { position: relative; top: 1px; left: 3px; *top: 0; *left: 0; }
.bg-grey1 a.add-to, div#footer a.add-to {background-position:100% -26px;}
.bg-grey1 a.add-to span, div#footer a.add-to span {background-position: -180px -78px;}
.bg-grey1 a.add-to:hover span, div#footer a.add-to:hover span {background-position: -180px -104px;}
/* variant - grey 2 (#e1e1e0) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.bg-grey2 a.add-to{background-position:100% -52px;}
.bg-grey2 a.add-to span{background-position: -380px -78px;}
.bg-grey2 a.add-to:hover span{background-position: -380px -104px;}
.bg-grey2 a.external{background-position:100% -312px;}
.bg-grey2 a.external span{background-position: 0 -312px;}
.bg-grey2 a.external:hover span{background-position: 0 -338px;}
.bg-grey2 a.order{background-position:100% -364px;}
.bg-grey2 a.order span{background-position: 0 -364px;}
.bg-grey2 a.order:hover span{background-position: 0 -390px;}
.bg-grey2 a.get-it-now, .bg-grey2 button.get-it-now{background-position:100% -52px;}
.bg-grey2 a.get-it-now span, .bg-grey2 button.get-it-now span{background-position: -380px -156px;}
.bg-grey2 a.get-it-now:hover span, .bg-grey2 button.get-it-now:hover span{background-position: -380px -182px;}
.isSafari #book-form .bg-grey2 button.get-it-now{
min-height: 25px;
}
ul.buttons a.add-to{background-position:100% -52px;}
ul.buttons a.add-to span{background-position:-380px -78px;}
ul.buttons a.add-to:hover span{background-position:-380px -104px;}
ul.buttons a.secure{background-position:100% -52px;}
ul.buttons a.secure span{background-position:-380px -130px;}
ul.buttons a.secure:hover span{background-position:-380px -130px;}
ul.buttons a.delete, ul.buttons button.delete, .delete a.btn, ul.buttons li.delete a, ul.buttons li.delete button {background-position:100% -286px;}
ul.buttons a.delete span, ul.buttons button.delete span, .delete a.btn span, ul.buttons li.delete a span, ul.buttons li.delete button span{background-position:0 -286px;}
a.secure span {
padding-left: 25px !important;
}
/* variant - grey 3 (#f6f5f4) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.bg-grey3 a.btn, .bg-grey3 button {background-position:100% -260px;}
.bg-grey3 a.btn span, .bg-grey3 button span {background-position: 0 -260px;}
ul.buttons li.disabled, button.disabled, .disabled a.btn, .disabled button {
filter:alpha(opacity=60) !important;
-moz-opacity:.6 !important;
opacity:.6 !important;
cursor: default;
}
li.disabled a.btn span, .disabled a.btn span, .disabled button span, button.disabled span, .disabled a span {
color: #A0A0A0 !important;
}
div.pixel-line {
background: #c4c4c2;
height: 1px;
}
div.profile-studio div.pixel-line {
border-top: 2px solid #fff;
}
/* button sizes outside of inline element - not needed for buttons list */
.btn-sml, .btn-med, .btn-lrg {
}
/*
.btn-sml{width:75px !important;}
.btn-med{width:100px !important;}
.btn-lrg{width:150px !important;}
*/
.tfix {
text-align: center;
}
/* large image with sub-caption in primary col */
div.caption-img {
border-bottom: 1px solid #dddddc;
margin: 0 0 14px 0;
}
div.caption-img p {
margin: 0 0 10px 0;
line-height: 15px;
}
div.caption-img p.caption {
color: #888681;
font-style: italic;
}
div.caption-img img {
float: none;
display: block;
}
span.makeit, span.icon-contest, span.icon-winner, span.icon-slideshow {
background: transparent url(/images/sitewide/bg-make-it-tag.gif?1551186590) no-repeat 0 0;
display: block;
position: absolute;
z-index: 10000;
top: 0;
right: 0;
text-indent: -1000em;
overflow: hidden;
width: 54px;
height: 55px;
}
span.icon-contest {
background-image: url(/images/sitewide/bg-contest.gif?1551186590);
height:54px;
}
span.icon-winner {
background-image: url(/images/sitewide/bg-winner.gif?1551186590);
height:54px;
}
span.icon-slideshow {
background-image: url(/images/sitewide/bg-slideshow.gif?1551186590);
width:66px;
height:66px;
}
.strike {
text-decoration: line-through;
}
a.cta-link {
color: #F01C52;
}
ul.pinkLinks {
text-align: right;
padding-top: 10px;
margin-bottom: 20px;
}
ul.pinkLinks li {
display: inline-block;
padding: 0 7px 0 0;
}
ul.pinkLinks li.save {
border-left: 1px solid #d8d8d6;
padding: 0 0 0 8px;
}
ul.pinkLinks li a {
color: #9a9893;
}
ul.pinkLinks li.save a {
color: #F01C52;
}
ul.pinkLinks li a:hover {
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ div specific styles */
/* top-strap */
div#burda div#top-strap img, div#burda div#btm-strap img {
/*border: 1px solid #c3c2c0;*/
}
div#burda div#top-strap *, div#burda div#btm-strap * {
/*border: 1px solid #ccc;*/
margin: 0;
padding: 0;
border: 0 none;
text-align: center;
}
div#burda div#top-strap table, div#burda div#btm-strap table {
margin: 0 auto;
text-align: left;
}
div#burda div#top-strap *:first-child, div#burda div#btm-strap *:first-child {
margin: 0 auto;
}
/* header */
div#burda div#page div#header {
position: relative;
height: 110px;
}
div#burda div#page div#header h1, div#burda div#page div#header h1 a {
display: block;
width: 262px;
height: 77px;
overflow: hidden;
}
div#burda div#page div#header h1 {
position: absolute;
bottom: 13px;
left: 2px;
}
div#burda div#page div#header h1 a {
background: transparent url(/images/sitewide/BurdaStyleLogoHeaderUK_cropped.png?1551186590) no-repeat 0 0;
text-indent: -1000px;
}
div#burda div#page div#header p.user {
top: 28px;
right: 0;
position: absolute;
}
div#burda div#page div#header p.user.facebook_user {
right: 22px;
margin:0;
}
div#burda div#page div#header li#logout.facebook_user {
margin:0;
}
div#burda div#page div#header a.header_pics_link {
display:block;
width:15px;
height:15px;
position:absolute;
top:46px;
right:0;
}
div#burda div#page div#header a.header_pics_link img {
display:block;
width:15px;
height:15px;
}
div#burda div#page div#header p.user a {
margin-left: 5px;
color: #F01C52;
}
div#burda div#page div#header ul.profile-links {
position: absolute;
bottom: 43px;
right: 0;
margin: 0;
}
div#burda div#page div#header ul.profile-links li {
display: inline;
float: left;
margin: 0 10px 0px 0px;
border-left: 1px solid #e1e1df;
padding: 0px 0px 0px 10px;
color: #F01C52;
}
div#burda div#page div#header a {
color: #888681;
}
div#burda div#page div#header a span {
color: #F01C52;
font-size: 11px;
display:inline-block;
padding-left:2px;
background-color:#FFF;
}
div#burda div#page div#header a:hover span {
text-decoration:none;
}
div#burda div#page div#header ul.profile-links li:first-child,div#burda div#page div#header ul.profile-links li.first{margin-left:0px; border-left: 0;}
div#burda div#page div#header ul.profile-links li:last-child,div#burda div#page div#header ul.profile-links li.last{margin-right:0px;}
div#burda div#page div#header ul.profile-links li.shopping-cart a {
color: #888681;
background: transparent url(/images/sitewide/bg-icon-shopping-cart.gif?1551186590) no-repeat 0 50%;
padding-left: 15px;
}
div#burda div#page div#header ul.profile-links li.shopping-cart a:hover {
/*color: #34322B;*/
}
div#burda div#page div#header li.alt a {
color: #F01C52;
}
div#burda div#page div#header #icon-flags {
position: absolute;
bottom: 18px;
right: 0;
}
/* global - nav-bar with search */
div#burda div#nav-bar {
min-height: 35px;
position: relative;
margin: 0 0 10px 0;
}
.isIE7 div#burda div#nav-bar {
z-index: 999999;
}
div#burda div#nav-bar ul.nav {
background: #3C3C44 none;
border-radius: 4px 4px 0 0;
margin: 0;
padding-top: 7px;
padding-left: 7px;
}
.isIE7 div#burda div#nav-bar ul.nav {
z-index: 999999;
}
div#burda div#nav-bar ul.nav li {
background: transparent url(/images/sitewide/bg-nav-li.gif?1551186590) no-repeat 100% 8px;
display: inline;
float: left;
margin: 0;
font-size: 15px;
line-height: 20px;
margin-left: 15px;
padding-right: 21px;
padding-bottom: 10px;
position: relative;
}
.isIE7 div#burda div#nav-bar ul.nav li {
z-index: 999999;
}
div#burda div#nav-bar ul.nav li:last-child, div#burda div#nav-bar ul.nav li.last {
background: 0;
padding-right: 0;
}
div#burda div#nav-bar ul.nav li a {
color: #B1B0AF;
}
div#burda div#nav-bar ul.nav li a:hover,
div#burda div#nav-bar ul.nav li.patterns:hover a {
text-decoration: none;
color: #fff;
}
div#burda.projects div#nav-bar ul.nav li.projects a,
div#burda.about div#nav-bar ul.nav li.about a,
div#burda.blog div#nav-bar ul.nav li.blog a,
div#burda.patterns div#nav-bar ul.nav li.patterns a,
div#burda.learning div#nav-bar ul.nav li.learning a,
div#burda.photos div#nav-bar ul.nav li.photos a,
div#burda.discussions div#nav-bar ul.nav li.discussions a,
div#burda.faq div#nav-bar ul.nav li.faq a,
div#burda.certified-teachers div#nav-bar ul.nav li.certified-teachers a,
div#burda.book div#nav-bar ul.nav li.books a {
color: #fff;
}
div#burda div#nav-bar ul.nav li.books a {
padding-right: 30px;
background: transparent url(/images/sitewide/new.png?1551186590) no-repeat right 5px;
}
div#burda.photos.book div#nav-bar ul.nav li.photos a {
color: #B1B0AF;
}
div#burda.photos.book div#nav-bar ul.nav li.photos a:hover {
text-decoration: none;
color: #fff;
}
div#burda div#nav-bar ul.nav a.home {
display: block;
width: 13px;
height: 13px;
background: url(/images/sitewide/home_link.png?1551186590) no-repeat 0 0;
text-indent: -9999em;
margin: 3px 0 0;
overflow: hidden;
}
div#burda div#nav-bar ul.nav a.home:hover {
background-position: 0 -13px;
}
div#burda div#nav-bar ul.sub_nav {
position: absolute;
left: -9px;
right: 11px;
top: 29px;
background: #fff;
padding: 10px 0 6px;
border: 1px solid #cfcfcd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
left: -9999em;
right: 9999em;
z-index: 999999;
width: 14em;
_display: none;
}
.isIE7 div#burda div#nav-bar ul.sub_nav,
.isIE8 div#burda div#nav-bar ul.sub_nav {
zoom: 1;
behavior:url(/stylesheets/PIE.htc?1551186590);
}
div#burda div#nav-bar ul.nav li:hover ul.sub_nav {
left: 0;
right: 11px;
}
div#burda div#nav-bar ul.sub_nav li {
line-height: 100%;
background: none;
display: block;
float: none;
font-size: 12px;
margin: 0 0 3px;
padding: 4px 0;
}
div#burda div#nav-bar ul.sub_nav a {
display: block;
padding: 0 16px;
color: #3b3b3b !important;
}
div#burda div#nav-bar ul.sub_nav a:hover {
color: #999 !important;
}
div#burda div#nav-bar form#global-search {
background: transparent url(/images/sitewide/bg-search.gif?1551186590) no-repeat 0 0;
position: absolute;
top: 6px;
right: 10px;
width: 150px;
height: 22px;
overflow: hidden;
}
div#burda div#nav-bar form#global-search.active {
background-position: 0 -22px;
}
div#burda div#nav-bar form#global-search fieldset {
padding: 3px 13px 3px 30px;
padding-left: 22px;
}
div#burda div#nav-bar form#global-search fieldset input[type=text] {
background: 0;
border: 0;
padding: 0 !important;
margin: 0;
width: 114px;
height: 16px;
outline: none !important;
font-size: 12px;
}
div#burda div#nav-bar form#global-search fieldset input.text {
background: 0;
border: 0;
padding: 0 !important;
margin: 0;
width: 114px;
height: 16px;
outline: none !important;
font-size: 12px;
}
div#burda div#nav-bar form#global-search fieldset >/**/input[type=text] {
padding: 2px 0 !important;
}
body.isSafari div#burda div#nav-bar form#global-search fieldset input.text, .webkit div#burda div#nav-bar form#global-search fieldset input.text {
padding: 0 !important;
}
div#burda div#nav-bar form#global-search fieldset label {
display: block;
overflow: hidden;
width: 0;
height: 0;
padding: 0;
margin: 0;
}
div#burda div#nav-bar #ribbon {
display: block;
background-color: #ffffff;
border-bottom: 2px solid #F11C52;
border-right: 2px solid #F11C52;
font: normal 18px/100% Arial, sans-serif;
color: #3C3C46;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
div#burda div#nav-bar #ribbon>.ribbon-txt {
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
padding: 5px 15px;
}
div#burda div#nav-bar #ribbon>.ribbon-txt:first-child {
background-color: #F11C52;
border-bottom: 1px solid #F11C52;
color: #ffffff;
margin-right: -1px; /*IE fix*/
}
div#burda div#nav-bar #ribbon>.ribbon-txt:first-child+.ribbon-txt {
padding-left: 40px;
font-weight: bold;
}
div#burda div#nav-bar #ribbon>.ribbon-txt:first-child+.ribbon-txt:after {
content: " ";
background-color: #F11C52;
border-radius: 100%;
height: 110px;
width: 100px;
position: absolute;
left: -86px;
bottom: -20px;
z-index: 1;
}
/* Newsletter */
#newsletter {
position: relative;
border-radius: 0 0 8px 8px;
margin-bottom: 20px;
overflow: hidden;
background: #F6F5F4 url(/images/sitewide/new_year_background.png?1551186590);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E6084', endColorstr='#77A0AC',GradientType=0 ); /* IE6-8 */
text-align: center;
}
#newsletter-photo {
box-shadow: 2px 2px 20px #3C3C3C;
}
#newsletter #newsletter-caption {
position: absolute;
top: 13px;
left: 220px;
width: 380px;
}
#newsletter #newsletter-caption h2 {
font-size: 32px;
line-height: 1.1;
letter-spacing: 1px;
}
#newsletter #newsletter-caption strong {
font-size: 48px;
color: #ED008C;
}
#newsletter #newsletter-frm {
position: absolute;
top: 15px;
right: 0;
width: 360px;
}
#newsletter #newsletter-frm p {
font-size: 15px;
line-height: 1.2;
margin-bottom: 10px;
}
#newsletter #newsletter-frm input.email {
display: inline-block;
width: 200px;
height: 20px;
margin-right: 10px;
font-size: 14px;
line-height: 100%;
padding: 2px 10px;
border-radius: 10px;
}
#newsletter #newsletter-frm .btn.btn-submit {
display: inline-block;
background: #ED008C;
color: #ffffff !important;
font-size: 13px;
font-weight: bold;
padding: 5px 12px;
margin: 0;
border-radius: 10px;
border: 1px solid #3C3C3C;
}
/*#newsletter #newsletter-frm .btn.btn-submit:hover {*/
/*background: #F21850 none;*/
/*}*/
/* Main Content */
#main-container {
min-height: 300px;
}
/* footer */
div#burda div#footer {
text-align: center;
padding: 0 0 0 0;
}
div#burda div#footer div.columnset {
background: transparent url(/images/sitewide/burda-tag.gif?1551186590) no-repeat 0 0;
text-align: left;
padding-top: 75px;
}
div#burda div#footer div.columnset div.col {
margin: 0 0 0 35px;
color: #888681;
}
div#burda div#footer div.columnset div.col a {
color: #888681;
}
div#burda div#footer div.columnset div.col a:hover {
color: #34322b;
}
div#burda div#footer div.columnset div.col a.btn {
color: #34322B;
}
div#burda div#footer div.columnset div.col a.btn:hover {
color: #F01C52;
}
div#burda div#footer div.columnset div.c1 {
width: 285px;
padding-right: 40px;
margin-left: 0;
}
div#burda div#footer div.columnset div.c2 {
width: 130px;
padding-top: 15px;
}
div#burda div#footer div.columnset div.c1 a, div#burda div#footer div.columnset div.c1 a:hover {
color: #F01C52;
}
div#burda div#footer div.columnset div.c1 p {
margin-bottom: 13px;
}
div#burda div#footer div.columnset div.c1 h2 + p a {
color: #888681;
text-decoration: underline;
}
div#burda div#footer div.columnset div.c1 h2 + p a:hover {
color: #34322b;
}
div#burda div#footer div.columnset div.c3,
div#burda div#footer div.columnset div.c4 {
width: 180px;
padding-top: 15px;
}
div#burda div#footer div.columnset div.c4 {
margin-left: 15px;
}
/* bottom col with copyright and rss link etc */
div#burda div#footer div.columnset div.full {
position: relative;
margin: 0 0 17px;
padding: 24px 0 0;
}
div#burda div#footer div.columnset div.full-zIndex-fix {
*z-index: -1 !important;
}
div#burda div#footer p.glam-logo, div#burda div#footer div.columnset div.full ul {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
*bottom:15px;
}
div#burda div#footer p.glam-logo {
margin: 0 !important;
line-height: 15px;
right: 40px;
}
div#burda div#footer div.columnset div.full ul {
left: 0;
}
div#burda div#footer div.columnset div.full ul li {
display: inline;
float: left;
margin: 0 10px 0px 0px;
border-left: 1px solid #d5d5d3;
padding: 0px 0px 0px 10px;
}
div#burda div#footer div.columnset div.full ul li:first-child, div#burda div#footer div.columnset div.full ul li.first {
border-left: 0;
padding-left: 0;
}
div#burda div#footer div.columnset div.full ul li a, div#burda div#footer div.columnset div.full ul li a:hover {
color: #888681;
text-decoration: none;
}
div#burda div#footer div.columnset div.full ul li a:hover {
text-decoration: underline;
}
div#burda div#footer div.columnset div.full ul li.alt a {
color: #F01C52;
}
div#burda div#footer div.columnset div.full ul li a.rss-icon {
background-position: 0px 1px;
}
div#burda div#footer h2.logo {
margin: 1px 0 11px 0;
padding: 0;
}
div#burda div#footer h2.logo a {
background: transparent url(/images/sitewide/bg-footer-logo-sprite.gif?1551186590) no-repeat 0 0;
width: 187px;
height: 39px;
text-indent: -1000px;
overflow: hidden;
display: block;
}
div#burda div#footer h2.logo a:hover {
background-position: 0px -40px;
}
div#burda div#footer h3 {
color: #34322B;
font-size: 18px;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
margin: 0 0 14px 0;
}
div#burda div#footer div.columnset div.c2 h3 {
margin-bottom: 13px;
}
div#burda div#footer h3 a {
color: #34322B;
}
div#burda div#footer div.columnset div.c3 h3 {
padding-left: 21px;
background: transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 1px;
}
div#burda div#footer h3 span {
line-height: 21px;
display: block;
}
div#burda div#footer ul {
margin: 0;
padding: 0;
}
div#burda div#footer ul li {
margin: 0 0 5px 0;
}
div#burda div#footer ul li a {
text-decoration: underline;
}
div#burda div#footer ul.social {
padding: 33px 0 0;
margin: 0;
}
div#burda div#footer ul.social li {
display: inline;
float: left;
width: 86px;
}
div#burda div#footer ul.social a {
display: block;
padding: 0 0 0 20px;
margin: 0 0 1px;
background: url(/images/sitewide/socialnetworks_footer.png?1551186590) no-repeat 0 0;
text-decoration: none;
height: 15px;
line-height: 18px;
}
div#burda div#footer ul.social a:hover {
background-position: 0 -15px;
}
div#burda div#footer ul.social a.tb {
background-position: 0 -30px;
}
div#burda div#footer ul.social a.tb:hover {
background-position: 0 -45px;
}
div#burda div#footer ul.social a.tw {
background-position: 0 -60px;
}
div#burda div#footer ul.social a.tw:hover {
background-position: 0 -75px;
}
div#burda div#footer ul.social a.inst {
background-position: 0 -120px;
}
div#burda div#footer ul.social a.inst:hover {
background-position: 0 -135px;
}
div#burda div#footer ul.social a.pi {
background-position: 0 -90px;
}
div#burda div#footer ul.social a.pi:hover {
background-position: 0 -105px;
}
div.copyright {
background: #dbdbd9;
padding: 15px 0px;
clear: both;
margin: 0;
color: #888681;
}
div.copyright p {
margin: 0 auto;
text-align: left;
width: 935px;
position: relative;
_z-index: -1;
line-height: 15px;
}
a.area17 {
position: absolute;
right: 0;
color: #888681;
right: 86px;
}
/* featured panel */
div#burda div.featured {
margin: 0 0 40px 0;
}
div#burda div.featured img {
margin: 0 0 5px 0;
}
div#burda div.featured h3 {
background: transparent url(/images/sitewide/bg-stitch-2.gif?1551186590) repeat-x 0 100%;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
div#burda div.featured h4 {
margin: 0 0 10px 0;
}
div#burda div.featured h4 a {
color: #34322B;
}
div#burda div.featured ul {
margin: 0;
padding: 0;
}
div#burda div.featured ul li {
margin: 0 0 0 15px;
float: left;
display: inline;
padding: 0;
width: 175px;
}
div#burda div.featured ul li.first {
margin-left: 0;
}
div#burda div.featured ul li p {
color: #888681;
margin-bottom: 10px;
color: #34322B;
}
div#burda div.featured ul li p.link {
margin-bottom: 6px;
}
div#burda div.featured ul li p.feature-type {
display: block;
color: #888681;
padding: 0 0 7px 0;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
margin: 0 0 7px 0;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
div#burda div.featured ul li p a {
color: #888681;
text-decoration: underline;
}
div#burda div.featured ul li p a:hover {
color: #34322B;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page specific styles */
div#burda div#page div.choose-your-country img {
margin-right: .5em;
vertical-align: bottom;
}
div#burda div#page div.choose-your-country li {
float: left;
line-height: 2em;
padding: 1em 0;
width: 50%;
}
/* site terms & conditions */
div#burda div#page div.site-terms {
margin: 0 0 20px 0;
}
div#burda div#page div.site-terms a {
text-decoration: underline;
}
div#burda div#page div.site-terms h3 {
font-size: 20px;
line-height: 20px;
font-weight: 100;
text-align: baseline;
margin: 0 0 15px 0;
}
div#burda div#page div.site-terms h4 {
margin:30px 0 10px;
text-transform: uppercase;
}
div#burda div#page div.site-terms ol.alpha {
padding: 0 0 0 20px;
}
div#burda div#page div.site-terms ol.alpha li {
margin: 0 0 10px 0;
}
/* errror pages */
div.error-page h3 {
font-size: 28px;
line-height: 30px;
color: #F01C52;
margin: 0 0 20px 0;
}
div.error-page a {
text-decoration: underline;
}
div.error-page a.cta-link {
text-decoration: none;
}
div.error-page a.cta-link:hover {
text-decoration: underline;
}
div.error-page p {
margin: 0 0 20px 0;
}
/* password error pages */
div.pwd-error-page {}
div.pwd-error-page form {
border-top: none;
background: none;
margin: 0;
}
div.pwd-error-page fieldset {
padding: 0;
}
div.pwd-error-page h3 {
border: none;
background: none;
margin: 0 0 8px;
}
div.pwd-error-page p {
margin: 0;
}
div.pwd-error-page p.last {
margin: 15px 0 0 !important;
}
div.pwd-error-page p.last a {
color: #F01C52 !important;
text-decoration: none !important;
}
div.pwd-error-page p.last a:hover {
text-decoration: underline !important;
}
/* shopping cart related selectors */
div.cart p.cart-notice {
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 15px 0;
color:#888681;
font-size:12px;
font-style:italic;
line-height:15px;
margin:0;
padding:0 0 10px 35px;
border-bottom: 1px solid #c4c4c2;
}
div.cart ul.buttons {
border-top: 1px solid #fff;
position: relative;
}
div.cart ul.buttons a.puchase-history-link, div.cart ul.buttons a.puchase-history-link:hover {
background: 0;
padding: 0;
margin: 0;
color: #888681;
text-decoration: underline;
position: absolute;
left: 20px;
top: 10px;
}
div.cart ul.buttons a.puchase-history-link:hover {
color: #34322B !important;
}
/* add summary */
div.adding-summary {
}
div.adding-summary h3 {
margin-bottom: 30px;
line-height: 20px;
}
div.adding-summary h3 span {
display: block;
color: #F01C52;
}
div.adding-summary h4 {
position: relative;
background: #f6f5f4 url(/images/sitewide/bg-white-keyline.gif?1551186590) repeat-x 0 0;
border-top: 1px solid #cfcfcd;
border-bottom: 1px solid #cfcfcd;
padding: 11px 10px;
height: 17px;
background: #f6f5f4 url(/images/sitewide/bg-addingSummary-h4.gif?1551186590) repeat-x 0 0;
border: 0 none;
}
div#burda div.adding-summary h4 a.edit {
position: absolute;
right: 10px;
color: #F01C52;
font-size: 12px;
line-height: 15px;
font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
font-weight: 100;
}
div.adding-summary dl.summary-data {
width: 615px;
clear: both;
padding: 20px 0;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
}
div.adding-summary dl.summary-data dt, div.adding-summary dl.summary-data dd {
float: left;
}
div.adding-summary dl.summary-data dt {
width: 200px;
clear: both;
padding-left: 10px;
}
div.adding-summary dl.summary-data dd {
width: 405px;
color: #888681;
float: right;
}
div.adding-summary dl.summary-data dd strong, div.adding-summary dl.summary-data dd p {
font-weight: normal;
color: #34322B;
}
div.adding-summary dl.summary-data dd span.inline, div.adding-summary dl.summary-data dd span.inline * {
display: inline;
color: #888681;
}
div.adding-summary dl.summary-data dd.w_html {
font-size: 12px;
line-height: 15px;
color: #34322B;
}
div.adding-summary dl.summary-data dd.w_html ul,
div.adding-summary dl.summary-data dd.w_html ol {
font-size: 12px;
line-height: 15px;
margin: 0 0 15px 0;
padding: 0 0 0 1.4em;
color: #34322B;
}
div.adding-summary dl.summary-data dd.w_html ol {
list-style-type: decimal;
}
div.adding-summary dl.summary-data dd.w_html ul {
list-style-type: disc;
}
div.adding-summary dl.summary-data dd.w_html a {
text-decoration: underline;
color: #34322B;
}
div.adding-summary dl.summary-data dd.w_html img,
div.adding-summary dl.summary-data dd.w_html table {
max-width: 100% !important;
height: auto !important;
margin: 0 0 15px 0;
}
div.adding-summary dl.summary-data dd.w_html h1,
div.adding-summary dl.summary-data dd.w_html h2,
div.adding-summary dl.summary-data dd.w_html h3,
div.adding-summary dl.summary-data dd.w_html h4,
div.adding-summary dl.summary-data dd.w_html h5,
div.adding-summary dl.summary-data dd.w_html h6 {
font-size: 12px;
line-height: 15px;
font-family: Arial,Helvetica,Verdana,"Trebuchet MS",sans-serif;
font-weight: bold;
padding: 0;
margin: 0 0 15px 0;
border: 0 none;
background: none;
color: #34322B;
}
div.adding-summary dl.summary-data dd.w_html ul > br,
div.adding-summary dl.summary-data dd.w_html ol > br,
div.adding-summary dl.summary-data dd.w_html table > br,
div.adding-summary dl.summary-data dd.w_htmltr > br {
display: none;
}
div.adding-summary dl.summary-data p.last {
margin: 0;
}
div.summary-data-sets {
margin-bottom: 59px;
}
dl.summary-data p.pattern-detail {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -299px; padding-left:25px;
}
div.buttons-wrap {
border-top:1px solid #C4C4C2;
background:#E1E1E0 url(/images/sitewide/bg-white-keyline.gif?1551186590) repeat-x scroll 0 0%;
padding: 1px 0 0 0;
}
div.adding-summary ul.buttons {
background:#E1E1E0 url(/images/sitewide/bg-white-keyline.gif?1551186590) repeat-x scroll 0 100%;
border-bottom:1px solid #C4C4C2;
padding:6px 15px;
}
div.adding-summary ul.buttons li {
float: right;
}
p.publish-notice {
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 15px 0;
color:#888681;
font-size:12px;
font-style:italic;
line-height:15px;
margin:0;
padding:0 0 10px 35px;
}
div.pattern-img {
border: 1px solid #e7e7e6 !important;
width: 283px;
height: 283px;
overflow: hidden;
}
div.pattern-img img {
margin: -1px;
}
h5.user-burdastyle a, p.user-burdastyle a:hover {
color: #F01C52 !important;
font-weight: bold !important;
text-decoration: none !important;
}
h5.user-burdastyle a:hover {
text-decoration: underline !important;
}
a.user-burdastyle, a.user-burdastyle:hover {
color: #F01C52 !important;
font-weight: bold !important;
text-decoration: none !important;
}
a.user-burdastyle:hover {
text-decoration: underline !important;
}
p.user-burdastyle a, p.user-burdastyle a:hover {
color: #F01C52 !important;
font-weight: bold !important;
text-decoration: none !important;
}
p.user-burdastyle a:hover {
text-decoration: underline !important;
}
span.user-burdastyle a, span.user-burdastyle a:hover {
color: #F01C52 !important;
font-weight: bold !important;
text-decoration: none !important;
}
span.user-burdastyle a:hover {
text-decoration: underline !important;
}
span.user a, span.user a:hover {
text-decoration: none !important;
}
span.user a:hover {
text-decoration: underline !important;
}
h5.user-affiliate a, p.user-affiliate a:hover {
color: #0090dc !important;
font-weight: bold !important;
text-decoration: none !important;
}
h5.user-affiliate a:hover {
text-decoration: underline !important;
}
a.user-affiliate, a.user-affiliate:hover {
color: #0090dc !important;
font-weight: bold !important;
text-decoration: none !important;
}
a.user-affiliate:hover {
text-decoration: underline !important;
}
p.user-affiliate a, p.user-affiliate a:hover {
color: #0090dc !important;
font-weight: bold !important;
text-decoration: none !important;
}
p.user-affiliate a:hover {
text-decoration: underline !important;
}
span.user-affiliate a, span.user-affiliate a:hover {
color: #0090dc !important;
font-weight: bold !important;
text-decoration: none !important;
}
span.user-affiliate a:hover {
text-decoration: underline !important;
}
/* comments sign in */
div.comments_sign_in {
border-top: 1px solid #cfcfcd;
padding-top: 22px;
/*margin-top: -17px;*/
padding-top: 17px;
}
/*
div.comments_sign_in_no_comments {
border-top: 0 none;
background: url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x left top;
padding-top: 45px;
}
div.projects div.comments_sign_in_no_comments {
margin-top: -5px;
}
div.discussions div.comments_sign_in_no_comments {
border-top: 0 none !important;
background: url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x left top !important;
padding-top: 45px !important;
margin-top: 36px !important;
}
*/
div.comments_sign_in_pagination {
border-top: 0 none;
background: none;
}
div.discussions div.comments_sign_in_pagination {
border-top: 1px solid #cfcfcd;
}
div.comments_sign_in p {
color: #888681;
margin-bottom: 10px;
}
div.comments_sign_in p a {
color: #e40044;
}
div.comments_sign_in ul.methods {
overflow: auto;
margin: 0 0 10px 0;
}
div.comments_sign_in ul.methods li {
display: inline;
float: left;
margin: 0 0 0 8px;
padding: 0 0 0 8px;
border-left: 1px solid #E1E1DF;
}
div.comments_sign_in ul.methods li:first-child {
margin-left: 0;
padding-left: 0;
border-left: 0 none;
}
div.comments_sign_in ul.methods li a {
color: #e40044;
}
div.sister-sites {
}
div.columnset-alt div.sister-sites {
background: url(/images/sister-sites/bg.gif?1551186590) no-repeat 0 0;
}
div.columnset-alt div.sister-sites div.top, div.columnset-alt div.sister-sites div.btm {
background: none !important;
}
div.sister-sites div.c {
padding: 2px 10px 0;
_padding-top: 0;
height: 43px;
_margin-top: -1px;
_margin-bottom: -3px;
}
div.columnset-alt div.sister-sites div.c {
height: 100px;
}
div.sister-sites p {
display: inline;
float: left;
color: #888681;
padding: 6px 0 0;
margin: 0;
width: 82px;
line-height: 15px;
position: relative;
}
div.sister-sites p span.small-germany-flag {
position: absolute;
top: 23px;
left: 69px;
}
div.columnset-alt div.sister-sites p {
float: none;
display: block;
padding: 0;
margin: -7px 0 0 0;
width: auto;
}
div.sister-sites ul {
display: inline;
float: right;
margin: 0;
padding: 0 !important;
width: 192px;
height: 43px;
}
div.columnset-alt div.sister-sites ul {
float: none;
display: block;
padding: 0;
margin: 0;
height: auto;
width: auto;
}
div.sister-sites li {
display: inline;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
div.columnset-alt div.sister-sites li {
float: none;
display: block;
padding: 0;
margin: 0;
height: auto;
text-align: center;
}
div.sister-sites li.b {
padding: 6px 7px 0 11px;
}
div.columnset-alt div.sister-sites li.b {
padding: 16px 0 0 32px;
}
div.sister-sites li.e {
background: url(/images/sitewide/bg-dots-1-v.gif?1551186590) repeat-y scroll 0 0;
padding: 10px 0 9px 12px;
}
div.columnset-alt div.sister-sites li.e {
background: url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x scroll 0 0;
padding: 15px 0 0 37px;
margin: 9px 0 0 0;
}
div.sister-sites li a {
display: block;
background-image: url(/images/sister-sites/logo-bs-de.gif?1551186590);
width: 95px;height: 32px;
text-indent: -9999em;
}
div.sister-sites li.e a {
background-image: url(/images/sister-sites/logo-ef.gif?1551186590);
width: 65px;
height: 24px;
}
body.germanNotification {
padding-top: 61px;
}
body.burdaFashion {
padding-top: 90px;
}
#germanSiteLink {
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 100%;
background: #f2f4f7 url(/images/sitewide/bg-germanSiteLink.png?1551186590) no-repeat center center;
border-bottom: 1px solid #c4c6c8;
text-align: center;
padding: 20px 0 0 0;
}
#burdafashion {
position: absolute;
left: 0;
top: 0;
height: 69px;
width: 100%;
background: #f2f4f7;
border-bottom: 1px solid #c4c6c8;
text-align: center;
padding: 20px 0 0 0;
}
#germanSiteLink p{
text-align: center;
margin: -5px 0 0 0;
padding: 0 54px 0 0;
color: #1a1a1a;
}
#burdafashion p {
text-align: center;
margin: 8px 0 0 0;
padding: 0 54px 0 0;
color: #F01C52;
font-size: 11pt;
}
#burdafashion p a.blog {
color: #F01C52;
text-decoration: underline;
}
#burdafashion p a.blog:hover {
text-decoration: none;
}
#germanSiteLink p.close, #burdafashion p.close {
position: absolute;
right: 10px;
top: 10px;
margin: 0;
padding: 0;
text-align: left;
}
#germanSiteLink p.close a, #burdafashion p.close a {
display: block;
width: 16px;
height: 16px;
text-indent: -9999em;
background: url(/images/sitewide/bg-germanLink-close.png?1551186590) no-repeat 0 0;
}
div.germanSiteLink p.close a:hover, div#burdafashion p.close a:hover {
background-position: 0 -16px;
}
.size-chart {
padding: 6px 0 0 0;
}
.size-chart h3 {
color: #F01C52;
border-bottom: 1px solid #DDDDDC;
padding: 27px 0 9px;
margin: 0 0 18px;
}
.size-chart a {
text-decoration: underline;
}
.size-chart ul li {
margin: 0 0 15px;
}
.size-chart ul a {
color: #888681;
}
.how-to {
}
.how-to h2 {
clear: both;
font-size: 18px;
line-height: 25px;
font-weight: 100;
color: #F01C52;
border-bottom: 1px solid #DDDDDC;
padding: 27px 0 9px;
margin: 0 0 18px;
}
.how-to .floatLeft {
margin: 0 15px 20px 0;
border: 1px solid #E7E7E6;
max-width: 298px;
}
.how-to .floatLeft + .floatLeft {
margin-right: 0;
}
.how-to a {
color: #F01C52;
}
/* free downloads */
div#burda div#page div.freedownloads {
margin: 0 0 20px 0;
}
div#burda div#page div.freedownloads .col.primary {
width: 500px;
padding-right: 115px;
}
div#burda div#page div.freedownloads ul {
list-style-type: disc;
padding: 0 0 0 1.2em;
}
div#burda div#page div.freedownloads ul li {
margin: 0 0 5px;
}
div#burda div#page div.freedownloads .primary a {
color: #F01C52;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ grid */
div#grid{position:absolute;left:0;top:0;height:1px;width:100%;background:url(/images/bg-grid-blue.gif?1551186590) repeat left top;z-index:9998;}
div#grid.red{background-image:url(/images/bg-grid-red.gif?1551186590);}
div#grid.green{background-image:url(/images/bg-grid-green.gif?1551186590);}
div#grid.blue{background-image:url(/images/bg-grid-blue.gif?1551186590);}
div#gridTools{border:1px solid #b2b2b1;background:#1e1e1e;color:#fff;position:fixed;right:9px;bottom:9px;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-align:left;width:50px;z-index:9999;}
div#gridTools p{color:#fff;}
div#gridTools li{padding-left:0;background:none;}
div#gridTools label{display:block;font-size:12px;padding-bottom:5px;color:#fff;}
div#gridTools input{width:45px;}
div#gridTools a{color:#ccc;}
a.disabled_link {
text-decoration: none;
cursor: default;
}
.disabled_btn, .disabled_btn:hover, ul.buttons a.disabled_btn, ul.buttons a.disabled_btn:hover {
text-decoration: none !important;
cursor: default !important;
color: #34322B !important
}
.no-results-msg {
color: #434138 !important;
font-size: 18px !important;
margin: 0 !important;
padding: 1px 0 0 0 !important;
float: none !important;
clear: both !important;
display: block !important;
position: static !important;
border: 0 none !important;
background: none !important;
line-height: 20px !important;
}
.no-results-msg-alt {
padding-top: 14px !important;
}
.hide-for-screen {
display: none;
}
p.warning {
margin: -13px 0 22px 0;
color: #888681;
font-style: italic;
padding: 0 0 0 23px;
background: url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat left top;
line-height: 15px;
}
ul.home-network-updates li h4 { color: #878580; font-size: 12px; margin: 0px; padding: 0px; }
ul.home-network-updates li p,
ul.home-network-updates li a img.new-thumb { display: none; }
li.faq, .faq-categories {
margin: 0 0 45px
}
.faq-categories {
margin-top: 12px
}
li.faq .label {
border-bottom: 1px solid #dddddc;
padding: 0 0 7px;
margin: 0 0 17px
}
li.faq a {
text-decoration: underline;
}
li.faq ul a, .faq-categories a {
text-decoration: underline;
margin: 0 0 15px;
display: block;
font-weight: normal
}
.faq-categories h4 {
font-weight: normal !important;
font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif !important;
}
div.faq li.first .label {
margin-top: 12px;
}
div.faq-detail li.faq {
margin: 0;
}
div.faq-detail .share-this {
background: url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x scroll 0 0 transparent;
margin: 0 0 30px;
padding: 13px 0 0;
}
#burda.faq-detail #page-heading {
height: 77px
}
#burda.faq-detail #page-heading p, #burda.faq-detail #page-heading p a {
color: #888681
}
#burda.faq-detail #page-heading h2 {
height: auto;
background-image: none;
margin: 0 0 0 -1px;
padding: 0;
font-size: 25px
}
#burda.faq-detail li.faq h4 {
margin: 0 0 15px;
}
.footer-partners p {
margin:0 0 16px;
padding: 5px 0 0 0;
}
.footer-advertise p:first-child ~ p {
padding-top: 7px;
margin-bottom: 11px;
}
.footer-partners a {
display: block;
background: url(/images/sister-sites/partner_easy.png?1551186590) no-repeat scroll 0 0;
text-indent: -9999em;
height: 24px;
width: 64px;
margin:0 0 18px;
}
.footer-partners .b {
background-image: url(/images/sister-sites/partner_burda.png?1551186590);
height: 31px;
width: 92px;
}
.footer-advertise a img {
display:block;
margin:0;
}
.underline {
text-decoration: underline;
}
/* font weight overrride */
body.isMac div#burda form.comments label.top,
body.isMac div#burda form.gen-form div.based-on-list h3,
body.isMac div#burda ol.steps-list h4,
body.isMac div#burda ol.steps-list-confirm h4,
body.isMac ul.patterns-list li div.pattern-details h3,
body.isMac div.most-popular-patterns ul.patterns-list li div.pattern-details h3,
body.isMac ul.techniques-list li div.technique-details h3,
body.isMac div.featured-in ul li a,
body.isMac div.pattern-module div.pattern-meta-user h3,
body.isMac div.progress-bar ul li,
body.isMac div.total-bar h4, div.total-bar p,
body.isMac table.default-table thead th,
body.isMac table.discussions thead th,
body.isMac div.contact-thanks p strong,
body.isMac div.featured-projects ul li div.based-on h4 {
font-weight: normal !important;
}
/* gumgum fix */
img.hidden{
display:none
}
/*
burda has distict "page headings" of varying styles containing
a range of different elements - there types and rules are contained
here
*/
/* default container for and substyles for the page heading ~~~~~~~~~~~ */
div#page-heading {
/* background: transparent url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x 0 78px;
height: 85px;
margin: 0 0 20px 0;
margin-bottom: 21px;
position: relative; */
background:transparent url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x scroll 0 bottom;
height:85px;
margin:0 0 18px 0;
position:relative;
height: 83px;
margin-bottom: 20px;
height: 80px;
}
#burda.faq #page-heading {
height: 102px;
margin: 0 0 16px
}
div#page-heading.simple h2 {
position: absolute;
bottom: 16px;
left: 0;
}
div#burda.photos div#page-heading.simple .page-headings{
float:left;
position:relative;
}
div#burda.photos div#page-heading.simple .page-headings h2 {
position:relative;
bottom:auto;
left:auto;
margin:3px 0 0;
}
div#burda.photos div#page-heading.simple .page-headings p {
font-size:12px;
line-height:15px;
margin:9px 0 0;
color:#494847;
}
div#page-heading.simple h2 a.edit {
display: inline-block;
background: url(/images/sitewide/bg-btn-edit.gif?1551186590) no-repeat 7px 6px;
width: 47px;
height: 29px;
text-indent: -9999em;
}
body.isIE div#page-heading.simple h2 a.edit {
display: inline;
float: left;
}
div#page-heading.project h2, div#page-heading.pattern h2 {
width: 420px;
}
div#page-heading.pattern_store h2 {
width: 700px;
}
div#page-heading.project h2.contest {
width: 630px;
}
/* heading with tag line */
div#page-heading.with-tag h2 {
background: transparent url(/images/sitewide/bg-dots-1-v.gif?1551186590) repeat-y 100% 0;
float: left;
padding: 4px 20px 0 0;
height: 53px;
}
/* default is a flexible width - use: div#burda.sectionclass to override and add specific width (max width because too wide affects sponsor)*/
div#page-heading.with-tag p.tagline {
color: #888681;
font-family: Georgia, "Times New Roman", serif;
font-size: 18px;
line-height: 20px;
float: left;
margin: 10px 0 0 20px;
font-weight: 100;
max-width: 550px;
}
div#burda.photos div#page-heading.with-tag p.tagline {
max-width:350px;
}
div#page-heading.with-tag p.tagline span {
color: #F01C52;
}
/* heading with sponsor */
div#page-heading div.sponsor {
display: inline;
float: right;
padding: 0;
margin-right: 15px;
max-width: 275px;
white-space: auto;
overflow: hidden;
margin-right: 0;
}
div#page-heading.sponsored div.sponsor {
margin-right: 0;
}
div#burda.photos div#page-heading div.sponsor {
margin-right:15px;
}
/* currently assumes a standard image height of 35px use a specific override to adjust alignment if heigh is different */
div#page-heading div.sponsor img {
float: left;
}
/* default is a flexible width - use: div#burda.sectionclass to override and add specific width */
div#page-heading div.sponsor p.sponsor-desc {
float: left;
color: #888681;
font-style: italic;
font-family: Georgia, "Times New Roman", serif;
line-height: 15px;
margin: 15px 15px 0 0;
text-align: right;
white-space: wrap;
width: 80px;
}
/* heading crumb */
div#page-heading ul.crumb {
position: absolute;
top: 5px;
}
/* user details */
div#page-heading div.user-details {
float: right;
background: transparent url(/images/sitewide/bg-dots-1-v.gif?1551186590) repeat-y 0 0;
position: relative;
display: inline;
padding: 5px 70px 0px 10px;
width: 120px !important;
}
div#page-heading div.user-details p {
}
div#page-heading div.user-details p.user {
margin: 0;
color: #888681;
}
div#page-heading div.user-details p.user a {
color: #888681;
}
div#page-heading div.user-details p.user-burdastyle a {
font-weight: bold;
color: #ef1c52;
}
div#page-heading div.user-details p.added {
margin-bottom: 10px;
}
div#page-heading div.user-details a:hover img {
opacity:0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
div#page-heading div.user-details img {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
}
/* views */
div#page-heading div.views, div#page-heading div.user-stat {
float: right;
background: transparent url(/images/sitewide/bg-dots-1-v.gif?1551186590) repeat-y 0 0;
position: relative;
display: inline;
height: 60px;
overflow: hidden !important;
width: 100px !important;
}
div#page-heading.pattern_store div.views {
width: 193px !important;
}
div#page-heading div.user-stat-sml {
width: 90px;
}
div#page-heading div.views p, div#page-heading div.user-stat p {
margin: 0;
padding: 5px 10px;
}
div#page-heading div.views p.view-count, div#page-heading div.user-stat p.count {
font-size: 18px;
color: #878580;
line-height: 18px;
margin: 0;
position: absolute;
bottom: 4px;
left: 10px;
padding: 0;
}
/* page heading overrides per section - keeping them here for simplicity if amends are needed */
div#burda.blog div#page-heading.with-tag p.tagline {
width: 425px;
}
div#burda.blog div#page-heading.sponsored div.sponsor p.sponsor-desc {
width: 80px;
}
div#burda.blog div#page-heading.with-tag h2 {
padding-top: 4px;
}
/* learning */
div#burda.learning div#page-heading.with-tag p.tagline {
width: 490px;
}
div#burda.learning div#page-heading.with-tag p.tagline span {
/*display: block;*/
}
div#burda.learning div#page-heading.sponsored div.sponsor p.sponsor-desc {
width: 80px;
}
div#burda.learning div#page-heading.technique-detail div.sponsor {
margin-right: 15px !important;
}
div#burda.learning div#page-heading.technique-detail h2 {
width: 460px;
width: 420px;
}
/* discussions */
div#burda.discussions div#page-heading.with-tag p.tagline {
width: 390px;
width: 410px;
}
div#burda.discussions div#page-heading.with-tag p.tagline span {
display: block;
display: inline;
}
div#burda.discussions div#page-heading.sponsored div.sponsor p.sponsor-desc {
width: 80px;
}
/* projects */
div#burda.projects div#page-heading.with-tag p.tagline {
width: 390px;
width: 410px;
}
div#burda.projects div#page-heading.with-tag p.tagline span {
display: block;
}
div#burda.projects div#page-heading.sponsored div.sponsor p.sponsor-desc {
width: 80px;
}
div#burda.projects div#page-heading.simple.project div.sponsor {
margin-right: 15px !important;
}
/* patterns */
div#burda.patterns div#page-heading.with-tag p.tagline {
width: 390px;
width: 410px;
}
div#burda.patterns div#page-heading.with-tag p.tagline span {
display: block;
}
div#burda.patterns div#page-heading.sponsored div.sponsor p.sponsor-desc {
width: 80px;
}
div#burda.patterns div#page-heading.simple.pattern div.sponsor {
margin-right: 15px !important;
}
div#burda.patterns div#page-heading h2 span.pattern-num {
font-size: 18px;
line-height: 28px;
padding: 0;
margin: 0;
}
/* books */
div#burda.book div#page-heading.with-tag p.tagline span {
display: inline;
}
/* profile section */
div#burda.profile div#page-heading.with-tag p.tagline {
width: 390px;
width: 410px;
}
div#burda.profile div#page-heading div.profile-thumb {
float: left;
display: inline;
width: 60px;
}
div#burda.profile div#page-heading.with-thumb h2 {
left: 70px;
width: 550px;
bottom: 50px;
bottom: 43px;
left: 73px;
width: 540px;
}
div#burda.profile div#page-heading.with-thumb h2.noStatus {
bottom: 19px;
}
div#burda div#page-heading div.status {
width: 550px;
position: absolute;
bottom: 21px;
left: 70px;
color: #888681;
font-family: Georgia, "Times New Roman", Times, serif;
bottom: 9px;
left: 73px;
}
div#burda div#page-heading div.status p {
font-size: 16px;
line-height: 16px;
}
div#burda div#page-heading div.status p span {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 100% -347px;
padding-right: 30px;
}
div#burda.profile div#page-heading div.profile-thumb a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
div#burda.profile div#page-heading.with-tag div.profile-thumb img {
margin: 0 15px 0 0;
}
.inplaceeditor-form {
padding: 6px 0 0 3px;
position: relative;
top: 4px;
*top: -4px;
}
.inplaceeditor-form input.editor_field {
width: 300px;
margin: 0 4px 0 0;
padding: 3px 0 2px 0 !important;
color: #9a9893;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
position: relative;
top: 4px;
*top: 0;
}
.inplaceeditor-form input.editor_field:focus {
color: #34322b;
}
.inplaceeditor-form input.editor_ok_button {
width: 61px !important;
height: 26px !important;
background: url(/images/sitewide/bg-btn-share.gif?1551186590) no-repeat left top;
overflow: auto;
text-align: left;
color: #f6f6f6;
font-size: 1px !important;
border: 0 none;
padding: 0;
margin: 0;
cursor: pointer;
position: relative;
top: 1px;
}
.inplaceeditor-form >/**/input.editor_ok_button {
text-indent: -9999em;
}
.inplaceeditor-form input.editor_ok_button:hover {
background-position: left bottom;
}
.inplaceeditor-form a {
font-size: 12px;
margin: 0 0 0 6px;
color: #888681;
font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize;
text-decoration: none;
position: relative;
top: 4px;
*top: -4px;
}
.editor_cancel_link {
text-transform: capitalize;
}
.inplaceeditor-form a:hover {
color: #888681;
text-decoration: underline;
}
.profile-banner {
padding: 0 0 20px 0;
}
/*
modules css for the various box/module types throughout burdastyle
naming convention taken from design specs
*/
/* generic module class & subselectors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.module {
zoom: 1;
margin: 0 0 20px 0;
}
/* really annoying top and bottom cap divs for corners */
div.top, div.btm {
display: block;
width: 100%;
height: 10px;
margin: 0;
padding: 0;
zoom: 1;
position: relative;
}
/* "c" content div for padding inner elements */
div.c {
padding: 5px 15px 0 15px;
margin: 0 0 0 0;
position: relative;
zoom: 1;
}
div.module div.hr {
margin: 0 0 10px 0;
padding: 0;
}
div.module ul {
padding: 0 0 0 15px;
margin: 0;
}
div.module ul li {
list-style-type: disc;
line-height: 15px;
margin: 9px;
padding: 0;
}
div.module ul li:first-child + li + li {
padding-top: 2px;
}
div.module ul li:first-child + li + li + li {
padding-top: 4px;
}
div.module h4,
body.isMac div.module h4 {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding:5px 5px 13px;
margin: 0 0 10px 0;
font-size: 18px;
line-height: 20px;
font-family: Helvetica, Arial, sans-serif;
font-weight: 100;
margin: 0 -5px 8px -5px;
padding: 4px 5px 10px 5px;
}
#burda.faq .discussion-categories .label {
margin-bottom: 10px;
}
div.module img.floatLeft {
margin: 0 12px 10px 0;
}
div.module div.cta-bar {
background: #f6f5f4 url(/images/sitewide/modules/bg-cta-bar-top-grey2.gif?1551186590) repeat-x 0 0;
clear: both;
}
div.module div.cta-bar p {
background: transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-300.gif?1551186590) no-repeat -300px 100%;
text-align: center;
padding: 5px 10px;
margin: 0;
}
div.module div.cta-bar p a.btn {
margin: 0 auto;
display: inline-block;
}
div.module div.cta-bar p span.fixed {
display: block;
padding: 6px 0 0 0;
height: 20px;
}
div.module div.hr {
margin: 9px 0 10px 0;
margin: 9px -5px 10px -5px;
}
div.module p.cta-link, div.module p.cta-link a span {
margin: 0;
color: #888681;
}
div.module p.cta-link a {
color: #F01C52;
}
/* basic white ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* classes for basic grey box - you can use these same attributes on a context-based elements to avoid use of unecessary classes */
div.basic-white {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite.gif?1551186590) repeat-y -600px 0;
margin: 0 0 20px 0;
padding: 0;
zoom: 1;
}
div.basic-white .top {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite.gif?1551186590) no-repeat 0 0;
}
div.basic-white .btm {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite.gif?1551186590) no-repeat -300px 100%;
}
/* classes for basic grey box - you can use these same attributes on a context-based elements to avoid use of unecessary classes */
div.primary div.basic-white, div.basic-white-615 {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-615.gif?1551186590) repeat-y -1230px 0;
margin: 0 0 20px 0;
padding: 0;
zoom: 1;
}
div.primary div.basic-white div.top, div.basic-white-615 .top {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-615.gif?1551186590) no-repeat 0 0;
}
div.primary div.basic-white div.btm, div.basic-white-615 .btm {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-615.gif?1551186590) no-repeat -615px 100%;
}
div.basic-white-575 {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-575.gif?1551186590) repeat-y -1150px 0;
margin: 0 0 20px 0;
padding: 0;
zoom: 1;
}
div.basic-white-575 .top {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-575.gif?1551186590) no-repeat 0 0;
}
div.basic-white-575 .btm {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-575.gif?1551186590) no-repeat -575px 100%;
}
div.primary div.module div.cta-bar {
background: #f6f5f4 url(/images/sitewide/modules/bg-cta-bar-top-165.gif?1551186590) repeat-x 0 0;
clear: both;
}
div.primary div.module div.cta-bar .inner {
background: transparent url(/images/sitewide/modules/bg-cta-bar-sprite-615.gif?1551186590) no-repeat -3690px 100%;
text-align: center;
padding: 11px 10px;
margin: 0;
text-align: center;
position: relative;
}
div.primary div.module div.cta-bar p {
background: 0;
border: 0;
padding: 0;
text-align: left;
}
/* basic grey ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* classes for basic grey box - you can use these same attributes on a context-based elements to avoid use of unecessary classes */
.basic-grey {
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite.gif?1551186590) repeat-y -600px 0;
margin: 0 0 10px 0;
padding: 0;
}
.basic-grey div.top {
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite.gif?1551186590) no-repeat 0 0;
}
.basic-grey div.btm {
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite.gif?1551186590) no-repeat -300px 100%;
}
.basic-grey-615, div.primary .basic-grey {
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite-615.gif?1551186590) repeat-y -1230px 0;
margin: 0 0 10px 0;
padding: 0;
}
.basic-grey-615 .top, div.primary .basic-grey .top {
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite-615.gif?1551186590) no-repeat 0 0;
}
.basic-grey-615 .btm, div.primary .basic-grey .btm {
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite-615.gif?1551186590) no-repeat -615px 100%;
}
/* basic yellow ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.basic-yellow-615, div.primary .basic-yellow {
background: transparent url(/images/sitewide/modules/basic-yellow-sprite-615.gif?1551186590) repeat-y -1230px 0;
margin: 0 0 10px 0;
padding: 0;
}
.basic-yellow-615 .top, div.primary .basic-yellow .top {
background: transparent url(/images/sitewide/modules/basic-yellow-sprite-615.gif?1551186590) no-repeat 0 0;
}
.basic-yellow-615 .btm, div.primary .basic-yellow .btm {
background: transparent url(/images/sitewide/modules/basic-yellow-sprite-615.gif?1551186590) no-repeat -615px 100%;
}
/* basic pink ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.basic-pink-615, div.primary .basic-pink {
background: transparent url(/images/sitewide/modules/bg-basic-pink-sprite-615.gif?1551186590) repeat-y -1230px 0;
margin: 0 0 10px 0;
padding: 0;
}
.basic-pink-615 .top, div.primary .basic-pink .top {
background: transparent url(/images/sitewide/modules/bg-basic-pink-sprite-615.gif?1551186590) no-repeat 0 0;
}
.basic-pink-615 .btm, div.primary .basic-pink .btm {
background: transparent url(/images/sitewide/modules/bg-basic-pink-sprite-615.gif?1551186590) no-repeat -615px 100%;
}
/* "alpha skip" links to terms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.alpha-skip {}
div.alpha-skip h3 {
background:transparent url(/images/sitewide/h3s/h3-learning-terms.gif?1551186590) no-repeat scroll 0 0;
display:block;
height:46px;
margin:0;
overflow:hidden;
text-indent:-1000px;
}
div.alpha-skip ul {
background: transparent url(/images/sitewide/bg-alpha-skip.gif?1551186590) repeat-y 119px 0;
overflow: hidden;
}
div.alpha-skip ul li {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 0;
display: block;
text-align: center;
font-size: 18px;
line-height: 18px;
float: left;
}
div.alpha-skip ul li a {
display: block;
padding: 6px 0 6px 0px;
width: 30px;
color: #888681;
}
div.alpha-skip ul li.fourth-child a {
width: 28px;
padding-left: 0px;
text-indent: 2px;
}
div.alpha-skip ul li a:hover {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 -30px;
text-decoration: none;
color: #F01C52;
}
div.alpha-skip ul li.left-cap {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 -60px;
}
div.alpha-skip ul li.left-cap a:hover {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 -90px;
}
div.alpha-skip ul li.last a {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 -120px;
width: 60px;
text-indent: -1000px;
overflow: hidden;
}
div.alpha-skip ul li.last a:hover {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 -150px;
}
/* secondary col version of alphaskip - overrides here */
div.secondary div.alpha-skip {
margin-bottom: 20px;
}
div.secondary div.alpha-skip ul {
background: transparent url(/images/sitewide/bg-alpha-skip.gif?1551186590) repeat-y 299px 0;
margin-bottom: 0;
}
div.secondary div.alpha-skip h3 {
background:transparent url(/images/sitewide/h3s/h3-learning-terms-300.png?1551186590) no-repeat scroll 0 0;
height:46px;
}
div.secondary div.alpha-skip ul li a {
width: 30px;
}
div.secondary div.alpha-skip ul li.row-end a {
width: 28px;
padding-left: 0px;
text-indent: 2px;
}
div.secondary div.alpha-skip ul li.last span {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 -180px;
width: 118px;
text-indent: -1000px;
overflow: hidden;
display: block;
height: 30px;
}
div.secondary div.alpha-skip div.cta-bar {
background: transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-300.gif?1551186590) repeat-y -600px 0;
margin: 0;
padding: 0;
text-align: center;
}
div.secondary div.alpha-skip div.cta-bar p {
background:transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-300.gif?1551186590) no-repeat scroll -300px 100%;
border-top:1px solid #FFFFFF;
margin:0;
padding:10px 15px;
text-align:left;
width:298px;
}
div.secondary div.alpha-skip div.cta-bar p a {
color: #F01C52;
}
/* cta version of alpha-skip */
div.alpha-skip-cta {
margin-top: 45px;
}
div.alpha-skip-cta ul {
margin: 0;
}
div.alpha-skip-cta ul li.left-cap {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 0;
}
div.alpha-skip-cta div.cta-bar {
background:transparent url(/images/sitewide/bg-alphaskipcta-cta-bar.gif?1551186590) no-repeat scroll 0 0;
padding:12px 0 2px;
text-align:center;
zoom: 1;
}
div.alpha-skip-cta div.cta-bar a {
color: #F01C52;
}
div.alpha-skip-cta ul li.last span {
background: #f6f5f4 url(/images/sitewide/bg-alpha-skip-li-sprite.gif?1551186590) no-repeat 0 -180px;
width:58px;
text-indent: -1000px;
overflow: hidden;
display: block;
height: 30px;
}
/* touts ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* section description tout */
div.section-desc p, div.section-desc h4, div.section-desc li {
color: #888681;
}
div.section-desc p, div.section-desc h4 {
font-family: Georgia, "Times New Roman", serif;
font-size: 16px;
line-height: 20px;
font-weight: normal;
margin: 0 0 10px 0;
}
div.section-desc h4 {
color: #F01C52;
margin: 0;
background: 0;
padding: 0;
}
div.pattern-affiliates h4 {
color: #0090dc;
}
div.pattern-affiliates p a {
color: #888681;
text-decoration: underline;
}
div.pattern-affiliates p a:hover {
color: #888681;
}
div.section-desc ul {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding: 14px 0 0 15px;
margin: 0 0 0 0;
margin: 0 -5px;
padding: 14px 5px 0 20px;
padding-bottom: 5px;
}
div.section-desc ul li {
line-height: 15px;
margin: 0 0 10px 0;
padding: 0;
}
/* departments */
div.departments {
}
div.departments div.c {
padding-top: 0;
}
div.departments ul {
padding: 7px 0 4px 0;
}
div.departments ul li {
list-style-type: none;
margin-bottom: 10px;
}
div.departments ul li a {
text-decoration: none;
}
span.dept {
background-image: url(/images/sitewide/bg-span-dept-alt.png?1551186590);
_backgroud-image: url(/images/sitewide/bg-span-dept-alt.gif?1551186590);
}
/* suggest */
div.suggest, div.add-a-topic {
}
div.add-a-topic div.top, div.add-a-topic div.btm, div.help-drop div.top, div.help-drop div.btm {
height: 5px;
}
div.add-a-topic div.c, div.help-drop div.c {
padding:2px 7px;
}
#burda.faq-detail div.help-drop div.c {
padding-right: 12px
}
div.suggest p, div.add-a-topic p {
margin: 0;
}
div.suggest a.btn, div.add-a-topic a.btn {
display: inline-block;
float: left;
}
div.help-drop p.help {
float: right;
margin: 5px 0 0 0;
padding: 0 10px 0 0;
background: transparent url(/images/sitewide/bg-help-arrow-down.gif?1551186590) no-repeat 100% 50%;
}
div.help-drop p.help a {
color: #888681;
background: transparent url(/images/sitewide/bg-help-info-icon.gif?1551186590) no-repeat 0 1px;
padding: 0 0 0 15px;
}
div.help-drop ul {
clear: both;
margin: 0 0 0 0;
padding: 10px 0 0 0;
}
div.help-drop ul.display {
display: block;
}
div.help-drop ul li {
font-size: 12px;
line-height: 15px;
padding: 10px 0 0 5px;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
margin: 0 0 10px 0;
list-style: none;
}
div.help-drop ul li, div.help-drop ul li a {
color: #888681;
}
/* video articles and related articles module */
div.video-articles, div.related-articles {
}
div.video-articles div.c,
div.related-articles div.c,
div.in-the-press div.c {
padding-top: 0px;
}
div.video-articles h4,
div.related-articles h4 {
margin-bottom: 0;
}
div.video-articles ul,
div.related-articles ul {
margin: 0 -5px 10px -5px;
padding: 0;
}
div.video-articles ul li,
div.related-articles ul li {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 10px 0 5px 5px;
margin: 0;
list-style-type: none;
color: #888681;
}
div.video-articles ul li:hover,
div.related-articles ul li:hover {
background-color: #F9F8F7;
}
div.video-articles ul li p,
div.related-articles ul li p {
margin: 0 0 5px 0;
}
div.video-articles p.video-link {
margin: 0 0 2px 0;
}
div.video-articles p.video-link a {
background:transparent url(/images/sitewide/bg-play-icon.gif?1551186590) no-repeat scroll 0 3px;
display:inline-block;
padding:5px 0 3px 25px;
}
div.video-articles ul li p.last {
padding-left: 25px;
}
div.video-articles ul p.last a, div.video-articles ul p.last a:hover,
div.related-articles ul p.last a, div.related-articles ul p.last a:hover {
color: #888681;
text-decoration: underline;
}
/* Book related articles: a variant of related articles for the Books page. */
div.related-articles.book-related-articles h4,
body.isMac div.related-articles.book-related-articles h4 {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
div.related-articles.book-related-articles ul li:first-child + li + li,
div.related-articles.book-related-articles ul li:first-child + li + li + li {
padding-top: 10px;
}
/* slideshow articles module */
div.slideshow-articles {}
div.slideshow-articles div.c, div.listing-articles div.c,
div.featured-in div.c {
padding-top: 0;
}
div.slideshow-articles h4, div.listing-articles h4,
div.featured-in h4 {
margin-bottom: 0;
}
div.slideshow-articles ul, div.listing-articles ul,
div.featured-in ul {
margin: 0 -5px 10px -5px;
padding: 0;
}
div.listing-articles ul {
margin-bottom:1px;
}
div.slideshow-articles ul li, div.listing-articles ul li,
div.featured-in ul li {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 10px 10px 5px 105px;
margin: 0;
list-style-type: none;
color: #888681;
position: relative;
}
div.listing-articles ul li {
padding: 13px 6px 12px;
}
div.listing-articles ul li:last-child {
background-image:none;
padding-bottom:0;
}
div.listing-articles ul li.last {
background-image:none;
padding-bottom:0;
}
div.slideshow-articles ul li,
div.featured-in ul li {
min-height: 95px;
_height: 95px;
}
div.slideshow-articles ul li img,
div.featured-in ul li img {
position: absolute;
top: 10px;
left: 5px;
margin: 0;
}
div.slideshow-articles ul li:hover,
div.featured-in ul li:hover {
background-color: #F9F8F7;
}
div.slideshow-articles ul p.meta a, div.slideshow-articles ul p.meta a:hover {
color: #888681;
text-decoration: underline;
}
div.featured-in ul p.meta a, div.featured-in ul p.meta a:hover {
color: #F01C52;
text-decoration: none;
}
div.slideshow-articles p.meta,
div.featured-in ul p.meta {
margin-bottom: 10px;
}
div.listing-articles ul li p {
margin:0;
}
div.featured-in ul li a {
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
}
/* Finished projects module, variant of featured-in module. */
div.featured-in.finished-projects div.c {
padding-left: 10px;
padding-right: 10px;
}
body.isMac div.featured-in.finished-projects h4,
div.featured-in.finished-projects h4 {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
div.featured-in.finished-projects ul {
margin-left: 0;
margin-right: 0;
}
div.featured-in.finished-projects ul li:first-child + li + li,
div.featured-in.finished-projects ul li:first-child + li + li + li {
padding-top: 10px;
}
div.featured-in.finished-projects ul li img {
left: 0;
}
/* blog roll module */
div.blog-roll {
}
div.blog-roll div.c {
padding-top: 0;
}
div.blog-roll ul {
padding: 0;
}
div.blog-roll ul li {
background: transparent url(/images/sitewide/bg-bullet.gif?1551186590) no-repeat 0 6px;
float: left;
margin: 0 0 10px 0;
display: inline-block;
width: 115px;
padding: 0 0 0 11px;
}
div.blog-roll ul li.even {
width: 117px;
margin-left: 10px;
}
/* slider module */
div.slider {}
/* recent posts module */
div.recent-posts {
}
div.recent-posts div.c {
padding: 0px 10px 5px;
}
div.recent-posts ul {
margin: 0;
padding: 0;
}
div.recent-posts ul li {
background:transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x scroll 0 100%;
display:block;
list-style-type:none;
margin:0;
padding:10px 5px;
}
div.recent-posts h4 {
margin:0 0 5px;
padding-top:4px;
}
div.recent-posts ul li p {
margin: 0 0 5px 0;
}
div.recent-posts ul li p, div.recent-posts ul li p a {
color: #888681;
}
div.recent-posts ul li p.topic-link {
margin: 0 0 5px 0;
}
div.recent-posts ul li p.topic-link a {
color: #34322B;
text-decoration: underline;
}
div.recent-posts ul li div.post-meta, div.recent-posts ul li div.post-excerpt {
margin: 0;
padding: 0;
background: none;
}
div.recent-posts ul li div.post-meta p {
margin: 0 0 10px 0;
}
div.recent-posts ul li div.post-excerpt p {
margin: 0;
}
div.recent-posts ul li.last {
background: 0;
padding-bottom: 0;
}
/* discussion-categories module */
div.discussion-categories {
}
div.discussion-categories div.c {
padding-top: 0px;
}
div.discussion-categories ul {
margin: 0;
padding: 0;
}
div.discussion-categories ul li {
font-size:18px;
line-height:20px;
list-style-type:none;
margin:0 0 5px;
padding:0 0 0;
}
div.discussion-categories ul li a {
background: transparent url(/images/sitewide/bg-arrow-sprite.gif?1551186590) no-repeat 0 6px;
padding: 0 0 0 20px;
color: #888681;
}
div.discussion-categories ul li a:hover {
color: #F01C52;
background: transparent url(/images/sitewide/bg-arrow-sprite.gif?1551186590) no-repeat 0 -19px;
text-decoration: none;
}
div.discussion-categories ul li.help a {
background: transparent url(/images/sitewide/bg-info-icon-sprite.gif?1551186590) no-repeat 0 4px;
}
div.discussion-categories ul li.help a:hover {
background: transparent url(/images/sitewide/bg-info-icon-sprite.gif?1551186590) no-repeat 0 -21px;
color: #F01C52;
text-decoration: none;
}
/*
browse techniques module - relies heavily on the discussion catergories module and overrides!
(could duplicate but designs dont seem to warrent it)
*/
div.browse-techniques {
}
div.browse-techniques div.c {
padding-top: 0;
}
div.browse-techniques ul {
margin-bottom: 14px;
}
div.browse-techniques div.cta-bar p {
text-align: left;
padding:12px 15px;
}
div.browse-techniques div.cta-bar p a {
color: #F01C52;;
}
/* add to favorites module */
div.add_to_favorites {
}
div.add_to_favorites div.top,
div.add_to_favorites div.btm {
height: 7px;
}
div.add_to_favorites div.c {
padding: 0 10px 0 7px;
}
div.add_to_favorites p {
overflow: auto;
margin: 0;
}
div.add_to_favorites .btn {
float: left;
}
div.add_to_favorites i {
font-style: normal;
float: right;
color: #888681;
line-height: 26px;
}
/* suggested products */
div.suggested-products {
}
div.suggested-products div.top {
height: 5px;
}
div.suggested-products h4 {
margin: 0 -5px;
}
div.suggested-products ul {
margin: 0;
padding: 0;
}
div.suggested-products ul li {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 10px 0 10px 70px;
margin: 0;
list-style-type: none;
position: relative;
min-height: 60px;
_height: 60px;
margin: 0 -5px;
padding: 10px 5px 10px 70px;
}
div.suggested-products ul li:hover {
background-color: #f9f8f7;
}
div.suggested-products ul li.last {
background-image: none;
padding-bottom: 0;
}
div.suggested-products ul li img {
position: absolute;
top: 10px;
left: 0;
}
div.suggested-products ul li p, div.suggested-products ul li p a {
color: #878580;
}
div.suggested-products ul li p a {
text-decoration: underline;
}
div.suggested-products ul li p a:hover {
color: #000;
}
div.suggested-products ul li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
div.suggested-products ul li p span.price {
display: block;
}
/* also-like */
div.also-like {
}
div.also-like div.c {
padding-top: 0px;
padding-bottom: 0px;
}
div.also-like ul {
margin: 0 -10px 5px -5px;
padding: 0;
}
div.also-like ul li {
display: line;
float: left;
margin: 0 5px 4px 0;
list-style: none;
}
div.also-like ul li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
div.also-like ul li.row-end {
margin-right: 0;
}
div.also-like ul li p { margin: 0;}
div.also-like p.cta-link {
color: #888681;
clear: both;
}
div.also-like p.cta-link a {
color: #ef1c52;
}
/* sale-info */
div.sale-info {
background: transparent url(/images/sitewide/bg-sale-info.gif?1551186590) no-repeat 0 50%;
padding: 10px 0 10px 50px;
*background-color: #fff;
}
div.sale-info p {
margin: 0;
}
div.sale-info p a {
color: #F01C52;
}
/* based on module */
div.based-on {
}
div.based-on h4,
body.isMac div.based-on h4 {
background: 0;
border-bottom: 1px solid #c4c4c2;
padding: 5px 15px 11px;
margin: 0;
}
div.based-on div.c {}
div.based-on ul.based-on {
margin: 0;
padding: 0;
zoom: 1;
position: relative;
}
div.based-on ul.based-on li {
padding: 10px 0 0px 0;
margin: 0;
list-style-type: none;
position: relative;
}
div.based-on ul.based-on li img {
float: left;
margin: 0 10px 10px 10px;
}
div.project-of-the-week div.based-on ul.based-on li img {
margin:0 13px 10px 1px;
}
div.based-on ul.based-on li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
div.based-on ul.based-on li h5 {
font-size: 12px;
line-height: 15px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #34322B;
margin: 0 0 0 0;
padding: 0 55px 0 0;
display: inline;
*display: inline-block;
}
div.based-on ul.based-on li p.author {
/*padding-right: 40px;*/
color: #888681;
display: inline-block;
margin: 0;
width: 165px;
}
div.project-of-the-week div.based-on ul.based-on li p.author {
margin:5px 0 0;
}
div.based-on ul.based-on li p.author a {
color: #F01C52;
font-weight: bold;
}
div.project-of-the-week div.based-on ul.based-on li p.author a {
color: #888681;
font-weight: normal;
}
div.based-on ul.based-on li p.author a:hover {
text-decoration: underline;
}
div.project-of-the-week div.based-on ul.based-on li p.author a:hover {
color: #34322B;
font-weight: normal;
}
div.based-on ul.based-on li div.cta-bar {
background: #ffffe9 url(/images/sitewide/bg-cta-list-sprite.gif?1551186590) no-repeat 0 0;
clear: both;
margin: 0 0 0 0;
padding: 0;
}
div.based-on ul.based-on li ul.cta-list {
background: transparent url(/images/sitewide/bg-cta-list-sprite.gif?1551186590) no-repeat -300px 100%;
padding:13px 10px;
margin: 0;
}
div.based-on ul.based-on li.last ul.cta-list {
background: transparent url(/images/sitewide/bg-cta-list-sprite.gif?1551186590) no-repeat -600px 100%;
}
div.based-on ul.based-on li div.cta-empty {
background: transparent url(/images/sitewide/bg-cta-list-sprite.gif?1551186590) no-repeat -300px 100%;
padding: 0;
margin: 0;
height: 2px;
overflow: hidden;
}
div.based-on ul.based-on li.last div.cta-empty {
background: transparent url(/images/sitewide/bg-cta-list-sprite.gif?1551186590) no-repeat -600px 100%;
padding: 0;
margin: 0;
height: 2px;
}
div.based-on ul.based-on li ul.cta-list li, div.based-on ul.based-on li ul.cta-list li a {
color: #888681;
}
div.based-on ul.based-on li ul.cta-list li a {
text-decoration: underline;
}
div.based-on ul.based-on li ul.cta-list li {
min-height: 10px;
_height: auto;
padding: 0;
margin: 0;
display: inline;
float: left;
}
div.based-on ul.based-on li ul.cta-list li.item a {
background: transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -299px;
padding-left: 25px;
}
div.based-on ul.based-on li ul.cta-list li.item a:hover {
color: #34322B;
}
div.based-on ul.based-on li ul.cta-list li.price {
border-left: 1px solid #dadad7;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}
div.based-on ul.based-on li ul.cta-list li.add-to-cart {
float: right;
}
div.based-on ul.based-on li ul.cta-list li.add-to-cart a {
color: #F01C52;
text-decoration: none;
}
div.based-on ul.based-on li ul.cta-list li.add-to-cart a:hover {
text-decoration: underline;
}
div.based-on ul.based-on li ul.cta-list li a.in-cart-no-bg {
color: #F01C52;
text-decoration: none;
}
div.based-on ul.based-on li ul.cta-list li a.in-cart-no-bg:hover {
color: #F01C52;
text-decoration: underline;
}
div.based-on ul.based-on li ul.cta-list-based-on {
padding-top: 1px;
margin-bottom: 0;
padding-bottom: 0;
}
div.based-on ul.based-on li ul.cta-list-based-on li {
float: none;
display: block;
background:transparent url(/images/sitewide/modules/bg-cart-status-li.gif?1551186590) no-repeat scroll 50% 100%;
padding: 13px 0 12px 0;
margin: 0;
position: relative;
list-style-type: none;
}
div.based-on ul.based-on li ul.cta-list-based-on li:last-child {
background: 0 none;
padding-bottom: 11px;
}
div.based-on ul.based-on li ul.cta-list-based-on li.last {
background: 0 none;
padding-bottom: 11px;
}
div.based-on ul.based-on li ul.cta-list-based-on li span, div.based-on ul.based-on li ul.cta-list-based-on li span a {
color: #888681;
}
div.based-on ul.based-on li ul.cta-list-based-on li span.item a {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -299px;
padding-left:25px;
text-decoration: underline;
}
div.based-on ul.based-on li ul.cta-list-based-on li span.item a:hover {
color: #34322B;
}
div.based-on ul.based-on li ul.cta-list-based-on li span.price {
border-left: 1px solid #e1e1df;
padding-left: 10px;
margin-left: 10px;
}
div.based-on ul.based-on li ul.cta-list-based-on li span.add-to-cart {
position:absolute;
right: 0;
top: 13px;
}
div.based-on ul.based-on li ul.cta-list-based-on li span.add-to-cart a {
color: #F01C52;
text-decoration: none;
}
div.based-on ul.based-on li ul.cta-list-based-on li span.add-to-cart a:hover {
color: #F01C52;
text-decoration: underline;
}
/* advertise with burda module */
div.advertise-with-burda a.readmore {
color: #F01C52;
text-decoration: none;
}
div.advertise-with-burda a.readmore:hover {
text-decoration: underline;
}
div.advertise-with-burda ul {
padding-left: 5px;
}
div.advertise-with-burda ul li {
list-style-type: none;
padding: 0;
}
div.advertise-with-burda ul {
zoom: 1;
}
/* site-badges */
div.site-badges {
}
div.site-badges h4 {
background: 0;
padding-bottom: 0;
}
div.site-badges p.viewall {
margin: 0;
color: #888681;
}
div.site-badges p.viewall a {
color: #F01C52;
text-decoration: none;
}
div.site-badges p.viewall a:hover {
text-decoration: underline;
}
.module.add-badge .c {
padding-bottom: 5px;
}
.module.add-badge a:hover {
text-decoration: none;
}
.module.add-badge img {
float: left;
margin-right: 10px;
}
.module.add-badge h4 {
margin-bottom: 0;
margin-top: 8px;
background-image: none;
line-height: 22px;
}
.module.featured-in-book .c {
padding-bottom: 5px;
}
.module.featured-in-book img {
float: left;
margin-right: 10px;
}
.module.featured-in-book h4 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
line-height: 20px;
font-size: 16px;
font-weight: normal;
}
.module.featured-in-book a {
font-size: 16px;
line-height: 20px;
color: #F01C52;
}
.module.featured-in-book a:hover {
text-decoration: none;
}
/* Add a project based on a pattern from the Book. */
.module.add-a-project .c p {
margin-bottom: 0;
}
.module.add-a-project .c .btn {
float: left;
margin-right: 15px;
}
/* submit a term module */
div.submit-items {
}
div.submit-items p, div.submit-items h4, div.submit-items li {
color: #888681;
}
div.submit-items p, div.submit-items h4 {
font-family: Georgia, "Times New Roman", serif;
font-size: 16px;
line-height: 20px;
font-weight: normal;
margin: 0 0 10px 0;
}
div.submit-items h4 {
color: #F01C52;
margin: 0;
background: 0;
padding: 0;
}
div.submit-items ul {
clear: both;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: 0;
}
div.submit-items ul.display {
display: block;
}
div.submit-items li {
font-size: 12px;
line-height: 15px;
padding: 10px 0 0 0px !important;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
margin: 0 0 10px 0;
list-style: none !important;
padding: 10px 5px 0 5px !important;
margin: 0 -5px 10px -5px !important;
}
div.submit-items ul.submit-a-term li {
margin: 0 -5px 10px -5px !important;
}
div.submit-items li, div.submit-items li a {
color: #888681;
}
/* "for this" module */
div.for-this {
}
div.for-this h4,
body.isMac div.for-this h4 {
margin: 0 10px;
}
div.for-this ul.that-for {
margin: 0;
padding: 0;
}
div.for-this ul.that-for li {
padding: 10px 0 0 0;
margin: 0;
list-style-type: none;
}
div.for-this ul.that-for li img {
float: left;
margin: 0 10px 10px 10px;
zoom: 1;
}
div.for-this ul.that-for li h5 {
font-size: 12px;
line-height: 15px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #34322B;
margin: 0 0 0 0;
padding: 0 15px 0 0;
display: inline;
}
div.for-this ul.that-for li p.author {
padding-right: 10px;
color: #888681;
margin: 0;
}
div.for-this ul.that-for li p.author a {
color: #F01C52;
font-weight: bold;
}
div.for-this ul.that-for li p.author a:hover {
text-decoration: underline;
}
div.for-this ul.that-for li p.pattern-produced-by strong {
color: #F01C52;
text-transform: lowercase;
}
div.for-this ul.that-for li div.cta-bar {
padding: 0;
}
div.for-this ul.that-for li div.cta-bar-affiliate {
/*background-image: url(/images/sitewide/modules/bg-cta-bar-top-affiliate.gif?1551186590);*/
}
div.for-this ul.that-for li ul.cta-list {
margin: 0;
background: transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-300.gif?1551186590) no-repeat -900px 100%;
}
div.for-this ul.that-for li.last ul.cta-list {
margin: 0;
background: transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-300.gif?1551186590) no-repeat -300px 100%;
}
div.for-this ul.that-for li div.cta-bar-affiliate ul.cta-list {
/*background-image: url(/images/sitewide/modules/bg-basic-affiliate-sprite-300.gif?1551186590);*/
}
div.for-this ul.that-for li.last div.cta-bar-affiliate ul.cta-list {
}
/* this overrides the last class if a note about the list is present at the bottom */
div.for-this-with-note ul.that-for li.last ul.cta-list {
margin: 0;
background: transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-300.gif?1551186590) no-repeat -900px 100%;
}
div.for-this ul.that-for li ul.cta-list li {
background: 0;
margin: 0;
padding: 0;
}
div.for-this ul.that-for li ul.cta-list li.price {
color: #F01C52;
font-size: 18px;
float: left;
padding: 12px 0 0 0;
}
div.for-this ul.that-for li div.cta-bar-affiliate li.price {
color: #0090dc;
}
div.for-this ul.that-for li ul.cta-list li.add-to {
float:right;
padding:7px 8px 7px 0;
}
div.for-this ul.that-for li ul.cta-list li.add-to a.btn {
display: moz-inline-stack;
display: inline-block;
}
div.for-this ul.that-for li ul.cta-list li.free {
color: #34322b;
}
div.for-this ul.that-for li ul.cta-list li.inBasket {
height: 27px;
text-align: center;
padding: 13px 0 0 0;
}
div.for-this ul.that-for li ul.cta-list li.inBasket a.in-cart {
color: #F01C52;
}
div.for-this ul.that-for li ul.cta-list li.inBasket a.in-cart:hover {
color: #F01C52;
text-decoration: underline;
}
/* module note -
typically can be tagged onto the end of a module with this classed added to the end (see modules static) */
div.module-note {
background: #FFFFE9 url(/images/sitewide/modules/bg-module-note-sprite-300.gif?1551186590) no-repeat 0 -1px;
}
div.module-note div.wpr {
background: transparent url(/images/sitewide/modules/bg-module-note-sprite-300.gif?1551186590) no-repeat -600px 100%;
padding: 10px;
}
div.module-note p {
background: transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat 0 3px;
padding: 0 0 0 25px;
margin: 0;
font-style: italic;
color: #888681;
}
/* 615 pattern module */
div.pattern-module {
position: relative;
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-615.gif?1551186590) repeat-y -1230px 0;
margin: 0 0 10px 0;
}
div.pattern-module div.top {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-615.gif?1551186590) no-repeat 0 0;
margin: 0 0 5px 0;
}
div.pattern-module div.pattern-image,
div.pattern-module div.pattern-images {
position: relative;
width: 285px;
min-height: 285px;
float: left;
margin: 0 15px 15px;
}
div.pattern-module div.pattern-images div.pattern-image {
width: auto;
height: auto;
margin: 0;
}
div.pattern-module div.pattern-images div.pattern-img-lg {
background: url(/images/sitewide/spinner.gif?1551186590) no-repeat 50% 50%;
height: auto;
}
div.pattern-module div.pattern-images div.pattern-img-lg img {
display: block;
margin: 0 auto;
min-height: 285px;
}
div.pattern-module div.pattern-image div.burda-tag {
background:transparent url(/images/sitewide/bg-burda-tag.gif?1551186590) no-repeat scroll 0 0;
height:51px;
left:15px;
position:absolute;
top:0;
width:24px;
z-index:10000;
}
div.pattern-module div.pattern-images ul.pattern-thumbs {
overflow: hidden;
margin: 0;
padding: 0;
}
div.pattern-module div.pattern-images ul.pattern-thumbs li {
display: inline;
float: left;
margin: 12px 12px 0 0;
padding: 0;
}
div.pattern-module div.pattern-images ul.pattern-thumbs a,
div.pattern-module div.pattern-images ul.pattern-thumbs img {
display: block;
width: 60px;
height: 60px;
}
div.pattern-module #intro-content {
width: 280px;
padding: 0 20px 0 0 ;
}
div.pattern-module div.pattern-produced-by {
/*
width: 170px;
float: left;
*/
}
div.pattern-module div.pattern-produced-by p {
/*
color: #888681;
font-style: italic;
margin: 0;
font-size: 11px;
*/
color: #888681;
}
div.pattern-module dl {
float: left;
width: 285px;
margin-bottom: 17px;
}
div.pattern-module dl dt {
width: 100px;
}
div.pattern-module dl dd {
width: 175px;
color: #888681;
}
div.pattern-module dl dt, div.pattern-module dl dd {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding: 10px 0 5px 5px;
padding: 13px 0 7px 5px;
}
div.pattern-module dl dd.rating {
}
div.pattern-module dl dd.rating ul.rate-lrg {
display: inline;
*display: inline-block;
*height: 16px !important;
}
div#burda div.pattern-module dl dd.rating ul.rate-lrg li {
margin-top: 2px;
}
div.pattern-module dl dd.rating span.num-votes {
margin-left: 10px;
*display: inline;
*float: right;
*text-indent: 0 !important;
*background: none !important;
*padding: 0 !important;
*width: auto !important;
*height: auto !important;
*text-align: right;
*position: relative;
*margin: -13px 0 0 0;
}
div.pattern-module dl dd.size a, div.pattern-module dl dd.size a:hover {
margin-left: 10px;
color: #888681;
text-decoration: underline;
}
div.pattern-module dl dd.size a:hover {
color: #34322b;
}
div.pattern-module dl dd.rating p.yourRating, div.pattern-module dl dd.rating p.rateThisProject {
margin: 0;
clear: both;
float: none;
display: block;
padding: 3px 0 0 0;
color: #9a9894;
font-style: italic;
}
div.pattern-module dl dd.rating p.rateThisProject {
color: #d1d0cf;
}
div.pattern-module div.pattern-meta-user {
width: 180px;
position: relative;
height: 90px;
padding-left: 105px;
float: left;
margin: 0 0 15px 0;
width: 175px;
padding-left: 110px;
}
div.pattern-module div.pattern-meta-user h3 {
font-size: 13px;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
margin: 2px 0 0 0;
line-height: 15px;
font-weight: bold;
padding-right: 30px;
font-size: 12px;
}
div.pattern-module div.pattern-meta-user p.pattern-author {
color: #888681;
}
div.pattern-module div.pattern-meta-user p.pattern-author a {
color: #888681;
}
div.pattern-module div.pattern-meta-user img {
position: absolute;
top: 0;
left: 0;
}
div.pattern-module ul.pattern-actions {
background: #e1e1e0 url(/images/sitewide/modules/bg-cta-bar-top-165.gif?1551186590) no-repeat 0 0;
margin: 0;
padding: 0;
clear: both;
*padding-top: 1px;
}
div.pattern-module ul.pattern-actions-affiliate {
/*background-image: url(/images/sitewide/modules/bg-cta-bar-top-165-affiliate.gif?1551186590);*/
}
div.pattern-module ul.pattern-actions li {
margin: 0;
padding: 0;
list-style: none;
}
div.pattern-module ul.pattern-actions li.this-actions, div.pattern-module ul.pattern-actions li.first {
background: transparent url(/images/sitewide/modules/bg-cta-bar-sprite-615.gif?1551186590) no-repeat -615px 100%;
position: relative;
height: 40px;
}
div.pattern-module ul.pattern-actions-affiliate li.this-actions, div.pattern-module ul.pattern-actions-affiliate li.first {
/*background: url(/images/sitewide/modules/bg-basic-affiliate-sprite-615.gif?1551186590) no-repeat -615px 100%;*/
}
div.pattern-module ul.pattern-actions li.this-actions a.btn {
display: inline-block;
position: absolute;
top: 7px;
right: 8px;
}
div.pattern-module ul.pattern-actions li.this-actions p {
margin: 0;
}
div.pattern-module ul.pattern-actions li.this-actions p.price {
color: #F01C52;
font-size: 18px;
padding: 13px 0 12px 10px;
margin: 0;
}
div.pattern-module ul.pattern-actions-affiliate li.this-actions p.price {
color: #0090dc;
}
div.pattern-module ul.pattern-actions li.this-actions p.free {
color: #34322B;
font-size: 18px;
}
div.pattern-module ul.pattern-actions li.this-actions p.free span {
text-decoration: line-through;
color: #888681;
margin-left: 10px;
}
div.pattern-module ul.pattern-actions li.last {
background: transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-615.gif?1551186590) no-repeat -615px 100%;
position: relative;
}
div.pattern-module ul.pattern-actions-affiliate li.last {
/*background: url(/images/sitewide/modules/bg-basic-affiliate-sprite-615.gif?1551186590) no-repeat -1230px 100%;*/
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions {
background: transparent url(/images/sitewide/modules/bg-cta-bar-sprite-615.gif?1551186590) repeat-y -2460px 100%;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul,
div.pattern-module ul.in-cart li.additional-pattern-actions ul {
background: transparent url(/images/sitewide/modules/bg-cta-bar-sprite-615.gif?1551186590) no-repeat -3075px 0%;
margin:0;
padding: 0;
background: 0;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li {
background: transparent url(/images/sitewide/modules/bg-pattern-actions-list-dots.gif?1551186590) no-repeat 50% 100%;
padding: 10px 11px 10px 11px;
position: relative;
padding: 7px 11px 12px 11px;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li.first {
padding: 6px 11px 4px 11px;
padding: 4px 11px 0px 11px;
height: 37px;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li h4 {
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 0 10px;
color:#888681;
font-size:12px;
line-height:15px;
margin:0;
padding:10px 0 10px 20px;
font-style: italic;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li span, div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li span a {
color: #888681;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li span.pattern-link a {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -299px;
padding-left:25px;
text-decoration: underline;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li span.pattern-link a:hover {
color: #34322B;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li span.price {
border-left: 1px solid #e1e1df;
padding-left: 10px;
margin-left: 10px;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li span.action {
position:absolute;
right:12px;
top:10px;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li span.action a {
color: #F01C52;
}
div.pattern-module ul.pattern-actions li.additional-pattern-actions ul li.last {
background: transparent url(/images/sitewide/modules/bg-cta-bar-sprite-615.gif?1551186590) no-repeat -1845px 100%;
}
div.pattern-module span.makeit {
background: transparent url(/images/sitewide/bg-make-it-tag-lrg.gif?1551186590) no-repeat 0 0;
width: 64px;
height: 64px;
}
div.pattern-module ul.in-cart, div.pattern-module ul.in-cart li.this-actions {
background: 0;
}
div.pattern-module ul.in-cart li.this-actions {
border-top: 1px solid #cfcfcd;
border-bottom: 1px solid #cfcfcd;
padding: 14px 10px;
text-align: right;
height: 14px !important;
}
div.pattern-module ul.in-cart li.this-actions p.cart-status {
margin: 0;
}
div.pattern-module ul.in-cart li.this-actions a {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -325px;
padding-left: 20px;
color: #F01C52;
}
div.pattern-module ul.in-cart li.last {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-615.gif?1551186590) no-repeat -615px 100%;
border-bottom: 0;
padding-bottom: 15px;
}
div.pattern-module ul.in-cart li.additional-pattern-actions ul li.last {
background: transparent url(/images/sitewide/modules/bg-cta-bar-sprite-615.gif?1551186590) no-repeat -1845px 100%;
}
div.pattern-module ul.in-cart li.additional-pattern-actions {
background:transparent url(/images/sitewide/modules/bg-cta-bar-sprite-615.gif?1551186590) repeat-y scroll -2460px 100%;
padding: 0;
}
/* stats module as seen on the homepage */
div.stats {
}
div.stats div.c {
padding: 0 0;
}
div.stats ul {
margin: 0 0 -1px 0;
padding: 0;
}
div.stats ul li {
background: transparent url(/images/sitewide/bg-dots-1-v.gif?1551186590) repeat-y 100% 0;
display: inline;
float: left;
list-style-type: none;
padding: 3px 10px 2px 10px;
width: 128px;
margin: 2px 0 0 0;
}
div.stats ul li.last, div.stats ul li.members-online {
background: 0;
width: 65px;
}
div.stats ul li h4 {
background: 0;
padding: 0;
margin: 0 0 10px 0;
font-size: 12px;
line-height: 15px;
margin-bottom: 4px;
}
div.stats ul li.total-visitors h4 {
margin-bottom: 25px;
margin-bottom: 19px;
}
div.stats ul li p {
margin: 0;
font-size: 18px;
line-height: 20px;
color: #888681;
}
div.stats ul li p a {
color: #888681;
}
div.stats ul li.alt p, div.stats ul li.alt p a, div.stats ul li.alt p a:hover {
color: #F01C52;
}
/* For people who sew promo as seen on the homepage */
div.people-who-promo {
}
div.people-who-promo div.c {
padding-top: 0px;
}
div.people-who-promo div.c p {
font-size: 16px;
line-height: 20px;
font-family: Georgia, Times, serif;
color: #888681;
padding-top: 1px;
}
div.people-who-promo div.c p span {
color: #F01C52;
}
div.people-who-promo div.cta-bar p {
padding:7px 10px;
}
/* suggested products */
div.latest-member-activity {
}
div.latest-member-activity div.c {
padding: 0px 10px 5px;
}
div.latest-member-activity h4 {
margin: 0;
}
div.latest-member-activity ul {
margin: 0;
padding: 0;
}
div.latest-member-activity ul li {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 15px 0 15px 75px;
margin: 0;
list-style-type: none;
position: relative;
min-height: 60px;
_height: 60px;
}
div.latest-member-activity ul li:hover {
background-color: #f9f8f7;
}
div.latest-member-activity ul li.last {
background-image: none;
}
div.latest-member-activity ul li img {
position: absolute;
top: 15px;
left: 5px;
}
#burda.home .home-network-updates .added-item .new-thumb {
display: none;
}
div.latest-member-activity ul li p, div.latest-member-activity ul li p a, div.latest-member-activity ul li h5 a {
color: #878580;
}
div.latest-member-activity ul li p a, div.latest-member-activity ul li h5 a {
text-decoration: underline;
}
div.latest-member-activity ul li p a:hover, div.latest-member-activity ul li h5 a:hover {
color: #34322B;
}
div.latest-member-activity ul li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
div.latest-member-activity ul li p {
margin: 0;
}
div.latest-member-activity ul li p span {
color: #34322B;
font-style: italic;
font-weight: bold;
}
div.latest-member-activity ul li p a span {
font-style: normal;
font-weight: normal;
color: #878580;
}
div.latest-member-activity ul li p a:hover span {
color: #34322B;
}
div.latest-member-activity ul li p.status {
font-style: italic;
}
div.latest-member-activity div.cta-links {
padding: 10px 0 0 0;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
zoom: 1;
}
div.latest-member-activity div.cta-links p {
margin: 0;
color: #888681;
padding-left: 5px;
}
div.latest-member-activity div.cta-links p a {
color: #F01C52;
}
div.latest-member-activity div.cta-links p span {
font-style: italic;
}
/* img promo */
div.img-promo {
margin: 0 0 20px 0;
}
div.img-promo a, div.img-promo img {
display: block;
margin: 0;
padding: 0;
}
/* newsletter module as seen on the homepage */
div.newsletter {
}
div.newsletter h4 {
background: 0;
margin: 0 0 0 0;
padding: 2px 0 0 0;
}
div.newsletter form {
position: relative;
height: 40px;
margin: 0;
padding: 0;
}
div.newsletter form input.text {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CFCFCD;
height:13px;
left:-5px;
margin:0;
padding:5px 5px 4px 5px !important;
position:absolute;
top:10px;
width:198px;
color: #888681;
font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
font-size: 12px;
}
div.newsletter form label {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
div.newsletter form button {
position: absolute;
top: 12px;
right: -5px;
}
body.isSafari div.newsletter form button, .webkit div.newsletter form button {
right: -10px;
}
body.isIE div.newsletter form button {
width: 70px;
}
div.newsletter #newsletter-caption {
margin: 0 -5px;
padding: 8px 0 0 0;
font-size: 11px;
line-height: 110%;
}
div.newsletter div.c,
div.social_buttons div.c {
padding-bottom: 0;
}
div.newsletter ul.socialNetworks {
background: url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
overflow: auto;
padding: 9px 0 0 0;
margin: 10px 0 -2px 0;
height: 22px;
}
div.newsletter ul.socialNetworks li {
display: inline;
float: left;
margin: 0;
padding: 5px 0 0 0;
font-size: 11px;
height: 17px;
}
div.newsletter ul.socialNetworks li.facebook {
width: 135px;
margin-right: 12px;
background: url(/images/sitewide/bg-dots-1-v.gif?1551186590) repeat-y 100% 0px;
}
div.newsletter ul.socialNetworks li a {
display: block;
height: 14px;
padding-left: 22px;
background: url(/images/sitewide/socialnetworks.png?1551186590) no-repeat 0 0;
}
div.newsletter ul.socialNetworks li.twitter a {
background-position: 0 -14px;
}
div.newsletter .socialButtons {
background: url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding:16px 0 0;
margin:14px 10px 0;
overflow:hidden;
zoom:1;
}
div.newsletter .socialButtons .socialButtons_item,
div.newsletter .socialButtons .sep {
display:block;
float:left;
}
/* social buttons, as seen on projects, patterns, blog articles, photos, and techniques */
div.social_buttons .socialButtons {
padding: 7px 0 5px;
margin: 0 10px;
overflow:hidden;
zoom:1;
}
div.social_buttons .socialButtons .socialButtons_item,
div.social_buttons .socialButtons .sep {
display:block;
float:left;
}
/* searchbox module as seen on the homepage */
div.primary div.searchbox {
margin: 0 0 30px 0;
}
div.searchbox h4 {
background: 0;
margin: 0 0 0 0;
padding: 0;
}
div.searchbox form {
position: relative;
height: 25px;
margin: 0;
padding: 0;
}
div.searchbox form input[type=text] {
height:14px !important;
left:0;
margin:0;
padding:3px 5px 4px 5px !important;
position:absolute;
top:0px;
width:460px;
color: #34322B;
font-size: 12px;
color: #888681;
padding:3px 5px 2px 5px !important;
width:486px;
}
div.searchbox form input.text {
height:14px !important;
left:0;
margin:0;
position:absolute;
top:0px;
color: #34322B;
font-size: 12px;
color: #888681;
padding:3px 5px 2px 5px !important;
width:486px;
*padding:3px 5px 4px 5px !important;
*width:460px;
}
body.isSafari div.searchbox form input.text, .webkit div.searchbox form input.text {
padding: 0 5px !important;
height: 21px !important;
width:486px;
}
div.searchbox form input.text:focus {
color: #34322b;
}
div.searchbox form label {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
div.searchbox form button {
position: absolute;
top: 0px;
right: -5px;
background-position: 100% -260px;
}
div.searchbox form button span {
background-position: 0 -260px;
}
body.isSafari div.searchbox form button, .webkit div.searchbox form button {
right: -10px;
}
div.searchbox div.c {
padding: 10px 20px;
}
/* For people who sew promo as seen on the homepage */
div.upload-promo {
}
div.upload-promo div.c p, div.upload-promo div.c h4 {
font-size: 16px;
line-height: 20px;
font-family: Georgia, Times, serif;
color: #888681;
padding-top: 1px;
}
div.upload-promo div.c h4 {
color: #F01C52;
background: 0;
margin: 0;
padding: 0;
}
div.upload-promo div.cta-bar p {
padding:7px 10px;
}
/* user profile - as seen on profile pages */
div.user-profile {
}
div.user-profile div.c {
padding-bottom: 0;
padding-top: 3px;
}
div.user-profile div.btm {
height: 8px;
}
div.user-profile h4 {
background:transparent none repeat scroll 0 50%;
margin:0 0 7px;
padding:2px 0 0;
}
div.user-profile p {
color: #888681;
}
div.user-profile dl {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
margin: 0 -5px 10px -5px;
padding: 15px 5px 0 5px;
}
div.user-profile dl dt, div.user-profile dl dd {
float: left;
width: 50%;
}
div.user-profile dl dt {
color: #34322B;
clear: both;
}
div.user-profile dl dd {
text-align: right;
color: #888681;
}
div.user-profile dl dd a {
color: #F01C52;
}
div.user-profile img.user-profile-shot {
margin: 0 0 10px -5px;
}
div.user-profile p.user-contact-link {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding: 10px 0 0 0;
text-align: right;
}
div.user-profile p.user-contact-link a {
color: #888681;
text-decoration: none;
}
div.user-profile div.cta-bar p, div.contact-profile div.cta-bar p {
padding:7px 10px;
}
div.user-profile div.cta-bar p span.fixed {
display: block;
padding: 6px 0 0 0;
height: 20px;
}
/* user profile, add new project */
div.add-new-project {
text-align: center;
}
div.add-new-project .c {
padding-top: 0;
}
div.add-new-project p {
margin: 0;
}
div.add-new-project .btn {
display: inline-block;
}
.ie6 div.add-new-project .btn,
.ie7 div.add-new-project .btn {
display: inline;
zoom: 1;
width: 135px;
}
/* etsy promo */
div.etsy-promo {
}
div.etsy-promo div.top {
height: 5px;
}
div.etsy-promo ul {
margin: 0 -5px 10px -5px;
padding: 0;
}
div.etsy-promo ul li {
display: line;
float: left;
margin: 0 5px 5px 0;
list-style: none;
}
div.etsy-promo ul li img {
padding: 5px;
border: 1px solid #C4C4C2;
width: 78px;
height: 78px;
display: block;
}
div.etsy-promo ul li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
div.etsy-promo ul li.row-end {
margin-right: 0;
}
div.etsy-promo p.cta-link {
color: #888681;
clear: both;
}
div.etsy-promo p.cta-link a {
color: #ef1c52;
}
div.etsy-promo h5, div.etsy-promo h5 a {
font-size: 13px;
font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
font-weight: 100;
line-height: 15px;
color: #D94400;
text-decoration: none;
margin: 0;
text-align: center;
}
div.etsy-promo h5 {
margin-bottom: 1px;
}
div.etsy-promo p {
margin: 0;
text-align: center;
}
div.etsy-promo p.etsy-tag {
font-size: 11px;
color: #D94400;;
}
div.etsy-promo p.etsy-user a {
color: #008BFF;
text-decoration: none;
}
div.etsy-promo div.c {
padding: 5px 0px 5px 0;
margin: 0 1px 0 8px;
overflow: hidden;
}
div.etsy-promo div.c h4 {
margin-right: 9px;
margin-left: 2px;
}
div.etsy-promo iframe {
margin: 0 0 -36px 1px;
padding: 0;
}
/* div action-bar */
div.action-bar {
background: #f6f5f4 url(/images/sitewide/bg-basic-grey-kl-top.gif?1551186590) repeat-x 0 0;
border-bottom: 1px solid #cfcfcd;
padding: 5px 8px 4px;
margin: 0 0 20px 0;
}
div.action-bar p {
margin: 0;
text-align: right;
}
div.action-bar a.btn {
display: inline-block;
}
/* project of the week - as seen on the home page */
div.project-of-the-week {
}
div.project-of-the-week div.cta-bar {
padding: 0;
margin: 0;
border: 0;
}
div.project-of-the-week div.cta-bar div.inner {
padding: 0;
margin: 0;
}
/* progress bar */
div.progress-bar{
margin: 0 0 30px 0;
}
div.progress-bar div.top,div.progress-bar div.btm{height:5px;}
/* div.progress-bar div.c{padding:0;}*/
div.progress-bar p{margin:0;}
div.progress-bar ul, div.progress-bar ul li {
margin: 0;
padding: 0;
}
body.isIE div.progress-bar ul {
font-size: 0;
letter-spacing: -10000px;
line-height: 0;
}
div.upload-a-project div.progress-bar ul,
div.adding-summary div.progress-bar ul {
background: transparent url(/images/sitewide/navbar_4steps.gif?1551186590) no-repeat 0 0;
}
div.upload-a-technique div.progress-bar ul {
background: transparent url(/images/sitewide/navbar_3steps.gif?1551186590) no-repeat 0 0;
}
div.cart div.progress-bar ul {
background-image: url(/images/sitewide/navbar_3steps.gif?1551186590);
}
div.progress-bar ul {
height:30px;
}
div.progress-bar ul#step_1 {
background-position:0 0;
}
div.progress-bar ul#step_2, div.payment-details div.progress-bar ul {
background-position:0 -50px;
}
div.progress-bar ul#step_3, div.cart-confirmation div.progress-bar ul {
background-position:0 -100px;
}
div.progress-bar ul#step_4 {
background-position:0 -150px;
}
div.progress-bar ul li {
display: inline;
float: left;
/* background: transparent url(/images/sitewide/bg-progress-bar-li.gif?1551186590) no-repeat 100% 0;*/
text-align: center;
font-size: 13px;
font-weight: bold;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
/*line-height: 15px;*/
color: #888681;
/*padding: 3px 0 2px 0;*/
line-height:30px;
padding: 0 0 2px 0;
letter-spacing: normal;
margin: 0;
font-size: 12px;
}
/*div.progress-bar ul li.shopping-cart{width:209px;}
div.progress-bar ul li.payment-details{width:220px;}
div.progress-bar ul li.confirmation{width:184px;}*/
div.progress-bar ul li.shopping-cart,
div.progress-bar ul li.payment-details,
div.progress-bar ul li.confirmation{
width:205px;
}
div.progress-bar ul li.add-project{width:155px;}
div.progress-bar ul li.add-instructions{width:185px;}
/* div.upload-a-technique div.progress-bar ul li.add-instructions{width:224px;}*/
div.progress-bar ul li.add-patterns{width:155px;}
div.progress-bar ul li.publish{width:115px;}
div.upload-a-technique div.progress-bar ul li.publish{width:160px;}
div.progress-bar ul li.basic-info{width:229px;}
div.progress-bar ul li a, div.progress-bar ul li {
color:#C3C2C0;
}
div.progress-bar ul li.done {/*color:#34322B;*/ color:#94928E;}
div.progress-bar ul li.current, div.progress-bar ul li.complete {color:#34322B; /*color:#F01C52;*/}
/*div.progress-bar ul li.last { background: 0; }*/
div.progress-bar ul li a, div.progress-bar ul li a:hover { color: #888681; text-decoration: none; }
div.progress-bar ul li.current a, div.progress-bar ul li.current a:hover,
div.progress-bar ul li.complete a, div.progress-bar ul li.complete a:hover { color: #34322B; text-decoration: none; }
div.upload-a-technique div.progress-bar ul li.basic-info,
div.upload-a-technique div.progress-bar ul li.add-instructions,
div.upload-a-technique div.progress-bar ul li.publish {
width:205px;
}
/* total bar */
div.total-bar {
margin-bottom: 0;
}
div.total-bar + .important-note {
font-size: 12px;
font-style: normal;
}
div.cart div.total-bar {
margin: 0 0 40px 0;
}
div.total-bar-alt {
margin-bottom: 25px !important;
}
div.total-bar div.top, div.total-bar div.btm {
height: 5px;
}
div.total-bar div.c {
padding: 0 10px;
}
div.total-bar h4, div.total-bar p,
body.isMac div.total-bar h4 {
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
color: #F01C52;
font-size: 12px;
line-height: 15px;
margin: 0;
background: 0;
padding: 0;
font-size: 12px;
}
div.total-bar h4 {
float: left;
width: 409px;
border-right: 1px solid #dbdbd9;
}
div.total-bar-alt h4 {
width: 410px;
}
div.total-bar p.price {
padding: 0 0 0 10px;
width: 174px;
float: left;
}
/* status box as seen on homepage */
div.cart-status {
}
div.cart-status div.c {
padding-bottom: 5px;
}
div.cart-status div.c h4 {
padding-bottom: 0;
background: 0;
margin-bottom: -2px;
position: relative;
top: -6px;
}
div.cart-status div.c p.current-status {
color: #888681;
font-style: italic;
margin: 0;
}
div.cart-status div.c img {
display: inline;
float: left;
margin: 0 10px 10px 0;
}
div.cart-status ul.stats {
clear: both;
background: url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding: 8px 0 0;
overflow: hidden;
}
div.cart-status ul.stats li,
div.cart-status ul.stats li.first,
div.cart-status ul.stats li.last {
display: inline;
float: left;
width: 118px;
margin: 8px 0 0;
padding: 0;
background: none;
}
div.cart-status ul.stats li.profile-patterns,
div.cart-status ul.stats li.profile-techniques {
float: right;
}
div.cart-status ul.stats a {
display: block;
overflow: hidden;
text-align: right;
color: #888681;
text-decoration: none;
}
div.cart-status ul.stats a b {
display: inline;
float: left;
text-align: left;
font-weight: normal;
color: #34322b;
}
div.cart-status ul.stats a:hover b {
text-decoration: underline;
}
div.cart-status ul.cart-info-status {
padding: 0;
margin: 0;
background:#FFFFE9 url(/images/sitewide/bg-cta-list-sprite-alt.gif?1551186590) no-repeat scroll 0 0;
}
div.cart-status ul.cart-info-status li {
background:transparent url(/images/sitewide/modules/bg-cart-status-li.gif?1551186590) no-repeat scroll 50% 100%;
padding:8px 60px 10px 10px;
position: relative;
list-style-type: none;
}
div.cart-status ul.cart-info-status li.first {
padding: 15px 10px 7px;
}
div.cart-status ul.cart-info-status li h4 {
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 0 0px;
color:#888681;
font-size:12px;
line-height:15px;
margin:0;
padding:0px 0 4px 20px;
font-style: italic;
}
div.cart-status ul.cart-info-status li span, div.cart-status ul.cart-info-status li span a {
color: #888681;
}
div.cart-status ul.cart-info-statusli span.pattern-link a {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -299px;
padding-left:25px;
text-decoration: underline;
}
div.cart-status ul.cart-info-status li span.pattern-link a:hover,
div.cart-status ul.cart-info-status li span.pattern-link a:hover span {
color: #34322B;
}
div.cart-status ul.cart-info-status li span.price {
/*
border-left: 1px solid #e1e1df;
padding-left: 10px;
margin-left: 10px;
*/
color: #34322b;
}
div.cart-status ul.cart-info-status li span.action {
position:absolute;
right:12px;
top: 8px;
}
div.cart-status ul.cart-info-status li span.action a {
color: #F01C52;
}
div.cart-status ul.cart-info-status li.last {
background: none;
margin-bottom: -7px;
}
div.cart-status div.cart-info-status-btm {
background: url(/images/sitewide/bg-cta-list-sprite.gif?1551186590) no-repeat scroll -600px 100%;
}
/* add-links-info */
div.add-link-info {
}
div.add-link-info h4 {
font-family: Georgia, "Times New Roman", serif;
font-size: 16px;
line-height: 20px;
font-weight: normal;
margin: 0 0 10px 0;
background: 0;
padding: 0;
color: #888681;
}
div.add-link-info h4 span {
color: #F01C52;
margin: 0;
background: 0;
padding: 0;
}
div.add-link-info p {
color: #888681;
}
div.add-link-info p.last {
margin-bottom: 0px;
}
div.add-link-info p strong {
color: #34322B;
display: block;
font-weight: 100;
}
div.add-link-info p em {
background:transparent url(/images/sitewide/bg-arrow-right-sml.gif?1551186590) no-repeat scroll 5px 4px;
padding-left:25px;
}
/* we-are-burda module */
div.we-are-burda {
}
div.we-are-burda div.c {
padding-top: 0px;
}
div.we-are-burda div.c p {
color: #888681;
}
div.we-are-burda div.cta-bar p {
padding:7px 10px;
}
div.we-are-burda img.floatLeft {
margin-left: -5px;
}
/* size chart module */
div.size-chart-module ul {
margin-bottom: 0px;
}
div.size-msg h4 {
margin: 0 0 15px 0;
}
div.size-msg h4 span {
display: block;
color: #888681;
}
div.size-msg p {
font-size: 12px;
margin: 0 0 15px 0;
font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
}
div.measurement-card .c {
padding-top: 0;
}
div.measurement-card .c h4 {
margin-bottom: 13px;
}
div.measurement-card .c p {
background: #FFF url(/images/sitewide/measurement-card-thumb.jpg?1551186590) no-repeat 0 2px;
padding-left: 101px;
margin-left: 2px;
margin: 0 0 19px 4px;
height: 92px;
color: #888681;
}
div.measurement-card div.cta-bar p {
padding: 7px 10px;
}
.isMac.isMozilla div.measurement-card .c h4 {
margin-bottom: 12px;
}
.isMac.isMozilla div.measurement-card .c p {
margin-bottom: 12px;
margin-bottom: 20px;
}
/* browse more patterns */
div.browse-more-patterns p.note, div.browse-more-patterns h4 {
color: #888681;
}
div.browse-more-patterns p.note, div.browse-more-patterns h4 {
font-family: Georgia, "Times New Roman", serif;
font-size: 16px;
line-height: 20px;
font-weight: normal;
margin: 0 0 10px 0;
}
div.browse-more-patterns h4 {
color: #F01C52;
margin: 0;
background: 0;
padding: 0;
}
div.basic-grey.browse-more-patterns h4,
body.isMac div.basic-grey.browse-more-patterns h4 {
color: #333;
background: none;
text-align: center;
}
div.basic-grey.browse-more-patterns .c p {
text-align: center;
}
div.basic-grey.browse-more-patterns .c p a.btn {
display: inline-block;
*display: inline;
*zoom: 1;
}
/* need more helo */
div.need-more-help {
font-size: 12px
}
div.need-more-help p {
text-align: center;
}
div.need-more-help p a {
font-weight: bold;
color: #F01C52;
}
#burda.faq .discussion-categories div.c, #burda.faq .need-more-help div.c {
padding-top: 0 !important;
}
#burda.faq .discussion-categories .top, #burda.faq .need-more-help .top {
height: 8px !important;
}
#burda.faq .discussion-categories .label, #burda.faq .need-more-help .label {
padding-top: 6px;
padding-bottom: 14px !important;
}
.isMac.isMozilla #burda.faq .discussion-categories .label, .isMac.isMozilla #burda.faq .need-more-help .label {
padding-top: 8px;
padding-bottom: 12px !important;
}
/* need-help module */
div.need-help h4 {
color: #F01C52;
padding: 6px 5px 3px;
margin-bottom: 0;
background: none;
font-size: 16px;
font-weight:normal;
font-family:Georgia,"Times New Roman",serif;
line-height:20px;
}
div.need-help .c {
padding-top: 0;
}
div.need-help .c p {
font-family: Georgia;
color: #888681;
font-size: 16px;
line-height: 20px;
margin: 0 0 14px
}
div.need-help div.cta-bar {
background-image: url(/images/sitewide/modules/bg-cta-bar-top-grey1.gif?1551186590)
}
div.need-help div.cta-bar p {
background-image: url(/images/sitewide/modules/basic-grey-sprite-300.gif?1551186590)
}
/* FM badge module */
div.fm-badge {
background: url(/images/sitewide/modules/bg-basic-white-sprite-145.gif?1551186590) repeat-y -290px 0;
width:145px;
text-align:center;
margin-left:155px;
}
div.fm-badge .top {
background: url(/images/sitewide/modules/bg-basic-white-sprite-145.gif?1551186590) no-repeat 0 0;
}
div.fm-badge .btm {
background: url(/images/sitewide/modules/bg-basic-white-sprite-145.gif?1551186590) no-repeat -145px 0;
}
div.columnset-alt div.fm-badge,
div.columnset-alt div.basic-info {
margin-left: 0;
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) repeat-y -320px 0;
width:160px;
}
div.columnset-alt div.fm-badge .top,
div.columnset-alt div.basic-info .top {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) no-repeat 0 0;
}
div.columnset-alt div.fm-badge .btm,
div.columnset-alt div.basic-info .btm {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) no-repeat -160px 0;
}
div.columnset-alt div.basic-info {
font: normal 12px/17px Arial, Helvetica, sans-serif;
color: #888681;
}
div.columnset-alt div.basic-info a {
color: #888681;
text-decoration: underline;
}
div.skyscraper_600 {
margin:0 0 20px 0;
overflow:hidden;
height:600px;
display:block;
}
/* Hightlight of the Module on Photos */
div#burda.photos div.primary div.highlight-of-the-variant {
border-top:1px solid #e1e1ef;
margin-bottom:0 !important;
}
div#burda.photos div.primary div.highlight-of-the-variant div.top {
height:35px;
line-height:35px;
background:#f0efec;
margin:1px 0;
}
div#burda.photos div.primary div.highlight-of-the-variant div.c {
background:#f6f5f4;
padding:0;
margin:0;
}
div#burda.photos div.highlight-of-the-variant div.slider {
width:100%;
}
.js div#burda.photos div.highlight-of-the-variant #photos-slider,
.js div#burda.photos div.highlight-of-the-variant #lightbox-photos-slider {
visibility:hidden;
}
div#burda.photos div.highlight-of-the-variant div.slider ul li {
width:615px;
padding:0;
}
div#burda.photos div.highlight-of-the-variant div.slider ul li div.highlight-img,
div#lightbox_photos div.highlight-of-the-variant div.slider ul li div.highlight-img {
position:absolute;
top:auto;
left:auto;
}
div#burda.photos div.highlight-of-the-variant div.slider ul li div.highlight-img img,
div#lightbox_photos div.highlight-of-the-variant div.slider ul li div.highlight-img img {
display:block;
/* margin:0 auto;*/
}
div#burda.photos div.highlight-of-the-variant div.slider ul li div.highlight-img .pin-it-container,
div#lightbox_photos div.highlight-of-the-variant div.slider ul li div.highlight-img .pin-it-container {
position: absolute;
right: 20px;
bottom: 10px;
display: none;
}
div#burda.photos div.highlight-of-the-variant div.slider ul li div.highlight-img:hover .pin-it-container,
div#lightbox_photos div.highlight-of-the-variant div.slider ul li div.highlight-img:hover .pin-it-container {
display: block;
}
div#burda.photos div.highlight-of-the-variant div.slider ul li div.highlight-img .icon-contest,
div#lightbox_photos div.highlight-of-the-variant div.slider ul li div.highlight-img .icon-contest {
position:absolute;
top:0;
right:0;
}
div#burda.photos div.highlight-of-the-variant div.slider ul li div.highlight-img .icon-winner,
div#lightbox_photos div.highlight-of-the-variant div.slider ul li div.highlight-img .icon-winner {
position:absolute;
top:0;
left:0;
}
div#burda.photos div.highlight-of-the-variant ul.paginator-btns {
margin:8px 0 0;
}
/*
.js div#burda.photos div.highlight-of-the-variant ul.paginator-btns {
display:none;
}
*/
div#burda.photos div.highlight-of-the-variant ul.paginator-btns li {
margin:0 10px 0 0;
}
div#burda.photos div.highlight-of-the-variant p.paginator-details {
margin:12px 15px 0 0
}
div#burda.photos div.highlight-of-the-variant .sizes-btns {
padding:0;
overflow:hidden;
zoom:1;
float:left;
margin:10px 0 0;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li {
list-style:none;
margin:0;
display:block;
float:left;
width:20px;
height:15px;
margin:0 0 0 11px;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li a {
background:url(/images/sitewide/sprite_photos.gif?1551186590) no-repeat scroll -10px -175px;
display:block;
width:20px;
height:15px;
text-indent:-9999em;
overflow:hidden;
text-decoration:none;
cursor:pointer;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li a:hover {
background-position:-100px -175px;
text-decoration:none;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li.current a,
div#burda.photos div.highlight-of-the-variant .sizes-btns li.current a:hover {
background-position:-200px -175px;
cursor:default;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li a.medium {
background-position:-10px -210px;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li a.medium:hover {
background-position:-100px -210px;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li.current a.medium,
div#burda.photos div.highlight-of-the-variant .sizes-btns li.current a.medium:hover {
background-position:-200px -210px;
cursor:default;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li.last {
border-left:1px solid #e1e1df;
padding:0 0 0 11px;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li:last-child {
border-left:1px solid #e1e1df;
padding:0 0 0 11px;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li a.full {
background-position:-10px -244px;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li a.full:hover {
background-position:-100px -244px;
}
div#burda.photos div.highlight-of-the-variant .sizes-btns li.current a.full,
div#burda.photos div.highlight-of-the-variant .sizes-btns li.current a.full:hover {
background-position:-200px -244px;
cursor:default;
}
div#burda.photos p.photo-credit {
color:#878580;
}
/* slideshow articles module */
div.small-grid {}
div.small-grid div.c {
padding-top: 0px;
}
div.small-grid h4 {
margin-bottom: 12px;
}
div.small-grid ul {
overflow: hidden;
margin: 0 -5px 0 -5px;
padding:0;
}
div.small-grid ul.last {
overflow: hidden;
margin: 0 -5px 10px -5px;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
}
div.small-grid ul li {
display: inline;
float: left;
margin: 0 0 0 13px;
overflow: hidden;
}
div.small-grid ul li:first-child {
margin: 0 0 0 0;
}
div.small-grid ul li.first {
margin: 0 0 0 0;
}
div.small-grid ul li a {
display:block;
width: 60px;
}
div.small-grid ul li a img {
margin: 0 0 13px 0;
display: block;
}
.count {
color:#888681;
font-weight:normal;
margin-left: 2px;
}
/* Tooltip panel */
.availability-tooltip-panel {
position: absolute;
width: 220px;
background-color: #f7f7f5;
border: 1px solid #cfcfcd;
padding: 10px 12px;
font-size: 12px;
line-height: 17px;
text-align: left;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #494847;
}
.availability-tooltip-panel em {
color: #F01C52;
font-style: normal;
font-weight: bold;
}
/* social buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.social-buttons {
}
div#burda div.columnset-alt div.secondary div.social-buttons {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) repeat-y 100% 0;
}
div#burda div.columnset-alt div.secondary div.social-buttons div.top {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) no-repeat 0 0;
}
div#burda div.columnset-alt div.secondary div.social-buttons div.btm {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) no-repeat -160px 0;
}
div.social-buttons ul {
margin: 0 -15px;
padding: 6px 0 9px;
height: 63px;
}
div.social-buttons ul * {
zoom: 1;
}
div#burda div.columnset-alt div.secondary div.social-buttons ul {
margin: -3px -11px 0 -5px;
padding: 0 0 6px;
height: 123px;
}
div.social-buttons ul li {
display: inline;
float: left;
margin: 0;
padding: 0;
width: 74px;
border-left: 1px dotted #888681;
height: 63px;
text-align: center;
position: relative;
}
div.social-buttons ul li.first {
border-left: 0 none;
}
div#burda div.columnset-alt div.secondary div.social-buttons ul li {
width: 69px;
height: 80px
}
div#burda div.columnset-alt div.secondary div.social-buttons ul li.first,
div#burda div.columnset-alt div.secondary div.social-buttons ul li.first + li {
border-bottom: 1px dotted #888681;
}
div#burda div.columnset-alt div.secondary div.social-buttons ul li.first + li + li {
border-left: 0 none;
}
div.social-buttons ul li > span {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url(/images/sitewide/bg-social-icons.png?1551186590) no-repeat -999em;
}
.isIE7 div.social-buttons ul li > span,
.isIE6 div.social-buttons ul li > span {
display: none;
}
div.social-buttons ul li.fb > span {
background-position: 0 50%;
}
div#burda div.columnset-alt div.secondary div.social-buttons ul li.fb > span {
background-position: -5px 50%;
}
div.social-buttons ul li.tw > span {
background-position: -74px 50%;
}
div#burda div.columnset-alt div.secondary div.social-buttons ul li.tw > span {
background-position: -74px 50%;
}
div.social-buttons ul li.gp > span {
background-position: -148px 50%;
}
div#burda div.columnset-alt div.secondary div.social-buttons ul li.gp > span {
background-position: -148px 50%;
}
div.social-buttons ul li.pi > span {
background-position: -222px 50%;
}
div#burda div.columnset-alt div.secondary div.social-buttons ul li.pi > span {
background-position: -222px 50%;
}
div.social-buttons ul li.op {
opacity: 0.6;
}
div.social-buttons ul li.nb {
border-left-color: #fff !important;
border-bottom-color: #fff !important;
}
div.social-buttons ul li:hover,
div.social-buttons ul li.op:hover {
opacity: 1;
}
div.social-buttons ul li:hover > span,
div.social-buttons ul li.op:hover > span,
div.social-buttons ul li > span:hover {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
div.social-buttons ul li * {
display:inline-block;
vertical-align: middle;
line-height: 106px;
margin: 0;
padding: 0;
}
div.social-buttons ul li iframe {
display: block;
margin: 0 auto;
}
div.social-buttons ul li.first iframe {
width: 49px !important;
}
div.social-buttons ul li > div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
}
div#burda div.columnset-alt div.secondary div.social-buttons ul li > div {
top: 10px;
}
div.social-buttons ul li:hover div,
div.social-buttons ul li > div:hover {
opacity: 1;
}
/* handbook ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.handbook {
}
div.handbook .c {
padding-left: 163px;
padding-top: 0;
}
div.handbook h3 {
margin-left: -148px;
margin-bottom: 17px;
font-size: 17px;
}
div.handbook .img {
position: absolute;
bottom: -8px;
left: 15px;
z-index: 99;
}
div.handbook img {
display: block;
}
div.handbook p {
margin: 0 0 5px;
color: #888681;
}
div.handbook p a {
display: block;
margin: 8px 0 0;
color: #F01C52;
}
div.handbook p a:hover {
text-decoration: underline;
}
/* pattern of the week ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.pattern-of-the-week {
}
div.pattern-of-the-week .c {
overflow: hidden;
padding-bottom: 9px;
padding-top: 0;
}
div.pattern-of-the-week h4 {
padding-top: 0;
}
div.pattern-of-the-week h5 {
margin: 0 0 5px;
}
div.pattern-of-the-week p {
}
div.pattern-of-the-week .img {
display: inline;
float: left;
margin: 2px 12px 0 -5px;
}
div.pattern-of-the-week img {
display: block;
width: 90px !important;
height: 118px !important;
}
div.pattern-of-the-week div.cta-bar {
}
div.pattern-of-the-week div.cta-bar ul {
margin: 0;
padding: 0 0 4px 0;
background: transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-300.gif?1551186590) no-repeat -300px 100%;
overflow: hidden;
}
div.pattern-of-the-week div.cta-bar ul li {
background: 0 !important;
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: auto;
}
div.pattern-of-the-week div.cta-bar ul li.price {
color: #F01C52;
font-size: 18px;
float: left;
margin: 0 0 0 10px;
padding: 13px 0 0 0;
}
div.pattern-of-the-week div.cta-bar-affiliate ul li.price {
color: #0090dc;
}
div.pattern-of-the-week div.cta-bar ul li.free {
color: #34322B;
letter-spacing: -1px;
font-size: 17px;
}
div.pattern-of-the-week div.cta-bar ul li.free span {
text-decoration: line-through;
color: #888681;
}
div.pattern-of-the-week div.cta-bar ul li.btn {
float: right;
padding: 7px 5px 3px 0;
}
div.pattern-of-the-week div.cta-bar ul li.btn span {
display: inline-block;
}
/* add a project ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.secondary div.add-project {
text-align: center;
background: transparent url(/images/sitewide/bg-add-proj-160.gif?1551186590) no-repeat scroll 0 0;
margin: 0 0 20px;
padding: 0;
width: 160px;
height: 40px;
position: relative;
}
div.secondary div.add-project p.bg-white {
position: static;
margin: 0;
padding: 7px 0 0;
}
div.secondary div.add-project p.bg-white a.btn {
display: inline-block;
}
/* quick find (patterns) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.quick-find {
margin: 0 0 14px;
}
div.quick-find .c {
padding: 5px 0;
}
div.quick-find form {
padding: 0;
margin: 0;
}
div.quick-find fieldset {
padding: 0;
margin: 0;
}
div.quick-find ol {
overflow: hidden;
padding: 0;
margin: 0;
}
div.quick-find li {
display: inline;
float: left;
margin: 0 0 0 17px;
width: 133px;
}
div.quick-find label {
display: block;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 0 0 12px;
margin: 0 0 18px;
}
div.quick-find select {
width: 133px;
border: 1px solid #CFCFCD;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.quick-find p {
clear: both;
padding: 20px 17px 1px;
margin: 0;
overflow: hidden;
}
div.quick-find button {
float: right;
background-position: 100% 0;
}
div.quick-find button span {
background-position: 0 0;
}
/* filter with selects (patterns) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.pattern-select-filter {
margin: 0 0 14px;
}
div.pattern-select-filter .c {
padding: 5px 0;
}
div.pattern-select-filter form {
padding: 0;
margin: 0;
}
div.pattern-select-filter fieldset {
padding: 0;
margin: 0;
}
div.pattern-select-filter ol {
display: inline;
float: left;
overflow: hidden;
padding: 0;
margin: 0;
height: 26px;
}
div.pattern-select-filter li {
display: inline;
float: left;
margin: 0 0 0 20px;
width: auto;
height: 26px;
line-height: 25px;
overflow: hidden;
}
div.pattern-select-filter label {
display: inline;
float: left;
padding: 0 10px 0 0;
margin: 0;
width: auto;
text-align: right;
}
div.pattern-select-filter li.last label {
padding-right: 0;
}
div.pattern-select-filter li:last-child label {
padding-right: 0;
}
div.pattern-select-filter select {
display: inline;
float: left;
width: 125px;
border: 1px solid #CFCFCD;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0;
position: relative;
top: 4px;
}
div.pattern-select-filter label + select {
margin: 0;
}
div.pattern-select-filter p {
display: inline;
float: right;
padding: 0 20px 1px 0;
margin: 0;
overflow: hidden;
}
div.pattern-select-filter button {
float: right;
background-position: 100% 0;
}
div.pattern-select-filter button span {
background-position: 0 0;
}
/* size chart ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.size-chart-link {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) repeat-y 100% 0;
}
div.size-chart-link div.top {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) no-repeat 0 0;
}
div.size-chart-link div.btm {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) no-repeat -160px 0;
}
div.size-chart-link p {
margin: 0 0 5px;
color: #888681;
}
div.size-chart-link p a {
display: block;
margin: 8px 0 0;
color: #F01C52;
}
div.size-chart-link p a:hover {
text-decoration: underline;
}
/* mini features ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.mini-features {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) repeat-y 100% 0;
}
div.mini-features div.top {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) no-repeat 0 0;
}
div.mini-features div.btm {
background: url(/images/sitewide/modules/bg-basic-white-sprite-160.gif?1551186590) no-repeat -160px 0;
}
div.mini-features img {
display: block;
margin: -5px -5px 5px;
}
div.mini-features p {
margin: 0 0 5px;
color: #888681;
}
div.mini-features p a {
display: block;
margin: 8px 0 0;
color: #F01C52;
}
div.mini-features p a:hover {
text-decoration: underline;
}
/* gallery-related-patterns ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.gallery-related-patterns {
}
div.gallery-related-patterns .c {
padding-top: 0;
padding-bottom: 0;
}
div.gallery-related-patterns h4 {
padding-top: 0;
margin-bottom: 0;
}
div.gallery-related-patterns ul {
margin: 0 0 0 -5px;
padding: 0;
}
div.gallery-related-patterns ul li {
display: block;
list-style-type: none;
overflow: hidden;
padding: 8px 0 0;
margin: 0;
}
div.gallery-related-patterns h5 {
margin: 0 0 5px;
}
div.gallery-related-patterns p {
}
div.gallery-related-patterns .img {
display: inline;
float: left;
margin: 2px 12px 0 0;
}
div.gallery-related-patterns img {
display: block;
}
/* shortcuts ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.shortcuts {
}
div.shortcuts .c {
padding: 0 0 0 15px;
}
div.shortcuts h4 {
padding-top: 0;
margin-bottom: 15px;
}
div.shortcuts ul {
overflow: hidden;
margin: 0;
padding: 0;
}
div.shortcuts ul li {
display: inline;
float: left;
width: 142px;
padding: 0;
margin: 0 0 5px;
}
div.shortcuts ul li a {
color: #888681;
}
div.discount-code {
}
div.discount-code + p {
margin-top: 35px;
}
div.discount-code .c div {
margin: 18px -5px 0 -5px;
}
div.discount-code .c .btn {
float: right;
margin-top: 6px;
}
div.discount-code .c input[type=text] {
display: block;
width: 475px;
height: 29px !important;
padding: 1px 5px 0 !important;
font: normal 12px/18px Arial, sans-serif;
outline: none;
box-sizing: border-box;
border: 1px solid #c3c2c0;
}
/*
Airfront vs. Area 17
written by Paul Michael Smith (paul at area17.com)
for Area 17 (www.area17.com)
*/
.subnote {
font-size: 11px !important;
font-style: italic !important;
color: #888681 !important;
}
form {
margin: 0;
padding: 0;
display: block;
}
form fieldset {
}
form ol {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
form ol li {
display: inline;
float: left;
font-size: 12px;
line-height: 15px;
margin: 0;
width: 275px;
position: relative;
}
form ol li.even {
margin: 0 0 0 20px;
}
form ol li label {
}
form ol li label.block {
display: block;
}
form label.required {
}
form ol li select {
width: 275px;
height: 20px;
font-size: 12px;
margin-top: -2px !important;
}
.state-myprofile select {
margin-top: 3px !important;
}
form ol li input[type=text], form ol li input[type=password] {
width: 273px;
display: block;
height: 20px;
vertical-align: baseline;
margin: 6px 0 6px 0;
font-size: 12px;
}
form ol li input.text {
width: 273px;
display: block;
height: 20px;
vertical-align: baseline;
margin: 6px 0 6px 0;
font-size: 12px;
}
form ol li div.fieldWithErrors {
background-color: transparent !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
form ol li div.fieldWithErrors label .required,
h3.subtitle div.fieldWithErrors .required,
form ol li div.fieldWithErrors label {
background-color: #ffffae;
width: auto !important;
}
h3.subtitle div.fieldWithErrors .required {
padding-right: 12px;
}
form ol li input.text[disabled] {
color: #cecdcb;
}
body.isIE form ol li input.disabled {
color: #cecdcb;
}
form ol li input[type=checkbox] {
*vertical-align: -2px;
width: 13px;
margin-right: 5px;
}
form ol li input.checkBox {
*vertical-align: -2px;
width: 13px;
margin-right: 7px;
}
body.isSafari form ol li input.checkBox {
vertical-align: 0;
}
form ol.options-list {
}
form ol.options-list li {
float: none;
display: block;
margin: 0;
width: auto;
font-size: 12px;
line-height: 15px;
margin: 0 0 5px 0;
}
form #recaptcha_area input[type='text']{
display: inline !important;
}
div.errors {
border-top: 1px solid #C4C4C2;
background: #ffffe1;
padding: 19px 20px 17px 20px;
margin: 0 0 35px 0;
margin-bottom: 0;
}
div.errors a.purchase-error {
color: #F01C52;
text-decoration: underline;
}
/*
div.errors {
margin-bottom: 35px;
}
div.errors + div.wrap-o, div.errors + div.login-fix {
margin-top: -35px;
}
div.errors + form.cart-payment-details {
margin-top: -35px;
}
*/
form div.errors {
background: #ffffe1;
padding: 19px 20px 18px 20px;
border-bottom: 1px solid #C4C4C2;
border-top: 0;
}
#flash-notice.errors, #flash-errors.errors {
padding-bottom: 9px;
}
#new_technique_step div.errors { margin-bottom: 20px !important;}
div#burda div.errors h3 {
background: transparent url(/images/sitewide/bg-error-icon.gif?1551186590) no-repeat 0 3px;
margin: 0 0 8px 0 !important;
padding: 0 0 0 20px !important;
color: #E30043 !important;
font-size: 13px;
line-height: 20px !important;
}
div.errors ul {
padding: 0 0 0 20px;
margin: 0;
}
div.errors ul li {
background: transparent url(/images/sitewide/bg-error-li.gif?1551186590) no-repeat 0 50% !important;
padding: 0 0 0 20px !important;
color: #E30043;
line-height: 15px !important;
margin: 0 0 5px 0 !important;
}
#errorExplanation.errors p {
margin-bottom: 10px;
}
#errorExplanation.errors ul {
padding: 0;
margin: 0;
}
#errorExplanation.errors ul li {
display: block !important;
margin-bottom: 0 !important;
}
div.errors ul li.last {
margin: 0;
}
form ol li textarea {
width: 100%;
height: 100px;
font-size: 12px;
}
form ol li.full {
width: 100%;
margin: 0;
}
/* join form */
form fieldset {
padding: 16px 20px 20px;
}
form h3 {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
color: #F01C52;
font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
font-size: 18px;
line-height: 25px;
font-weight: 100;
padding: 0 0 13px 0;
margin: 0 0 27px 0;
}
form h3.affiliate {
padding-right: 0 !important;
}
form h3 span {
color: #34322B;
display: block;
}
form#new_contact h3 a#faq {
color: #f01c52;
text-decoration: underline;
}
form#new_contact h3 a#faq:hover {
}
form .lbl-affiliate {
color: #34322B;
display: block;
background: url(/images/sitewide/bg-affiliate.gif?1551186590) no-repeat 0 0;
text-indent: -9999em;
width: 60px;
height: 24px;
margin: -2px 0 2px;
}
.isMac.isMozilla form .lbl-affiliate {
margin-bottom: 4px;
}
form h3 span.lbl-affiliate {
display: inline;
float: right;
margin: 0;
}
form h4 {
margin: 0 0 10px 0;
}
form small {
display: block;
font-size: 11px;
line-height: 15px;
text-align: baseline;
}
form small.last {
margin: 1px 0 14px 0;
}
form.join small {
font: italic;
color: #888681;
font-style: italic;
}
form label.block {
width: 100%;
position: relative;
line-height: 15px;
}
form label.block span {
position: absolute;
top: 0;
right: 0;
color: #888681;
font-style: italic;
}
form ol li label.state, form ol li label.state + select {
/*width: 189px;*/
}
form ol li label.state {
line-height: 15px !important;
}
form ol li label + select {
margin-top: 10px;
}
body.isIE .selectfix {
/* margin-top: 10px;*/
}
body.isIE form ol li.floatfix {
height: 110px;
}
form.gen-form ol.options-list {
background:transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding-top: 20px;
padding-bottom: 18px;
}
form.gen-form ol.options-list li {
margin: 0 0 7px 0;
width: 100%;
}
form.gen-form ol.options-list li.first {
padding-top: 27px;
}
.isMac.isMozilla form.gen-form ol.options-list li.first {
padding-top: 26px;
}
form.gen-form ol.options-list li.last {
padding-bottom: 26px;
}
form.gen-form ol.options-list li label {
margin: 0;
}
form.gen-form ol.options-list li:last-child, form ol.options-list li.last {
margin: 0;
}
form.gen-form ol.options-list a {
text-decoration: underline;
}
form p.required-note {
margin: 0;
padding: 20px 0 1px 0;
}
form p.required-note span {
background: transparent url(/images/sitewide/bg-required.gif?1551186590) no-repeat 100% 0;
padding-right: 10px;
}
form ul.buttons {
border-bottom: 1px solid #c4c4c2;
background: transparent url(/images/sitewide/bg-white-keyline.gif?1551186590) repeat-x 0 100%;
background-color: #e1e1e0;
padding: 5px 8px 6px 15px;
}
form ul.buttons li {
float: right;
display: block;
padding: ;
}
form ul.buttons li.left {
float: left;
}
form ul.buttons li.left .required-note {
float: left;
}
form.contact ul.buttons li.left .required-note {
background-image: none;
padding: 0;
line-height: 26px;
font-style: italic;
}
form fieldset.thankyou {
border-bottom: 1px solid #C4C4C2;
height: 284px;
position: relative;
border-bottom: 1px solid #fff;
}
form fieldset.thankyou h4 {
margin:0 0 15px;
}
form fieldset.thankyou p {
padding:0 195px 0 0;
}
form fieldset.thankyou p.full {
padding:0 100px 0 0;
}
form.thankyou {
border-bottom: 1px solid #c4c4c2;
}
form fieldset.thankyou p.last {
color:#75736E;
font-style:italic;
margin-top:89px;
}
form fieldset.thankyou p.last a {
color: #75736E;
text-decoration: underline;
}
form fieldset.thankyou p.last a:hover {
color: #272620;
}
form ol li.username-note {
width: 100%;
clear: both;
}
/* join form specific */
div.login-fix {
position: relative;
}
div.login-fix form.login fieldset {
min-height: 310px;
_height: 310px;
min-height: 410px;
_height: 410px;
}
div.login-fix form.password-change fieldset {
height: 240px;
min-height: 240px;
}
div.login-fix-content {
position: absolute;
top: 250px;
margin: 0 0 0 20px;
top: 278px;
top: 339px;
}
div.login-fix-content p.cta {
padding-top: 9px;
}
div.login-fix-content input.submit, div.login-fix-content button {
background: 0;
border: 0;
padding: 0 0;
margin: 0;
width: auto;
font-size: 12px;
font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
color: #F01C52;
display: inline;
line-height: 12px;
border-bottom: 1px solid #f4f2f1;
}
div.login-fix-content input.submitHover {
border-bottom: 1px solid #F01C52 !important;
cursor: pointer;
}
body.isIE div.login-fix-content input.submit, body.isIE div.login-fix-content button {
width: 98px;
}
body.isIE div.login-fix-content input.submit {
background: 0;
outline: 0 !important;
border-color: #f4f2f1 !important;
}
body.isIE div.login-fix-content input.submit {
border-color: #f4f2f1 !important;
border: 0 !important;
outline: none !important;
}
div.login-fix input.text {
width: 273px;
display: block;
height: 20px;
vertical-align: baseline;
margin: 7px 0 9px 0;
font-size: 12px;
}
div.login-fix input[type=text] {
width: 273px;
display: block;
height: 20px;
vertical-align: baseline;
margin: 7px 0 9px 0;
font-size: 12px;
}
div.login-fix-content label {
font-size: 12px;
line-height: 15px;
}
form.join, form.login, form.contact, form.add-topic {
background: #f4f2f1;
border-top: 1px solid #c4c4c2;
margin: 0 0 20px 0;
}
form.join fieldset + fieldset, form.contact fieldset + fieldset, form.add-topic fieldset + fieldset, form.my-account fieldset + fieldset {
border-bottom: 1px solid #fff;
background: transparent url(/images/sitewide/bg-grey-keyline.gif?1551186590) repeat-x 0 100%;
}
form.login fieldset {
height: 300px;
}
div#burda form.join fieldset.divider-b {
margin-bottom: 10px !important;
}
/* login form specific */
form.login h3 {
color: #34322B;
}
form.login fieldset {
border-bottom: 1px solid #fff;
background: transparent url(/images/sitewide/bg-grey-keyline.gif?1551186590) repeat-x 0 100%;
border-bottom: 1px solid #c4c4c2;
background: transparent url(/images/sitewide/bg-white-keyline.gif?1551186590) repeat-x 0 100%;
}
form.login ol, form.login div.instructions {
width: 275px;
float: left;
}
form.login fieldset ol li {
float: none;
display: block;
padding-bottom: 9px;
}
form.login fieldset ol li.even {
margin: 0;
}
form.login fieldset ol li small.subtle-note {
/*margin-bottom: 24px;*/
}
.login-button {
padding-top: 8px;
}
.login-button button {
background-position: 100% -26px;
}
body.isMozilla .login-button button {
padding-right: 15px;
}
body.isMozilla #facebook_preferences .login-button button {
padding-right: 12px;
}
.login-button button span {
background-position: 0 -26px;
}
body.isMozilla .login-button button span {
padding-left: 17px;
}
body.isMozilla #facebook_preferences .login-button button span {
padding-left: 16px;
}
.login-button div.hr {
margin-top: 30px;
}
form.login div.instructions {
width: 250px;
margin: 0 0 0 45px;
}
#burda form.login div.instructions h4 {
font-weight: normal;
padding-bottom: 10px;
}
#burda form.login div.instructions ul {
padding-left: 15px;
}
#burda form.login div.instructions ul li {
color: #75736E;
list-style-type: disc;
margin: 0 0 10px 0;
}
#burda form.login p.cta {
margin: 20px 0;
}
#burda form.login p.cta a {
color: #E30043;
}
form.login ul.buttons {
clear: both;
}
form.login ul.buttons li a {
width: 50px;
text-align: center;
}
/* contact form specific */
form.contact {
border-top: 0 none;
margin-top: -15px;
}
form.contact fieldset {
padding-bottom: 0;
border-bottom: 1px solid #C4C4C2;
}
form.contact .separator {
background: url(/images/sitewide/bg-white-keyline.gif?1551186590) repeat-x scroll 0 100%;
height: 1px;
width: 100%;
display: block;
}
form.contact ol {
padding-bottom: 9px;
margin-bottom: 27px;
}
form.contact ol li.full {
}
form.contact select {
margin-bottom: 10px;
position: relative;
top: 10px;
}
form.contact ol li {
margin-bottom: 17px;
}
form.contact textarea {
height: 248px;
margin-top: 7px;
margin-bottom: 6px;
}
form.contact fieldset.contact-options {
/*padding-top: 0;*/
}
form.contact fieldset.contact-options p, form.contact fieldset.contact-options h4 {
margin-bottom: 15px;
}
form.contact fieldset.contact-options p.directions {
margin-bottom: 26px;
}
form.contact fieldset.contact-options p.directions a {
text-decoration: underline;
color: #888681;
}
form.contact fieldset.contact-options p.support_link a {
font-weight: bold;
}
#recaptcha_widget_div { margin-top: 6px !important;}
/* comments form - defaulted for primary col */
div#burda form.comments {
border: 0;
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite-615.gif?1551186590) repeat-y -1230px 0;
margin: 0 0 44px 0;
padding: 0;
width: 615px;
}
div#burda.blog form.comments-alt {
margin-top: 40px;
}
div#burda form.comments label.top {
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite-615.gif?1551186590) no-repeat 0 0;
display: block;
padding: 10px 15px;
font-size: 13px;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
line-height: 15px;
font-weight: bold;
font-size: 12px;
}
div#burda form.comments fieldset {
background: transparent url(/images/sitewide/modules/bg-basic-grey-sprite-615.gif?1551186590) no-repeat -615px 100%;
padding: 0px;
margin: 0;
width: 615px;
}
div#burda form.comments fieldset textarea {
width: 593px;
border: 1px solid #C4C4C2;
margin: 0 10px;
font-size: 12px;
}
div#burda form.comments fieldset label.question-note, div#burda form.comments fieldset li.question-note {
color: #888681;
font-size: 12px;
padding: 0 20px 0px 10px;
background: transparent url(/images/sitewide/bg-question-icon.gif?1551186590) no-repeat 100% 50%;
float: left;
}
div#burda form.comments fieldset li.question-note {
float: left;
padding-left: 4px !important;
padding-right: 20px !important;
}
div#burda form.comments ol li {
float: none;
display: block;
padding: 0;
margin: 0 0 10px 0;
width: auto;
}
div#burda form.comments ol li.last {
padding: 0 10px 0 0;
margin: 0 0 10px 0;
}
div#burda form.comments fieldset button,
div#burda form.comments fieldset a.btn {
background-position:100% -260px;
*width: 120px;
margin-right: 10px;
}
div#burda form.comments fieldset .last button,
div#burda form.comments fieldset .last a.btn {
margin-right: 0;
}
div#burda form.comments fieldset button span,
div#burda form.comments fieldset a.btn span {
background-position: 0 -260px;
}
/* comment-reply form */
form.comment-reply {
margin: -2px 0 0 0;
padding: 0 0 4px 0;
}
form.comment-reply label {
width: 0;
height: 0;
overflow: hidden;
display: block;
}
form.comment-reply textarea {
width: 298px;
height: 98px;
padding: 0;
border: 1px solid #C4C4C2;
font-size: 12px;
}
form.comment-reply ol, form.comment-reply ol li {
margin: 0 0 8px 0;
padding: 0;
width: 100%;
min-height: 10px;
_height: 10px;
border: 0;
}
form.comment-reply button {
float: right;
}
/* add-topic form */
form.add-topic li.floatClear {
margin: 0 0 20px 0;
}
form.add-topic li.full input.text, form.add-topic li.full label, form.add-topic li.full textarea {
width: 100%;
margin: 0;
}
form.add-topic li.full input[type=text] {
width: 100%;
margin: 0;
}
form.add-topic li.full label {
margin: 0 0 10px 0;
}
form.add-topic li.full textarea {
height: 250px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #999;
}
form.add-topic li.topic-desc {
margin: 0;
}
form.add-topic fieldset + fieldset {
padding-top: 0;
}
form.add-topic fieldset + fieldset div.hr {
margin-top: 0;
}
form.add-topic h4 {
margin:0 0 1px;
}
form.add-topic ul.topic-desc-tags, .topic-desc-tags-cont ul.topic-desc-tags {
margin: 0;
padding: 0;
overflow: auto;
}
form.add-topic ul.topic-desc-tags li {
display: block;
padding: 0;
margin: 0 0 0 0;
list-style: none;
color: #888681;
}
form.add-topic ul.topic-desc-tags li em, .topic-desc-tags-cont ul.topic-desc-tags li em {
font-style: italic;
}
.topic-desc-tags-cont div.hr {
margin: 12px 15px 2px 15px !important;
}
/* new general form style - integration occured before all forms were built so now creating new standardised form */
form.gen-form {
border-top: 1px solid #cfcfcd;
}
div#burda form.gen-form fieldset {
padding: 0;
margin: 0;
background: transparent;
border: 0;
}
div#burda form.gen-form fieldset.divider-b {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
margin: 0 0 30px 0;
}
div#burda form.gen-form fieldset.divider-t {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0%;
margin: 30px 0 0 0;
}
div#burda form.gen-form fieldset.padding-b {
padding-bottom: 35px;
margin-bottom: 10px;
}
form.gen-form div.wrap-o {
padding: 0;
background: #F3F3F1 url(/images/sitewide/bg-white-keyline.gif?1551186590) repeat-x 0 100%;
border-bottom: 1px solid #fff;
}
form.gen-form div.wrap {
padding: 20px 20px 19px;
border-bottom: 1px solid #cfcfcd;
}
form.gen-form h3 {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
margin: 0 0 30px 0;
padding: 10px 0 13px 0;
line-height: 25px;
}
div#burda form.user-account h4 {
font-size: 12px;
font-weight: 100;
font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif !important;
margin: 0 0 20px 0;
padding: 0;
line-height: 15px;
}
form.gen-form div.my-profile-picture {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 0 0 30px 0;
margin: 0 0 30px 0;
position: relative;
}
form.gen-form div.my-profile-picture p {
margin: 0;
padding: 0;
}
form.gen-form div.my-profile-picture p.desc {
color:#888681;
font-size:11px;
font-style:italic;
margin:0 0 15px;
}
form.gen-form div.my-profile-picture div.my-profile-pic-demo {
float: left;
margin: 0 15px 0 0;
}
form.gen-form div.my-profile-picture a.remove {
position: absolute;
right: 0;
background: transparent url(/images/sitewide/bg-remove-icon.gif?1551186590) no-repeat 0 2px;
padding-left: 15px;
color: #888681;
text-decoration: none;
}
form.gen-form div.my-profile-picture a.remove:hover {
text-decoration: underline;
}
form.gen-form ol {
margin: 0;
padding: 0;
}
form.gen-form ol li {
float: none;
width: 265px;
display: block;
margin: 0 0 18px 0;
padding: 0;
}
form.gen-form ol li.fl {
float: left;
}
form.gen-form ol li.fr {
float: right;
}
form.gen-form ol li.state {
width: 190px;
float: left;
margin: 0 0 0 25px;
}
form.join ol li.state {
float: right;
width: 265px;
margin: 0 0 18px 0;
}
form.gen-form ol li.cf {
clear: both;
}
form.gen-form ol li.full {
clear: both;
float: none;
width: 100%;
}
form.gen-form ol li.mb {
margin-bottom: 30px;
}
form.gen-form ol li.force-sml-input input.text {
width: 275px !important;
}
form.gen-form ol li.force-sml-input input[type=text] {
width: 275px !important;
}
form.gen-form ol li.divider {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 0 0 30px 0;
}
form.gen-form ol li.divider_inv {
padding: 0 0 10px 0;
}
form.gen-form ol li.date select {
margin: 0 0 15px 0;
}
form.gen-form ol li.date select.month, #profile_birthday_2i {
width: 125px;
}
form.gen-form ol li select {
width: 100%;
}
form.gen-form ol li.date select.day, form.gen-form ol li.date select.year, #profile_birthday_1i, #profile_birthday_3i {
width: 65px;
margin-right: 5px;
}
form.gen-form ol li.date-month-year {
}
form.gen-form ol li.date-month-year select.month {
width: 125px;
}
form.gen-form ol li.date-month-year select.year {
width: 90px;
margin-left: 5px;
}
form.gen-form ol li label {
margin: 0 0 10px 0;
padding: 0;
display: inline-block;
line-height: 10px;
*margin-bottom: 8px;
*line-height: 12px;
}
.xrelated { margin: 0 0 5px; *margin: 0 0 3px;}
form.gen-form ol li input.text {
width: 270px;
margin: 0;
padding: 0;
height: 20px;
}
form.gen-form ol li input[type=text] {
width: 270px;
margin: 0;
padding: 0;
height: 20px;
}
form.gen-form ol li.full input.text {
width: 573px;
}
form.gen-form ol li.full input[type=text] {
width: 573px;
}
form.gen-form ol li label span {
padding: 2px;
}
form.gen-form ol li label span.required {
padding-right: 10px;
zoom: 1;
}
form.gen-form ol li label.block {
display: block;
}
form.gen-form ol li label.with-instr {
display: block;
position: relative;
}
form.gen-form ol li label.password-first {
margin-top: 2px;
}
form.gen-form ol li label.with-instr span.instr {
position: absolute;
right: 0;
font-size: 11px;
color: #888681;
font-weight: 100;
font-style: italic;
top: 0;
}
.isMac.isMozilla form.gen-form ol li label.with-instr span.instr {
top: 1px;
}
form.gen-form ol li .fieldWithErrors label.with-instr {
background-color: transparent;
}
form.gen-form ol li label.block span {
position: static;
width: auto;
color: #34322B;
font-style: normal;
}
form.gen-form ol li textarea {
font-size: 12px;
width: 100%;
height: 120px;
padding: 0;
margin: 0;
}
form.gen-form ol li select {
margin: 0;
padding: 0;
}
form.gen-form ol li p {
margin: 0;
}
form.gen-form ol li p.note {
color: #888681;
font-weight: 100;
font-style: italic;
margin: 0 0 5px 0;
font-size: 11px;
}
form.gen-form ol li p.note-pt {
padding-top: 8px;
}
form.gen-form ol li.radios {
*padding-bottom: 6px;
}
form.gen-form ol li.radios input.radio {
margin-left: 0px;
margin-right: 5px !important;
}
form.gen-form ol li.radios label.radio-label {
/**vertical-align: 0.3em;*/
*position: relative;
*top: 9px;
margin-right: 5px;
}
body.isSafari form.gen-form li.radios input.radio, .webkit form.gen-form li.radios input.radio {
vertical-align: 3px;
}
body.isSafari form.gen-form li input.checkBox, .webkit form.gen-form li input.checkBox {
vertical-align: 0px;
}
body.isSafari form.gen-form ol li.radios label.radio-label, .webkit form.gen-form ol li.radios label.radio-label {
vertical-align: 0;
}
form.gen-form ol li.state-myprofile,
form.gen-form ol li.state-payment {
/*width: 190px;*/
margin-left:25px;
*/
}
form.gen-form ol li.state-payment {
margin: 0 0 0 25px;
float: right;
width: 265px;
}
form.gen-form ol li.ccv {
width: 200px;
}
form.gen-form ol li.ccv input.text {
width: 90px;
float: left;
margin-right: 10px;
}
form.gen-form ol li.ccv input[type=text] {
width: 90px;
float: left;
margin-right: 10px;
}
form.gen-form ol li.ccv p {
color: #888681;
font-weight: 100;
font-style: italic;
margin-left: 10px;
line-height: 11px;
font-size: 11px;
}
form.gen-form div.upload-item {
padding: 0 0 30px 0;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
margin: 0 0 20px 0;
}
form.gen-form div.upload-item p.note {
color: #888681;
font-weight: 100;
font-style: italic;
margin: 0 0 15px 0;
font-size: 11px;
}
form.gen-form div.upload-item p.upload {
}
form.gen-form p.required-note {
padding: 8px 0 0 0;
margin: 0 0 -3px 0;
background: 0;
font-style: italic;
}
form.gen-form p.required-note-alt {
padding-top: 0;
margin-top: -12px;
}
form.gen-form p.required-note-alt2 {
padding-top: 0;
margin-top: -3px;
margin-bottom: -2px;
}
form.gen-form div.payment-options {
padding-bottom: 20px;
}
form.gen-form div.payment-options ul {
}
form.gen-form div.payment-options ul li.first {
display: inline;
float: left;
width: 294px;
border-right: 1px solid #e0e0de;
}
form.gen-form div.payment-options ul li.last {
padding-left: 10px;
width: 270px;
float: left;
}
form.gen-form div.payment-options ul li {
padding: 10px 0 10px 0;
}
form.gen-form div.payment-options ul li label.payment-opt-card {
background: transparent url(/images/sitewide/bg-pay-option-card.gif?1551186590) no-repeat 0 0;
padding: 10px 0px 10px 120px;
}
form.gen-form div.payment-options ul li label.payment-opt-paypal {
background: transparent url(/images/sitewide/bg-pay-option-paypal.gif?1551186590) no-repeat 0 0;
padding: 10px 0px 10px 60px;
}
form.gen-form ol li.option-select {
width: 100%;
clear: both;
padding-top:25px;
}
form.gen-form ol li.option-select div.option-list {
width: 264px;
float: left;
}
form.gen-form ol li.option-select div.option-list select, form.gen-form ol li.option-select div.option-list label {
width: 100%;
}
form.gen-form ol li.option-select div.option-list select {
height: 100px;
margin-top: 0 !important;
}
form.gen-form ol li.option-select div.selected-options {
width: 264px;
float: right;
}
form.gen-form ol li.option-select div.selected-options label {
border-bottom: 1px solid #cfcfcd;
width: 100%;
padding-bottom: 6px;
}
form.gen-form ol li.option-select div.selected-options ul {
margin: 0;
padding: 0;
width: 100%;
}
form.gen-form ol li.option-select div.selected-options ul li {
margin: 0;
padding: 0;
line-height: 15px;
font-size: 12px;
list-style: none;
color: #888681;
}
form.gen-form ol li.option-select div.selected-options ul li a, form.gen-form ol li.option-select div.selected-options ul li a:hover {
background: transparent url(/images/sitewide/bg-btm-deselect-sprite.gif?1551186590) no-repeat 0 3px;
color: #888681;
text-decoration: none;
padding: 2px 0 1px 15px;
display:inline-block;
}
form.gen-form ol li.option-select div.selected-options ul li a:hover {
color: #34322B;
background-position: 0 -47px;
}
form.gen-form ol li.option-select div.options-block {
margin: 0 0 10px 0;
}
form.gen-form h3.subtitle {
background: 0;
margin: -3px 0 20px 0;
padding: 0;
clear: both;
color: #34322B;
}
form.gen-form p.cart-info-note {
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 0 0px;
color: #888681;
font-weight: 100;
font-style: italic;
padding-left: 20px;
margin: 0;
margin-top: 8px;
}
form.gen-form h3 span.required {
background:transparent url(/images/sitewide/bg-required.gif?1551186590) no-repeat scroll 100% 0;
padding-right:10px;
display: inline;
color: #34322B;
}
form.gen-form p.subnote {
margin-bottom: 15px;
}
body.isSafari form.gen-form p.subnote, .webkit form.gen-form p.subnote {
padding-bottom: 15px;
margin-bottom: 0;
}
form.gen-form .username p.subnote {
margin-bottom: 0;
padding-bottom: 0;
}
form.gen-form p.add-a-new-item {
clear: both;
}
form.gen-form ol li.option-select.last p.add-a-new-item {
margin: 0 0 20px 0;
}
form.gen-form p.add-a-new-item a, form.gen-form p.add-a-new-item a:hover {
color: #F01C52;
}
form.gen-form ol.upload-list {
}
form.gen-form ol li.full input[type=radio] {
margin-right: 5px;
}
form.gen-form ol li.full span.label-radio {
margin-right: 15px;
}
li.company-website {
margin-bottom: 33px !important;
}
form.gen-form ol.upload-list li,
form.gen-form ol.block-item-list li,
form.gen-form ol.upload-list-with-labels li div,
li.company-logo,
li.company-logo div {
width: 567px;
background: #e1e1e0;
-moz-border-radius:4px;-webkit-border-radius:4px;
padding: 5px;
margin: 0 0 10px 0;
position: relative;
}
li.company-logo,
li.company-logo div {
margin-bottom: 0;
}
form.gen-form ol.upload-list-with-labels li,
li.company-logo {
width: 575px;
background: transparent;
padding: 0;
-moz-border-radius:0;-webkit-border-radius:0;
}
form.gen-form ol.upload-list li a.remove,
form.gen-form ol.block-item-list li a.remove,
li.company-logo a.remove,
li.upload-item a.remove {
position: absolute;
right: 10px;
top: 8px;
}
form.gen-form ol.upload-list li.project_image img,
li.company-logo img {
margin: 5px 10px 5px 5px;
padding: 0;
display: inline;
float: left;
}
form.gen-form ol.upload-list li.project_image img + input,
li.company-logo img + input {
margin-top: 5px;
}
form.gen-form ol li ol.block-item-list {
margin-top: 15px;
clear: both;
}
form.gen-form ol.block-item-list li.last {
margin: 0;
}
form.gen-form ol.block-item-list li:last-child {
margin: 0;
}
form.gen-form ol.block-item-list li:first-child {
margin-top: 15px;
}
form.gen-form ol.block-item-list li.first {
margin-top: 15px;
}
form.gen-form h3.sell-info {
margin: 0 0 10px 0;
}
form.gen-form p.sell-info {
background: transparent url(/images/sitewide/bg-sale-info.gif?1551186590) no-repeat 0 50%;
padding: 5px 0 10px 60px;
font-size: 11px;
font-style: italic;
color: #888681;
}
form.gen-form li.upload-item {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#E1E1E0 none repeat scroll 0 0;
margin:0 0 10px;
padding:5px;
width: 565px !important;
}
/* field specific overrides */
form.gen-form li.username {
zoom: 1;
position: relative;
margin-bottom: 0;
}
form.gen-form li.username input.text {
margin: 0 0 6px 0;
}
form.gen-form li.username input[type=text] {
margin: 0 0 6px 0;
}
/* user account form */
form.user-account li.state {
margin-left: 20px;
}
form.user-account-info ol li p.note {
margin-top: 10px;
font-size: 11px;
}
div#burda form.user-account-info fieldset.divider-b {
padding-bottom: 13px;
}
form.my-account div.wrap {
padding-top: 19px;
}
form.my-account input.file {
}
form.my-account h4 {
line-height: 10px;
font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
font-weight: normal;
margin: 0 0 20px 0;
}
form.my-account ol li {
width: 275px;
}
form.my-account ol li.date select.month, #profile_birthday_2i {
width: 95px;
margin-right:5px;
}
form.my-account ol li.date select.day,
form.my-account ol li.date select.year,
form.my-account #profile_birthday_1i,
form.my-account #profile_birthday_3i {
width:80px;
}
form.my-account #profile_birthday_3i {
margin-right:0;
}
form.my-account .state-myprofile label span {
display:inline-block;
padding-top:2px;
}
form.my-account .state-myprofile label span.instr {
padding-top:2px;
}
.gecko form.my-account .state-myprofile label span {
display:inline-block;
padding-top:3px;
}
form.my-account li.date select {
margin-bottom: 10px !important;
}
form.my-account li.date p.note {
margin-bottom: 0;
}
form.my-account li.gender input.radio {
margin-bottom: 17px;
*margin-bottom: 12px;
}
form.my-account li.gender label.radio-label {
*top: 0;
*margin-bottom: 20px;
}
form.my-account div.upload-item p.upload {
margin-bottom: 0px;
}
form.my-account fieldset.skills, form.my-account fieldset.about {
padding-bottom:10px !important;
}
/* user notifications */
form.user-notifications h4 {
margin-bottom: 20px;
}
form.user-notifications fieldset dl {
margin: -1px 0 20px 0;
}
form.user-notifications fieldset dl dt, form.user-notifications fieldset dl dd {
float: left;
padding: 0 0 15px 0;
margin: 0;
}
form.user-notifications fieldset dl dt {
width: 69%;
color: #888681;
}
form.user-notifications fieldset dl dd {
border-left: 1px solid #dadad7;
width: 29%;
}
form.user-notifications fieldset dl dd input.checkBox {
margin-left: 10px;
}
div#burda form.user-notifications fieldset.divider-b {
margin-bottom: 20px;
}
form.user-notifications div.email-notify {
padding: 10px;
background: #e1e1e0;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
position: relative;
margin-bottom: 30px;
}
form.user-notifications div.email-notify p {
margin: 0;
color: #888681;
}
form.user-notifications div.email-notify input {
left:70.5%;
position:absolute;
top:5px;
}
/* cart-payment-details */
div.payment-details {
}
div.payment-details div.progress-bar {
margin: 0 0 18px 0;
}
div.payment-details ul.buttons {
border-top: 0;
}
div.payment-details h3 {
padding-bottom: 0;
background: 0;
color: #34322B;
}
div.payment-details form.cart-payment-details li.card-date select {
margin-bottom: 0;
}
div.payment-details form.cart-payment-details ol li.ccv {
width: 265px;
padding-top: 2px;
position: relative;
z-index: 9999;
}
div.payment-details form.cart-payment-details ol li.ccv p {
width: 185px;
line-height: 27px;
}
div.payment-details form.cart-payment-details ol li.ccv img#cvv {
position: absolute;
z-index: 9999;
right: 93px;
top: 46px;
display: none;
}
div.payment-details form.cart-payment-details ol li.ccv p a:hover + img#cvv {
display: block;
}
div.payment-details li.state {
}
div#creditcard-payment-container h3 + p.important-note {
margin-top: -15px;
font-size: 12px;
font-style: normal;
}
/* paypal screen */
h3.paypal-instr {
line-height: 24px !important;
}
h3.paypal-instr span {
color: #F01C52;
display: block;
}
/* confirmation */
div.payment-details h4.bar {
background:transparent url(/images/sitewide/bg-thead.gif?1551186590) repeat-x scroll 0 0;
padding:12px 15px 13px;
position:relative;
}
div.card-details, div.personal-details {
padding: 5px 5px 8px 15px;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
margin: 0 0 10px 0;
}
h3.confirm-order {
margin-bottom: 15px;
}
div.card-details p.last, div.personal-details p.last {
margin-bottom: 5px;
}
div.personal-details {
margin-bottom: 40px;
}
div.cart-confirmation ul.buttons {
border-top: 1px solid #fff;
}
table.show-cart-sml td {
padding: 5px 10px !important;
border-bottom: 0 !important;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
}
table.show-cart-sml td.price {
font-weight: bold;
}
table.show-cart-sml th.price h4 {
position: relative;
}
table.show-cart-sml td h4 {
margin-bottom: 0;
}
div.cart-confirmation table.show-cart-sml {
margin: 0;
}
div.cart-confirmation table.show-cart-sml tr.last td {
background: 0;
}
div.payment-details h4.bar a.action-link, table.show-cart-sml th.price a.action-link {
position: absolute;
right: 15px;
top: 13px;
color: #F01C52;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
table.show-cart-sml th.price a.action-link {
top: 0;
right: 0;
}
/* upload a project form */
form.upload-a {
position: relative;
}
form.upload-a textarea.material-desc {
height: 70px !important;
}
form.upload-a h3 {
color: #34322B;
padding-right: 50px;
}
form.upload-a h3 span {
color: #F01C52;
}
form.upload-a h3.credits {
margin-bottom: 20px;
}
form.upload-a ol li.credit {
clear: both;
margin-bottom: 10px;
}
form.upload-a ol li.credit div.credit-label {
float: left;
width: 175px;
margin-right: 15px;
}
form.upload-a ol li.credit div.credit-label input.text, form.upload-a ol li.credit div.credit-label label {
width: 175px;
}
form.upload-a ol li.credit div.credit-label input[type=text] {
width: 175px;
}
form.upload-a ol li.credit div.credit-url {
float: left;
width: 300px;
margin-right: 15px;
}
form.upload-a ol li.credit div.credit-url input.text, form.upload-a ol li.credit div.credit-url label {
width: 300p;
}
form.upload-a ol li.credit div.credit-url input[type=text] {
width: 300px;
}
form.upload-a ol li.credit div.remove-function {
width: 70px;
float: left;
padding-top: 5px;
}
form.upload-a ol li.first div.remove-function {
padding-top: 28px;
}
form.upload-a ol li.credit div.remove-function a {
background: transparent url(/images/sitewide/bg-remove-icon.gif?1551186590) no-repeat 0 2px;
padding-left: 15px;
color: #888681;
text-decoration: none;
}
form.upload-a p.project-credit-link {
margin: 10px 0 30px 0;
}
body.isSafari form.upload-a p.project-credit-link, .webkit form.upload-a p.project-credit-link {
padding-bottom: 30px;
}
form.upload-a p.project-credit-link a, form.upload-a p.project-credit-link a:hover {
color: #F01C52;
text-decoration: none;
}
form.upload-a p.project-credit-link a:hover {
text-decoration: underline;
}
div#burda form.upload-a fieldset.upload-proj-image {
padding-bottom: 20px;
}
div#burda form.upload-a fieldset.sell-info {
padding: 0 0 20px 0;
}
form.upload-a ol li.sell-location {
clear: both;
width: 100%;
}
form.upload-a ol li.sell-location div.sell-label {
width: 175px;
float: left;
}
form.upload-a ol li.sell-location div.sell-label input[type="text"] {
width:172px;
}
form.upload-a ol li.sell-location div.sell-url {
width: 385px;
float: right;
}
form.upload-a ol li.sell-location div.sell-url {
width: 385px;
float: right;
}
form.upload-a ol li.sell-location div.sell-url input[type="text"] {
width:382px;
}
div#burda form.gen-form fieldset.based-on {
background: 0;
padding: 0;
margin: 0;
margin-bottom: 28px;
}
div#burda form.gen-form fieldset.based-on h3 {
margin: 0 0 10px 0;
}
div#burda form.gen-form div.based-on-list {
background: #e7e7e6;
padding: 5px;
width: 565px;
-moz-border-radius:4px;-webkit-border-radius:4px;
}
div#burda form.adding-a-step-based-on div.based-on-functions {
margin-bottom: 30px;
}
div#burda form.gen-form div.based-on-list h3 {
font-size: 13px;
font-weight: bold;
line-height: 15px;
background: 0;
padding: 5px 5px;
margin: 0 0 0px 0;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#burda form.gen-form div.based-on-list p.title-sub {
padding-left: 5px;
font-size: 11px;
color: #888681;
}
div#burda form.gen-form div.based-on-list p, div#burda form.gen-form div.based-on-list label {
margin: 0;
}
div#burda form.gen-form div.based-on-list ul {
margin: 5px 0 0 0;
padding: 0;
background: transparent;
}
div#burda form.gen-form div.based-on-list ul li {
background: #fff;
display: block;
position: relative;
padding: 5px;
margin: 0 0 1px 0;
color: #34322B;
}
div#burda form.gen-form div.based-on-list ul li span a {
display: inline;
float: right;
color: #f01c52
}
div#burda form.gen-form div.based-on-list ul li a.remove {
position: absolute;
right: 10px;
background: transparent url(/images/sitewide/bg-remove-icon.gif?1551186590) no-repeat 0 2px;
padding-left: 15px;
color: #888681;
text-decoration: none;
}
div#burda form.gen-form fieldset.based-on ol li {
margin: 20px 0 0 0;
}
div#burda form.gen-form fieldset.based-on div.fieldWithErrors {
display: inline;
font-size: 12px;
line-height: 15px;
background-color: #FFFFAE;
}
/* 1312 - ticket #1770 / #1771 */
div#burda form.gen-form fieldset.based-on div.certify-text {
font-size: 12px;
line-height: 15px;
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 0 3px;
margin: 0;
padding:2px 40px 0 25px;
}
div#burda form.gen-form fieldset.based-on div.certify-text input#project_certify {
display: inline;
float: left;
margin: 1px 5px 10px 0;
}
div#burda form.gen-form fieldset.based-on div.certify-text-container {
}
div.instructions-panel {
background:#FFFFE1 url(/images/sitewide/bg-grey-keyline.gif?1551186590) repeat-x scroll 0 100%;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
padding:20px;
position: relative;
border-top: 0 none;
margin-top: -1px;
}
div.instructions-panel p.important-note, p.important-note {
margin: 0;
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 0 3px;
font-style:italic;
padding:0 40px 0 25px;
color: #888681;
}
p.important-note {
margin: 10px 0px 20px 0px;
padding:2px 40px 0 25px;
font-size: 11px;
}
p.certify-text {
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 0 3px;
margin: 10px 0px 20px 0px;
padding:2px 40px 0 25px;
}
div.instructions-panel span.makeit {
top: -1px;
}
div.instructions-panel p.last, div.instructions-panel p.variation-input {
margin: 0;
min-height: 15px;
*height: 15px;
}
div.instructions-panel a.continue-to-instr {
background:transparent url(/images/sitewide/bg-conitue-arrow-sml.gif?1551186590) no-repeat scroll 0 3px;
bottom:20px;
color:#F01C52;
padding-left:10px;
position:absolute;
right:20px;
font-size: 12px;
}
form.adding-a-step-based-on div.instructions-panel a.continue-to-instr {
background-position: 0 0;
}
form.adding-a-step div.instructions-panel a.continue-to-instr {
}
div.upload-a-technique div.instructions-panel a.continue-to-instr {
bottom: 15px;
background-position: 0 1px;
}
div.instructions-panel ul.related-patterns-list {
margin: 0;
}
div.instructions-panel ul.related-patterns-list li {
margin: 0 0 10px 0;
}
div.instructions-panel ul.related-patterns-list li.last {
margin: 0;
}
div.instructions-panel ul.related-patterns-list li a{
color: #888681;
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -299px;
padding-left:25px;
text-decoration: underline;
}
div.instructions-panel ul.related-patterns-list li span {
}
form.upload-a ol.media-upload li {
margin: 0 0 10px 0;
}
form.upload-a ol.media-upload li label.radio-label {
margin: 0;
margin: 0 10px 0 0;
padding: 0;
}
form.upload-a ol.media-upload li label.radio-label >/**/input {
position: relative;
top: 2px;
}
form.upload-a p.add-this-step {
text-align: right;
}
form.upload-a p.add-this-step a {
color: #F01C52;
}
div#burda form.upload-a fieldset.related-list {
margin-bottom: 10px;
}
/* steps list as seen on the upload a project screens */
div#burda ol.steps-list, div#burda ol.steps-list li {
margin: 0;
padding: 0;
width: 575px;
background: 0;
}
div#burda ol#technique_steps_order li, div#burda ol#project_steps_order li,
div#burda ol#technique_steps_order li *, div#burda ol#project_steps_order li * {
cursor: move;
}
div#burda ol#technique_steps_order li a, div#burda ol#project_steps_order li a {
cursor: pointer;
}
div#burda ol.steps-list {
margin-bottom: 13px;
}
div#burda ol.steps-list div.basic-white-575 div.c {
position: relative;
}
div#burda ol.steps-list h4 {
font-size: 13px;
font-weight: bold;
line-height: 15px;
background: 0;
padding: 0;
margin: 0 0 20px 0;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#burda ol.steps-list p {
margin: 0 0 10px 0;
}
div#burda ol.steps-list p.has-related {
color: #888681;
margin: 0 0 5px 0;
}
div#burda ol.steps-list ul.horz-links-list {
display:inline-block;
position:absolute;
right:10px;
top:5px;
}
div#burda ol.steps-list ul.horz-links-list {
width: auto;
float: none;
}
div#burda ol.steps-list ul.horz-links-list li {
width: auto;
display: inline;
float: left;
margin: 0 10px 0px 0px;
padding: 0px 0px 0px 10px;
}
div#burda ol.steps-list ul.horz-links-list li a.edit {
color: #F01C52;
}
/* confirm steps list */
div#burda ol.steps-list-confirm, div#burda ol.steps-list-confirm li {
margin: 0;
padding: 0;
background: 0;
}
div#burda ol.steps-list-confirm li.first {
margin-top: 20px;
}
div#burda ol.steps-list-confirm li.last {
margin-bottom: 36px;
}
div#burda ol.steps-list-confirm div.basic-white div.c {
position: relative;
}
div#burda ol.steps-list-confirm h4 {
font-size: 13px;
font-weight: bold;
line-height: 15px;
background: 0;
padding: 0;
margin: 0 0 20px 0;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
border: 0;
font-size: 12px;
}
div#burda ol.steps-list-confirm p {
margin: 0 0 10px 0;
}
div#burda ol.steps-list-confirm p.has-related {
color: #888681;
margin: 0 0 5px 0;
}
div#burda ol.steps-list-confirm ul.horz-links-list {
display:inline-block;
position:absolute;
right:10px;
top:5px;
}
div#burda ol.steps-list-confirm ul.horz-links-list {
width: auto;
float: none;
}
div#burda ol.steps-list-confirm ul.horz-links-list li {
width: auto;
display: inline;
float: left;
margin: 0 10px 0px 0px;
padding: 0px 0px 0px 10px;
}
div#burda ol.steps-list-confirm ul.horz-links-list li a.edit {
color: #F01C52;
}
/* adding a new pattern */
form.adding-a-pattern p.fixed-item {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#E1E1E0 none repeat scroll 0 0;
margin:0 0 10px;
padding:5px;
width: 565px !important;
}
form.adding-a-pattern li.sizing {
width: 100%;
}
form.adding-a-pattern li.sizing label {
display: block;
}
form.adding-a-pattern li.sizing input {
float: left;
}
form.adding-a-pattern li.sizing a.chart-link {
float: left;
margin: 5px 0 0 10px;
color: #888681;
text-decoration: underline;
}
form.adding-a-pattern p.add-a-new-item {
/*text-align: right;*/
}
form.adding-a-pattern p.add-this-pattern {
text-align: right;
}
/* the following hides the labels on the problem credits in all but the first li */
ol#project_credits li label {
display: none;
}
ol#project_credits li.first label {
display: block;
}
/* Need to override the autocomplete style */
div.auto_complete {
z-index: 9999 !important;
}
form.join li.country {
position: static;
}
/* Mike */
input, select, textarea {
font-family: Arial, Helvetica, sans-serif !important;
}
input.text {
/*
height: auto !important;
padding: 5px 0 4px 0 !important;
*/
height: 18px !important;
padding: 5px 0 0 0 !important;
}
input[type=text] {
height: 18px !important;
padding: 5px 0 0 0 !important;
}
body.isIE input.text {
height: 20px !important;
padding: 3px 0 0 0 !important;
}
ol.options-list input.checkBox {
margin-left: -1px;
position: relative;
top: -1px;
margin-right: 9px;
}
ol.options-list div.fieldWithErrors {
display: inline;
}
li.show-my-real-name {
clear: both;
float: none;
position: relative;
/*top: -11px;*/
/* margin-bottom: 0 !important;*/
top: -7px;
margin-bottom: 26px !important;
padding: 0;
}
.isMac.isMozilla li.show-my-real-name {
top: 7px;
margin-bottom: 39px !important;
}
div.profile-account li.show-my-real-name {
margin-bottom: 22px !important;
}
li.show-my-real-name input {
margin-left: -1px;
}
li.show-my-real-name label {
color: #888681;
font-style: italic;
font-size: 11px;
}
div#creditcard-payment-container fieldset.divider-b {
padding-bottom: 13px !important;
margin-bottom: 19px !important;
}
li.li-cb-subscribe {
*float: none !important;
*clear: both !important;
*display: block !important;
}
/* google toor bar overrides */
li input.text, li select {
background: #fff !important;
}
input[type=file] {
background: #fff !important;
}
/* 1312 - IE6 fixes - ticket 1081 */
form {
_zoom: 1;
}
/* Fixing IE8 bug */
#based_on_project_name_auto_complete {
top: 50px !important;
left: 0 !important;
width: 271px !important;
}
#based_on_project_name_auto_complete, #based_on_project_name_auto_complete * {
_z-index: 999999 !important;
}
.instructions-panel-project, .buttons-project-form {
*z-index: -1;
}
.hidden_form {
position: relative;
}
.hidden_form form {
display: none;
}
.btn_order {
background:transparent url(/images/sitewide/order_btn.png?1551186590) no-repeat scroll 0 0;
width: 72px;
height: 26px;
text-indent: -999em;
position: relative;
cursor: pointer;
}
#ul-in-cart .btn_order{
position: absolute;
top: -33px;
left: 536px;
}
.btn_order:hover {
background-position: 0 -41px;
}
#topic_submit {
color: red !important;
}
#feedback_form {
color: white !important;
}
#fdbk_close{
border: 1px solid red !important;
}
#fdbk_iframe #feedback {
border: 2px solid red !important;
}
#fdbk_iframe #powered_by {
background: red !important;
}
#fdbk_container #fdbk_iframe #feedback {
color: orange !important;
}
/* horizontal links list with divider bar between each list item */
ul.horz-links-list,
div#burda div.blog-post ul.blog-post-meta,
div#lightbox_photos ul.horz-links-list {
padding: 3px 0 19px 0;
margin: 0 0 17px 0;
}
ul.horz-links-list li,
div#burda div.blog-post ul.blog-post-meta li,
div#lightbox_photos ul.horz-links-list li {
color: #888681;
display: inline;
float: left;
margin: 0 10px 0px 0px;
border-left: 1px solid #e1e1df;
padding: 0px 0px 0px 10px;
height: 16px;
}
ul.horz-links-list li:first-child,
div#burda div.blog-post ul.blog-post-meta li:first-child,
div#lightbox_photos ul.horz-links-list li:first-child {
margin-left: 0px;
border-left: 0px;
padding-left: 0px;
}
ul.horz-links-list li.first,
div#burda div.blog-post ul.blog-post-meta li.first,
div#lightbox_photos ul.horz-links-list li.first {
margin-left: 0px;
border-left: 0px;
padding-left: 0px;
}
.columnset .project ul.horz-links-list li:last-child {
margin-right: 0;
}
.columnset .project ul.horz-links-list li.last {
margin-right: 0;
}
ul.horz-links-list li.fblike,
ul.horz-links-list li.tweet,
ul.horz-links-list li.gplus,
ul.horz-links-list li.pinterest {
overflow: visible;
height: 16px;
padding-right: 0 !important;
width: 81px;
}
ul.horz-links-list li.tweet,
ul.horz-links-list li.gplus,
ul.horz-links-list li.pinterest {
padding-left: 0;
border-left: 0 none;
}
ul.horz-links-list li.tweet iframe,
ul.horz-links-list li.gplus div,
ul.horz-links-list li.pinterest iframe,
ul.horz-links-list li.fb-like div,
ul.horz-links-list li.pinterest a {
position: relative;
top: -1px;
}
ul.horz-links-list .print-page {
line-height: 16px;
}
ul.action-links li a {
color: #888681;
}
/* rating list */
div#burda ul.rate {
height: 8px;
overflow: auto;
margin: 0;
overflow: hidden;
padding: 0;
}
div#burda ul.rate li {
padding: 0;
border: 0 none;
display: inline;
float: left;
margin: 0 2px 0 0;
background: none;
width: auto;
}
div#burda ul.rate li a, div#burda ul.rate li span {
display: block;
width: 8px;
height: 8px;
background: url(/images/sitewide/bg-rate-li.gif?1551186590) no-repeat left top;
text-indent: -9999em;
_overflow: hidden;
}
div#burda ul.rate li a:hover {
background-position: left -16px;
}
div#burda ul.rate li.selected a, div#burda ul.rate li.selected span {
background-position: left -8px;
}
/* rating list lrg */
div#burda ul.rate-lrg {
height: 10px;
overflow: auto;
margin: 0;
overflow: hidden;
padding: 0;
}
div#burda ul.rate-lrg li {
padding: 0;
border: 0 none;
display: inline;
float: left;
margin: 0 0px 0 0;
background: none;
width: auto;
}
div#burda ul.rate-lrg li a, div#burda ul.rate-lrg li span {
display: block;
width: 10px;
height: 10px;
background: url(/images/sitewide/bg-rate-lrg-li.gif?1551186590) no-repeat left top;
text-indent: -9999em;
_overflow: hidden;
padding-right: 2px;
}
div#burda ul.rate-lrg li a:hover {
background-position: left -10px;
}
div#burda ul.rate-lrg li.selected a, div#burda ul.rate-lrg li.selected span {
background-position: left -10px;
}
div#burda ul.rating li a:hover, div#burda ul.rating li.hover a {
background-position: left -20px;
}
/* paginator */
div#burda ul.paginator {
height: 10px;
overflow: auto;
margin: 0;
overflow: hidden;
padding: 0;
}
div#burda ul.paginator li {
padding: 0;
border: 0 none;
display: inline;
float: left;
margin: 0 5px 0 0;
background: none;
width: auto;
}
div#burda ul.paginator li a, div#burda ul.paginator li span {
display: block;
width: 10px;
height: 10px;
background: url(/images/sitewide/bg-paginator-li.gif?1551186590) no-repeat left top;
text-indent: -9999em;
_overflow: hidden;
}
div#burda ul.paginator li a:hover {
background-position: left -10px;
}
div#burda ul.paginator li.selected a, div#burda ul.paginator li.selected span {
background-position: left -10px;
}
/* paginator-btns */
div#burda ul.paginator-btns {
height: 18px;
overflow: auto;
margin: 0;
overflow: hidden;
padding: 0;
}
div#burda ul.paginator-btns li {
padding: 0;
border: 0 none;
display: inline;
float: left;
margin: 0 5px 0 0;
background: none;
width: auto;
}
div#burda ul.paginator-btns li a, div#burda ul.paginator-btns li a span {
display: block;
width: 18px;
height: 18px;
background: url(/images/sitewide/bg-paginator-buttons-sprite.gif?1551186590) no-repeat left top;
text-indent: -9999em;
_overflow: hidden;
}
div#burda ul.paginator-btns li a.next {
background: url(/images/sitewide/bg-paginator-buttons-sprite.gif?1551186590) no-repeat left 0;
}
div#burda ul.paginator-btns li a.next:hover {
background: url(/images/sitewide/bg-paginator-buttons-sprite.gif?1551186590) no-repeat left -50px;
}
div#burda ul.paginator-btns li a.prev {
background: url(/images/sitewide/bg-paginator-buttons-sprite.gif?1551186590) no-repeat left -100px;
}
div#burda ul.paginator-btns li a.prev:hover {
background: url(/images/sitewide/bg-paginator-buttons-sprite.gif?1551186590) no-repeat left -150px;
}
/* default comments list */
ul.comments {
margin: 0 0 -1px 0;
padding: 1px 0 0 0;
/* 3/6/9 - 1312 */
margin-bottom: 0px;
}
ul.comments li {
display: block;
margin: 19px 0 18px 0;
border-bottom: 1px solid #cfcfcd;
min-height: 105px;
_height: 105px;
zoom: 1;
/* 3/6/9 - 1312 */
margin: 19px 0 0 0;
padding: 0 0 17px 0;
padding-bottom: 0;
min-height: 90px;
_height: 90px;
}
ul.comments li.nli {
padding-bottom: 0;
}
ul.comments li.last {
/* 3/6/9 - 1312 */
/*
border-bottom: 1px solid #fff;
padding:0px 0 4px;
padding: 0;
min-height: 90px;
_height: 90px;
*/
border-bottom: 0 none;
}
ul.comments li:last-child {
border-bottom: 0 none
}
ul.comments li div.comment {
width: 300px;
display: inline;
float: left;
margin-top: -2px;
zoom: 1;
}
/* deleted comment */
ul.comments li div.comment div.comment-body .comment-deleted {
font-style: italic;
color: #888681;
}
/* deleted reply */
ul.comments li div ul li .comment-deleted {
font-style: italic;
color: #888681;
}
/* ul and ol generated by textile should be displayed like normal,
not with the overwrite in the CSS, except for ul.comment-functions */
div.comment ul, div.comment ol {
_list-style-type: none;
list-style-position: outside !important;
margin: 0 0 0 5px;
padding: 0 0 0 10px;
}
div.comment ol {
list-style-type: decimal;
margin-left: 12px;
}
div.comment ul {
list-style-type: disc;
}
div.comment ul, div.comment ol {
margin-bottom: 20px;
}
div.comment li{
display: list-item !important;
padding: 0 !important;
margin: 0 !important;
min-height: 12px !important;
_height: 12px !important;
background: none !important;
border: none !important;
}
/* end */
ul.comments li div.comment:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul.comments li div.comment a {
text-decoration: underline;
}
ul.comments li div.comment p.last {
margin-bottom: 9px;
}
ul.comments li div.comment p.reply {
text-decoration: underline;
}
/* Comment edit */
ul.comments li div.comment form.comment-edit fieldset {
padding: 0 0 16px !important ;
}
ul.comments li div.comment form.comment-edit fieldset ol li {
width: 300px;
_width: 295px;
}
ul.comments li div.comment form.comment-edit fieldset textarea {
width: 277px;
padding: 8px 9px ;
}
ul.comments li div.comment form.comment-edit fieldset p.cancel-reply {
width: auto;
top: 14px;
}
ul.comments li div.comment form.comment-edit fieldset button {
margin-top: 8px;
background-position: 100% 0;
}
ul.comments li div.comment form.comment-edit fieldset button span.alt {
background-position: 0 0;
}
/* Comments reply */
ul.comments li div.comment form.comment-reply p.cancel-reply {
top: 116px;
width: auto;
}
ul.comments li div.comment form.comment-reply button {
margin-top: 8px;
margin-bottom: 20px;
}
ul.comments li div.img {
width: 90px;
float: left;
margin: 0 15px 0px 0;
height: 110px;
overflow: hidden;
/* 3/6/9 - 1312 */
height: 93px;
height: 110px;
}
ul.comments li.last div.img {
/*height: 90px;*/
}
ul.comments li li div.img, ul.comments li li.last div.img {
height: 60px;
/* 3/6/9 - 1312 */
height: 63px;
}
ul.comments li div.img img,
ul.comments li div.img a {
/* 3/6/9 - 1312 */
display: block;
width: 90px;
height: 90px;
}
ul.comments li li div.img img,
ul.comments li li div.img a {
/* 3/6/9 - 1312 */
width: 60px;
height: 60px;
}
ul.comments li div.details {
width: 210px;
display: inline;
float: left;
margin-top: -2px;
}
ul.comments li div.details p {
color: #888681;
margin: 0 0 1px 0;
}
ul.comments li div.details p span {
display: block;
}
ul.comments li.question div.details {
background: transparent url(/images/sitewide/bg-question-icon.gif?1551186590) no-repeat 0 100%;
padding-bottom: 15px;
}
ul.comments li div.details p a, ul.comments li div.comment p.reply a {
color: #888681;
text-decoration: underline;
}
ul.comments li div.details p a:hover, ul.comments li div.comment p.reply a:hover {
/*color: #272620;*/
text-decoration: underline;
}
ul.comments li div.details p a:hover {
color: #34322b;
}
ul.comments li h5 {
clear: both;
margin: 0 0 12px 50px;
font-size: 13px;
line-height: 15px;
padding: 0 0 0 0;
/* 3/6/9 - 1312 */
font-size: 12px;
}
ul.comments li ul.comments {
clear: both;
padding: 0 0 0 50px;
margin: 0;
border: 0;
zoom: 1;
}
ul.comments li ul.comments li {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
border: 0;
padding: 20px 0 0 0;
margin: 0;
min-height: 80px;
_height: 80px;
zoom: 1;
}
ul.comments li ul.comments div.details {
width: 190px;
background: 0;
padding: 0;
}
ul.comments li ul.comments li div.img {
width: 60px;
}
ul.comments li ul.comments li div.img img {
width: 60px;
height: 60px;
}
ul.comments li ul.comments li div.img a:hover img, ul.comments li div.img a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
*filter: alpha(opacity=90);
}
ul.comments li ul.comments li div.comment p.last {
margin: 0 0 15px 0;
}
ul.comments ul.comment-functions, ul.comments ul.comment-functions li {
width: auto !important;
height: auto !important;
min-height: 15px !important;
background: 0 !important;
list-style: none;
}
ul.comments ul.comment-functions {
zoom: 1;
position: relative;
margin: 0 0 9px;
padding-left: 0;
}
ul.comments ul.comment-functions li {
color: #888681;
display: inline;
float: left;
border-left: 1px solid #e1e1df;
zoom: 1;
position: relative;
/* 3/6/9 - 1312 */
border-bottom: 0 none !important;
margin: 0 !important;
padding: 7px 0 8px !important;
}
ul.comments ul.comment-functions li:first-child {
margin-left: 0px;
padding-left: 0px;
border: 0;
}
ul.comments ul.comment-functions li.first {
margin-left: 0px;
padding-left: 0px !important;
border: 0;
}
ul.comments ul.comment-functions li a {
color: #888681;
zoom: 1;
position: relative;
text-decoration: underline;
}
ul.comments ul.comment-functions li:first-child a,
ul.comments ul.comment-functions li.first a {
border-right: 1px solid #e1e1df;
padding-right: 9px;
margin-right: 9px;
}
ul.comments ul.comment-functions li a:hover {
color: #34322b;
}
ul.comments ul.comment-functions li a.inappropriate {
width: 15px;
display: block;
padding: 0;
overflow: hidden;
text-indent: -1000px;
zoom: 1;
color: #888681;
text-decoration: none;
background-position: 0 -247px;
}
ul.comments ul.comment-functions li a.inappropriate:hover {
width: auto;
_width: 133px;
text-indent: 0;
padding-left: 20px;
text-decoration: none;
color: #888681; /* forces color for IE6 */
}
ul.comments ul.comment-functions li.edit,
ul.comments ul.comment-functions li.remove {
background-color: #F6F5F4 !important;
}
ul.comments ul.comment-functions li.edit a, ul.comments ul.comment-functions li.remove a{}
ul.comments ul.comment-functions li.edit {
float: right;
}
ul.comments ul.comment-functions li.edit a {
border-right: 1px solid #e1e1df;
padding: 0 9px;
margin-right: 10px;
}
ul.comments ul.comment-functions li.edit:hover {
}
ul.comments ul.comment-functions li.remove {
float: right;
}
ul.comments ul.comment-functions li.remove a {
width: 14px;
height: 15px;
display: block;
text-indent: -5000px;
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -423px;
color: #888681;
margin: 0px 4px 0 0;
}
ul.comments ul.comment-functions li.remove:hover {
}
ul.comments ul.comments li ul.comment-functions li:first-child {
padding-top: 0;
}
ul.comments ul.comments li ul.comment-functions li.first {
padding-top: 0 !important;
}
div#burda #page h4.comments-heading {
background: transparent url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x 0 0;
border-bottom:1px solid #CFCFCD;
font-family:Helvetica,Arial,Verdana,"Trebuchet MS",sans-serif;
font-size:18px;
font-weight:100;
height:32px;
line-height:20px;
padding:37px 0 0 0;
margin-top: 40px;
position:relative;
width:100%;
padding-top: 45px;
height: 30px;
margin-bottom: -1px;
*margin-bottom: 18px;
}
div#burda.learning h4.comments-heading {
/*
padding-top: 0 !important;
background: none !important;
*/
}
h4.comments-heading span {
position: absolute;
font-size: 12px;
color: #E40044;
bottom: 13px !important;
right: 0;
line-height: 12px;
}
h4.comments-heading span a {
color: #E40044;
}
div#burda #page h4.comments-heading strong {
color: #888681;
font-weight: normal;
}
div.comments-spacer {
background: transparent url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x 0 0;
height:60px;
clear: both;
}
div.discussions div.comments-spacer {
margin-top: 37px;
}
div.projects div.comments-spacer {
margin-top: 35px;
}
form.comment-reply {
position: relative;
}
ul.comments p.cancel-reply {
margin: 0;
padding: 0;
position: absolute;
background: #fff;
left: 0;
top: -30px;
width: 300px;
}
ul.comments p.cancel-reply a {
color: #888681;
text-decoration: underline;
}
ul.comments p.cancel-reply a:hover {
color: #34322b;
}
/* glossary of terms */
ul.glossary {
margin-top: 0px;
}
ul.glossary li.first {
margin-left: 0;
}
ul.glossary li {
float: left;
width: 195px;
margin: 0 0 15px 15px;
display: inline;
}
ul.glossary li li ul {
margin-bottom:35px;
}
ul.glossary li li, ul.glossary li li li {
float: none;
display: block;
margin-left: 0;
width: auto;
}
ul.glossary li li h3 {
background:transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x scroll 0 100%;
font-size:26px;
font-weight:100;
line-height:30px;
margin:0 0 7px 0;
padding:0 0 4px 0;
}
ul.glossary li li li {
margin: 0 0 0px 0;
padding: 0 10px 0 15px;
width: auto;
}
ul.glossary li li li a {
color: #888681;
text-decoration: none;
}
ul.glossary li li li a:hover {
color: #F01C52;
}
ul.glossary li li li.term {
background: transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -122px;
}
ul.glossary li li li.term:hover {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -447px;
}
/* subnavigation */
ul.subnav {
border-bottom: 1px solid #e1e1df;
margin-bottom: 15px;
border-bottom: 1px solid #cfcfcd;
}
ul.subnav li {
color: #888681;
display: inline;
float: left;
margin: 0;
padding: 0px 10px 0px 10px;
background: transparent url(/images/sitewide/bg-subnav-li.gif?1551186590) no-repeat 100% 2px;
}
ul.subnav li, ul.subnav li a {
color: #888681;
padding-top: 1px;
padding-bottom: 10px;
padding-bottom: 12px;
}
ul.subnav li.current, ul.subnav li.current a {
color: #34322B;
}
ul.subnav li a:hover {
color: #888681;
}
body.isSafari ul.subnav li, body.isSafari ul.subnav li a, .webkit ul.subnav li, .webkit ul.subnav li a {
padding-bottom: 12px;
margin-bottom: -1px;
}
ul.subnav li.first {
margin-left: 1px;
padding-left: 0px;
}
ul.subnav li.last {
background: 0;
}
ul.subnav li.current a {
background: transparent url(/images/sitewide/bg-subnav-li-current.gif?1551186590) no-repeat 50% bottom;
}
/* list to show or hide content (checkbox mimic) */
ul.filterlist {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 0 0 13px 0;
margin: -3px 0 24px 0;
}
ul.filterlist li {
color: #888681;
display: inline;
margin: 0 10px 0 0;
}
ul.filterlist li a {
color: #888681;
text-decoration: none;
padding-left: 15px;
background: transparent url(/images/sitewide/bg-filterlist-li.gif?1551186590) no-repeat 0 2px;
}
ul.filterlist li a:hover, ul.filterlist li.selected a {
color: #34322B;
text-decoration: none;
background-position: 0 -13px;
}
/* crumb trail */
ul.crumb {
}
ul.crumb li {
background:transparent url(/images/sitewide/bg-crumb-li.gif?1551186590) no-repeat scroll 100% 4px;
display:inline;
margin:0 5px 0 0;
padding:0 12px 0 0;
}
ul.crumb li, ul.crumb li a {
color: #888681;
}
/* pageination */
ul.pagination {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
padding-top: 13px;
}
ul.pagination li {
color: #888681;
display: inline;
float: left;
margin: 0 10px 0px 0px;
border-left: 1px solid #e1e1df;
padding: 0px 0px 0px 10px;
list-style-type: none;
}
ul.pagination li.first {
border-left: 0;
}
ul.pagination li a {
color: #888681;
text-decoration: none;
}
ul.pagination li a:hover {
color: #888681;
text-decoration: underline;
}
ul.pagination li span.current {
color: #F01C52;
}
ul.pagination li span {
color: #F01C52;
}
ul.pagination li.next, ul.pagination li.prev {
float: right;
}
ul.pagination li.first {
padding-left: 0;
}
ul.pagination li.next {
margin-right: 0;
border: 0;
}
ul.pagination li.prev {
border: 0;
padding-right: 10px;
border-right: 1px solid #e1e1df;
margin-right: 0;
}
ul.pagination li.disabled + li.prev {
border-right: 0 none;
padding-right: 0;
}
ul.pagination li.range {
display: block;
clear: both;
width: 100%;
margin: 12px 0 0 0;
padding: 14px 0 0 0;
background: transparent url(/images/sitewide/bg-stitch-1.gif?1551186590) repeat-x 0 0;
border: 0;
font-size: 11px;
}
ul.pagination li.next a {
background: transparent url(/images/sitewide/bg-next-arrow.gif?1551186590) no-repeat 100% 2px;
padding-right: 15px;
color: #000;
}
ul.pagination li.prev a {
background: transparent url(/images/sitewide/bg-prev-arrow.gif?1551186590) no-repeat 0 2px;
padding-left: 15px;
color: #000;
}
ul.pagination li span.disabled {
display: none;
}
.blog ul.pagination {
}
/* catergory list */
ul.categories {
padding: 0;
padding-bottom: 95px;
}
ul.categories-alt {
padding-bottom: 0;
margin: 0 0 -1px 0;
}
ul.categories li {
display: block;
list-style-type: none;
line-height: 10px;
margin: 0 0 30px 0;
}
ul.categories li h4 {
font-size: 12px;
line-height: 15px;
margin: 0 0 0 0;
padding: 10px 0 10px 5px;
border-bottom:1px solid #CFCFCD;
padding: 2px 0 13px 5px;
}
ul.categories li ul {
margin: 0;
padding: 0;
}
ul.categories li ul li {
padding: 2px 5px;
margin: 0 0 1px 0;
line-height: 15px;
}
ul.categories li ul li, ul.categories li ul li a, ul.categories li ul li a:hover {
color: #888681;
text-decoration: none;
}
ul.categories li ul li a span {
font-size: 11px;
}
ul.categories li ul li a:hover {
color: #34322B;
}
ul.categories li ul li.selected {
background: #F1F0EC none repeat scroll 0 0;
}
ul.categories li ul li.selected a {
color: #34322B;
}
ul.categories li ul li.more a {
text-decoration: underline;
}
ul.categories li ul li.more a:hover {
color: #888681;
}
ul.categories li ul li.last {
}
div.projects ul.categories li.first h4 {
padding-top: 0;
}
/* project list */
ul.project-list {
margin: 0 0 15px 0;
padding: 0;
margin-right: -15px;
}
ul.project-list-variant {
margin-bottom:0;
}
div.featured-member-projects ul.project-list {
margin-bottom:0;
}
ul.project-list li {
position: relative;
float: left;
display: inline;
margin: 0 15px 20px 0;
width: 195px;
padding: 203px 0 9px 0;
border-bottom: 1px solid #cfcfcd;
min-height: 70px;
_height: 70px;
min-height: 52px;
height: 52px;
}
div.featured-member-projects ul.project-list li, ul.project-list-variant li {
height:auto;
min-height:0;
_height:auto;
border-bottom:0 none;
}
ul.project-list-variant li {
padding-top:160px;
margin-bottom:14px;
}
ul.project-list li.row-end {
/*margin-right: 0;*/
}
ul.project-list li img {
position: absolute;
top: 0;
left: 0;
}
ul.project-list li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
*filter: alpha(opacity=90);
}
ul.project-list li h4 {
margin: 0 0 0 0;
}
ul.project-list li h4 a {
color: #34322B;
text-decoration: none;
}
ul.project-list li h4 a:hover {
text-decoration: underline;
}
ul.project-list li p.user {
margin: 0 0 0px 0;
}
ul.project-list li p.user, ul.project-list li p.user a {
color: #888681;
text-decoration: none;
}
div.featured-member-projects ul.project-list li p.user a {
text-decoration:underline;
}
ul.project-list li p.user a:hover {
color: #34322B;
}
div.featured-member-projects ul.project-list li p.user a:hover {
text-decoration:underline;
}
ul.project-list li a span.makeit {
background: transparent url(/images/sitewide/bg-make-it-tag.gif?1551186590) no-repeat 0 0;
display: block;
position: absolute;
z-index: 10000;
top: 0;
right: 0;
text-indent: -1000em;
overflow: hidden;
width: 54px;
height: 55px;
}
ul.project-list li a span.forsale {
background: transparent url(/images/sitewide/bg-forsale-tag.png?1551186590) no-repeat 0 0;
*background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sitewide/bg-forsale-tag.png', sizingMethod='scale');
display: block;
position: absolute;
z-index: 10000;
top: 145px;
right: 10px;
text-indent: -1000em;
overflow: hidden;
width: 42px;
height: 42px;
}
ul.project-list li a.comments {
position: absolute;
bottom: 5px;
left: 0;
color: #888681;
}
div.remove-link {
position: absolute;
left: 15px;
top: 15px;
width: 78px;
height: 20px;
overflow: hidden;
}
div.remove-link a {
display: block;
width: 78px;
height: 20px;
background: url(/images/sitewide/remove-tab.png?1551186590) no-repeat left top;
_background-image: url(/images/sitewide/remove-tab.gif?1551186590);
text-indent: -9999em;
}
div.remove-link a:hover {
}
/* project shots */
ul.project-shots {
width: 134px;
float: right;
margin: 0;
padding: 0;
display: inline;
}
ul.project-shots li {
float: left;
display: inline;
width: 64px;
margin: 0 0 6px 0;
}
ul.project-shots li.even {
margin: 0 0 6px 6px;
}
ul.project-shots li a {
display: block;
width: 60px;
height: 60px;
background: transparent;
padding: 2px;
}
ul.project-shots li a:hover, ul.project-shots li a.selected {
background: #F01C52;
}
/************/
.project-shots-2-bar {
width: 134px;
float: left;
margin: 0;
padding: 0 0 0 6px;
display: inline;
}
ul.project-shots-2 {
width: 134px;
float: right;
margin: 0;
padding: 0;
display: inline;
}
ul.project-shots-2 li {
float: left;
display: inline;
width: 64px;
margin: 0 0 6px 0;
}
ul.project-shots-2 li.even {
margin: 0 0 6px 6px;
}
ul.project-shots-2 li a {
display: block;
width: 60px;
height: 60px;
background: transparent;
padding: 2px;
}
ul.project-shots-2 li a:hover, ul.project-shots-2 li a.selected {
background: #F01C52;
}
/* comma seperated list */
ul.comma-sep-list {
margin: 0 0 10px 0;
padding: 0;
clear: both;
}
ul.comma-sep-list li {
color: #888681;
display: inline;
margin: 0 5px 0 0;
padding: 0;
}
ul.comma-sep-list li a {
color: #888681;
text-decoration: underline;
}
ul.comma-sep-list li a:hover {
color: #34322B;
}
ul.comma-sep-list li:after {
content: ',';
}
ul.comma-sep-list li.last:after {
content: '';
}
/* defintiion list */
dl {
margin: 0;
padding: 0;
}
dt, dd {
display: inline;
float: left;
width: 49.2%;;
font-size: 12px;
line-height: 15px;
margin: 0 0 5px 0;
}
dt{clear:both;}
/* post facilities */
ul.post-facilities {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x scroll 0 100%;
padding: 3px 0 19px 0;
margin: 0 0 17px 0;
}
div.article ul.post-facilities {
clear: both;
}
ul.post-facilities li {
color: #888681;
display: inline;
float: left;
margin: 0 10px 3px 0px;
border-left: 1px solid #e1e1df;
padding: 0 0 0 10px;
height: 16px;
overflow: visible;
}
ul.post-facilities li.first {
margin-left: 0px;
border-left: 0px;
padding-left: 0px;
}
ul.post-facilities li a {
color:#888681;
}
ul.post-facilities li.fb-like {
width: 81px;
}
ul.post-facilities li.tweet,
ul.post-facilities li.gplus,
ul.pointer li.pinterest {
border-left: 0px;
padding-left: 0px;
width: 81px;
}
ul.post-facilities li.tweet iframe,
ul.post-facilities li.gplus div,
ul.post-facilities li.pinterest iframe,
ul.post-facilities li.fb-like div,
ul.pointer li.pinterest a {
position: relative;
top: -2px;
}
/* tabnav */
ul.tabnav,
body.isIE.isIE9 ul.tabnav {
border-bottom:1px solid #CFCFCD;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
list-style-type:none;
margin:11px 0 12px;
padding: 0 10px 7px 0;
text-align:left;
}
body.isIE ul.tabnav {
padding-bottom: 9px;
}
body.isIE.isIE9 ul.tabnav {
padding-bottom: 9px;
}
ul.tabnav li,
body.isIE.isIE9 ul.tabnav li {
display: inline;
float: left;
margin-left: 10px;
}
body.isIE ul.tabnav li {
margin-bottom: -2px;
margin-left: 8px;
}
body.isIE9 ul.tabnav li {
margin-left: 10px;
}
ul.tabnav > li:first-child,
body.isIE.isIE9 ul.tabnav > li:first-child {
margin-left: 0;
}
ul.tabnav li.selected {
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
ul.tabnav li.selected a {
background-color:#FFFFFF;
color:#F01C52;
padding-bottom:9px;
position:relative;
}
ul.tabnav li a,
body.isIE.isIE9 ul.tabnav li a {
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
border-color:#CFCFCD;
border-style:solid solid none;
border-width:1px 1px medium;
color:#888681;
margin-right:0;
padding:9px 13px 6px;
text-decoration:none;
}
body.isIE ul.tabnav li a {
padding:9px 9px 6px;
}
body.isIE9 ul.tabnav li a {
padding:9px 13px 6px;
}
body.isIE ul.tabnav li a {
padding: 9px 15px 5px 15px;
zoom: 1;
}
body.isIE ul.tabnav li.selected a {
padding-bottom: 9px;
}
ul.tabnav a:hover {
background: #fff;
text-decoration: underline;
}
ul.tabnav li a.my-account {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 15px -364px;
padding-left:30px !important;
}
ul.tabnav li.selected a.my-account {
background:#FFFFFF url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 15px -389px;
}
/* next-prev list */
ul.next-prev {
margin: 0;
padding: 0;
float: right;
}
ul.next-prev li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}
ul.next-prev li a {
display: block;
width: 9px;
height: 17px;
background: transparent url(/images/sitewide/bg-arrows-sprite-lrg.gif?1551186590) no-repeat 0 0;
overflow: hidden;
text-indent: -1000em;
float: left;
}
div.step-header ul.next-prev li a {
background-position:-9px 0;
}
ul.next-prev li a:hover {
overflow: visible;
text-indent: 0;
color: #F01C52;
text-decoration: none;
}
ul.next-prev li a.prev:hover{background-position:-9px 0;}
/*div.step-header ul.next-prev li a.prev:hover {
background-position: 0 0;
}*/
ul.next-prev li a.next{background-position:0 -17px;}
div.step-header ul.next-prev li a.next {
background-position:-9px -17px;
}
ul.next-prev li a.next:hover{background-position:-9px -17px;}
/* div.step-header ul.next-prev li a.next:hover {
background-position:0 -17px;
}*/
ul.next-prev li a span {
cursor: pointer;
}
ul.next-prev li a:hover span {
position: absolute;
top: 5px;
right: 50px;
display: inline-block;
display: block !important;
}
* html ul.next-prev li a:hover span {
width: 90px;
text-align: right;
}
ul.next-prev li > a.previous.disabled {
background-position: 0 0 !important;
}
ul.next-prev li > a.next.disabled {
background-position: 0 -17px !important;
}
ul.next-prev li a.disabled {
_display: none;
}
ul.next-prev li a.disabled span {
display: none !important;
}
/* step thumbs */
ul.step-thumbs {
margin-bottom:10px;
margin-top:20px;
}
ul.step-thumbs li {
float: left;
display: inline;
width: 94px;
height: 94px;
margin: 0 10px 11px 0;
position: relative;
line-height: 15px;
}
ul.step-thumbs li a {
display: block;
width: 90px;
height: 90px;
padding: 2px;
}
ul.step-thumbs li a:hover, ul.step-thumbs li.selected a, ul.step-thumbs li.current a {
background: #F01C52;
text-decoration: none;
}
ul.step-thumbs li span.step-num {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
background: #fff;
display: inline-block;
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 2px 6px 0px;
position: absolute;
top: 7px;
left: 7px;
}
ul.step-thumbs li a:hover span.step-num, ul.step-thumbs li.selected a span.step-num, ul.step-thumbs li.current a span.step-num {
background: #F01C52;
color: #fff;
text-decoration: none;
}
ul.step-thumbs li.row-end {
margin-right: 0;
}
/* list page functions bar */
div.list-page-functions {
background: transparent url(/images/sitewide/bg-listpage-functions.gif?1551186590) no-repeat 0 0;
padding: 0 0 13px 0;
margin: 0 0 0 0;
}
ul.listing-filters {
padding: 10px 0 0 0;
margin: 0;
float: left;
width: 755px;
}
ul.listing-filters li {
display: inline;
float: left;
}
ul.listing-filters li.projects-can-make, ul.listing-filters li.free-patterns, ul.listing-filters li.video-techniques {
margin: 0 0 0 10px;
}
ul.listing-filters li.projects-can-make a, ul.listing-filters li.projects-can-make a:hover {
background: transparent url(/images/sitewide/bg-btn-projects-youcanmake.gif?1551186590) no-repeat 0 0;
display: block;
height: 20px;
text-indent: -1000em;
overflow: hidden;
width: 152px;
}
ul.listing-filters li.projects-can-make a.selected {
background: transparent url(/images/sitewide/bg-btn-projects-youcanmake.gif?1551186590) no-repeat 0 -20px;
}
ul.listing-filters li.allprojects {
margin: 0 10px 0 0;
}
ul.listing-filters li.allprojects a,
ul.listing-filters li.projects-with-a-pattern a {
display: block;
width: auto;
padding: 0 8px;
height: 18px;
background: #fff;
border: 1px solid #c4c3bf;
text-align: center;
text-indent: 0;
color: #999;
line-height: 18px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
ul.listing-filters li.allprojects a.selected,
ul.listing-filters li.allprojects a:hover,
ul.listing-filters li.projects-with-a-pattern a.selected,
ul.listing-filters li.projects-with-a-pattern a:hover {
background: #999;
border-color: #999;
color: #fff;
text-shadow: 1px 1px 1px #71716f;
-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .5);
-mox-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .5);
box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .5);
}
ul.listing-filters li.free-patterns a, ul.listing-filters li.free-patterns a:hover {
background: transparent url(/images/sitewide/bg-btn-freepatterns.gif?1551186590) no-repeat 0 0;
display: block;
height: 20px;
text-indent: -1000em;
overflow: hidden;
width: 102px;
}
ul.listing-filters li.free-patterns a.selected {
background: transparent url(/images/sitewide/bg-btn-freepatterns.gif?1551186590) no-repeat 0 -20px;
}
ul.listing-filters li.all-patterns a, ul.listing-filters li.all-patterns a:hover {
background: transparent url(/images/sitewide/bg-btn-allpatterns.gif?1551186590) no-repeat 0 0;
display: block;
height: 20px;
text-indent: -1000em;
overflow: hidden;
width: 92px;
}
ul.listing-filters li.all-patterns a.selected {
background: transparent url(/images/sitewide/bg-btn-allpatterns.gif?1551186590) no-repeat 0 -20px;
}
ul.listing-filters li.all-techniques a, ul.listing-filters li.all-techniques a:hover {
background: transparent url(/images/sitewide/bg-btn-alltechniques.gif?1551186590) no-repeat 0 0;
display: block;
height: 20px;
text-indent: -1000em;
overflow: hidden;
width: 103px;
}
ul.listing-filters li.all-techniques a.selected {
background: transparent url(/images/sitewide/bg-btn-alltechniques.gif?1551186590) no-repeat 0 -20px;
}
ul.listing-filters li.video-techniques a, ul.listing-filters li.video-techniques a:hover {
background: transparent url(/images/sitewide/bg-btn-videotechniques.gif?1551186590) no-repeat 0 0;
display: block;
height: 20px;
text-indent: -1000em;
overflow: hidden;
width: 180px;
}
ul.listing-filters li.video-techniques a.selected {
background: transparent url(/images/sitewide/bg-btn-videotechniques.gif?1551186590) no-repeat 0 -20px;
}
ul.listing-filters li.view-in-slideshow {
border-left: 1px solid #dddddc;
margin-left: 10px;
padding-left: 10px;
padding: 3px 0 2px 10px;
}
ul.listing-filters li.view-in-slideshow a, ul.listing-filters li.view-in-slideshow a:hover {
color: #878580;
background: transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -75px;
padding: 0 0 0 20px;
text-decoration: none;
}
ul.listing-filters li.view-in-slideshow a:hover {
text-decoration: underline;
}
ul.listing-filters li.most-recent, ul.listing-filters li.highest-rated {
color: #878580;
text-decoration: none;
display: inline;
float: right;
margin-top: -2px;
}
ul.listing-filters li.most-recent a, ul.listing-filters li.highest-rated a {
color:#888681;
display:block;
padding:5px 0 2px;
text-decoration:none;
}
ul.listing-filters li.most-recent a:hover, ul.listing-filters li.highest-rated a:hover {
text-decoration: underline;
}
ul.listing-filters li.highest-rated {
border-left: 1px solid #dddddc;
margin-left: 10px;
padding-left: 10px;
}
ul.listing-filters li.most-recent a.selected, ul.listing-filters li.highest-rated a.selected,
ul.listing-filters li.most-recent a.selected:hover, ul.listing-filters li.highest-rated a.selected:hover {
color: #34322B;
text-decoration: none;
}
div.list-page-functions div.add-project, div.list-page-functions div.add-item {
background:transparent url(/images/sitewide/bg-add-proj-160.gif?1551186590) no-repeat scroll 0 0;
float:right;
margin:0;
padding: 0;
width: 160px;
height: 40px;
position: relative;
}
div.list-page-functions div.add-project p {
margin: 0;
}
div.list-page-functions div.add-item-centered {
text-align: center;
}
div.list-page-functions div.add-project a.btn, div.list-page-functions div.add-item a.btn {
display: inline-block;
position: absolute;
top: 7px;
left: 10px;
}
div.list-page-functions div.add-item-centered a.btn {
margin: 7px auto 0;
position: static;
}
div.list-page-functions div.add-project a.info, div.list-page-functions div.add-item a.info {
background: transparent url(/images/sitewide/bg-info-icon-sml.gif?1551186590) no-repeat 0 0;
position: absolute;
top: 14px;
right: 10px;
width: 11px;
height: 11px;
display: block;
text-indent: -1000em;
overflow: hidden;
}
div.list-page-functions div.add-project {
text-align: center;
padding-top: 7px;
}
div.list-page-functions div.add-project p.bg-white, div.list-page-functions div.add-project p.bg-white a.btn {
position: static;
}
/* patterns listing */
ul.patterns-list {
margin: 0 0 15px 0;
padding: 0;
margin-right: -15px;
}
ul.patterns-list li {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) repeat-y -390px 0;
position: relative;
float: left;
display: inline-block;
*display: inline;
/**overflow: hidden;*/
margin: 0 15px 15px 0;
width: 195px;
padding: 0;
}
.isIE6 ul.patterns-list li,
.isIE7 ul.patterns-list li {
zoom: 1;
overflow: visible;
}
.isIE6 ul.patterns-list li:hover,
.isIE7 ul.patterns-list li:hover {
z-index: 999999;
}
/* ul.patterns-list li:nth-child(3n) {
clear:right;
}*/
ul.patterns-list li div.pattern-thumb {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) no-repeat 0 0;
padding: 10px 10px 8px 10px;
display: block;
margin: 0;
zoom: 1;
}
ul.patterns-list li div.pattern-thumb img, ul.patterns-list li div.pattern-thumb a {
display: block;
margin: 0;
padding: 0;
}
ul.patterns-list li div.pattern-thumb a {
border: 1px solid #e7e7e6;
width: 173px;
height: 224px;
overflow: hidden;
}
ul.patterns-list li div.pattern-thumb img {
margin: -1px 0 0 0;
}
ul.patterns-list li div.pattern-thumb a:hover img {
opacity: 0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
*filter: alpha(opacity=90);
}
ul.patterns-list li.row-start {
clear:left;
/*margin-right: 0;*/
}
ul.patterns-list li:nth-child(3n+1) {
clear: left;
}
ul.patterns-list li div.cart-status {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) no-repeat -195px bottom;
border-top: 1px solid #cfcfcd;
padding: 11px 10px 11px 10px;
text-align: center;
}
ul.patterns-list li div.in-cart {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) no-repeat -195px bottom;
background-position: -390px bottom;
background: none !important;
}
ul.patterns-list li div.in-cart div.cart-status {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
ul.patterns-list li div.cart-status a.in-cart, ul.patterns-list li div.cart-status a.in-cart:hover {
color: #F01C52;
text-decoration: none;
}
ul.patterns-list li div.cart-status a.in-cart:hover {
text-decoration: underline;
}
ul.patterns-list li div.pattern-details {
padding: 0 10px;
}
ul.patterns-list li div.pattern-details h3, div.most-popular-patterns ul.patterns-list li div.pattern-details h3 {
font-size: 13px;
line-height: 15px;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 20px 0 0;
padding: 0;
font-size: 12px;
border-bottom:0 none;
padding-right: 22px;
height: 39px;
}
ul.patterns-list li div.pattern-details h3 a, ul.patterns-list li div.pattern-details h3 a:hover {
color: #34322B;
text-decoration: none;
}
ul.patterns-list li div.pattern-details h3 a:hover {
text-decoration: underline;
}
ul.patterns-list li div.pattern-details p {
font-size: 12px;
margin: 0;
color: #888681;
}
ul.patterns-list li div.pattern-details p strong {
color: #F01C52;
text-transform: lowercase;
}
ul.patterns-list li div.pattern-details p a, ul.patterns-list li div.pattern-details p a:hover {
color: #F01C52;
text-decoration: none;
}
ul.patterns-list li div.pattern-details p a:hover {
text-decoration: underline;
}
ul.patterns-list li dl {
/* background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) no-repeat -195px 100%; */
margin:0 0 0;
padding:0 10px 2px;
color: #888681;
padding: 0 9px 2px 10px;
}
ul.patterns-list li dt, ul.patterns-list li dd {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x -1px 0;
width: 50%;
padding: 5px 0 0 0;
background-position: 0 0;
}
ul.patterns-list li dt {
}
div#burda ul.patterns-list li dd ul.rate {
padding-top: 4px;
}
ul.patterns-list li div.cta-bar {
background: transparent url(/images/sitewide/modules/bg-cta-bar-grey2-195-top.gif?1551186590) no-repeat 0 0;
clear: both;
}
ul.patterns-list li div.cta-bar-affiliate {
/* background-image: url(/images/sitewide/modules/bg-cta-bar-affiliate-195-top.png?1551186590);*/
}
ul.patterns-list li div.cta-bar ul {
margin: 0;
padding: 0 0 4px 0;
background: transparent url(/images/sitewide/modules/bg-cta-bar-grey2-195.gif?1551186590) no-repeat -390px bottom;
}
ul.patterns-list li div.cta-bar-affiliate ul {
/*background-image: url(/images/sitewide/modules/bg-cta-bar-affiliate-195.png?1551186590);*/
}
ul.patterns-list li div.cta-bar ul li {
background: 0 !important;
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: auto;
}
ul.patterns-list li div.cta-bar ul li.price {
color: #F01C52;
font-size: 18px;
float: left;
padding: 11px 0 0 0;
margin: 0 0 0 10px;
padding: 13px 0 0 0;
}
ul.patterns-list li div.cta-bar-affiliate ul li.price {
color: #0090dc;
}
ul.patterns-list li div.cta-bar ul li.free {
color: #34322B;
letter-spacing: -1px;
font-size: 17px;
}
ul.patterns-list li div.cta-bar ul li.free span {
text-decoration: line-through;
color: #888681;
}
ul.patterns-list li div.cta-bar ul li.btn {
float: right;
padding: 5px 5px 5px 0;
padding: 7px 5px 3px 0;
}
ul.patterns-list li div.cta-bar ul li a.btn {
display: inline-block;
}
ul.patterns-list li div.cta-bar ul li button.btn_order {
margin-top:0;
}
ul.patterns-list li span.info {
position: absolute;
right: 12px;
bottom: 56px;
width: 14px;
height: 14px;
text-indent: -9999em;
background: url(/images/sitewide/bg-icon-info.png?1551186590) no-repeat 0 0;
_display: none;
}
ul.patterns-list li div.info {
position: absolute;
left: 139px;
bottom: 73px;
z-index: 999999;
padding: 18px 0 21px;
width: 177px;
display: none;
}
ul.patterns-list li span.info:hover + div.info {
display: block;
}
ul.patterns-list li div.info p {
margin: 0 0 6px;
}
ul.patterns-list li div.info dl {
margin: 0;
padding: 0;
}
ul.patterns-list li div.info dt {
margin: 0 0 2px;
}
ul.patterns-list li div.info dd {
text-align: right;
margin: 0 0 2px;
}
ul.patterns-list li div.info div.c {
background: #fff;
border-left: 1px solid #848485;
border-right: 1px solid #848485;
padding: 0 20px 0 21px;
}
ul.patterns-list li div.info div.top {
display: block;
height: 18px;
background: url(/images/sitewide/pattern_info_window-24.png?1551186590) no-repeat 0 0;
*background-image: url(/images/sitewide/pattern_info_window-8.png?1551186590);
position: absolute;
left: 0;
right: 0;
top: 0;
}
ul.patterns-list li div.info div.bottom {
display: block;
height: 21px;
background: url(/images/sitewide/pattern_info_window-24.png?1551186590) no-repeat 0 100%;
*background-image: url(/images/sitewide/pattern_info_window-8.png?1551186590);
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
/* techniques listing */
ul.techniques-list {
margin: 0 0 15px 0;
padding: 0;
margin-right: -15px;
}
ul.techniques-list li {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) repeat-y -390px 0;
position: relative;
float: left;
display: inline-block;
*display: inline;
*overflow: hidden;
margin: 0 15px 15px 0;
width: 195px;
padding: 0;
*height: 315px;
}
ul.techniques-list li div.technique-wrap {
background:transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) no-repeat scroll -195px 100%;
min-height: 320px;
*height: 320px;
}
ul.techniques-list li div.technique-thumb {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) no-repeat 0 0;
padding: 10px 10px 8px 10px;
display: block;
margin: 0;
zoom: 1;
}
ul.techniques-list li div.technique-thumb img, ul.techniques-list li div.technique-thumb a {
display: block;
margin: 0;
padding: 0;
}
ul.techniques-list li div.technique-thumb a:hover img {
opacity: 0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
*filter: alpha(opacity=90);
}
ul.techniques-list li.row-end {
/*margin-right: 0;*/
}
ul.techniques-list li div.cart-status {
background: transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) no-repeat -195px bottom;
border-top: 1px solid #cfcfcd;
padding: 11px 10px 11px 10px;
text-align: center;
}
ul.techniques-list li div.cart-status a.in-cart, li.techniques-list li div.cart-status a.in-cart:hover {
color: #F01C52;
text-decoration: none;
}
ul.techniques-list li div.cart-status a.in-cart:hover {
text-decoration: underline;
}
ul.techniques-list li div.technique-details {
padding: 0 10px;
min-height: 57px;
*height: 57px;
}
ul.techniques-list li div.technique-details h3 {
font-size: 13px;
line-height: 15px;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0;
padding: 0;
font-size: 12px;
}
ul.techniques-list li div.technique-details h3 a, ul.technique-list li div.technique-details h3 a:hover {
color: #34322B;
text-decoration: none;
}
ul.techniques-list li div.technique-details h3 a:hover {
text-decoration: underline;
}
ul.techniques-list li div.technique-details p, ul.techniques-list li div.technique-desc p {
font-size: 12px;
margin: 0;
color: #888681;
}
ul.techniques-list li div.technique-details p a, ul.techniques-list li div.technique-details p a:hover {
color: #888681;
text-decoration: none;
}
ul.techniques-list li div.technique-details p a:hover {
text-decoration: underline;
}
ul.techniques-list li div.technique-desc {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding: 8px 0 0 0;
margin: 0 10px 0 10px;
height: 57px;
}
ul.techniques-list li div.technique-desc p {
margin: 0 0 10px 0;
}
ul.techniques-list li div.technique-desc p br {
display: none;
}
ul.techniques-list li dl {
background:transparent url(/images/sitewide/modules/bg-basic-white-sprite-195.gif?1551186590) no-repeat scroll -195px 100%;
margin: 0;
padding: 0 8px 5px 8px;
}
ul.techniques-list li dt, ul.techniques-list li dt {
color: #888681;
}
ul.techniques-list li dt, ul.techniques-list li dd {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x -1px 0;
width: 48%;
padding: 5px 0 0 0;
}
ul.techniques-list li dt {
padding-left: 1px;
width: 101px;
}
ul.techniques-list li dd {
padding-right: 1px;
width: 75px;
}
div#burda ul.techniques-list li dd ul.rate {
padding-top: 4px;
float: right;
}
ul.techniques-list li div.cta-bar {
background: transparent url(/images/sitewide/modules/bg-cta-bar-grey2-195-top.gif?1551186590) no-repeat 0 0;
clear: both;
}
ul.techniques-list li div.cta-bar ul {
margin: 0;
padding: 0 0 4px 0;
background: transparent url(/images/sitewide/modules/bg-cta-bar-grey2-195.gif?1551186590) no-repeat -390px bottom;
}
ul.techniques-list li div.cta-bar ul li {
background: 0 !important;
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: auto;
}
ul.techniques-list li div.cta-bar ul li.price {
color: #F01C52;
font-size: 18px;
float: left;
padding: 11px 0 0 0;
margin: 0 0 0 10px;
}
ul.techniques-list li div.cta-bar ul li.free {
color: #34322B;
letter-spacing: -1px;
font-size: 17px;
}
ul.techniques-list li div.cta-bar ul li.free span {
text-decoration: line-through;
color: #888681;
}
ul.techniques-list li div.cta-bar ul li.btn {
float: right;
padding: 5px 5px 5px 0;
}
ul.techniques-list li div.cta-bar ul li a.btn {
display: inline-block;
}
/* search results */
ul.search-results {
}
ul.search-results-alt {
margin-bottom: 0;
padding-bottom: 0;
}
ul.search-results li {
display: block;
padding: 0;
margin: 0 0 50px 0;
list-style: none;
clear: both;
}
ul.search-results li h3 {
position: relative;
padding: 0 0 9px 0;
border-bottom: 1px solid #cfcfcd;
margin: 0;
}
ul.search-results li h3 span.viewall {
font-size: 12px;
line-height: 15px;
position: absolute;
right: 0;
bottom: 10px;
color: #888681;
}
ul.search-results li h3 span.viewall a {
color: #F01C52;
}
ul.search-results li ul {
margin: 0;
padding: 0;
}
ul.search-results li ul li {
display: block;
padding: 15px 0;
margin: 0;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
clear: both;
}
ul.search-results li ul li:last-child {
background: none;
padding-bottom: 15px;
}
ul.search-results li ul li.last {
background: none;
padding-bottom: 15px;
}
ul.search-results li ul li div.result {
float: right;
width: 510px;
}
ul.search-results li.full li div.result {
width: 100%;
}
ul.search-results li ul li div.result h5 {
color: #888681;
font-weight: 100;
}
ul.search-results li ul li div.result p.last {
margin: 0;
}
ul.search-results li ul li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
ul.search-results li ul li img.result-img {
float: left;
}
ul.search-results li.last {
margin-bottom: 0;
}
/* studio list */
div#burda.profile div.profile-studio div.action-bar {
margin: 0;
padding-top: 6px;
padding-bottom: 6px;
}
div#burda.profile div.profile-studio div.action-bar a.btn {
background-position:100% -260px !important;
}
div#burda.profile div.profile-studio div.action-bar a.btn span {
background-position: 0 -260px !important;
}
ul.studio-list {
margin: 0 0 30px 0;
padding: 0;
}
ul.studio-list li {
border-bottom: 1px solid #cfcfcd;
padding: 15px 0 0px 0;
margin: 0;
position: relative;
}
ul.studio-list li:last-child {
border-bottom: 0 none;
}
ul.studio-list li.last {
border-bottom: 0 none;
}
ul.studio-list li h4 {
position: relative;
margin: 0 0 10px 0;
padding-right: 30px;
}
ul.studio-list li h4 div.edit-or-publish-project {
float: right;
margin-right: -30px;
color: #ccc;
}
.vsep {
margin: 0 5px;
position: relative;
top: -1px;
}
ul.studio-list li h4 a.function {
font-family: Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
/*position: absolute;*/
/*right: 0;*/
color: #F01C52;
font-size: 12px;
font-weight: 100;
/*top: 0;*/
}
ul.studio-list li img {
margin: 0 15px 15px 0;
display: inline;
float: left;
}
ul.studio-list li a.img {
margin: 0 15px 15px 0;
display: inline;
float: left;
width: 183px;
padding: 10px 0 10px 10px;
border: 1px solid #e7e7e6;
background: #fff;
}
ul.studio-list li a.img img {
width: 173px;
height: 148px;
border: 0 none;
margin: 0 !important;
padding: 0 !important;
border: 0 none !important;
}
ul.studio-list li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
ul.studio-list li dl {
float: left;
width: 405px;
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
margin: 0 0 10px 0;
}
ul.studio-list li dl dt, ul.studio-list li dl dd {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding: 5px 0 0 0;
float: left;
width: 50%;
}
ul.studio-list li dl dt {
clear: both;
}
ul.studio-list li dl dd {
text-align: right;
position: relative;
}
div#burda ul.studio-list li dl dd ul.rate {
float: right;
text-align: left;
height: auto;
}
div#burda ul.studio-list li dl dd ul.rate li {
margin-top: 4px;
}
div#burda ul.studio-list li dl dd span.ratings-count {
float: right;
margin-left: 10px;
}
div#burda ul.studio-list li dl dd span.comments {background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -25px;padding:0 0 0 20px;}
div#burda ul.studio-list li dl dd span.favorites {background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -273px;padding:0 0 0 20px;}
ul.studio-list li p.note {
color: #888681;
}
ul.studio-list li p.note a, ul.studio-list li p.note a:hover {
color: #888681;
text-decoration: underline;
}
ul.studio-list li div.basic-yellow {
clear: both;
}
ul.studio-list li div.basic-yellow .c {
padding-top: 3px;
padding-bottom: 1px;
}
ul.studio-list li div.basic-yellow p {
font-style: italic;
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 0 0px;
margin:0;
padding: 1px 0 0 25px;
color: #888681;
}
.isMac.isMozilla ul.studio-list li div.basic-yellow .c {
padding-bottom: 2px;
}
.isMac.isMozilla ul.studio-list li div.basic-yellow p {
padding-top: 0;
}
ul.studio-list-techniques li img {
padding: 9px;
border: 1px solid #cfcfcd;
}
ul.studio-list li span.makeit {
background: transparent url(/images/sitewide/bg-make-it-tag.gif?1551186590) no-repeat 0 0;
display: block;
position: absolute;
z-index: 10000;
top: 15px;
left: 141px;
text-indent: -1000em;
overflow: hidden;
width: 54px;
height: 55px;
}
ul.studio-list li span.forsale {
background: transparent url(/images/sitewide/bg-forsale-tag.png?1551186590) no-repeat 0 0;
*background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sitewide/bg-forsale-tag.png', sizingMethod='scale');
display: block;
position: absolute;
z-index: 10000;
top: 165px;
left: 143px;
text-indent: -1000em;
overflow: hidden;
width: 42px;
height: 42px;
}
/* contacts list */
ul.contacts {
border-top: 1px solid #cfcfcd;
padding: 0;
margin-bottom: 45px;
}
ul.contacts + ul.pagination {
margin-top: -46px;
}
ul.contacts li {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
width: 185px;
position: relative;
float: left;
display: inline;
margin: 0 15px 0 0;
min-height:105px;
*height: 105px;
padding: 10px 10px 0 105px;
}
ul.contacts li:hover {
background-color: #f6f5f4;
}
ul.contacts li:hover a.remove-contact {
display: block;
}
ul.contacts li.even {
margin-right: 0;
}
ul.contacts li img {
position: absolute;
top: 10px;
left: 0;
}
ul.contacts li p {
color: #888681;
}
ul.contacts li p.remove-contact {
margin: 0;
position: absolute;
bottom: 10px;
right: 10px;
display: none;
_display: block;
}
ul.contacts li:hover p.remove-contact {
display: block;
}
ul.contacts li p.remove-contact a {
background: transparent url(/images/sitewide/bg-remove-icon.gif?1551186590) no-repeat 0 2px;
padding-left: 15px;
color: #888681;
text-decoration: none;
}
ul.contacts li p.remove-contact a:hover {
color: #888681;
text-decoration: underline;
}
ul.contacts li a:hover img {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*filter: alpha(opacity=80);
}
ul.contacts li h4 {
margin-bottom: 5px;
}
/* footer view links */
ul.footerViewList {
}
ul.footerViewList li {
margin-bottom: 5px;
}
ul.footerViewList li a {
text-decoration: none !important;
}
ul.footerViewList li a:hover {
text-decoration: underline !important;
}
/* summary page step thumbs */
ul.summary-project-thumbs {
margin: 0;
padding: 0;
}
ul.summary-project-thumbs li {
display: inline;
float: left;
margin: 0 10px 10px 0;
}
ul.summary-project-thumbs li img {
width: 60px;
}
/* staff profiles */
div.staff-profiles {
overflow: hidden;
width: 615px;
}
div.staff-profiles ul.subnav {
margin-bottom: 19px;
}
div.staff-profiles > p {
color: #494847;
margin: 0 0 17px;
padding: 0 18px 0 0;
}
div.staff-profiles > p a {
color: #F01C52;
text-decoration: none;
}
div.staff-profiles > p a:hover {
text-decoration: underline;
}
h3.staff-profiles {
clear: both;
background: url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x scroll 0 100%;
font-size: 18px;
font-weight: normal;
line-height: 18px;
margin: 0 0 14px 0;
padding: 10px 0 7px 0;
}
div.staff-profiles > p + h3 {
padding-top: 18px;
}
ul.staff-profiles {
margin: 0;
padding: 0;
width: 630px;
margin-right: -15px;
}
ul.staff-profiles-alumni {
padding-top: 5px;
}
ul.staff-profiles li {
float: left;
display: inline;
width: 195px;
/*border-bottom: 1px solid #cfcfcd;*/
margin: 0 15px 15px 0;
padding: 0 0 12px 0;
min-height: 395px;
*height: 395px;
}
ul.staff-profiles li img {
display: block;
margin: 0 0 13px 0;
}
ul.staff-profiles-alumni li img {
width: 90px;
height: 90px;
}
ul.staff-profiles li.row-end {
/*margin-right: 0;*/
}
ul.staff-profiles li.row-start {
clear: left;
}
ul.staff-profiles li:nth-child(3n+1) {
clear: left;
}
ul.staff-profiles li h3 {
line-height: 20px;
}
ul.staff-profiles li h4 {
font-family:Helvetica,Arial,Verdana,"Trebuchet MS",sans-serif;
font-size: 12px;
margin: 0 0 10px 0;
font-weight: bold;
}
ul.staff-profiles li p.email {
margin-top: -5px;
}
ul.staff-profiles li p.email a {
color: #999;
}
ul.featured-member-desc-work {
margin:0 0 0 -13px;
overflow:hidden;
zoom:1;
}
ul.featured-member-desc-work li {
display:inline;
float:left;
margin:0 0 10px 14px;
}
ul.featured-member-desc-work li:first-child {
margin-right:1px;
}
ul.featured-member-desc-work li.first {
margin-right:1px;
}
ul.featured-member-desc-work li a {
display:block;
width:90px;
height:90px;
}
/* best of, #1775, 1312, 02_slideshow_view_all.png */
ul.best_of {
margin: 0 -15px 0 0;
overflow: hidden;
_height: 1%;
}
ul.best_of li {
display: inline;
float: left;
margin: 0 15px 15px 0;
}
ul.best_of a {
display: block;
width: 195px;
height: 49px;
padding: 161px 0 0 0;
position: relative;
font-weight: bold;
color: #333;
text-decoration: none;
}
ul.best_of img {
position: absolute;
left: 0;
top: 0;
}
ul.best_of a span {
text-decoration: none;
}
ul.best_of a:hover span {
text-decoration: underline;
}
ul.best_of em {
color: #888;
font-weight: normal;
font-style: normal;
}
/*
Airfront vs. Area 17
written by Paul Michael Smith (paul at area17.com)
for Area 17 (www.area17.com)
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ columnsets / grid */
div#burda div.columnset {}
div#burda div.columnset div.col {
float: left;
display: inline;
}
div#burda div.columnset div.full {
clear: both;
width: 100%;
margin: 0;
}
/* center "rail" */
div#burda div.columnset div.primary {
width: 615px;
margin: 0;
overflow: visible;
zoom: 1;
padding-bottom: 130px;
_overflow: hidden;
_zoom: 1;
}
div#burda.photos div.columnset div.primary {
padding-bottom:40px;
}
/* right "rail" */
div#burda div.columnset div.secondary {
width: 300px;
margin: 0 0 0 20px;
overflow: hidden;
zoom: 1;
position: relative;
padding-bottom: 130px;
}
div#burda.home div.columnset div.col {
padding-bottom:77px;
}
div#burda.home #footer div.columnset div.col {
padding-bottom:23px;
}
div#burda div.columnset-alt {}
div#burda div.columnset-alt div.primary {
margin-left: 140px;
}
div#burda div.columnset-alt div.secondary {
width: 160px;
}
div#burda div.columnset-alt div.tertiary {
width: 120px;
margin-left: -935px;
}
/* defaut table - given class to avoid clashing with existing tables already built. sigh */
table.default-table {
width: 615px;
zoom: 1;
position: relative;
margin: 0 0 40px 0;
}
table.default-table thead {
}
table.default-table thead tr {
background: transparent url(/images/sitewide/bg-thead.gif?1551186590) repeat-x 0 0;
}
table.default-table thead th {
line-height: 10px;
padding: 12px 10px 13px;
color: #34322B;
font-size: 13px;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
font-size: 12px;
}
table.default-table tbody {
}
table.default-table th {
text-align: left;
font-weight: inherit;
}
table.default-table tr {
}
table.default-table tbody tr {
clear: both;
zoom: 1;
}
/*table.default-table tr.has-related-items td, table.default-table tr.related-items td {
border-bottom: 0 !important;
}*/
table.default-table tr.has-related-items td {
border-bottom: 0 !important;
}
table.default-table tr.related-items td {
padding: 15px 0;
}
table.default-table tr.related-items td div.basic-yellow {
margin: 0 0 0 0;
}
table.default-table tr.related-items td div.basic-yellow div.c {
padding: 0;
}
table.default-table tr.related-items td div.basic-yellow ul {
padding: 0;
margin: 0;
}
table.default-table tr.related-items td div.basic-yellow ul li {
background: transparent url(/images/sitewide/modules/bg-pattern-actions-list-dots.gif?1551186590) no-repeat 50% 100%;
padding: 5px 10px;
position: relative;
list-style-type: none;
}
table.default-table tr.related-items td div.basic-yellow ul li.first {
padding: 6px 10px 4px;
}
table.default-table tr.related-items td div.basic-yellow ul li h4 {
background:transparent url(/images/sitewide/modules/bg-module-note-icon.gif?1551186590) no-repeat scroll 0 0px;
color:#888681;
font-size:12px;
line-height:15px;
margin:0;
padding:0px 0 5px 20px;
font-style: italic;
}
table.default-table tr.related-items td div.basic-yellow ul li span, table.default-table tr.related-items td div.basic-yellow ul li span a {
color: #888681;
}
table.default-table tr.related-items td div.basic-yellow ul li span.pattern-link a {
background:transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat scroll 0 -299px;
padding-left:25px;
text-decoration: underline;
}
table.default-table tr.related-items td div.basic-yellow ul li span.pattern-link a:hover {
color: #34322B;
}
table.default-table tr.related-items td div.basic-yellow ul li span.price {
border-left: 1px solid #e1e1df;
padding-left: 10px;
margin-left: 10px;
}
table.default-table tr.related-items td div.basic-yellow ul li span.action {
position:absolute;
right:12px;
top: 5px;
}
table.default-table tr.related-items td div.basic-yellow ul li span.action a {
color: #F01C52;
}
table.default-table tr.related-items td div.basic-yellow ul li.last {
padding-bottom: 0;
background: 0;
}
table.default-table td {
padding: 10px 10px 10px 9px;
border-left: 1px solid #c4c4c2;
vertical-align: top;
border-color: #e7e7e6;
}
table.default-table td.first {
border-left: 0;
padding-left: 0;
}
table.default-table td.last {
padding-right: 0;
}
/* shopping cart table */
table.show-cart {
margin: 0 0 10px 0;
}
table.show-cart tr {
}
table.show-cart th {
border-right: 1px solid #e7e7e6;
}
table.show-cart th.price, table.show-cart th.remove {
border-right: 0 none;
}
table.show-cart td {
border-bottom: 1px solid #ccc;
border-color: #e7e7e6;
}
table.show-cart td.pattern, table.show-cart th.pattern {
width: 400px;
}
table.show-purchases td.pattern, table.show-purchases th.pattern {
width: 262px;
}
table.show-purchases td.download, table.show-purchases th.download {
width: 150px;
}
table.show-purchases td.download p {
margin-bottom: 5px;
}
table.show-purchases td.download p a, table.show-purchases td.download p a:hover {
color: #34322b;
text-decoration: underline;
}
table.show-cart td.pattern img {
float: left;
margin: 0 10px 0 0;
}
table.show-cart td.remove {
text-align: right;
border-left: 0;
}
table.show-cart tr.last td {
border-bottom: 0 !important;
}
table.show-purchases tr.last td {
border-bottom: 1px solid #ccc !important;
}
table.show-purchases td.date {
padding-left: 10px;
}
table.show-purchases th.download h4 {
background: transparent url(/images/sitewide/bg-icons-sprite.gif?1551186590) no-repeat 0 -222px;
padding-left: 20px;
}
table.show-purchases tr.today td {
background-color: #ffffe1;
}
table.show-purchases tr.today td.date {
color: #F01C52;
font-weight: bold;
}
table.show-purchases {
margin: 0 0 10px 0;
}
div.show-purchases a.contact-us {
color: #888681;
}
div.show-purchases h3 {
padding-top: 15px;
padding-bottom: 5px;
}
/* Variant of show-cart table: the table of discounts that comes just under it, on the checkout page. */
table.show-cart.discounts-table {
margin-top: 40px;
margin-bottom: 50px;
border-collapse: separate;
}
table.show-cart.discounts-table th h4 {
margin-bottom: 2px;
font-size: 11px;
}
table.show-cart.discounts-table td {
padding-top: 7px;
padding-bottom: 7px;
border-bottom: 0;
background: white url(/images/sitewide/bg-pattern-888681-dots.png?1551186590) repeat-x left bottom;
}
table.show-cart.discounts-table .no-bg td {
background-image: none;
}
table.show-cart.discounts-table .grand-total td {
font: normal 12px/15px "Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
color: #f01c52;
}
table.show-cart.discounts-table .grand-total td.first {
border: 1px solid #f01c52;
border-bottom: 1px solid #f01c52 !important;
border-right: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
padding-left: 10px;
}
table.show-cart.discounts-table .grand-total td.last {
border: 1px solid #f01c52;
border-bottom: 1px solid #f01c52 !important;
border-left-color: #c4c4c2;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
min-width: 39px;
}
table.show-cart.discounts-table .grand-total td {
background-image: none;
}
/* default discussions table as on discussions index */
table.discussions {
width: 615px;
zoom: 1;
position: relative;
margin: 0 0 40px 0;
}
table.discussions thead, table.discussions tbody {
}
table.discussions thead {
}
table.discussions thead tr {
background: transparent url(/images/sitewide/bg-thead.gif?1551186590) repeat-x 0 0;
}
table.discussions thead th {
line-height: 10px;
padding: 15px 10px;
color: #34322B;
font-size: 13px;
font-family:"Arial Rounded MT Bold", "Arial Rounded", Arial, Helvetica, sans-serif;
font-size: 12px;
}
table.discussions thead th.forum, table.discussions tbody td.forum {
width: 139px;
border: 0;
}
table.discussions thead th.latest-post, table.discussions tbody td.latest-post {
width: 274px;
}
table.discussions thead th.forum, table.discussions tbody td.topic {
width: 225px;
border: 0;
}
table.burda-style-topics tbody td.topic a {
background: transparent url(/images/sitewide/bg-burda-icon.gif?1551186590) no-repeat 0 50%;
padding: 0 0 0 20px;
color: #34322B;
}
table.discussions-forum thead th.latest-post, table.discussions-forum tbody td.latest-post {
width: 180px;
}
table.discussions td.latest-post img {
float: left;
margin: 0 10px 0 0;
width: 60px;
height: 60px;
}
table.discussions td, table.discussions td p, table.discussions td a {
color: #888681;
}
table.discussions td a {
text-decoration: underline;
}
table.discussions td.latest-post p {
margin: 0 0 5px 0;
}
table.discussions td.forum a, table.discussions td.latest-post p.in a, table.discussions td.latest-post p.in a:hover, table.discussions td a:hover {
color: #34322B;
text-decoration: underline;
}
table.discussions th, table.discussions td {
border-left: 1px solid #c4c4c2;
width: 54px;
padding: 10px;
vertical-align: top;
border-left: 1px solid #e7e7e6;
}
body.isIE th, body.isIE td, body.isIE tr {
position: relative;
zoom: 1;
}
#recaptcha_table th, #recaptcha_table td, #recaptcha_table tr {
position: static;
}
table.discussions tbody {
}
table.discussions tbody tr {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
}
/* profile my account */
div.profile-account {
}
div.profile-account ul.subnav {
margin-bottom: 0;
border-bottom: 0;
}
table.profile-purchases {
}
table.profile-purchases td.date,table.profile-purchases th.date{width:105px;}
table.profile-purchases td.pattern,table.profile-purchases th.pattern{width:275px;}
table.profile-purchases td.download,table.profile-purchases th.download{width:180px;}
table.profile-purchases td.price,table.profile-purchases th.price{width:65px;}
table.profile-purchases th {
background: #f6f5f4;
padding: 10px 0;
}
table.profile-purchases th h4 {
padding: 0 0 0 10px;
}
#lightbox_mask {
/* position: absolute;*/
position: fixed;
left: 0;
top: 0;
/* z-index: 999;*/
width: 100%;
height: 100%;
background: #000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
opacity: 0.75;
z-index: 99998;
}
#lightbox_mask.photos {
background:#333;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
#login_with_facebook, #lightbox_login, #facebook_preferences, #facebook_login_failure, #facebook_disconnect, #facebook_disconnect_confirm {
position: fixed;
/* _position: absolute;*/
left: 50%;
top: 50%;
/* z-index: 9999;*/
width: 655px;
/*height: 620px;*/
margin: -310px 0 0 -327px;
text-align: left;
z-index: 99999;
}
#login_with_facebook, #facebook_preferences, #facebook_login_failure, #facebook_disconnect_confirm {
/*height: 402px;*/
width: 648px;
margin: -201px 0 0 -324px;
}
#facebook_disconnect {
width: 648px;
margin: -231px 0 0 -324px;
}
#facebook_preferences strong { font-size: 12.5px;}
.lightbox-content {
position: relative;
/*height: 565px;*/
width: 615px;
overflow: auto;
padding: 34px 20px 20px 20px;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 40px rgba(0,0,0,.75);
-moz-box-shadow: 0 0 40px rgba(0,0,0,.75);
box-shadow: 0 0 40px rgba(0,0,0,.75);
*border: 3px solid #333;
}
#login_with_facebook .lightbox-content,
#facebook_preferences .lightbox-content,
#facebook_login_failure .lightbox-content,
#facebook_disconnect .lightbox-content,
#facebook_disconnect_confirm .lightbox-content {
/*height: 347px;*/
width: 608px;
}
/* main login */
#lightbox_login #page-heading, #facebook_disconnect #page-heading, #facebook_disconnect_confirm #page-heading {
height: 46px;
}
#lightbox_login #page-heading h2, #facebook_disconnect #page-heading h2, #facebook_disconnect_confirm #page-heading h2 {
bottom: 20px;
}
#lightbox_login div.instructions, #facebook_disconnect div.instructions {
width: 250px;
margin: 0 0 0 45px;
}
#lightbox_login div.instructions h4, #facebook_disconnect div.instructions h4 {
font-weight: normal;
padding-bottom: 10px;
}
#lightbox_login div.instructions ul {
padding-left: 15px;
}
#lightbox_login div.instructions ul li {
color: #75736E;
list-style-type: disc;
margin: 0 0 10px 0;
}
#lightbox_login p.cta {
margin: 20px 0;
}
#lightbox_login p.cta a {
color: #E30043;
}
#lightbox_login form {
margin-bottom: 0;
}
#lightbox_login .kl-white-t {
border-bottom: 1px solid #C4C4C2;
}
#lightbox_login .buttons, #facebook_disconnect .buttons {
clear: both;
overflow: auto;
margin-bottom: 0;
padding-top: 5px;
border-top: 1px solid #fff;
}
#lightbox_login .login-fix-content {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
padding-top: 29px;
top: 302px;
}
/* login with facebook */
#login_with_facebook #page-heading {
height: 46px;
}
#login_with_facebook #page-heading h2 {
bottom: 20px;
background: url(/images/sitewide/facebook_icon_large.png?1551186590) no-repeat 0 center;
padding-left: 33px;
}
p.close {
margin: 0;
position: absolute;
right: 0;
top: 10px;
}
p.close a {
background: url(/images/sitewide/bg-btn-close.gif?1551186590) no-repeat left 1px;
padding-left: 15px;
color: #888681;
text-decoration: none;
}
p.close a:hover {
text-decoration: underline;
}
#login_with_facebook .cols {
overflow: auto;
}
#login_with_facebook .cols .col, #facebook_disconnect .cols .col, #facebook_disconnect_confirm .cols .col {
display: inline;
float: left;
background: #F4F2F1;
border-top: 1px solid #C4C4C2;
border-bottom: 1px solid #C4C4C2;
margin: 0;
padding: 0;
position: relative;
}
#login_with_facebook .cols .col-first, #facebook_disconnect .cols .col-first, #facebook_disconnect_confirm .cols .col-first {
margin-right: 20px;
}
#login_with_facebook .cols .col form, #login_with_facebook .cols .col .box, #facebook_disconnect .cols .col form, #facebook_disconnect .cols .col .box, #facebook_disconnect_confirm .cols .col .box {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
height: 269px;
width: 254px;
margin: 0;
padding: 0 20px;
}
#login_with_facebook .cols .col h3, #facebook_disconnect .cols .col h3, #facebook_disconnect_confirm .cols .col h3 {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0px 100%;
padding: 13px 10px;
margin: 0 -10px 13px -10px;
color: #34322B;
}
#login_with_facebook .cols .col h3.withImg {
padding-left: 0;
}
#login_with_facebook .col h3.withImg .img {
float: left;
margin-right: 10px;
width: 40px;
height: 40px;
position: relative;
top: -8px;
overflow: hidden;
}
#login_with_facebook .col h3.withImg img {
width: 40px;
}
#login_with_facebook .cols .col p, #facebook_disconnect .cols .col p, #facebook_disconnect_confirm .cols .col p {
}
#login_with_facebook .cols .col li {
margin-bottom: 13px;
}
#facebook_disconnect .cols .col li {
margin-bottom: 8px;
}
#login_with_facebook .cols .col li.last, #facebook_disconnect .cols .col li.last, #facebook_disconnect_confirm .cols .col li.last {
margin-bottom: 0;
}
#login_with_facebook input.text {
width: 254px;
}
#facebook_disconnect input.text {
width: 250px;
}
#login_with_facebook .cols .col ol.buttons, #facebook_disconnect .cols .col ol.buttons, #facebook_disconnect_confirm .cols .col ol.buttons {
position: absolute;
left: 0;
bottom: 0;
float: none;
display: block;
margin: 0 !important;
padding: 0;
width: 294px;
border-top: 1px solid #C4C4C2;
background: #e1e1e0;
}
#login_with_facebook .cols .col ol.buttons li, #facebook_disconnect .cols .col ol.buttons li, #facebook_disconnect_confirm .cols .col ol.buttons li {
float: none;
display: block;
border-top: 1px solid #fff;
width: 294px;
padding: 5px 0 6px 0;
margin: 0;
text-align: center;
}
#login_with_facebook .cols .col ol.buttons li button, #facebook_disconnect .cols .col ol.buttons li button, #facebook_disconnect_confirm .cols .col ol.buttons li button {
margin: 0 auto;
background-position: 100% -52px;
}
#login_with_facebook .cols .col ol.buttons li button span, #facebook_disconnect .cols .col ol.buttons li button span, #facebook_disconnect_confirm .cols .col ol.buttons li button span {
background-position: 0 -52px;
}
#facebook_disconnect .cols .col ol { margin-top: 18px !important;}
#facebook_disconnect .cols .col ol.buttons { margin-top: 0; width: 280px; padding-right: 14px !important;}
#facebook_disconnect_confirm .cols .col ol { margin-top: 18px !important;}
#facebook_disconnect_confirm .cols .col ol.buttons { margin-top: 0; width: 280px; padding-right: 14px !important;}
#facebook_disconnect .cols .col ol.buttons li,
#facebook_disconnect_confirm .cols .col ol.buttons li {
width: auto;
float: right;
margin-left: 7px;
}
#facebook_disconnect div.errors {
color:#E30043;
/*font-weight: bold;*/
border-top: 1px solid #C4C4C2;
background: #ffffe1;
padding: 19px 20px 17px 20px;
margin: 0 0 25px 0;
border-bottom: 1px solid #C4C4C2;
}
#facebook_disconnect div.errors h3 {
background:url(/images/sitewide/bg-error-icon.gif?1551186590) no-repeat scroll 0 3px transparent;
color:#E30043 !important;
font-size:13px;
line-height:20px !important;
margin:0 0 8px !important;
padding:0 0 0 20px !important;
}
#facebook_disconnect div.errors p {
font-size:12px;
line-height:1.5em;
margin:0;
padding:0 0 0 20px !important;
}
#facebook_disconnect .cols .col .box, #facebook_disconnect .cols .col form,
#facebook_disconnect_confirm .cols .col .box {
border-top: 0 none;
height: 243px;
}
#facebook_disconnect .cols .col form {
padding: 0 20px;
position: relative;
}
#facebook_disconnect .cols .col .box h3,
#facebook_disconnect_confirm .cols .col .box h3 {
background-image: none;
padding-top: 17px;
}
#facebook_disconnect .user_input_value {
color: #888681;
line-height: 39px;
height: 30px;
margin: 0;
overflow: hidden;
padding: 0 9px;
}
#facebook_disconnect .cols .col-full,
#facebook_disconnect_confirm .cols .col-full {
display: block !important;
float: none !important;
}
#facebook_disconnect .cols .col-full h3,
#facebook_disconnect_confirm .cols .col-full h3 {
margin: 0 !important;
background-image: none !important;
padding: 13px 22px;
}
.xwhiteborder {
width: 100%;
border-top: 1px solid #FFF;
height: 1px;
overflow: hidden;
position: absolute;
bottom: 36px;
left: 0;
}
/* facebook preferences */
#facebook_preferences #page-heading {
height: 46px;
}
#facebook_preferences #page-heading h2 {
bottom: 20px;
background: url(/images/sitewide/facebook_icon_large.png?1551186590) no-repeat 0 center;
padding-left: 33px;
}
#facebook_preferences .col {
display: inline;
float: left;
background: #F4F2F1;
border-top: 1px solid #C4C4C2;
border-bottom: 1px solid #C4C4C2;
margin: 0;
padding: 0 20px 36px 20px;
width: 568px;
position: relative;
}
#facebook_preferences .col form {
margin: 0;
padding: 0;
}
#facebook_preferences .col h3 {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0px 100%;
padding: 15px 10px 15px 0;
margin: 0 -10px 10px -10px;
color: #34322B;
}
#facebook_preferences .col h3 .img {
float: left;
margin-right: 10px;
width: 40px;
height: 40px;
position: relative;
top: -8px;
overflow: hidden;
}
#facebook_preferences .col h3 img {
width: 40px;
}
#facebook_preferences .col p {
margin: 0 0 4px 0;
}
#facebook_preferences .col p.please-take {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0px 100%;
padding: 13px 10px 22px 10px;
margin: 0 -10px 23px -10px;
}
#facebook_preferences .col li {
margin: 0;
padding: 0;
overflow: auto;
}
#facebook_preferences .col li:first-child {
padding-top: 1px;
}
#facebook_preferences .col li label {
display: inline;
float: left;
width: 385px;
border-right: 1px solid #c4c4c2;
padding: 11px 0 4px 0;
margin: 0 10px 0 0;
color: #888681;
}
#facebook_preferences .col li input {
position: relative;
top: 9px;
width: 13px;
}
#facebook_preferences .col ol.buttons {
position: absolute;
left: 0;
bottom: 0;
float: none;
display: block;
margin: 0 !important;
padding: 0;
width: 608px;
border-top: 1px solid #C4C4C2;
border-bottom: 1px solid #fff;
background: #e1e1e0;
}
#facebook_preferences .col ol.buttons li {
float: none;
display: block;
border-top: 1px solid #fff;
width: 608px;
padding: 5px 0 6px 0;
margin: 0;
overflow: auto;
}
#facebook_preferences .col ol.buttons li button {
display: inline;
float: right;
margin: 0 10px;
background-position: 100% -52px;
}
#facebook_preferences .col ol.buttons li button span {
background-position: 0 -52px;
}
/* facebook login */
#facebook_login_failure #page-heading {
height: 46px;
}
#facebook_login_failure #page-heading h2 {
bottom: 20px;
background: url(/images/sitewide/facebook_icon_large.png?1551186590) no-repeat 0 center;
padding-left: 33px;
}
.isMac.isMozilla #login_with_facebook #page-heading h2, .isMac.isMozilla #facebook_preferences #page-heading h2,
.isMac.isMozilla #facebook_login_failure #page-heading h2 {
bottom: 18px;
background-position: 0 4px;
}
#facebook_login_failure .col {
display: inline;
float: left;
background: #F4F2F1;
border-top: 1px solid #C4C4C2;
border-bottom: 1px solid #C4C4C2;
margin: 0;
padding: 0 20px 34px 20px;
width: 568px;
position: relative;
}
#facebook_login_failure .col form {
margin: 0;
padding: 0;
}
#facebook_login_failure .col h3 {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0px 100%;
padding: 15px 10px 15px 0;
margin: 0 0 10px 0;
color: #34322B;
}
#facebook_login_failure .col h3 .img {
float: left;
margin-right: 10px;
width: 40px;
height: 40px;
position: relative;
top: -8px;
overflow: hidden;
}
#facebook_login_failure .col h3 img {
width: 40px;
}
#facebook_login_failure .col p {
margin: 0 0 22px 0;
padding: 13px 0 0 0;
}
#facebook_login_failure .col li {
margin: 0;
padding: 0;
overflow: auto;
}
#facebook_login_failure .col li:first-child {
padding-top: 1px;
}
#facebook_login_failure .col li label {
display: inline;
float: left;
width: 385px;
border-right: 1px solid #c4c4c2;
padding: 11px 0 4px 0;
margin: 0 10px 0 0;
color: #888681;
}
#facebook_login_failure .col li input {
position: relative;
top: 9px;
width: 13px;
}
#facebook_login_failure .col div.buttons {
position: absolute;
left: 0;
bottom: 0;
float: none;
display: block;
margin: 0 !important;
padding: 0;
width: 608px;
border-top: 1px solid #C4C4C2;
border-bottom: 1px solid #fff;
background: #e1e1e0;
}
#facebook_login_failure .col div.buttons ol.buttons {
float: none;
display: block;
border-top: 1px solid #fff;
width: 608px;
padding: 5px 0 4px 0;
margin: 0;
overflow: auto;
}
#facebook_login_failure .col ol.buttons li {
display: inline;
float: right;
margin: 0 10px 0 0;
}
#facebook_login_failure .col ol.buttons li button {
background-position: 100% -52px;
}
#facebook_login_failure .col ol.buttons li button span {
background-position: 0 -52px;
}
#lightbox_photos {
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 99999;
position:absolute;
background:#333;
/* width:100%;
height:100%;*/
}
#lightbox_photos .top {
height:48px;
}
.lightbox-content-variant {
position:relative;
width:100%;
background:#333;
text-align:left;
}
.lightbox-content-variant a {
color:#FFF;
display:block;
}
#lightbox_photos .paginator-btns {
position:absolute;
z-index:99999;
width:725px;
padding:0;
float:none;
}
#lightbox_photos .paginator-btns li {
list-style:none;
margin:0;
padding:0;
}
#lightbox_photos .paginator-btns a {
display:block;
height:19px;
width:55px;
text-decoration:none;
z-index:99999;
position:absolute;
top:0;
left:-55px;
padding:0 0 10px;
cursor:pointer;
}
#lightbox_photos .paginator-btns a span {
background: url(/images/sitewide/sprite_photos.gif?1551186590) no-repeat 9px -99px;
width:55px;
height:19px;
text-indent:-9999em;
display:block;
position:relative;
top:50%;
margin:-4px 0 0;
}
#lightbox_photos .paginator-btns a.next {
left:auto;
right:-55px;
}
#lightbox_photos .paginator-btns a.next span {
background-position:-79px -99px;
}
#lightbox_photos .paginator-btns a:hover span {
background-position:9px -60px;
}
#lightbox_photos .paginator-btns a.next:hover span {
background-position:-79px -60px;
}
#lightbox_photos p.close {
top:9px;
right:9px;
height:31px;
width:74px;
}
#lightbox_photos p.close a {
background:url(/images/sitewide/sprite_photos.gif?1551186590) no-repeat 42px -134px;
height:23px;
padding:6px 0 0 11px;
overflow:hidden;
}
#lightbox_photos p.close a:hover {
background-position:-49px -134px;
text-decoration:none;
color:#FFF;
}
#lightbox_photos div.highlight-of-the div.c, #lightbox_photos div.highlight-of-the div.slider ul li {
width:725px;
margin:0 auto;
padding:0;
}
#lightbox_photos .project-info-headers {
color:#FFF;
}
#lightbox_photos div.highlight-of-the div.slider ul li div.highlight-img {
position: static !important;
margin: 0 !important;
text-align: center;
}
#lightbox_photos div.highlight-of-the div.slider ul li div.highlight-img img {
margin: 0 auto;
text-align: center;
}
/* 1312 */
#lightbox_photos div.highlight-of-the div.slider ul li,
#lightbox_photos div.highlight-of-the div.slider ul,
#lightbox_photos div.highlight-of-the div.slider {
height: auto;
position: static;
}
.login_with_facebook {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0px 100%;
padding: 0 0 19px 0;
margin: -8px 0 28px 0;
}
.login_with_facebook a {
margin-right: 10px;
}
/* header */
#header .fb_button_li {
overflow: visible;
height: 15px;
}
#header .fb_button_li a {
position: relative;
top: -4px;
}
#burda #page #header a span.fb_button_text {
color: #fff;
}
/* header button and generic button with fb icon */
#header .fb_connect_li {
}
#header .fb_connect_li a, a.fb_connect_a {
display: inline-block;
height: 14px;
padding-left: 22px;
background: url(/images/sitewide/socialnetworks.png?1551186590) no-repeat 0 0;
color: #1a1a1a !important;
}
/* profile more about tout */
/* with new implementation we need add this */
.fb_button .fb_button_text,
.fb_button_rtl .fb_button_text {
background: url(/images/sitewide/FGFbc80dUKj.png?1551186590) repeat scroll 0 0 #5F78AB;
border-bottom: 1px solid #1A356E;
border-top: 1px solid #879AC0;
color: #FFFFFF;
display: block;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-weight: bold;
margin: 1px 1px 0 21px;
padding: 2px 6px 3px;
text-shadow: none;
}
.fb_button, .fb_button_rtl {
background: url(/images/sitewide/FGFbc80dUKj.png?1551186590) no-repeat scroll 0 0 #29447E;
cursor: pointer;
display: inline-block;
outline: medium none;
padding: 0 0 0 1px;
text-decoration: none;
}
a.fb_button, a.fb_button_rtl, .fb_button, .fb_button_rtl {
text-decoration: none;
}
.fb_button_medium, .fb_button_medium_rtl {
background-position: left -188px;
font-size: 11px;
line-height: 14px;
}
/* with new implementation we need add this */
#more-about-facebook-login p {
color: #000;
text-align: left;
padding: 17px 15px 17px 15px;
}
#more-about-facebook-login p a {
margin-top: -4px;
}
#more-about-facebook-login div {
background: transparent url(/images/sitewide/modules/bg-basic-grey2-sprite-300.gif?1551186590) no-repeat -300px 100%;
padding: 18px 14px 12px;
margin: 0;
}
#more-about-facebook-login .icon_facebook {
font-size: 12px;
background: url(/images/sitewide/socialnetworks.png?1551186590) no-repeat scroll 0 0 transparent;
padding: 0 0 0 22px;
height: 14px;
}
#more-about-facebook-login ul {
background: url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
overflow: hidden;
padding: 9px 0 0;
margin: 15px 0 0;
height: 22px;
}
#more-about-facebook-login li {
display: inline;
float: left;
margin: 5px 10px 0 0;
padding: 0 10px 0 0;
height: 14px;
}
#more-about-facebook-login .first {
border-right: 1px solid #c3c2c0;
}
#more-about-facebook-login li a {
display: block;
color: #4567b9;
font-size: 12px;
}
.vsep { padding: 0 10px; color: #c3c2c0;}
/* my account facebook prefs page */
.subnav .facebook_preferences_link {
color: #4567b9 !important;
}
.facebook_prefs {
display: block;
background: #F4F2F1;
border-top: 1px solid #fff;
border-bottom: 1px solid #C4C4C2;
margin: -15px 0 0 0;
padding: 0 20px 42px 20px;
width: 575px;
position: relative;
}
.facebook_prefs .wrap {
padding:20px 0 19px;
}
.facebook_prefs form {
margin: 0;
padding: 0;
}
.show-purchases .facebook_prefs h3 {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0px 100%;
margin:0 0 30px;
padding:10px 0 13px;
color: #34322B;
}
.facebook_prefs h3 p {
padding-top:5px;
}
.facebook_prefs p {
margin: 0 0 3px 0;
}
.facebook_prefs li {
margin: 0;
padding: 0;
overflow: auto;
}
.facebook_prefs li:first-child {
padding-top: 1px;
}
.facebook_prefs li label {
display: inline;
float: left;
width: 385px;
border-right: 1px solid #c4c4c2;
padding: 11px 0 4px 0;
margin: 0 10px 0 0;
color: #888681;
}
.facebook_prefs li input {
position: relative;
top: 9px;
width: 13px;
}
.facebook_prefs ol.buttons {
position: absolute;
left: 0;
bottom: 0;
float: none;
display: block;
margin: 0 !important;
padding: 0;
width: 615px;
border-top: 1px solid #C4C4C2;
border-bottom: 1px solid #fff;
background: #e1e1e0;
}
.facebook_prefs ol.buttons li {
float: none;
display: block;
border-top: 1px solid #fff;
width: 615px;
padding: 5px 0 6px 0;
margin: 0;
overflow: auto;
}
.facebook_prefs ol.buttons li button {
display: inline;
float: right;
margin: 0 10px;
background-position: 100% -52px;
}
.facebook_prefs ol.buttons li button span {
background-position: 0 -52px;
}
/* facebook comment form */
div#burda form.comments fieldset label.facebook-link {
display: block;
padding: 6px 20px 0 20px;
margin: 0 0 13px 0;
}
div#burda form.comments fieldset label.facebook-link a.fb_connect_a {
color: #888681 !important;
text-decoration: underline;
}
div#burda form.comments fieldset label.facebook-link a.fb_connect_a:hover {
color: #000 !important;
text-decoration: underline;
}
div#burda form.comments .with-facebook-checkbox button.floatRight {
margin-top: -29px;
_position: relative;
_margin-top: -43px;
}
div#burda form.comments fieldset li.facebook-wall {
color: #888681;
font-size: 12px;
padding-left: 4px !important;
padding-right: 22px !important;
background: url(/images/sitewide/socialnetworks.png?1551186590) no-repeat right 2px;
height: 16px;
_height: 17px;
_background-position: right 3px;
overflow: hidden;
clear: left;
float: left;
}
/* project summary page */
div.project-edit-facebook {
overflow: auto;
padding: 20px 10px;
margin: 0;
background: url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 0;
}
div.project-edit-facebook p {
color: #333;
font-size: 12px;
padding: 0 22px 0 0;
margin: 0;
background: url(/images/sitewide/socialnetworks.png?1551186590) no-repeat right 1px;
height: 15px;
overflow: hidden;
display: inline;
float: left;
}
div.project-edit-facebook p.no-icon {
float: none;
display: block;
padding: 0;
background: none;
}
div.project-edit-facebook p a.fb_connect_a {
color: #333 !important;
text-decoration: underline;
}
div.project-edit-facebook p a.fb_connect_a:hover {
color: #4567b9 !important;
text-decoration: underline;
}
/*
Airfront vs. Area 17
written by Paul Michael Smith (paul at area17.com)
for Area 17 (www.area17.com)
*/
div#project-shot, div#project-shot-all {
width: 475px;
position: relative;
display: inline;
float: left;
margin: 0;
padding: 0;
background: #F6F5F4 url(/images/sitewide/spinner_project.gif?1551186590) no-repeat 50% 50%;
overflow: hidden;
}
div#project-shot-all {
background: none;
}
div#project-shot-all div.project-shot-all-img {
width: 475px;
position: relative;
margin: 0 0 10px 0;
padding: 0;
background: #F6F5F4 url(/images/sitewide/spinner_project.gif?1551186590) no-repeat 50% 50%;
}
div#project-shot img {
margin: 0 0 -2px 0;
}
div#project-shot-all div.project-shot-all-img img {
margin: 0;
height: auto !important; /* just in case */
}
div#burda.projects div#project-shot {
margin: 0px 0 8px 0;
letter-spacing: 0;
}
div#project-shot div.burda-tag, div#project-shot-all div.burda-tag {
background: transparent url(/images/sitewide/bg-burda-tag.gif?1551186590) no-repeat 0 0;
position: absolute;
top: 0;
left: 15px;
z-index: 10000;
width: 24px;
height: 51px;
}
div#burda.projects div.project h3 {
line-height: 20px;
padding: 2px 0 0 0;
margin: 0 0 9px 0;
}
div.project h4 {
margin: -1px 0 11px 0;
}
div#burda.projects div.project ul.horz-links-list,
div#burda.photos div.project ul.horz-links-list,
div#lightbox_photos ul.horz-links-list {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
width: 100%;
clear: both;
padding: 0 0 10px 0;
display: block;
margin: 0 0 20px 0;
padding: 3px 0 19px 0;
margin: 0 0 17px 0;
}
div#burda.photos div.project ul.horz-links-list, div#lightbox_photos ul.horz-links-list {
padding:12px 0 10px;
}
div#burda.projects ul.horz-links-list a,
div#burda.photos ul.horz-links-list a,
div#lightbox_photos ul.horz-links-list a {
color: #878580;
}
div#lightbox_photos ul.horz-links-list a {
color: #fff;
}
div#lightbox_photos ul.horz-links-list a.favorite {
background-position: 0 -522px;
}
div#lightbox_photos ul.horz-links-list a.share-this,
div#lightbox_photos ul.horz-links-list .share-this a,
div#lightbox_photos ul.horz-links-list .st_sharethis_custom {
background-position: 0 -498px !important;
color: #fff;
line-height: 15px;
}
div#burda.projects div.project ul.related-techniques {
margin-bottom: 20px;
}
div#burda.projects div.project dd a, div#burda.projects div.project dd a:hover {
color: #34322B;
text-decoration: underline;
}
div#burda.projects div.project div.project-info {
margin: 0 0 40px 0;
}
div#burda.projects form.comments {
margin-bottom: 45px;
}
p.project-shots-view-all {
display: inline;
float: right;
padding: 5px 0;
margin: 0;
width: 134px;
}
p.project-shots-view-all a {
color: #f01c52;
text-decoration: none;
}
p.project-shots-view-all a:hover {
color: #f01c52;
text-decoration: underline;
}
/* project instructions */
div#burda.projects div.project div.project-instructions {
}
div#burda.projects div.project div.project-instructions + div#commenting-form-container {
margin-top: 40px;
}
div#commenting-form-container {
_margin-top: 40px;
}
div#burda.projects div.project div.step-header {
background: transparent url(/images/sitewide/bg-dots-1.gif?1551186590) repeat-x 0 100%;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
position: relative;
color: #F01C52;
}
div#burda.projects div.project div.step-header h3 {
margin: 0;
padding: 2px 0 0 0;
/*color: #F01C52;*/
color: #34322b;
display: inline;
float: left;
width: 490px;
}
div#burda.projects div.project div.step-header ul {
padding: 5px 0 0 0;
}
div#burda.projects div.project div.step-header ul li a.next {
margin-left: 20px;
}
/* div#burda.projects div.project div.step-header div.pagination li span {
display: none;
}*/
div.instruction-step-img {
margin: 0 0 10px 0;
padding: 0;
line-height: 13px;
}
div.instruction-step-img img {
display: inline;
margin: 0;
padding: 0;
}
div#burda.projects div.project div.project-instructions ul.horz-links-list {
background-position: 0 0;
padding: 13px 0 0 0;
margin-bottom: 2px;
}
div#burda.projects div.project div.project-info dl dt {
width: 315px;
}
div#burda.projects div.project div.project-info dl dd {
width: 299px;
}
div#burda.projects div.project div.project-info dl dd p {
margin-bottom: 0;
}
div#burda.projects div.project div.centered-ad {
margin-bottom:-20px;
}
div.project-info p a {text-decoration: underline;}
/* finished projects */
/* Contest Projects */
.project-contest div.project-info {
width:480px;
}
.project-contest div.project-info, div#lightbox_photos div.project-info {
position:relative;
}
.project-contest div.project-info .btn, div#lightbox_photos div.project-info .btn {
position:absolute;
top:0;
right:-137px;
background: white url(../images/sitewide/sprite_photos.gif?1551186590) no-repeat scroll right -10px;
padding:0 15px 0 0;
height:30px;
margin:0;
color:#FFF;
}
div#lightbox_photos div.project-info .btn {
background-position:right -280px;
}
.project-contest div.project-info .btn span, div#lightbox_photos div.project-info .btn span {
background: white url(../images/sitewide/sprite_photos.gif?1551186590) no-repeat scroll left -10px;
padding:0 0 0 15px;
margin:0;
display:block;
height:30px;
line-height:30px;
}
div#lightbox_photos div.project-info .btn span {
background-position:left -280px;
}
div#lightbox_photos div.project-info .btn, div#lightbox_photos div.project-info .btn span {
background-color:#333;
}
.project-contest div.project-info .btn:hover span, div#lightbox_photos div.project-info .btn:hover span {
color:#FFF;
text-decoration:underline;
}
div#lightbox_photos div.project-info .btn {
right:0;
}
.project-contest div.project-info .voted, div#lightbox_photos div.project-info .voted {
background: none;
padding: 0;
height: auto;
color: #878580;
position:absolute;
top:0;
right:-137px;
}
div#lightbox_photos div.project-info .voted {
right: 0;
}
.project-contest div.project-info .voted .btn, div#lightbox_photos div.project-info .voted .btn {
position: static;
font-size: 12px;
display: inline;
float: right;
}
.project-contest div.project-info .voted .btn:hover span, div#lightbox_photos div.project-info .voted .btn:hover span {
text-decoration:none;
}
.project-contest div.project-info .voted em, div#lightbox_photos div.project-info .voted em {
position: static;
font-size: 11px;
font-style: normal;
clear: right;
display: inline;
float: right;
padding: 7px 0 0 0;
}
.project-contest div.project-info p a, .project-contest div.project-info .grey {
color:#878580;
}
.project-contest div.project-info p a:hover {
color:#34322B;
}
.project-contest div.project-info-headers, #lightbox_photos div.project-info-headers {
overflow:hidden;
zoom:1;
}
.project-contest div.project-info-headers h3, .project-contest div.project-info-headers .project-author,
#lightbox_photos div.project-info-headers h3, #lightbox_photos div.project-info-headers .project-author {
display:block;
float:left;
}
.project-contest div.project-info-headers .project-author,
#lightbox_photos div.project-info-headers .project-author {
color:#878580;
font-size:12px;
line-height:29px;
margin:0 0 0 7px;
}
.project-contest div.project-info-headers .project-author a,
#lightbox_photos div.project-info-headers .project-author a {
color:#878580;
text-decoration:none;
display:inline;
font-size: 14px;
}
.project-contest div.project-info-headers .project-author a:hover,
#lightbox_photos div.project-info-headers .project-author a:hover {
color:#878580;
text-decoration:underline;
}