/* ===================================================================

  TABLE OF CONTENTS:

  I. Imports
  II. Normalize
  III. Base Styles
    A. Forms
    B. Buttons
  IV. Helper Classes
    A. Clearfix: Contain Floats;
    B. Column Size
    C. Dropdown Carets
    D. Visibility: Category, Section and Article
    E. Form Fields
  V. Content Frame
  VI. Header
  VII. Home
  VIII. Parsed Markdown
  IX. Search
    A. Main Search Component on the Home Page
    B. Secondary Smaller Search Component on Model Pages
  X. Navigation Pages: Home, Category & Section
  XI. Sidebar
  XII. Subnav Breadcrumbs
  XIII. FAQ
  XIV. Category
  XV. Section
  XVI. Article
  XVII. Social Share Links
  XVIII. Attachments / Screencasts
  XIX. Comments (Used in the Article and Request Page)
  XX. Requests
    A. Shared
    B. Open Requests
    C. Request Lists
    D. All Request Lists
    E. Request Page
    F. Request Statuses
    G. Subscriptions
  XXI. Search Results
  XXII. Forms
  XXIII. Error Pages
  XXIV. Pagination
  XXV. Chat
  XXVI. No Templates
  XXVII. Support Page Dimebar

=================================================================== */

/* ===================================================================
    I. Imports
=================================================================== */

@import url('//fonts.ncwest.ncsoft.com/includes/fonts/adelon/fonts.css');
@import url('//fonts.ncwest.ncsoft.com/includes/fonts/cartogothicpro/fonts.css');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

/* ===================================================================
    II. Normalize
=================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif;
      -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  height: 0;
}

mark {
  color: #000;
  background: #ff0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: '\201C' '\201D' '\2018' '\2019';
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

input[type='search'] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* ===================================================================
    III. Base Styles
=================================================================== */

#db-container,
#db-container * {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

*,
input[type=search] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #b1b1b1;
  background: #000 url(//p4.zdassets.com/hc/theme_assets/649913/200117319/bg-bns.jpg) 50% 0 no-repeat;
}

main {
  display: block;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #ffe5b2;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'CartoGothicProBook',​ Arial,​ Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
  color: #8bd4ff;
}

h1,
h2 {
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 26px;
  margin-bottom: .6em;
  color: #fff;
}

h3 {
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: .7em;
  color: #fff;
}

p {
  margin: 0 0 1em;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* III.A. - Forms */

label {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}

input[type=checkbox] + label {
  display: inline-block;
  margin-left: 5px;
}

input,
textarea {
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #dbdbdb;
  border: 1px solid rgba(0, 0, 0, .13);
}

textarea {
  height: 100px;
  padding: 7px 10px;
  resize: vertical;
}

textarea,
input[type=text] {
  width: 100%;
}

input,
textarea,
select {
  color: #030303;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

*::-webkit-input-placeholder {
  color: #9b9b9b;
}

*:-moz-placeholder {
  color: #9b9b9b;
}

*::-moz-placeholder {
  color: #9b9b9b;
}

*:-ms-input-placeholder {
  color: #9b9b9b;
}

/* III.B. - Buttons */

button,
[role=button],
[type=button],
[type=submit] {
  font-size: 12px;
  font-weight: normal;
  line-height: 28px;
  position: relative;
  display: inline-block;
  height: 30px;
  padding: 0 10px;
  cursor: pointer;
  -webkit-transition: opacity 300ms ease;
      transition: opacity 300ms ease;
  vertical-align: middle;
  white-space: nowrap;
  color: #030303;
  border: 1px solid #d1d1d1;
  border: 1px solid rgba(0,0,0,.17);
  border-radius: 2px;
  background: transparent;
  box-shadow: inset 0 -2px #f6f6f6;
  box-shadow: inset 0 -2px rgba(0, 0, 0, .03);
}

input[type=submit][disabled] {
  opacity: .4;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}

input[type=submit] {
  border-color: transparent;
}

a[role='button']:hover {
  text-decoration: none;
}

.notification {
  position: absolute;
  z-index: 1000;
  top: 32px;
  width: 100%;
  padding: 20px 15px !important;
}

/* ===================================================================
    IV. Helper Classes
=================================================================== */

/* IV.A. - Clearfix: Contain Floats */

.clearfix:before,
.clearfix:after {
  display: table;
  content: ' ';
}

.clearfix:after {
  clear: both;
}

/* IV.B. - Column Size */

.main-column {
  float: left;
  width: 650px;
}

.side-column {
  float: right;
  width: 200px;
}

/* IV.C. - Dropdown Carets */

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle:after {
  font-size: .65em;
  margin-left: 5px;
  content: '\25BC';
  color: #b4b4b4;
  color: rgba(0,0,0,.3);
}

/* IV.D. - Visibility: Category, Section and Article */

.visibility-internal:before {
  font-family: entypo;
  font-size: .9em;
  position: relative;
  z-index: 100;
  display: inline-block;
  margin-right: 5px;
  content: '\1F512';
  color: #b75334;
}

/* IV.E. - Form Fields */

.form-field + .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  margin-bottom: 5px;
}

/* ===================================================================
    V. Content Frame
=================================================================== */

main {
  overflow: hidden;
  width: 960px;
  margin: 0 auto 130px;
  border-radius: 0 0 2px 2px;
}

.main-content-container {
  min-height: 430px;
  padding: 30px 49px;
  background-color: #0f0f0f;
}

aside.main-sidebar {
  width: 242px;
}

aside.main-sidebar.right {
  float: right;
  margin-left: 70px;
}

aside.main-sidebar.left {
  float: left;
  width: 210px;
  margin-right: 49px;
}

.main-content {
  overflow: hidden;
}

.container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1245px;
  min-width: 1000px;
  padding: 0 30px;
  margin: 0 auto;
  clear: both;
}

