.page-header { margin-bottom: 0; }
.page-body { margin: 0; }

/* class-specific backgrounds */
.hero-barbarian .body-top { background-image: url("../../images/layout/bgs/barbarian.jpg"); }
.hero-crusader .body-top { background-image: url("../../images/layout/bgs/crusader.jpg"); }
.hero-demon-hunter .body-top { background-image: url("../../images/layout/bgs/demon-hunter.jpg"); }
.hero-monk .body-top { background-image: url("../../images/layout/bgs/monk.jpg"); }
.hero-necromancer .body-top { background-image: url("../../images/layout/bgs/necromancer.jpg"); }
.hero-witch-doctor .body-top { background-image: url("../../images/layout/bgs/witch-doctor.jpg"); }
.hero-wizard .body-top { background-image: url("../../images/layout/bgs/wizard.jpg"); }
.calculator-follower .body-top { background-image: url("../../images/layout/bgs/followers.jpg"); }

/* main menu */
.tool-menu { z-index: 1; position: absolute; top: 75px; left: 4px; width: 249px; height: 600px; padding-top: 30px; padding-right: 1px; background: url("../../images/tool/sidebar-bg.jpg") 100% 0 no-repeat; }
.tool-menu a { display: block; padding: 6px 0 10px 30px; height: 50px; line-height: 50px; }
.tool-menu a .icon-frame { display: inline-block; vertical-align: middle; margin-right: 5px; }
.tool-menu a .name { line-height: 120%; width: 130px; display: inline-block; vertical-align: middle; font-family: "Palatino Linotype", "Times", serif; font-size: 13px; text-transform: uppercase; }
.ko-kr .tool-menu a .name { font-family:Dotum; font-size:14px; }
.tool-menu a:hover { background: rgba(255, 255, 255, 0.03); }
.tool-menu li { border-top: 1px solid #2a241c; }
.tool-menu li:first-child { border: none; }
.tool-menu li.selected a { background-color: #060606 !important; color: #F3E6D0; font-weight: bold; }
.tool-menu .divider { display: block; height: 25px; }

/* dialog boxes */
.tool-dialog { position: absolute; width: 285px; z-index: 200; color: #221103; background: #000 url("../../images/tool/parchment-bg.jpg") repeat; border: 1px solid #2c251b; font-size: 12px;
	box-shadow: 0 0 15px 5px #000; }
.tool-dialog .dialog-top { background: url("../../images/tool/parchment-top.jpg") no-repeat; }
.tool-dialog .dialog-bot { background: url("../../images/tool/parchment-bot.jpg") 100% 100% no-repeat; padding: 15px 20px; }
.tool-dialog .dialog-close { position: absolute; right: 8px; top: 8px;
	box-shadow: 0 0 5px #000; }
.tool-dialog .dialog-arrow { width: 30px; height: 40px; display: none; position: absolute; top: 0; left: -18px; background:  url("../../images/tool/sprite.png") 0 100% no-repeat; }
.tool-dialog .dialog-header { margin-bottom: 15px; }
.tool-dialog .dialog-header .subheader-3 { font-size: 20px; color: black; padding-right: 10px; }
.tool-dialog .dialog-header .description { }
.tool-dialog .dialog-header strong { color: black; }
.tool-dialog .dialog-content { min-height: 300px; margin-top: 15px; }
.tool-dialog .dialog-title { padding: 10px 0; text-align: center; border-top: 2px solid #b79b67; }
.tool-dialog .dialog-title:first-child { border-top: 0; padding-top: 0; }
.tool-dialog .dialog-title .header-3 { font-size: 14px; color: #660000; font-weight: bold; }
.tool-dialog .dialog-filter { margin-bottom: 15px; }
.tool-dialog .dialog-filter .input { width: 155px; margin: 0 2px; }
.tool-dialog .dialog-alert { margin: 15px 0; }

.tool-dialog .dark-parchment { background: #1a0f09 url("../../images/tool/parchment-dark.jpg") 50% 0 no-repeat; padding: 15px 10px 10px 10px; }
.tool-dialog .data-list { margin: 10px 0; }
.tool-dialog .data-list:first-child { margin: 0; }
.tool-dialog .data-list li { border-top: 1px solid #302318; color: #F3E6D0; }
.tool-dialog .data-list li:first-child { border: 0; }

/* load dialog */
.tool-dialog-load .data-list li .header-3 { padding-bottom: 5px; font-size: 13px; }
.tool-dialog-load .data-list li .saved-delete { float: right; margin-top: 2px; margin-right: 3px; }
.tool-dialog-load .data-list li .saved-name { display: block; padding: 3px; padding-right: 18px; word-wrap: break-word; }
.tool-dialog-load .data-list li .saved-name:hover { background: #0a0604; }

/* sidebar */
.tool-sidebar { position: absolute; right: 30px; width: 240px; z-index: 0; }
.tool-sidebar .sidebar-box { padding: 15px; margin-bottom: 30px; background: rgba(0, 0, 0, 0.25); }
.tool-sidebar .header-3 { margin-bottom: 10px; }
.tool-sidebar-disabled { opacity: 0.25; }

/* how to */
.sidebar-help .bullet-list { margin-left: 20px; }
.sidebar-help .bullet-list li { line-height: 2em; margin: 0; }

/* share / export */
.social-media .community-share { width: 100%; }
.social-media .community-share .share-links { float: left; }

.export-link {  }
.export-link .icon-16 { background: url("../../images/tool/sprite.png") -3px -43px no-repeat; }

.tool-dialog-export .input { width: 230px; }
.tool-dialog-export .box { margin-bottom: 20px; }
.tool-dialog-export .dialog-content .header-3 { color: #660000; margin-bottom: 10px; font-weight: bold; }
.tool-dialog-export .dialog-alert { margin-top: 30px; }

/* buttons */
.buttons { text-align: center; }
.buttons .ui-button { margin: 0 5px; }

/* meta info */
.meta-info { height: 20px; padding: 10px; overflow: hidden; }
.meta-info .class-link { float: right; }
.meta-info .required-level { color: #F3E6D0; font-weight: bold; }

/* ie */
.ie6 .tool-dialog .dialog-arrow,
.ie6 .export-link .icon-16 { background-image: url("../../images/tool/sprite.gif"); margin-right: 2px; margin-top: 1px; }
.ie6 .social-media a { background-image: url("../../images/tool/sprite.gif"); }
.ie8 .tool-sidebar .sidebar-box,
.ie67 .tool-sidebar .sidebar-box { background: black; }
.ie67 .tool-menu { top: 125px; }
.ie67 .tool-dialog,
.ie67 .tool-dialog .dialog-top,
.ie67 .tool-dialog .dialog-bot { zoom: 1; }