
.is-recipe { background: url("../../images/artisan/recipe/bg-source.jpg") 0 0 no-repeat; margin: 0; padding-top: 27px; }

.recipe-source { padding: 10px; margin: 25px 100px 35px 0; position: relative; }
.recipe-source .source-text { float: left; line-height: 125%; padding-top: 2px; }
.recipe-source .source-text[data-d3tooltip] { cursor: help; }
.recipe-source .source-text .rank { color: #F3E6D0; font-size: 11px; display: block; padding-top: 2px; }
.recipe-source .source-text .rank span { color: #A99877; }
.recipe-source .source-text .d3-icon,
.recipe-source .source-text .plan { vertical-align: middle; display: inline-block; }
.recipe-source .source-text .plan { margin-left: 7px; }
.recipe-source .source-costs { float: right; margin-left: 15px; position: relative; z-index: 1; }
.recipe-source .source-costs .label { display: inline-block; vertical-align: middle; margin-right: 5px; }
.recipe-source .source-costs .cost { display: inline-block; vertical-align: middle; height: 27px; color: #F3E6D0; padding-top: 9px; }
.recipe-source .source-costs .recipe-materials { width: auto; display: inline-block; text-align: left; vertical-align: middle; }
.recipe-source .artisan-silhouette { width: 214px; height: 199px; position: absolute; right: -135px; bottom: -35px; z-index: 0; }
.recipe-source .artisan-silhouette.blacksmith { background-image: url("../../images/item/detail/artisan-blacksmith.png"); }
.recipe-source .artisan-silhouette.jeweler { background-image: url("../../images/item/detail/artisan-jeweler.png"); }
.recipe-source .artisan-silhouette.mystic { background-image: url("../../images/item/detail/artisan-mystic.png"); }

.recipe-source .source-text,
.recipe-source .source-costs .recipe-materials { height: 66px; margin:-15px 0; }

/* ie */
.ie6 .recipe-source { zoom: 1; }
.ie6 .recipe-source .artisan-silhouette { display: none; }

.ie67 .recipe-source .source-text .d3-icon,
.ie67 .recipe-source .source-text .plan,
.ie67 .recipe-source .source-costs .label,
.ie67 .recipe-source .source-costs .cost,
.ie67 .recipe-source .source-costs .recipe-materials { float: left; }
.ie67 .recipe-source .source-costs .label { padding-top: 9px; }