/* ===================================================================
    VI. Header
=================================================================== */

h1.page-title {
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 30px;
  z-index: 0;
  width: 960px;
  margin: 0 auto;
  padding: 206px 0 32px;
  text-align: center;
  color: #fff;
}

#header {
  display: none !important;
}

header.header {
  position: relative;
  width: 960px;
  height: 88px;
  margin: 0 auto;
  border-bottom: 1px solid #000;
  border-radius: 2px 2px 0 0;
  background: url('//p4.zdassets.com/hc/theme_assets/649913/200117319/bg-pattern.jpg') repeat;
}

.header-top a#header-logo {
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    width: 270px;
    height: 175px;
    margin-left: -135px;
    text-align: left;
    text-indent: -9999em;
    outline: medium none;
}

header .search {
  position: absolute;
  top: 17px;
  left: 40px;
}

header .search-small {
  position: absolute;
  top: 16px;
  left: 50px;
}

header nav {
  font-size: 16px;
  position: absolute;
  top: 30px;
  right: 30px;
}

header nav:lang(fr) {
  font-size: 15px;
  position: absolute;
  top: 24px;
  right: 30px;
}

header nav:lang(de) {
  font-size: 15px;
  position: absolute;
  top: 33px;
  right: 30px;
}

header nav a {
  display: block;
  color: #c0b9a2;
}

header nav a:hover {
  color: #c0b9a2;
  text-decoration: underline;
}

header nav > ul > li {
  float: left;
  padding: 0 19px;
}

header nav > ul > li:lang(fr) {
  line-height: 18px;
  text-align: center;
  width: 140px;
  float: left;
  padding: 0 10px;
}

header nav > ul > li:lang(de) {
  line-height: 18px;
  float: left;
  padding: 0 15px;
}

header .login {
  margin-left: 20px;
}

header .user-info {
  display: inline-block;
  margin-left: 30px;
}

header .language-selector {
  display: inline-block;
}

header .user-avatar {
  position: relative;
  top: -1px;
  left: -5px;
  max-height: 20px;
}

div.header-top {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

div.header-top a#header-logo {
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  width: 270px;
  height: 175px;
  margin-left: -135px;
  text-align: left;
  text-indent: -9999em;
  outline: medium none;
}

/* ===================================================================
    VII. Home
=================================================================== */

/*
.hero-unit {
  overflow: hidden;
  margin: 0 -60px 30px;
  padding: 40px 60px 45px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  background: #fcfcfc;
}

.help-center-name {
  font-size: 30px;
  line-height: 1em;
  margin: 0 0 10px;
}
*/

#home-page.main-content-container {
  padding: 50px 50px 50px 80px;
}

.home-page-buttons {
  overflow: hidden;
  padding: 0 45px;
  border-top: 1px solid #303030;
  background: url('//p4.zdassets.com/hc/theme_assets/649913/200117319/bg-pattern.jpg') repeat;
}

.home-page-buttons .site-nav ul li {
  float: left;
  width: 25%;
  height: 280px;
  text-align: center;
  color: #fff;
}

.home-page-buttons .site-nav ul li:hover {
  text-decoration: none;
  background-color: #b75334;
}

.home-page-buttons .site-nav ul li:hover a span.title,
.home-page-buttons .site-nav ul li:hover a span.description {
  color: #fff;
}

.home-page-buttons .site-nav ul li a {
  display: block;
  padding: 133px 0 35px;
  color: #fff;
  background-repeat: no-repeat;
}

