@charset "utf-8";

/* Guided Entry Shared Styles */
#support-body-wrapper { width: 990px; }
.preferred { background-color: rgba(235,235,235,0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
#next-step span.hide { display: none; }
/* Override #000 for current step on breadcrumb from the rest of the support site */
div#breadcrumb li.last .breadcrumb-text { color: #5e5e5e; }

/* Content Containers */
#content-wrapper-product { position:relative; width: 990px; background-color: #ebebeb; border-radius: 5px; background-image: none; }
#product-icons-wrapper { position:relative; }
#product-icons-wrapper .spinner-40 {
	background-image: url("../../images/loaders/spinner-40-battlenet.png");
	background-position: -140px 0;
	-webkit-animation: keyframes-40-battlenet 0.8s steps(21) infinite;
	-moz-animation: keyframes-40-battlenet 0.8s steps(21) infinite;
	-ms-animation: keyframes-40-battlenet 0.8s steps(21) infinite;
	-o-animation: keyframes-40-battlenet 0.8s steps(21) infinite;
	animation: keyframes-40-battlenet 0.8s steps(21) infinite;
	content:'';
	position:absolute;
	height:40px;
	width:40px;
	right:20px;
	bottom:20px;
	opacity:0;
	-webkit-transition:opacity 300ms ease;
	-moz-transition:opacity 300ms ease;
	transition:opacity 300ms ease;
}
#product-icons-wrapper.spinner-battlenet .spinner-40 { opacity:1; }
.product-wrapper { width: 100%; height: 100%; padding-bottom:30px; background-repeat: no-repeat; background-position: top right; border-radius: 5px; }
.product-wow .product-wrapper { background-image: url('../../images/games/backgrounds/wod.jpg'); }
.product-sc2 .product-wrapper { background-image: url('../../images/games/backgrounds/sc2.jpg'); }
.product-d3 .product-wrapper { background-image: url('../../images/games/backgrounds/d3.jpg'); }
.product-hearthstone .product-wrapper { background-image: url('../../images/games/backgrounds/hearthstone.jpg'); }
.product-heroes .product-wrapper { background-image: url('../../images/games/backgrounds/heroes.jpg'); }
.product-battlenet .product-wrapper,
.product-legacy .product-wrapper,
.product-blizzcon .product-wrapper { background-image: url('../../images/games/backgrounds/battlenet.jpg'); }

/* Step Progress Bar */
.ie a.individual-step span { cursor:default; }
.ie a.step-completed span { cursor:pointer; }

#step-progress-wrapper { position: relative; width: 990px; height: 53px; border-radius: 5px; box-shadow: inset 0 2px 4px #777674; background-color: #ebebeb; margin: 20px 0 10px 0; z-index:1; }
#step-progress-wrapper .individual-step { width: 330px; height: 100%; float: left; text-align: center; color: #a8a7a3; font: bold 12px/53px "Arial", sans-serif; cursor: default; }
#step-progress-wrapper .step-completed { cursor: pointer; }
#step-progress-wrapper .individual-step p { line-height: 53px; }
#step-progress-wrapper .individual-step .step-number { font-size: 32px; display:inline-block; position: relative; top: -23px; margin-right: 5px;  }
#step-progress-wrapper .individual-step .step-text { display: inline-block; position: relative; top: -29px; }
#step-progress-wrapper .step-current { background-color: #343c46; text-shadow: 0px 0px 10px #fff; color: #fff; text-shadow: 0 0 10px #fff; position: relative; }
#step-progress-wrapper .step-completed { background-color:#343c46; display:block; color: #fff; position: relative; }
#step-progress-wrapper .individual-step .support-arrow,
#step-progress-wrapper .individual-step .support-gradient,
#step-progress-wrapper .step-completed .support-arrow,
#step-progress-wrapper .step-completed .support-gradient,
#step-progress-wrapper a#step-progress-3 .support-gradient { display: none; }
#step-progress-wrapper .step-current .support-arrow,
#step-progress-wrapper .step-current .support-gradient { display: inline; }
#step-progress-wrapper .step-completed:hover { background-color: #3e4753; cursor: pointer; }
#step-progress-wrapper .step-completed:hover .support-arrow { border-top-color: #3e4753; }
#step-progress-1 { border-radius: 5px 0 0 5px;  }
#step-progress-3 { border-radius: 0 5px 5px 0;  }
#step-progress-wrapper .support-gradient { height: 53px; width: 34px; background: url('../../images/layout/step-progress-gradient.png') no-repeat; position: absolute; top: 0; right: 0; opacity: .50; }
#step-progress-wrapper .support-arrow { width:0; height:0; border-left:20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #343c46; position: absolute; left: 145px; bottom: -20px; }
.step-text { text-transform: uppercase; }

/* Legal notification about NSL for KR region */
.support-legal-messaging { background:#bdbcb9; margin-bottom: 20px; padding:15px; font-size:12px; border-radius:5px; }

/* Support Contact Channel Buttons */
#support-buttons-wrapper { width: 990px; margin:10px 0; }
.support-channel-messaging { background:#bdbcb9; color:#8a8986; padding:30px; text-align:center; font-size:18px; border-radius:5px; }

#next-step { width: 990px; }
#next-step .wait-time-wrapper { position: relative; display: block; float:left; width:33.3333%; padding:0 5px; box-sizing:border-box; -moz-box-sizing:border-box;  vertical-align:top; text-align: left; }
#next-step .wait-time-wrapper:first-child, #next-step .wait-time-wrapper:nth-child(4){ padding-left:0; } { padding-left:0; }
#next-step .wait-time-wrapper:last-child { padding-right:0; }
#next-step .wait-time-wrapper:first-child:nth-last-child(4), #next-step .wait-time-wrapper:first-child:nth-last-child(4) ~ .wait-time-wrapper { width:25%; }
#next-step .wait-time-wrapper:last-child:nth-child(4){ padding-left:5px; }
#next-step .wait-time-estimate, #next-step .phone-subtext { display: block; height:40px; margin: 10px 0; font-weight: bold; color: #4A4A4A; white-space: normal; word-wrap:break-word; }
#next-step .support-channel-btn { text-align:left; width:100%; }
#next-step .phone-subtext { font-size: 11px;}

#lpDivButton { display:none; }

#next-step-phone .support-channel-btn:before { background-position:-65px -55px;  }
.next-step-web-chat .support-channel-btn:before { background-position:-125px -55px; }

#next-step-phone .support-channel-btn.disabled:before { background-position:-65px -8px;  }
.next-step-web-chat .support-channel-btn.disabled:before { background-position:-125px -8px; }

/*phone call back */
#phone-toggle .input-text { position:relative; width:auto; padding-right: 24px; }
.input-text.checking { position:relative; padding-right: 24px; }
.input-text.checking:after { right:0; top:50%; margin-top:-10px;  }
.ticket-info .error-message { display:none;  vertical-align:middle; padding-top:8px; line-height:16px; color:#730202;  }
.content.error .error-message { display:block; }

/* Sprite for Contact Channel Button Arrows */
.support-channel-button .button-right:after {   width: 20px; height: 20px; position: absolute; top: 50%; margin-top:-10px; right: 37px; background: url("../../images/icons/gray-large-arrow.png"); background-repeat: no-repeat; background-position: 0 -32px; content: ""; }
.support-channel-button.disabled .button-right:after { background-position:0 2px; }

.ui-button.spinner-battlenet .button-right:after,
.support-small-button.spinner-battlenet .button-left:after,
.input-text.checking:after {
	width: 20px;
	height: 20px;
	background-image: url("../../images/loaders/spinner-battlenet.png");
	background-position: -140px 0;
	-webkit-animation: keyframes-battlenet 0.8s steps(21) infinite;
	-moz-animation: keyframes-battlenet 0.8s steps(21) infinite;
	-ms-animation: keyframes-battlenet 0.8s steps(21) infinite;
	-o-animation: keyframes-battlenet 0.8s steps(21) infinite;
	animation: keyframes-battlenet 0.8s steps(21) infinite;
	content:'';
	position:absolute;
}

.ui-button.support-small-button span { padding:0; }
.ui-button.support-small-button .button-left { }
.ui-button.support-small-button span.button-right:after { top:50%; margin-top:-10px; right:8px; }
.support-small-button.spinner-battlenet .button-right { visibility:hidden; }
.support-small-button.spinner-battlenet .button-left:after { top:50%; margin-top:-10px; left:50%; margin-left:-10px; }

@-webkit-keyframes keyframes-battlenet {
	from { background-position: 0;	}
	to { background-position: -420px; }
}
@-moz-keyframes keyframes-battlenet {
	from { background-position: 0;	}
	to { background-position: -420px; }
}
@-o-keyframes keyframes-battlenet {
	from { background-position: 0; }
	to { background-position: -420px; }
}
@keyframes keyframes-battlenet {
	from { background-position: 0;	}
	to { background-position: -420px; }
}

/**/@-webkit-keyframes keyframes-40-battlenet {
		from { background-position: 0; }
		to { background-position: -840px; }
	}
@-moz-keyframes keyframes-40-battlenet {
	from { background-position: 0;	}
	to { background-position: -840px; }
}
@-o-keyframes keyframes-40-battlenet {
	from { background-position: 0;	}
	to { background-position: -840px; }
}
@keyframes keyframes-40-battlenet {
	from { background-position: 0;	}
	to { background-position: -840px; }
}

/* Guided Entry Tabs */
#support-tabs-wrapper { width:100%; margin:0 auto; clear:both; position:relative; top:10px; margin-bottom:40px; }
#support-tabs-wrapper nav { height:49px; width: 100%; position: absolute; top: -48px; clip: rect(-15px 660px 48px -15px); z-index: 2; }
#support-tabs-wrapper .support-tabs-link { float:left; text-decoration:none; height: 48px; padding: 0 35px; text-align:center; background: rgba(235,235,235,0.5); margin-right: 5px; }
#support-tabs-wrapper .support-tabs-selected { color:#4a4a4a; background-color: #e3e3e2; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
#support-tabs-wrapper .support-tabs-body { height:100%; width:100%; display:none; min-height: 168px; margin-bottom: 40px; }
#support-tabs-wrapper .support-tabs-body-active { display:block; }
#support-tabs-wrapper .support-tab-text { margin: 0; line-height: 48px; }
#support-tabs-body-wrapper { margin-top: 20px; background-color: rgba(235,235,235,0.5); width: 580px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3), 0px 0px 10px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; padding: 40px; }
#support-tabs-body-wrapper { background: -moz-linear-gradient(top,  rgba(227,227,226,0.99) 0%, rgba(228,228,227,0.99) 2%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,226,0.99)), color-stop(2%,rgba(228,228,227,0.99)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top,  rgba(227,227,226,0.99) 0%,rgba(228,228,227,0.99) 2%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top,  rgba(227,227,226,0.99) 0%,rgba(228,228,227,0.99) 2%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top,  rgba(227,227,226,0.99) 0%,rgba(228,228,227,0.99) 2%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(227,227,226,0.99) 0%,rgba(228,228,227,0.99) 2%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce3e3e2', endColorstr='#00ffffff',GradientType=0 ); }
#support-tabs-body-wrapper .input-select-extra-extra-large select { width: 580px; }
#support-tabs-search .suggestion-block { padding-top: 20px; font-size: 16px; }
#support-tabs-search .suggestion-block a { font-weight: bold; }
#support-topics-continue-button { position: absolute; bottom: 40px; right: 40px; }
#support-topics-continue-button span.button-right,
#support-search-continue-button span.button-right { font-size: 14px; }
#support-search-continue-button { position: absolute; bottom: 40px; right: 40px; }
#support-search-input span.input-text { width: 509px; height: 40px; padding: 0; }
#support-search-input input { width:500px; height: 100%; display: inline-block; padding: 0 0 0 5px; }
#submit-summary-button { position:relative; margin: 1px 0 0 4px; width: 63px; height: 40px; line-height:12px; }
#submit-summary-button span.button-left { width: 100%; padding-left: 0; line-height:12px; }
#submit-summary-button span.button-right { width:41px; height:41px; position:absolute; top:50%; left:50%; margin-top:-17px; margin-left:-14px; background: url("../../images/buttons/search-icon.png") no-repeat scroll -7px -4px transparent; }
#matching-categories { margin-top: 15px; }
#matching-categories .input-row-radio { padding-bottom: 30px; }
#matching-categories input[type="radio"] { display: none; }
#matching-categories label:before { content: ""; display: inline-block; width: 21px; height: 21px; background-color: #fafafa; box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); border-radius: 11px; position: relative; top: 5px; right: 4px; }
#matching-categories input[type="radio"]:checked + span:before { content: ""; display: inline-block; width: 9px; height: 9px; background-color: #48a608; border-radius: 5px; position: relative; top: -1px; right: 23px; box-shadow: inset 0px 2px 10px 0px rgba(255, 255, 255, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); margin-right: -13px; }

.support-small-button { line-height:0px; padding:12px 30px ; border-radius: 4px; overflow: hidden; color: #fff; box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.75); }
.support-small-button.enabled { background: -moz-linear-gradient(top,  #0089b9 0%, #006a9b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0089b9), color-stop(100%,#006a9b)); background: -webkit-linear-gradient(top,  #0089b9 0%,#006a9b 100%); background: -o-linear-gradient(top,  #0089b9 0%,#006a9b 100%); background: -ms-linear-gradient(top,  #0089b9 0%,#006a9b 100%); background: linear-gradient(to bottom,  #0089b9 0%,#006a9b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089b9', endColorstr='#006a9b',GradientType=0 ); }
.support-small-button.enabled:hover { color:#fff; background: -moz-linear-gradient(top,  #008ab9 0%, #0073a4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008ab9), color-stop(100%,#0073a4)); background: -webkit-linear-gradient(top,  #008ab9 0%,#0073a4 100%); background: -o-linear-gradient(top,  #008ab9 0%,#0073a4 100%); background: -ms-linear-gradient(top,  #008ab9 0%,#0073a4 100%); background: linear-gradient(to bottom,  #008ab9 0%,#0073a4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ab9', endColorstr='#0073a4',GradientType=0 ); }
.support-small-button.enabled:hover span.button-right { background: transparent; }
.support-small-button.disabled { background: #bdbcb8; box-shadow: none; }
.support-small-button.disabled .button-right { color: #a8a7a3; }

.category-selector { display:none; }

/* Selected Game Icon */
#support-selected-game { min-height: 100px; width: 660px; }
#content-wrapper-solution .selected-topic { min-height: 80px; }
#support-selected-game h4 { font: 28px/1.25 Arial, "Trebuchet MS", sans-serif; position: relative; top: 8px; padding-left: 50px; }
#support-selected-game h4 sup { font-size: 18px; }
#support-selected-game h4:before { content:""; display:inline-block; width:48px; height:48px; margin: 0 4px -15px -51px; background:url('../../images/games/icons/other-products.png') no-repeat; }
#support-selected-game .change-topic { position: relative; top: 7px; left: 50px; display: inline-block; font-weight: normal; font-size: 11px; text-transform: uppercase; }
.product-wow #support-selected-game h4:before { background-image:url('../../images/games/icons/wow.png'); }
.product-sc2 #support-selected-game h4:before { background-image:url('../../images/games/icons/starcraft2.png'); }
.product-d3  #support-selected-game h4:before { background-image:url('../../images/games/icons/diablo3.png'); }
.product-battlenet #support-selected-game h4:before { background-image: url('../../images/games/icons/battlenet.png'); }
.product-hearthstone #support-selected-game h4:before { background-image: url('../../images/games/icons/hearthstone.png'); }
.product-blizzcon #support-selected-game h4:before { background-image: url('../../images/games/icons/blizzcon.png'); }
.product-heroes #support-selected-game h4:before { background-image: url('../../images/games/icons/heroes.png'); }

/* Choose a Product View */
#content-wrapper-product { margin-bottom: 30px; }
#content-wrapper-product .support-icon { width:320px; height: 80px; display: inline-block; border-radius: 5px; margin: 13px 2px; }
#product-icons-wrapper { padding: 30px 5px; }

#content-wrapper-product .product-title sup { font-size: 10px; }
#content-wrapper-product .support-icon { font-weight: bold; color: #4a4a4a; font-size: 14px; }
#content-wrapper-product .support-icon:hover { cursor: pointer; color: #0171a1; }
.support-icon .product-title:before { content: ""; display: inline-block; background: url('../../images/games/icons/product-icons-sprite.png') no-repeat -5px -8px; width: 120px; height: 80px; margin-bottom: -35px; }
.support-icon:hover { background-color: #fff; }

/* Sprite for Product Icons */
#support-icon-wow .product-title:before { background-position: -136px -8px; }
#support-icon-sc2 .product-title:before { background-position: -5px -8px; }
#support-icon-d3 .product-title:before { background-position: -279px -8px; }
#support-icon-battlenet .product-title:before { background-position: -139px -114px; }
#support-icon-legacy .product-title:before { background-position: -278px -114px; }
#support-icon-hearthstone .product-title:before { background-position: -7px -115px; }
#support-icon-blizzcon .product-title:before { background-position: -7px -222px; }
#support-icon-heroes .product-title:before { background-position: -144px -222px; }

/* Suggestions View */
#content-wrapper-solution a { text-decoration: none; }
#content-wrapper-solution .services .icon { float: left; margin: 20px 10px 0 0; width: 60px; height: 60px; background: #e0e0e0; }
#support-selected-category p { height:100px; }
#preferred-suggestions-wrapper { width: 585px; padding: 40px; margin: 20px 0 0 0; }
#preferred-suggestions-wrapper .none span { font-size: 16px; font-weight: bold; }
#support-selected-category hr { margin-bottom: 25px; }
.product-wow #support-selected-topic h4:before { background-image:url(../../images/games/icons/wow.png); }
.product-sc2 #support-selected-topic h4:before { background-image:url(../../images/games/icons/starcraft2.png); }
.product-d3  #support-selected-topic h4:before { background-image:url(../../images/games/icons/diablo3.png); }
.suggestion-block { padding:30px 0; border-bottom:solid 1px #b5b3b2; }
.suggestion-block:first-child { padding-top:0; }
.suggestion-block:last-child { border-bottom:none; }
.suggestion-block p { padding: 8px 0px; }
.suggestion-block .intro { font-size: 12px; font-weight: bold; color: #000; margin-bottom:20px; }
.suggestion-block a { font-size: 16px; text-decoration: none; }
.suggestion-block em { color: #333333; font-style: normal; font-weight: bold; }
.suggestion-block .icon-text a:after,
.suggestion-block .icon-text a:hover:after { content: ""; display: inline-block; width: 30px; height: 30px; background: url(../../images/games/icons/blizzard.png) no-repeat 5px 17px; }

/* Articles View */
#article-keywords { margin: 20px 0px -5px 53px; }
#article-keywords a { font-size: 12px; font-weight: normal; }
#article textarea#feedback { width: 500px; }
#support-selected-game .separator { font-size: 13px; }
/* -- These override styles in articles/support.css to keep formatting of internal articles -- */
.article-column { width: 660px; float: none; }
#article { padding: 0; background-color: transparent; }
#article .preferred { padding: 40px; margin: 30px 0; }
div#article-content { background-color: transparent; margin-top: 0; }
div#article-content h4 { padding-left: 0; top: 0; }
div#article-content h4:before { display: none; }
div#article-content a { font-size: 14px; font-weight: normal; }
div#article-feedback .ui-cancel span { font-weight: normal; font-size: 12px; }
div#article-feedback .input-row-radio { top: -24px; }
div#article-feedback .article-feedback-form-group { margin-top: 2px; }

/* Details -- Ticket */
#content-wrapper-details #page-content { position: relative; width: 585px; padding: 40px; margin-top: 20px; }
#page-content { margin-top: -5px; }
#page-content .submit-row { text-align: right; }
#custom-fields-wrapper .inline-message { color: #4a4a4a; font-family: 'Arial', sans-serif; font-weight: normal; }
#description-charcount { color: #4a4a4a; font-family: 'Arial', sans-serif; position: absolute; top: -27px; right: 3px; }
#post-edit .input-right { position: relative; right: 3px; }
textarea#description { width: 575px; height: 120px; }
#custom-fields-wrapper .title-text,
#post-edit .label-text { font-weight: bold; color: #4a4a4a; font-family: 'Arial', sans-serif; font-size: 16px; }
#captcha-field { margin-top: 20px; }
#captcha-field .input-row { margin-top: 5px; }
#custom-fields-wrapper span.inline-message { margin-top: -12px; width: 580px; }
#file-attachments .file-message { width: 585px; }
.instruction-block {width: 595px; }
.ui-cancel span { padding: 0 10px; margin-left: 10px; text-transform: uppercase; border-left:0; }
.file-message { width: 595px; text-align: right; }
.submit-row { margin-top: 20px; }
#create-ticket .input-textarea-extra-large .icon-help-small { margin-top: 4px; margin-left: 8px; }

/* Details -- Chat View */
#chat-warning .alert { margin-top: 0; width: 585px; }
#additional-warning .alert { width: 585px; }

/* Details -- Phone View */
#phone-page-header { margin-top: 20px; border-bottom: none; }
#phone-block { padding: 40px 40px 20px 40px; width: 585px; }
#phone-primary-title { font-size: 22px; font-weight: bold; }
#phone-primary-title p { margin: 0 0 20px 0; }
#phone-primary-country { font-weight: bold; }
#phone-primary-number { font: 35px/38px "Arial",sans-serif; letter-spacing: -0.05em; font-weight: bold; margin-top: 20px; }
#phone-primary-hours { margin-bottom: 15px; }
#phone-primary-hours div { font-size:150%; padding-bottom:4px; text-align:center; }
#phone-table { margin: 0; }
#phone-block thead tr { text-align: left; }
#phone-block tbody td { height: 18px; line-height: 16px; padding: 8px; text-align: left; vertical-align: middle; height: 33px; border-top: 1px solid #afaeac; }
#phone-block tbody .phone-country { font-weight: bold; }
#phone-other-number-header { margin: 40px 0 20px -3px; font-size: 16px; }
#phone-other-number-header a:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-bottom: -6px; background: url(../../images/icons/promo-arrow.gif) 0px -12px no-repeat ; }
#phone-other-number-header a.table-show:before { background: url(../../images/icons/promo-arrow-down.gif) -4px -2px; }
#phone-other-number-header a { cursor: pointer; }
#phone-other-number-table { display:none; }
#primary-phone-status { text-transform: uppercase; font-weight: bold; }
#primary-phone-status .status { color: #80bf3a; padding-right: 10px; }
#phone-message { padding-bottom: 10px; }

/* Breadcrumb */
ol.ui-breadcrumb li:first-child span { color: #0171a3; }


.category-text h1,
.category-text h2,
.category-text h3,
.category-text h4,
.category-text h5,
.category-text h6 {	display: block;	font-weight: 400; line-height: 40px; text-shadow: none;	margin: 0 0 10px 0; }
.category-text h1 strong,
.category-text h2 strong,
.category-text h3 strong,
.category-text h4 strong,
.category-text h5 strong,
.category-text h6 strong { font-weight: 400; }
.category-text h1 {	font-size: 40px; line-height: 50px;	font-weight: 300; }
.category-text h1 strong { 	font-weight: 300; }
.category-text h2 {	padding-top: 10px; font-size: 30px; font-weight: 300; line-height: 40px; }
.category-text h3 {	padding-top: 20px;	font-size: 23px; line-height: 30px;	font-weight: 300; }
.category-text h4 {	padding-top: 30px; 	font-size: 17px; line-height: 20px; }
.category-text h5 {	padding-top: 30px; 	font-size: 13px; line-height: 20px; }
.category-text h6 {	padding-top: 30px; font-size: 11px;	line-height: 20px;	text-transform: uppercase;	letter-spacing: .075em; }

.category-text ol, .category-text ul { margin:0 0 10px 20px; padding:0; }
.category-text ol { list-style-type: decimal; }
.category-text ul { list-style-type: disc; }
.category-text  li { line-height: 20px; }

#cms-articles.suggestion-block { border:none; padding-bottom:0; }
#forum-posts.suggestion-block { padding-top:0; }

.article .topic { position:relative; padding-right:30px; }
.article .title { font-size:16px; }
.article .type-label { text-transform:uppercase; }
.article { line-height: 20px; font-size: 13px; margin-bottom:20px; }
.article .meta { color: #4e890e; font-size:12px; }
.article .meta a { font-size: 12px; }
.article .game-icon { position:absolute; right:0; top:0; }
.article .category-icon { position:relative; display:block; top:0; left:0; }
.article .employee-icon {background-image: url(../../images/icons/employee.gif); display:inline-block; }

.hide { visibility: hidden; }
.show { visibility: visible; }