.home-page-buttons .site-nav ul li a span.title {
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 20px;
  display: block;
  color: #b75334;
}

.home-page-buttons .site-nav ul li a span.title:lang(fr) {
  font-size: 16px;
}

.home-page-buttons .site-nav ul li a span.description {
  font-size: 13px;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: block;
  padding: 10px 30px;
  color: #b1b1b1;
}

.home-page-buttons .site-nav ul li a.in-game-support {
  height: 79px;
  background-image: url(//p4.zdassets.com/hc/theme_assets/649913/200117319/home-nav-icons-002.png);
  background-position: 88px 33px;
}

.home-page-buttons .site-nav ul li a.account-support {
  height: 79px;
  background-image: url(//p4.zdassets.com/hc/theme_assets/649913/200117319/home-nav-icons-002.png);
  background-position: -126px 33px;
}

.home-page-buttons .site-nav ul li a.technical-support {
  height: 79px;
  background-image: url(//p4.zdassets.com/hc/theme_assets/649913/200117319/home-nav-icons-002.png);
  background-position: -345px 33px;
}

.home-page-buttons .site-nav ul li a.payment-support {
  height: 79px;
  background-image: url(//p4.zdassets.com/hc/theme_assets/649913/200117319/home-nav-icons-002.png);
  background-position: -566px 33px;
}

.home-page-buttons .site-nav ul li a.in-game-support:hover {
  background-position: 88px -114px;
}

.home-page-buttons .site-nav ul li a.account-support:hover {
  background-position: -126px -114px;
}

.home-page-buttons .site-nav ul li a.technical-support:hover {
  background-position: -345px -114px;
}

.home-page-buttons .site-nav ul li a.payment-support:hover {
  background-position: -566px -114px;
}

#home-page.main-content-container .announcements div {
  font-size: 13px;
}

#home-page.main-content-container .announcements,
#home-page.main-content-container .twitter-feed {
  margin-bottom: 50px;
}

.announcements .news-article,
.twitter-feed .news-article {
  margin-bottom: 20px;
}

.announcements .news-article .date,
.twitter-feed .news-article .date {
  float: right;
  margin-right: 29px;
  color: #b1b1b1;
}

.announcements .news-article .read-more,
.twitter-feed .news-article .read-more {
  text-decoration: underline;
  color: #fff;
}

/* ===================================================================
    VIII. Parsed Markdown
=================================================================== */

.markdown {
  word-wrap: break-word;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5 {
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  margin: 0 0 10px;
  padding: 0;
}

.markdown img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, .07);
}

.markdown p {
  margin-bottom: 10px;
}

.markdown ul,
.markdown ol {
  margin: 0 0 10px 10px;
  list-style-position: inside;
}

.markdown ul {
  list-style-type: disc;
}

.markdown ol {
  list-style-type: decimal;
}

.markdown ul > ul,
.markdown ol > ol {
  margin: 0 0 0 10px;
}

.markdown pre {
  overflow: auto;
  margin-bottom: 10px;
  padding: 10px 15px;
  white-space: pre;
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, .07);
  border-radius: 3px;
  background: #fbfbfb;
  background: rgba(0, 0, 0, .02);
}

.markdown blockquote {
  font-style: italic;
  margin: 0 0 10px;
  padding-left: 10px;
  color: #8e8e8e;
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(0, 0, 0, .07);
}

.markdown hr {
  height: 2px;
  margin-bottom: 10px;
  background-color: #ececec;
}

/* ===================================================================
    IX. Search
=================================================================== */

/* IX.A. - Main Search Component on the Home Page */

.search {
  position: relative;
  overflow: hidden;
  padding: 3px;
}

.search:before,
.search:before:lang(fr),
.search:before:lang(de) {
  font-family: FontAwesome;
  font-size: 24px;
  position: absolute;
  top: 7px;
  right: 14px;
  content: '\f002';
  color: #9b9b9b;
}

.search input[type=text],
.search input[type=search] {
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  overflow: hidden;
  width: 438px;
  padding: 13px 35px 13px 18px;
  color: #9b9b9b;
  border: 1px solid #212129;
  border-radius: 5px;
  background-color: #fff;
}

.search input[type=text]:focus,
.search input[type=search]:focus {
  outline: none;
}

.search input[type=submit] {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  overflow: hidden;
  width: 38px;
  height: 38px;
  text-align: left;
  text-indent: -9999px;
  border: 0 none;
  outline: none;
  box-shadow: none;
}

/* IX.B. - Secondary Smaller Search Component on Model Pages */

.search-small {
  position: relative;
  overflow: hidden;
  padding: 3px;
}

.search:before {
  font-family: FontAwesome;
  font-size: 24px;
  position: absolute;
  top: 7px;
  right: 14px;
  content: '\f002';
  color: #9b9b9b;
}

.search-small input[type=search] {
  font-size: 18px;
  width: 438px;
  padding: 8px 35px 8px 10px;
  color: #b1b1c8;
  border: 1px solid #212129;
  border-radius: 5px;
}

.search-small input[type=search]:focus {
  outline: none;
}

/* ===================================================================
    X. Navigation Pages: Home, Category & Section
=================================================================== */

.category h2 a,
.section h3 a,
.category-list a {
  color: inherit;
}

.category-list li {
  font-size: 20px;
  margin-bottom: 30px;
  padding: 20px 40px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fcfcfc;
}

.category h2 {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0,0,0,.07);
}

/*
.category-empty, .section {
  display: inline-block;
  width: 49.5%;
  padding: 0 50px 45px 0;
  vertical-align: top;
}
*/

.article-list li {
  font-size: 12px;
  margin-bottom: 8px;
}

.article-list li:before {
  font-family: FontAwesome;
  padding: 0 4px;
  content: '\f101';
  color: #b75334;
}

.article-list li a {
  color: #c0b9a2;
}

.article-list li a:hover {
  text-decoration: underline;
}

.article-promoted span {
  display: none;
}

/*
.article-promoted span {
  position: relative;
  margin-right: 5px;
  cursor: default;
  color: #f00;
}

.article-promoted span:before,
.article-promoted span:after {
  position: absolute;
  display: none;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after {
  display: block;
}

.article-promoted span:before {
  z-index: 1;
  top: 100%;
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  content: attr(data-title);
  white-space: nowrap;
  color: #fff;
  border-radius: 4px;
  background: #222;
  background: rgba(0, 0, 0, .85);
}

.article-promoted span:after {
  bottom: -5px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  content: '';
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222;
  border-bottom: 5px solid rgba(0,0,0,.85);
  border-left: 5px solid transparent;
}
*/

.see-all-articles {
  font-size: 12px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 30px;
  text-decoration: underline;
}

.category-description,
.section-description {
  margin-bottom: 40px;
  color: #8e8e8e;
}

.section-subscribe,
.section-unsubscribe {
  float: right;
  margin-top: 5px;
}

.section-list a {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 10px;
  color: inherit;
}

/* ===================================================================
    XI. Sidebar
=================================================================== */

aside.main-sidebar .site-nav {
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 17px;
  margin-bottom: 36px;
  padding-bottom: 30px;
  border-bottom: 1px solid #212129;
}

aside.main-sidebar .site-nav:lang(fr) {
  font-size: 13px;
}

aside.main-sidebar .site-nav:lang(de) {
  font-size: 16px;
}

aside.main-sidebar .site-nav ul li a {
  line-height: 53px;
  display: block;
  height: 53px;
  padding-left: 47px;
  background: url(//p4.zdassets.com/hc/theme_assets/649913/200117319/side-nav-icons-002.png) no-repeat;
  color: #b75334;
}

aside.main-sidebar .site-nav ul li a.in-game-support {
  background-position: 0 10px;
}

aside.main-sidebar .site-nav ul li a.technical-support {
  background-position: 0 -96px;
}

aside.main-sidebar .site-nav ul li a.payment-support {
  background-position: 0 -148px;
}

aside.main-sidebar .site-nav ul li a.account-support {
  background-position: 0 -43px;
}

aside.main-sidebar .site-nav ul li a.in-game-support:hover,
aside.main-sidebar .site-nav ul li a.in-game-support:hover:before,
aside.main-sidebar .site-nav ul li a.technical-support:hover,
aside.main-sidebar .site-nav ul li a.technical-support:hover:before,
aside.main-sidebar .site-nav ul li a.payment-support:hover,
aside.main-sidebar .site-nav ul li a.payment-support:hover:before,
aside.main-sidebar .site-nav ul li a.account-support:hover,
aside.main-sidebar .site-nav ul li a.account-support:hover:before {
  color: #fff;
}

aside.main-sidebar .site-nav ul li a span.description {
  display: none;
}

aside.main-sidebar .contact-us ul li {
  margin-bottom: .7em;
}

aside.main-sidebar .contact-us ul li a {
  font-size: 14px;
  color: #c0b9a2;
}

aside.main-sidebar .contact-us ul li a:hover {
  text-decoration: underline;
}

/* ===================================================================
    XII. Subnav Breadcrumbs
=================================================================== */

.sub-nav,
.community-nav {
  padding: 6px 20px 4px 60px;
  color: #fff;
  border-top: 1px solid #303030;
  background: url('//p4.zdassets.com/hc/theme_assets/649913/200117319/bg-pattern.jpg') repeat;
}

.community-nav li,
.sub-nav .breadcrumbs li {
  display: inline-block;
}

.sub-nav .breadcrumbs li + li:before {
  font-family: FontAwesome;
  padding: 0 8px;
  content: '\f101';
  color: #b1b1b1;
}

.sub-nav .breadcrumbs li a {
  color: #c0b9a2;
}

.sub-nav .breadcrumbs li:last-child,
.sub-nav .breadcrumbs li:last-child a {
  color: #fff;
}

.community-nav li {
  margin-right: 20px;
}

.community-nav li a {
  color: #000;
}

/* ===================================================================
    XIII. FAQ
=================================================================== */

.faq {
  margin: 50px 0 50px;
}

.faq section.promoted-articles h3 {
  display: none;
}

.faq ul > li {
  position: relative;
}

.faq ul > li:before {
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  top: -4px;
  content: '\f101';
  color: #b75334;
}

.faq ul > li a {
  font-size: 13px;
  margin-left: 16px;
  color: #c0b9a2;
}

.faq ul > li a:hover {
  text-decoration: underline;
}

/* ===================================================================
    XIV. Category
=================================================================== */

#category-page .faq {
  margin: 30px 0 50px;
}

#category-page .faq h3 {
  font-family: 'CartoGothicProBold',​ Arial,​ Helvetica,​ sans-serif, sans-serif;
  font-size: 17px;
  margin-bottom: 1em;
}

#category-page .faq .promoted-articles h3 {
  display: none;
}

#category-page .section-tree {
  overflow: hidden;
}

#category-page .section-tree .section {
  display: inline-block;
  width: 265px;
  margin: 0 30px 40px 0;
  vertical-align: top;
}

#category-page .section-tree .section ul {
  font-size: 12px;
  padding-left: 32px;
}

#category-page .section-tree .section h3 {
  font: 17px/28px 'CartoGothicProBold',​ Arial,​ Helvetica,​ sans-serif, sans-serif;
  margin-bottom: .5em;
}

#category-page .section-tree .section h3 a {
  line-height: 32px;
  display: block;
  height: 32px;
  padding-left: 47px;
  background: url(//p4.zdassets.com/hc/theme_assets/649913/200117319/side-nav-icons-002.png) no-repeat;
}

#category-page .section-tree .section h3 a.account-support {
  background-position: 0 -53px;
}

#category-page .section-tree .section h3 a.technical-support {
  background-position: 0 -106px;
}

#category-page .section-tree .section h3 a.payment-support {
  background-position: 0 -159px;
}

#category-page .section-tree .section ul.article-list li {
  position: relative;
  margin-bottom: 4px;
  padding: 0 0 5px;
  color: #b1b1b1;
}

#category-page .section-tree .section ul.article-list li:before {
  font-family: FontAwesome;
  padding: 0 4px;
  content: '\f101';
  color: #b75334;
}

#category-page .section-tree .section ul.article-list li a {
  color: #c0b9a2;
}

#category-page .section-tree .section ul.article-list li a:hover {
  text-decoration: underline;
}

/* ===================================================================
    XV. Section
=================================================================== */

#section-page .ask-a-question {
  margin-bottom: 20px;
  text-align: right;
  border-bottom: 1px solid #212129;
}

#section-page .ask-a-question a {
  color: #c0b9a2;
}

#section-page .ask-a-question a:hover {
  text-decoration: underline;
  color: #fff;
}

/* ===================================================================
    XVI. Article
=================================================================== */

.article-header {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.article-header h1 {
  line-height: 1.3em;
  margin-bottom: 20px;
}

.article-author {
  font-weight: bold;
}

.article-metadata {
  position: relative;
}

.article-avatar {
  position: absolute;
  top: 0;
  left: 0;
}

.article-avatar img {
  max-width: 38px;
  max-height: 38px;
}

.article-updated {
  font-size: 12px;
  margin-top: 5px;
  color: #8e8e8e;
}

.article-subscribe,
.article-unsubscribe {
  float: right;
}

.article-body {
  word-wrap: break-word;
}

.article-body p {
  font-size: 13px;
  line-height: 1.750em;
}

.article-body a {
  color: #c0b9a2;
}

.article-body a:hover {
  text-decoration: underline;
}

.article-body img {
  max-width: 100%;
  height: auto;
  padding: 3px;
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, .07);
}

.article-body pre {
  overflow: auto;
  padding: 10px 15px;
  white-space: pre;
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, .07);
  border-radius: 3px;
  background: #fbfbfb;
  background: rgba(0, 0, 0, .02);
}

.article-body blockquote {
  font-style: italic;
  margin: 20px 0;
  padding-left: 20px;
  color: #8e8e8e;
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(0, 0, 0, .07);
}

.article-body ul,
.article-body ol {
  margin: 20px 0 20px 20px;
  list-style-position: outside;
}

.article-body ul > ul,
.article-body ol > ol {
  margin: 0 0 0 20px;
}

.article-body ul {
  list-style-type: disc;
}

.article-body ol {
  list-style-type: decimal;
}

.article-body li {
  margin-left: 20px;
}

.article-body h2 {
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-transform: none;
  color: #8bd4ff;
}

.article-footer {
  margin: 30px 0;
  padding: 15px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ececec;
  border-color: rgba(0, 0, 0, .07);
}

.article-footer .share {
  float: right;
}

.article-vote {
  position: relative;
  float: left;
}

.article-vote small {
  display: block;
  color: #8e8e8e;
}

.article-vote a:hover {
  text-decoration: none;
}

.article-vote-controls {
  position: absolute;
  top: 1px;
  right: -85px;
}

.article-vote-up {
  color: green;
}

.article-vote-down {
  color: red;
}

.article-vote-up,
.article-vote-down {
  font-family: entypo;
}

.article-vote-up:before {
  content: '\1f44d';
}

.article-vote-down:before {
  content: '\1f44e';
}

.article-voted {
  opacity: 1;
  box-shadow: inset 1px 1px 5px #ddd;
}

.article-vote-up.article-voted {
  color: #6b9100;
}

.article-more-questions {
  margin-bottom: 30px;
}

.article-more-questions a {
  text-decoration: none;
  color: #ffe5b2;
}

.recent-articles,
.related-articles {
  float: left;
  width: 50%;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 10px;
}

.recent-articles {
  padding-right: 20px;
}

.related-articles {
  padding-left: 20px;
}

.article-comments {
  margin-top: 50px;
}

/* ===================================================================
    XVII. Social Share Links
=================================================================== */

.share li {
  display: inline-block;
}

.share a,
.share a:before {
  line-height: 30px;
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 30px;
}

.share a:before {
  font-family: entypo;
  display: inline-block;
  text-align: center;
  color: #fff;
}

.share a:hover {
  text-decoration: none;
}

.share-twitter:before {
  content: '\F309';
  background: #00aced;
}

.share-facebook:before {
  content: '\F30C';
  background: #3b5998;
}

.share-linkedin:before {
  content: '\F318';
  background: #4875b4;
}

.share-googleplus:before {
  content: '\F30F';
  background: #cd3c2a;
}

/* ===================================================================
    XVIII. Attachments / Screencasts
=================================================================== */

.attachments,
.screencasts {
  font-size: 11px;
}

.attachments span,
.screencasts span {
  color: #8e8e8e;
}

.attachments li,
.screencasts li {
  margin-bottom: 10px;
}

.attachments li:before,
.screencasts li:before {
  font-family: entypo;
  margin-right: 5px;
  padding: 5px;
  color: #8e8e8e;
  border-radius: 3px;
  background: #f2f2f2;
}

.attachments li:before {
  content: '\1F4CE';
}

.screencasts li:before {
  content: '\1F4BB';
}

/* ===================================================================
    XIX. Comments (Used in the Article and Request Page)
=================================================================== */

/*
.comment,
.comment-form {
  position: relative;
  min-height: 100px;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, .07);
}

.comment-container {
  margin-left: 70px;
}

.comment-avatar {
  position: absolute;
  display: inline-block;
}

.comment-avatar img {
  max-width: 45px;
  max-height: 45px;
  border-radius: 3px;
}

.comment-avatar-agent:after {
  position: absolute;
  right: -3px;
  bottom: -5px;
  width: 15px;
  height: 15px;
  content: ' ';
  background-color: transparent;
  background-image: url(/hc/assets/agent-marker.png);
  background-image: url(/hc/assets/agent-marker.svg);
  background-repeat: no-repeat;
  background-size: 14px;
}

.comment-author {
  display: inline-block;
  margin-bottom: 15px;
}

.comment-published,
.comment-delete {
  font-size: 11px;
  float: right;
}

.comment-published {
  color: #8e8e8e;
}

.comment-body {
  margin-bottom: 30px;
  white-space: pre-line;
}

.comment-body p:first-child {
  margin-top: 0;
}

.comment-delete {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(0, 0, 0, .07);
}

.comment-form textarea {
  border-width: 1px;
  border-radius: 2px 2px 0 0;
}

.comment-attachments {
  padding: 10px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #dbdbdb;
  border-color: rgba(0, 0, 0, .13);
  border-radius: 0 0 2px 2px;
}

.comment-form {
  padding-top: 30px;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}
*/

.comment-form-controls input[type=submit] {
  color: #fff;
  border-color: transparent;
  background-color: #cd3c2a;
}

/*
.comment-screencasts {
  float: left;
  margin-top: 3px;
}
*/

/* ===================================================================
    XX. Requests
=================================================================== */

/* XX.A. - Shared */

.request-follow-up {
  text-align: right;
}

.follow-up-hint {
  font-size: 13px;
  display: inline-block;
  float: right;
  margin-top: 13px;
}

.request-actions,
.request-details,
.subscriptions-menu {
  margin: 30px 0;
  padding: 15px 20px;
}

.request-actions li + li,
.request-details li + li {
  margin-top: 10px;
}

.request-actions,
.request-details, .subscriptions-menu,
.form {
  border-radius: 3px;
}

.request-actions li,
.request-details li {
  margin-bottom: 10px;
}

.request-actions li a,
.request-details li a,
.subscriptions-menu a {
  color: #c0b9a2;
}

.request-actions li a:hover,
.request-details li a:hover,
.subscriptions-menu a:hover {
  text-decoration: underline;
}

.side-column [role=button] {
  margin-left: 20px;
  border: none;
  background-color: #cd3c2a;
  color: #fff;
}

/* XX.B. - Open Requests */

.request {
  padding: 10px 0 30px;
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.request:first-child {
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, .07);
}

.request-status {
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  padding: 2px 5px;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 3px;
}

.request .request-status {
  float: right;
  margin-top: 18px;
}

.request-subject {
  margin-bottom: 3px;
}

.request-published {
  font-size: 12px;
  margin-bottom: 20px;
  color: #8e8e8e;
}

.request-link {
  font-size: 12px;
  display: inline-block;
  margin-top: 25px;
  padding: 3px 15px;
  border: 1px solid #d1d1d1;
  border: 1px solid rgba(0, 0, 0, .17);
  border-radius: 2px;
}

/* XX.C. - Request Lists */

.status-selection {
  display: inline-block;
  margin-left: 5px;
}

.status-selection > button {
  font-weight: bold;
}

/* XX.D. - All Requests List */

.request-data {
  margin: 30px 0 0;
}

.request-data p {
  margin: 15px 0 0;
}

.requests-search {
  width: 250px;
  margin: 0 30px 0 0;
  padding: 5px 15px;
  border-radius: 15px;
  outline: none;
}

.request-table {
  width: 100%;
  margin-top: 30px;
  border-collapse: collapse;
  text-align: left;
}

.request-table th {
  font-size: 11px;
  font-weight: normal;
  color: #8e8e8e;
}

.request-table td,
.request-table th {
  overflow: hidden;
  padding: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, .07);
  border-width: 1px 0;
}

.request-table th:nth-child(1) {
  overflow: visible;
}

.request-table td:nth-child(1) {
  overflow: visible;
  max-width: 50px;
}

.request-table td:nth-child(2) {
  max-width: 250px;
}

.request-table td:nth-child(3) {
  max-width: 60px;
}

.request-table td:nth-child(4) {
  max-width: 80px;
}

.request-table td:nth-child(5) {
  max-width: 80px;
}

/* XX.E. - Request Page */

.request-id {
  font-size: 13px;
  display: block;
  color: #8e8e8e;
}

.request-details {
  font-size: 12px;
}

.request-details dt ~ dt {
  margin-top: 15px;
}

.request-details dd {
  font-weight: bold;
  margin: 2px 0 0;
}

/* XX.F. - Request Statuses */

.request-open {
  background: #59bbe0;
}

.request-answered {
  background: #f5ca00;
}

.request-solved {
  background: #828282;
}

/* XX.G. - Subscriptions */

.subscription {
  padding: 10px 30px;
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.subscription:first-child {
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, .07);
}

.subscription-options {
  float: right;
}

/* ===================================================================
    XXI. Search Results
=================================================================== */

.search-results-heading {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-bottom: 25px;
  padding-bottom: 4px;
  color: #777;
  border-bottom: 1px solid rgba(0, 0, 0, .07);
}

.search-results-subheading {
  font-size: 20px;
}

.search-results-subheading-link {
  font-size: 12px;
}

.search-result {
  margin: 0;
  padding: 0 0 20px 0;
}

/*
.search-result + .search-result {
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, .07);
}
*/

.search-results-list {
  margin: 0;
}

.search-results-column {
  margin-bottom: 40px;
}

.search-results-column a {
  color: #c0b9a2;
}

.search-results-column a:hover {
  text-decoration: underline;
}

.search-result-link {
  font-size: 12px;
}

.search-result-meta {
  color: #8b8b8b;
}

.search-result-meta time {
  color: #8b8b8b;
}

.search-result-description {
  display: none;
}

.search-result-votes {
  line-height: 1em;
  position: relative;
  top: -2px;
  display: inline-block;
  margin-left: 5px;
  padding: 4px 5px;
  color: #fff;
  border-radius: 2px;
  background: #a8d119;
}

.search-result-votes:before {
  font-family: entypo;
  margin-right: 3px;
  content: '\1F44D';
}

.search-results {
  border-bottom: 1px solid #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, .07);
}

/* ===================================================================
    XXII. Forms
=================================================================== */

.form {
  overflow: hidden;
  padding: 40px 55px;
}

.form-field + .form-field {
  margin-top: 25px;
}

.form-field label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.form-field input[type=checkbox] + label {
  margin: 0 0 0 10px;
}

.form-field.required > label:after {
  margin-left: 2px;
  content: '*';
  color: red;
}

.form-field textarea,
.form-field input {
  box-shadow: inset 0 1px #e3e3e3;
  box-shadow: inset 0 1px rgba(0, 0, 0, .11);
}

.form-field p {
  font-size: 11px;
}

.form-field input[type=number],
.form-field input.datepicker {
  width: 150px;
}

.form form + form {
  margin-top: 25px;
}

.form footer {
  margin-top: 40px;
  padding-top: 25px;
  text-align: right;
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0, 0, 0, .07);
}

.form footer a {
  margin-right: 15px;
  cursor: pointer;
  color: #ccc;
}

.form footer input[type=submit] {
  background-color: #cd3c2a;
  color: #fff;
}

.upload-dropzone span {
  color: inherit;
}

.upload-dropzone span a {
  color: #c0b9a2;
}

.upload-link {
  color: #595a6f;
}

/* ===================================================================
    XXIII. Error Pages
=================================================================== */

.error-page {
  max-width: 500px;
  margin: 0 auto;
  padding-top: 5%;
}

.error-page h1 {
  font-size: 4em;
  margin-bottom: 0;
}

.error-page h2 {
  font-size: 1.25em;
  margin-bottom: 5px;
}

.error-page > a {
  display: block;
  margin-top: 25px;
}

/* ===================================================================
    XXIV. Pagination
=================================================================== */

.pagination {
  line-height: 0;
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #ececec;
  border-top: 1px solid rgba(0,0,0,.07);
}

.pagination ul {
  display: inline-block;
}

.pagination li {
  float: left;
  border: 1px solid #ececec;
  border: 1px solid rgba(0, 0, 0, .07);
}

.pagination li + li {
  border-left: none;
}

.pagination a,
.pagination span {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  padding: 5px 12px;
}

.pagination-current {
  color: #aaa;
  background-color: #f6f6f6;
  background-color: rgba(0, 0, 0, .03);
}

.pagination-first {
  border-radius: 3px 0 0 3px;
}

.pagination-last {
  border-radius: 0 3px 3px 0;
}

/* ===================================================================
    XXV. Chat
=================================================================== */

.chat {
  font-size: 13px;
  line-height: 35px;
  position: fixed;
  right: 85px;
  bottom: 0;
  padding: 0 15px;
  -webkit-transition: bottom .5s ease-in, color .5s ease-in;
     -moz-transition: bottom .5s ease-in, color .5s ease-in;
       -o-transition: bottom .5s ease-in, color .5s ease-in;
          transition: bottom .5s ease-in, color .5s ease-in;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  background: #fafafa;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.chat:before {
  font-family: entypo;
  font-size: 16px;
  margin-right: 10px;
  content: '\E720';
  vertical-align: middle;
}

.chat:hover {
  text-decoration: none;
}

.chat-available {
  bottom: 0;
}

.chat-unavailable {
  bottom: -50px;
  cursor: default !important;
  color: gray;
}

/* ===================================================================
    XXVI. No Templates
=================================================================== */

.main-column div.question div.question-body div.question-controls,
.main-column form#new_answer.answer-form div.answer-avatar,
main nav.sub-nav form.search-small,
.main-column header.question-header,
.main-column div.question div.vote,
.main-column div.question div.question-avatar {
  display: none;
}

nav.community-sub-nav ul li {
  display: inline-block;
  margin: 0 20px 20px 0;
}

/* ===================================================================
    XXVII. Support Page Dimebar
=================================================================== */

#db-container a.reg-link {
  line-height: 15px !important;
}

#db-container .db-dropDown li a {
  font-family: 'CartoGothicProBook',​ Arial,​ Helvetica,​ sans-serif, sans-serif !important;
  line-height: 20px !important;
}