@charset "UTF-8";
/* Reset */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  outline: none;
}
html {
  font-size: 13px;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
  background: #f8f8f8;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
address {
  color: #272727;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
  color: #414141;
}
a img {
  border: 0;
}
p {
  line-height: 18px;
  color: #535353;
  margin: 0 0 20px;
}
a {
  color: #254689;
  text-decoration: none;
}
a:link {
  color: #254689;
}
a:visited {
  color: #254689;
}
a:hover,
a:focus {
  color: #254689;
  text-decoration: underline;
}
a:active {
  color: #254689;
}

/* Flash Messages */

#flash {
  font-size: 20px;
  text-align: center;
  display: none;
}

.flash_html {
  display: inline;
}

.flash_ajax {
  display: block;
  margin: 0 auto 0 -200px;
  position: fixed;
  top: 0px;
  left: 50%;
  width: 400px;
  z-index: 1003;
  color: #222;
}

.flash_html div,
.flash_ajax div {
  text-align: center;
  font-size: 14px;
  margin: 0px auto;
  width: 400px;
  padding: 5px 40px;
  background-color: #fffdd7;
  border-bottom: 3px solid #fdfba8;
  border-left: 3px solid #fdfba8;
  border-right: 3px solid #fdfba8;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.flash_ajax div.flash_error,
.flash_html div.flash_error,
.flash_ajax div.flash_critical,
.flash_html div.flash_critical {
  border-color: #ff0000;
  background-color: #ffbaba;
}

/* Portal Wrappers */

.wrapper {
  margin: 0 auto;
  width: 950px;
}

#company-support-portal {
  padding: 0 0 30px;
  overflow: hidden;
}

/* Breadcrumbs */

#breadcrumbs {
  color: #666;
  float: left;
  font-weight: bold;
  line-height: 30px;
  margin: 0 0 10px;
  width: 40%;
}

#status-update {
  float: right;
  margin-right: 250px;
}

#status-update .myaccount-form {
  padding-top: 0;
}

/* Portal Company Header */

#company-header {
  background: #000;
  padding: 12px 0;
}

#company-header h1 {
  color: #fff;
  font-size: 25px;
  padding: 0 0 0 35px;
  float: left;
}

#company-header a {
  color: #fff;
}

#company-header a:hover {
  color: #999;
  text-decoration: none;
}

#customer-account {
  float: right;
  color: #fff;
  margin: 3px 0 0;
}

#customer-account span {
  float: left;
  padding: 4px 9px;
  font-weight: bold;
}

#customer-account a {
  float: left;
  display: inline-block;
  padding: 4px 9px;
  background: #2b2b2b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#customer-account a:hover {
  background: #3b3b3b;
  color: #fff;
}

/* Portal Support Header */

#support-header {
  background: #e5e5e5;
  border-bottom: 1px solid #acacac;
  margin: 0 0 30px;
  padding: 20px 0;
}

#support-header .wrapper {
  position: relative;
}

#support-header h2 {
  font-size: 32px;
  text-shadow: 0 1px 0 #fff;
}

/* Support Side Column */

#support-side {
  float: left;
  margin: 0 0 0 20px;
  width: 230px;
}

#support-side .content {
  margin: 0 0 40px;
}

#support-side h3 {
  border-bottom: 1px solid #ccc;
  margin: 21px 0 30px 0;
  padding: 0 0 20px 0;
}

#support-side ul {
  list-style: none;
}

#support-side li {
  margin: 0 0 5px;
}

/* Support Side Column Twitter */

#tweets .tweet_avatar {
  display: none;
}

#tweets .tweet_time a {
  color: #999;
  display: block;
}

#tweets li {
  margin: 0 0 20px;
  line-height: 18px;
}

/* Support Side Twitter Widget */

#support-side .twitter-timeline-rendered {
  margin-top: 20px;
}

#support-side a.twitter-timeline {
  clear: both;
  display: block;
  margin-top: 20px;
}

/* Support Main Column */

#support-main {
  float: left;
  width: 700px;
}

#support-main .support-body {
  background: #fff;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 3px 4px #ccc;
  -webkit-box-shadow: 0 3px 4px #ccc;
}

#support-main .content {
  overflow: hidden;
  padding: 20px;
}

#support-main .headline-image {
  margin-top: 5px;
}

/* Support Main Column Headers */

#support-main h3 {
  border-bottom: 1px solid #ddd;
  margin: 0 0 20px;
  padding: 0 0 20px;
}

#support-main h3.verify-title {
  background: url('/images/twitter-small.gif') no-repeat 0 3px;
  padding-left: 35px;
}

#support-main h4 {
  margin: 0 0 30px;
}

#support-main h5 {
  margin: 0 0 9px;
}

#support-main h5 a {
  background: #eee;
  color: #666;
  font-size: 11px;
  padding: 3px 7px;
  margin: -2px 0 0 9px;
  position: absolute;
  text-decoration: none;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
}

/* Dashboard */

#support-main .dashboard h5 a:hover {
  text-decoration: none;
  color: #fff;
  background: #254689;
}

#support-main .dashboard td {
  border-bottom: 1px solid #ccc;
  padding: 20px 0 10px;
}

#support-main .dashboard .row1 td {
  padding: 0 0 10px;
}

#support-main .dashboard .last td {
  border-bottom: none;
}

#support-main .dashboard .topic {
  margin: 0;
}

#support-main .dashboard .topic ul {
  color: #254689;
  margin: 0 15px 20px 0;
  list-style: none;
}

#support-main .dashboard .topic li {
  margin: 0 0 5px;
  padding: 0 0 0 15px;
}

#support-main .dashboard .topic li.featured a {
  background: #fafbca;
  font-weight: bold;
}

#support-main .dashboard h5 {
  height: 16px;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0 0 0 20px;
}

#support-main .dashboard h5.questions {
  background-position: 0 -109px;
}

/* Article Lists */

#support-main .articles ul {
  list-style: none;
}

#support-main .articles h4 {
  margin: 0 0 5px;
  font-weight: normal;
}

#support-main .articles li {
  margin: 0 0 30px;
}

#support-main .articles li.question {
  padding: 0 0 0 40px;
}

#support-main .articles li.article {
  padding: 0 0 0 40px;
}

#support-main .articles li.question.featured {
  background-position: 0 -138px;
}

#support-main .articles li.article.featured {
  background-position: 0 -415px;
}

#support-main .articles li.featured h4 a {
  font-weight: bold;
  background: #fafbca;
}

#support-main .articles li p {
  margin: 0 0 5px;
  color: #777;
}

#support-main .articles .condensed {
  background: #fffdf4;
  border: 1px solid #e3debf;
  margin: 0 0 30px;
  padding: 20px 20px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#support-main .articles .condensed li {
  margin: 0;
  padding: 0;
}

#support-main .articles .condensed h4 {
  font-size: 15px;
}

#support-main .articles .condensed p {
  margin: 0 0 20px 30px;
  color: #777;
}

#support-main .articles .condensed a {
  margin: 0 0 20px 30px;
}

/* Article List Metas */

#support-main #search-results .meta,
#support-main .articles .meta {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  margin: 5px 0;
}

#support-main .articles .meta .answered {
  border-right: 1px solid #ddd;
  color: #549b07;
  padding: 0 5px 0 14px;
  margin: 0 5px 0 0;
}

#support-main .articles .meta .count,
#support-main .articles .meta .date,
#support-main .question-details .meta .name {
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
  border-right: 1px solid #ddd;
}

/* Article List Toggles */

#toggle div {
  float: right;
  margin: -62px 0 0 0;
}

#toggle a {
  background: #fff;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 7px;
  text-decoration: none;
  text-transform: uppercase;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
}

#toggle a:hover {
  text-decoration: none;
  color: #fff;
  background: #254689;
}

#toggle .active,
#toggle a.active:hover {
  background: #ddd;
  color: #000;
}

/* Page Title */

#support-main .title {
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}

#support-main .title h3 {
  margin: 0 0 3px;
  padding: 0;
  border: 0;
}

#support-main .title .meta {
  margin: 0;
  font-weight: bold;
}

/* Article View & Question View */

#support-main .article-content h1,
#support-main .article-content h2,
#support-main .article-content h3,
#support-main .article-content h4,
#support-main .article-content h5,
#support-main .answer-details h1,
#support-main .answer-details h2,
#support-main .answer-details h3,
#support-main .answer-details h4,
#support-main .answer-details h5 {
  margin: 0 0 20px;
}

#support-main .article-content h1,
#support-main .answer-details h1 {
  font-size: 22px;
}

#support-main .article-content h2,
#support-main .answer-details h2 {
  font-size: 20px;
}

#support-main .article-content h3,
#support-main .answer-details h3 {
  font-size: 18px;
}

#support-main .article-content h4,
#support-main .answer-details h4 {
  font-size: 16px;
}

#support-main .article-content h5,
#support-main .answer-details h5 {
  font-size: 15px;
}

#support-main .article-content ul,
ol,
#support-main .answer-details ul,
#support-main .answer-details ol {
  margin-left: 15px;
  list-style-position: inside;
}
#support-main .article-content p {
  margin: 0;
}
#support-main .article-content blockquote,
#support-main .article-content q,
#support-main .answer-details blockquote,
#support-main .answer-details q {
  margin: 0.8em 0 0.8em 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  quotes: '' '';
}
#support-main .article-content blockquote p,
#support-main .article-content q p,
#support-main .answer-details blockquote p,
#support-main .answer-details q p {
  margin: 0;
  padding: 0.8em;
  color: #666;
  background: inherit;
}

/* Article View Attachments */

#attachments {
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px;
  margin: 20px 0 0;
}

#attachments strong {
  display: block;
  margin: 0 0 10px;
  padding: 0 0 0 16px;
}

#attachments ul {
  list-style: none;
}

/* Question View */

#support-main .question {
  padding: 0;
}

#support-main .question .question-body {
  background: #fffdf4;
  border-bottom: 1px solid #e3debf;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 20px 20px 0;
}

#support-main .question .gravatar-wrapper {
  float: left;
  border: 1px solid #ccc;
  width: 56px;
  height: 56px;
}

#support-main .question .gravatar {
  float: left;
  border: 3px solid #fff;
}

#support-main .question .question-details {
  padding: 0 0 0 70px;
}

#support-main .question .question-details h3 {
  border: 0;
  margin: 0 0 5px;
  padding: 0;
}

#support-main .question .question-details .meta {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
#support-main .question .meta {
  font-weight: bold;
  margin: 0 0 10px;
}

/* Question Answers */

#support-main .question .replies {
  padding: 0 20px;
  margin: 0 0 20px;
}

#support-main .question .replies h4 {
  border-bottom: 1px solid #ccc;
  font-size: 15px;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
}

#support-main .question .replies.agents h4 {
  padding: 10px 0 10px 20px;
}

#support-main .question .replies.agents .reply {
  background: #fff;
  padding: 20px 0 0;
}

#support-main .question .reply {
  margin: 0;
  overflow: hidden;
  height: 1%;
  padding: 20px 0 0 70px;
  position: relative;
}

#support-main .question .answer-details,
#support-main .myportal .interaction-details {
  padding: 0 0 0 70px;
}

#support-main .question .answer-details .meta {
  float: left;
  width: 100%;
  margin: 0;
}

#support-main .question .answer-details .meta span {
  display: block;
}

#support-main .question .answer-details .meta span.date {
  float: none;
  display: block;
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}

#support-main .question .answer-details .meta span.date-short {
  float: none;
  display: block;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}

#support-main .question .answer-details .answer-body {
  margin-bottom: 20px;
}

#support-main .interactions .interaction-details .interaction-body {
  margin-top: 10px;
}

/* Question View Rating */

#support-main .question .answer-rating {
  font-size: 20px;
  height: 53px;
  line-height: 20px;
  position: absolute;
  margin: 0 0 0 -70px;
  *margin: 0 0 0 -120px;
  text-align: center;
  width: 54px;
}

#support-main .question .answer-rating div {
  border: 1px solid #ccc;
  padding: 4px;
  height: 48px;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#support-main .question .answer-rating a {
  display: block;
  height: 14px;
  text-align: center;
  text-indent: -900px;
  overflow: hidden;
}

#support-main .question .answer-rating .decrement {
  background-position: center -25px;
}

#support-main .question .dialog {
  display: none;
}

#support-main .question .rating-true .score {
  display: inline-block;
  margin: 5px 0 0 0;
}

#support-main .question .rating-true .dialog {
  display: inline-block;
  color: #999;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}

#support-main .question .score-positive {
  color: #396905;
}

#support-main .question .score-negative {
  color: #69050c;
}

/* Question View and Private Portal Reply Form */

#support-main .question #form,
#support-main .myportal #form {
  background: #f8f8f8;
  border: 1px solid #ccc;
  margin: 20px;
  padding: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#support-main .question .form-notice,
#support-main .myportal .form-notice {
  border-top: 1px solid #ddd;
  margin: 0 20px 20px;
  padding: 15px 0 0 0;
}

#support-main .question #form h4,
#support-main .myportal #form h4 {
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 0 20px;
  padding: 0;
}

#support-main .question #form .input-block input[type='text'],
#support-main .question #form .input-block textarea,
#support-main .myportal #form .input-block textarea {
  width: 610px;
}

/* Pre Create Headers */

#support-main .pre-create h4 {
  margin: 0 0 30px 0;
}

#support-main .pre-create ul h4 {
  margin: 0;
}

/* Support Forms */

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

#form .label span {
  color: #999;
}

#form .input-block input[type='text'],
#form .input-block textarea {
  /*display: block;*/
  font-size: 13px;
  margin: 0 0 20px;
  width: 650px;
}

#form .input-block textarea {
  height: 200px;
}

#form .input-block select {
  margin: 0 0 20px;
}

#form .input-button input {
  border: 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0 6px;
  height: 32px;
  text-transform: uppercase;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}

#form .input-button .disabled {
  background-position: 0 -38px;
}

#form .input-button img {
  display: none;
  margin: 7px 0 0 5px;
  position: absolute;
}

#form label.invalid {
  color: red;
  display: inline-block;
  margin: -20px 0 20px 0;
}

/* Pagination */

#paginate_block {
  margin: 0;
  position: auto;
  text-align: center;
  width: 100%;
}

#paginate_block .pagination {
  background-color: #fff;
  height: auto;
  margin: 0;
  padding-top: 0;
  position: auto;
  width: auto;
}

#paginate_block .current {
  background-color: #ddd;
  border: 1px solid #ccc;
  padding: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* Small Search */

.support-search-small {
  position: absolute;
  right: 0;
  top: 3px;
  width: 230px;
}

.support-search-small div {
  position: relative;
}

.support-search-small #support-search-submit {
  border: 0;
  cursor: pointer;
  height: 18px;
  line-height: 900px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  text-indent: 900px;
  top: 9px;
  width: 21px;
}

.support-search-small #q {
  border: 0;
  border: 1px solid #ccc;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  height: auto;
  margin-left: 0;
  margin-top: 0;
  padding: 7px 30px 7px 5px;
  width: 195px;
  outline: none;
  outline-width: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* Big Search */

.support-search-big {
  background: #e5e5e5;
  border: 1px solid #ccc;
  border-bottom-color: #acacac;
  margin: 0pt 0pt 20px;
  padding: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.support-search-big .outer {
  position: relative;
}

.support-search-big .inner {
  background: #fff;
  border: 1px solid #ccc;
  border-top-color: #999;
  overflow: hidden;
  height: 37px;
  margin: 0;
  padding: 0 5px;
  width: 796px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.support-search-big #q {
  font-size: 18px;
  border: 0pt none;
  width: 100%;
  padding: 9px 0;
  margin: 0;
  outline: none;
  outline-width: 0;
  background: none;
}

.support-search-big #support-search-submit {
  color: #fff;
  cursor: pointer;
  position: absolute;
  right: 0;
  _right: 6px;
  top: 0;
  padding: 0;
  width: 123px;
  height: 38px;
  border: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* Footer */

#footer {
  display: block;
  clear: both;
  color: #999;
  padding: 20px 0 30px;
}

#footer a {
  color: #999;
  text-decoration: none;
}

#question-mask {
  color: #aaa;
  position: absolute;
  width: 90%;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
  text-overflow: ellipsis;
}

.question-big {
  font-size: 18px;
  top: 8px;
  left: 10px;
}

.question-small {
  font-size: 13px;
  top: 0;
  left: 0;
  padding: 8px;
  font-weight: bold;
}

.search-bg {
  display: none;
}

.highlight {
  background-color: #fffae1;
}

/* Modals */

#modal-screen {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
}

#modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
}

#modal .inner {
  background: rgba(0, 0, 0, 0.4);
  width: 700px;
  left: 50%;
  top: 50%;
  margin: -230px 0 0 -350px;
  position: absolute;
  padding: 5px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#modal .inner h1 {
  text-align: center;
  font-size: 27px;
  padding: 25px 0 0;
}

#modal .inner p.subheader {
  font-size: 18px !important;
  color: #767676 !important;
  text-align: center;
  margin: 4px 0 30px 0;
}

#modal .inner .input-button {
  text-align: center;
  padding: 0 0 30px;
  font-size: 12px;
  font-weight: bold;
}

#modal .inner .input-button input {
  margin: 0 0 0 10px;
}

#modal .inner .note {
  text-align: center;
  color: #616161;
  margin: 0 0 20px 0 !important;
  font-size: 15px;
  font-style: italic;
}

#modal .main {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#modal .close {
  float: right;
  margin: -16px -16px 0 0;
}

/* Auto Completion */

.ui-autocomplete {
  background: #fff;
  border: 1px solid #c0c0c0;
  width: 100px;
  list-style: none;
  margin: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete a {
  padding: 9px;
  cursor: pointer;
  display: block;
}

.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-hover {
  background: #fffae1;
  text-decoration: none;
}

.ui-autocomplete li:first-child a {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.ui-autocomplete li:last-child a {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.ui-autocomplete .KbArticle,
.ui-autocomplete .QnaThread {
  display: block;
  padding: 0 0 0 25px;
  overflow: hidden;
}

.ui-autocomplete .QnaThread {
  background-position: 0 -106px;
}

.ui-autocomplete .article-autocomplete-subject {
  display: block;
  font-weight: bold;
  font-size: 15px;
}

.ui-autocomplete .article-autocomplete-body {
  display: block;
  font-size: 13px;
  color: #666;
}

/* Get Satisfaction Styles */
.gs-idea {
  background-position: 0px 1px;
}

.gs-question {
  background-position: 0px 1px;
}

.gs-praise {
  background-position: 0px 1px;
}

.gs-update {
  background-position: 0px 1px;
}

.gs-problem {
  background-position: 0px 1px;
}

.gs_search_result {
  width: 100% !important;
}

#gs_Sidebar_Results .tweet_time,
.gs-search-result {
  padding-left: 20px;
}

#gs_search_title h5 {
  font-size: 20px;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  padding: 0 0 20px;
}

#question-best-answer {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  margin: 0 0 25px 70px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px 20px 0;
}

#support-main .agent-answer-label {
  margin: 0 0 10px;
}

#support-main #question-best-answer .reply {
  height: 1%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

#support-main .best-answer-green {
  position: absolute;
  right: 0;
  padding: 0 0 0 15px;
  color: #6db400;
  font-weight: bold;
}

#support-main .best-answer-green a {
  color: #6db400;
}

#support-main .best-answer-green a:hover {
  text-decoration: none;
}

#support-main #question-best-answer-heading {
  margin: 30px 0 10px 0;
}

#social-share {
  float: left;
  width: 80px;
  margin-left: -90px;
}

#social-share .share-btn {
  margin: 0 auto 15px auto;
  width: 60px;
  text-align: center;
}

#social-share .share-btn .fb-like {
  margin-left: 6px;
}

/* Private Portal */

#support-main .myportal .content {
  background: #fff;
}

.myportal-label {
  margin: 0 0 8px 0;
  padding-left: 22px;
  background: url('../images/mail.png') 0 0 no-repeat;
}

.myportal .mycases-filters {
  padding: 20px 0 0 0;
  height: 50px;
}

.myportal .a-selectbox {
  border: 1px solid #bebebe;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #fff;
  -webkit-border-image: none;
  display: block;
  float: left;
  padding: 4px;
  text-decoration: none;
  zoom: 1;
}

.myportal .a-selectbox select {
  background: url('/images/arrow_down.png') right 0px no-repeat;
  border: none;
  box-sizing: border-box;
  white-space: pre;
  appearance: textfield;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 2px 3px;
  font-size: 12px;
  width: 190px;
}

.myportal .a-checkbox {
  float: left;
  margin: 5px;
  color: #333;
  font-size: 11px;
}

.myportal-button,
.myportal-button:visited {
  float: right;
  padding: 8px 6px;
  border: 0;
  background: url(/images/portal/button.gif) 0 0 repeat-x;
  font-weight: bold;
  font-size: 11px;
  display: block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff !important;
  text-transform: uppercase;
}

.myportal-button:hover {
  text-decoration: none;
}

.myportal .mycases {
  background: ##e5e5e5;
  width: 100%;
  border-collapse: collapse;
  font:
    normal 12px verdana,
    arial,
    helvetica,
    sans-serif;
  margin: 0px 0px 30px 0px;
  -moz-box-shadow: 0 3px 4px #ccc;
  -webkit-box-shadow: 0 3px 4px #ccc;
}

.myportal .mycases caption {
  border: 1px solid #5c443a;
  color: #5c443a;
  font-weight: bold;
  letter-spacing: 20px;
  padding: 6px 4px 8px 0px;
  text-align: center;
  text-transform: uppercase;
}

.myportal .mycases td,
th {
  color: #363636;
  padding: 11px 5px;
}

.myportal .mycases tr {
  background: #fff;
  border: 1px solid #ccc;
}

.myportal .mycases tbody tr:hover {
  cursor: pointer;
}

.myportal .mycases thead th,
tfoot th {
  background: #e8e8e8;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  padding: 6px 5px;
  text-align: left;
  text-transform: uppercase;
}

.myportal .mycases a {
  text-decoration: none;
}

.myportal .mycases a:hover {
  text-decoration: underline;
}

.myportal .mycases tbody th,
.myportal .mycases tbody td {
  text-align: left;
  vertical-align: middle;
}

.myportal .mycases tfoot td {
  background: #5c443a;
  color: #ffffff;
  padding-top: 3px;
}

.myportal .mycases .a-casechannel {
  text-align: center;
  vertical-align: middle;
  width: 20px;
  padding: 11px 0 11px 11px;
}

.myportal .case-block {
  float: left;
  margin-right: 60px;
}

.myportal .a-caseid {
  padding-left: 15px;
}

.myportal .a-caseid,
.myportal .a-casestatus {
  width: 70px;
}

.myportal .a-casecreated {
  width: 60px;
}

#support-main .case {
  padding: 0;
}

#support-main .myportal .case-details,
#support-main .myportal .interaction {
  padding: 25px 20px;
}

#support-main .myportal .interaction {
  min-height: 60px;
  padding-bottom: 0;
}

#support-main .myportal .case-details {
  background-color: #fffdef;
}

#support-main .myportal .case-details h3 {
  border: 0;
  margin: 0 0 20px;
  padding: 0;
  width: 510px;
  font-size: 18px;
  vertical-align: top;
  float: left;
}

#support-main .myportal .status {
  float: right;
  font-weight: bold;
}

#support-main .myportal .status img {
  vertical-align: middle;
}

#support-main .myportal .status .a-New,
#support-main .myportal .status .a-Open,
#support-main .myportal .status .a-Pending,
#support-main .myportal .status .a-Resolved,
#support-main .myportal .status .a-Closed {
  color: #fff;
  padding: 2px 8px;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#support-main .myportal .status .a-New {
  background-color: #5b75af;
  border: #465a86 1px solid;
}

#support-main .myportal .status .a-Open {
  background-color: #61a00f;
  border: #4a7b0b 1px solid;
}

#support-main .myportal .status .a-Pending {
  background-color: #de901b;
  border: #aa6e14 1px solid;
}

#support-main .myportal .status .a-Resolved {
  background-color: #a5a5a5;
  border: #7e7e7e 1px solid;
}

#support-main .myportal .status .a-Closed {
  background-color: #de901b;
  border: #aa6e14 1px solid;
}

#support-main .myportal .meta {
  clear: both;
  color: #888;
  line-height: 16px;
}

#support-main .myportal .meta strong {
  color: #000;
}

.myportal #paginate_block .pagination {
  background-color: transparent;
}

/* Private Portal - Case Detail */

#support-main .myportal .case-details .meta span.date,
#support-main .myportal .interaction-details span.date {
  margin: 0;
  color: #888;
}

#support-main .myportal .interaction-details span.date {
  float: right;
  text-align: right;
}

#support-main .myportal .meta .case-data {
  list-style: none;
  width: 50%;
  float: left;
  position: relative;
}

#support-main .myportal .meta .case-dates {
  list-style: none;
  width: 50%;
  float: right;
  position: relative;
}

#support-main .myportal .meta .case-dates strong {
  display: inline-block;
  text-align: right;
  width: 50%;
  *display: inline;
  zoom: 1;
}

#support-main .myportal .meta .name {
  font-weight: bold;
  text-transform: uppercase;
}

#support-main .myportal .interactions {
  border-top: 1px solid #e3debf;
  padding-bottom: 20px;
}

#customer-account a {
  margin-left: 9px;
}

#support-main .myportal .gravatar-wrapper {
  position: absolute;
  border: 1px solid #ccc;
  width: 56px;
  height: 56px;
}

#support-main .myportal .gravatar {
  float: left;
  border: 3px solid #fff;
}

#support-main .myportal .gravatar.twitter-avatar {
  border: 4px solid #fff;
}

#support-main .myportal .interaction-details .meta {
  width: 100%;
  margin: 0;
}

#support-main .myportal .interactions .system-message {
  padding: 15px 20px 0 20px;
  color: #aaa;
  font-size: 12px;
}

#support-main .myportal .interactions .chat {
  padding: 18px 20px 10px;
}

#support-main .myportal .interactions .chat .interaction-details {
  padding: 0;
}

#support-main .myportal .interactions .chat .interaction-details .meta span {
  color: #000;
  font-weight: bold;
}

#support-main .myportal .interactions .chat .interaction-details .meta span.date {
  color: #888;
  font-weight: normal;
}

#support-main .myportal .interactions .chat .interaction-body {
  padding-right: 50px;
  margin-top: 5px;
}

#support-main .myportal .case-footer {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding: 25px 20px 0;
}

#support-main .myportal .case-footer p {
  margin-bottom: 5px;
}

/* Private Portal - My Profile */

.myaccount-form {
  padding-top: 20px;
}

.myaccount-form .new_customer_contact_email {
  padding: 30px 0;
  border-top: 1px solid #ddd;
}

.myaccount-form div img {
  vertical-align: middle;
}

.myaccount-form div[id^='email_'],
.myaccount-form div[id^='twitter_user_'],
.myaccount-form div[id^='facebook_user_'],
.myaccount-form div[id^='add_'] {
  padding: 15px 0;
  font-size: 14px;
  color: #666;
  position: relative;
  border-top: 1px solid #ddd;
}

.myaccount-form div[id^='twitter_user_'] form div,
.myaccount-form div[id^='facebook_user_'] form div {
  position: absolute;
  top: 10px;
  right: 0px;
}

.myaccount-form div[id^='email_'] div[id^='delete_'] form div {
  position: absolute;
  top: 10px;
  right: 78px;
}

.myaccount-form input[id^='update_status']:disabled {
  cursor: help;
}

.myaccount-form div[id^='verified_'] input,
.myaccount-form div[id^='delete_'] input,
.myaccount-form input[id^='update_status'],
.myaccount-form input[id^='update_status']:disabled {
  background-color: #f9f9f9;
  border: 1px solid #cfcfcf;
  color: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  padding: 6px 15px 7px;
  height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
}

.myaccount-form div[id^='verified_'] input:hover,
.myaccount-form div[id^='delete_'] input:hover,
.myaccount-form input[id^='update_status']:hover {
  background-color: #fff;
  border-color: #b4b4b4;
}

.myaccount-form div[id^='email_']:hover,
.myaccount-form div[id^='twitter_user_']:hover,
.myaccount-form div[id^='facebook_user_']:hover,
.myaccount-form div[id^='add_']:hover {
  background-color: #f9f9f9;
}

#authentication-verification-copy {
  display: inline-block;
  padding-left: 20px;
  width: 50%;
  zoom: 1;
  *display: inline;
}

.authentication_verification-form {
  display: inline-block;
  height: 100px;
  zoom: 1;
  *display: inline;
}

.authentication_verification-form form {
  background-color: #eefaff;
  display: inline-block;
  padding: 25px 20px;
  zoom: 1;
  *display: inline;
}

.myaccount-form .verified,
.authentication_verification-form .verified {
  position: absolute;
  top: 10px;
  right: 0;
  color: #3d8933;
  padding: 7px 1px 0 0;
  font-weight: bold;
  font-size: 13px;
}

.myaccount-form div[id^='email_'] .verified form div,
.myaccount-form div[id^='twitter_user_'] .verified form div,
.myaccount-form div[id^='facebook_user_'] .verified form div {
  margin-top: -7px;
}

.myaccount-form input[type='text'],
.authentication_verification-form input[type='text'] {
  font-size: 12px;
  border: 1px solid #c0c0c0;
  float: left;
  margin: 0 5px 8px 0;
  width: 195px;
  padding: 8px 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.myaccount-form button,
.authentication_verification-form button {
  height: 32px;
  padding: 0 6px;
  border: 1px solid #c0c0c0;
  background: url('/images/portal/button.gif') 0 0 repeat-x;
  color: #fff;
  cursor: pointer;
  border: 0;
  float: left;
  margin: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.myaccount-form label.invalid,
.authentication_verification-form label.invalid {
  font-weight: normal;
  display: block !important;
  clear: both;
  margin: 10px 0 20px 0;
}

/* Private Portal - Login and Registration */

.login-form,
.registration-form,
.forgotpw-form,
.alternatelogins {
  padding: 20px 0;
}

.alternatelogins {
  float: right;
  padding: 20px 0;
}

.login-form .field label,
.registration-form .field label,
.forgotpw-form .field label {
  font-weight: bold;
  font-size: 14px;
  display: block;
}

.login-form .field input,
.registration-form .field input,
.forgotpw-form .field input {
  font-size: 14px;
  border: 1px solid #999;
  display: block;
  margin: 4px 0 15px 0;
  width: 250px;
  padding: 8px 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.login-form .actions input {
  width: 80px;
  margin-bottom: 40px;
}

.login-form .newaccount,
.login-form .forgotpw {
  font-weight: bold;
  float: left;
}

.login-form .forgotpw {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #999;
}

.registration-form label.invalid,
.forgotpw-form label.invalid {
  font-weight: normal;
  display: block;
  margin: -10px 0 20px 0;
}

.login-form form {
  float: left;
  width: 330px;
}

.left-divider {
  border-left: 1px solid #ccc;
}

.alternatelogins {
  float: left;
  height: 200px;
  padding-left: 25px;
}

.alternatelogins div {
  margin: 0 0 20px 0;
}

.alternatelogins a,
#add_facebook input,
#add_twitter input {
  position: relative;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  padding: 0 1em;
  border: 1px solid #999;
  border-radius: 2px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  color: #222;
  background: #fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  *overflow: visible;
  *display: inline;
  *zoom: 1;
}

.alternatelogins a:hover,
.alternatelogins a:focus,
.alternatelogins a:active,
#add_facebook input,
#add_twitter input {
  color: #222;
  text-decoration: none;
}

.alternatelogins a:before {
  content: '';
  float: left;
  width: 36px;
  height: 36px;
  background: url(/images/portal/auth-icons.png) no-repeat 99px 99px;
}

.alternatelogins #twitter,
#add_twitter input {
  border-color: #a6cde6;
  color: #327695;
  background: #cfe4f0;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#f1f5f7),
    to(rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  background-image: linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
  -webkit-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}

.alternatelogins #twitter:hover,
.alternatelogins #twitter:focus,
.alternatelogins #twitter:active,
#add_twitter input:hover,
#add_twitter input:focus,
#add_twitter input:active {
  color: #327695;
  border-color: #8dc2e4;
  background-color: #cadde9;
}

.alternatelogins #twitter:active,
#add_twitter input:active {
  background: #cadde9;
  -webkit-box-shadow: inset 0 1px 0 #bbd6e7;
  box-shadow: inset 0 1px 0 #bbd6e7;
}

.alternatelogins #twitter:before {
  margin: 0 0.6em 0 -0.6em;
  background-position: -36px -22px;
}

.alternatelogins #facebook,
#add_facebook input {
  border-color: #29447e;
  border-bottom-color: #1a356e;
  color: #fff;
  background-color: #5872a7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
  background-image: -webkit-linear-gradient(#637bad, #5872a7);
  background-image: -moz-linear-gradient(#637bad, #5872a7);
  background-image: -ms-linear-gradient(#637bad, #5872a7);
  background-image: -o-linear-gradient(#637bad, #5872a7);
  background-image: linear-gradient(#637bad, #5872a7);
  -webkit-box-shadow: inset 0 1px 0 #879ac0;
  box-shadow: inset 0 1px 0 #879ac0;
}

.alternatelogins #facebook:hover,
.alternatelogins #facebook:focus,
#add_facebook input:hover,
#add_facebook input:focus {
  color: #fff;
  background-color: #3b5998;
}

.alternatelogins #facebook:active,
#add_facebook input:active {
  color: #fff;
  background: #4f6aa3;
  -webkit-box-shadow: inset 0 1px 0 #45619d;
  box-shadow: inset 0 1px 0 #45619d;
}

.alternatelogins #facebook:before {
  border-right: 1px solid #465f94;
  margin: 0 1em 0 -1em;
  background-position: 0 -22px;
}

#add_facebook input,
#add_twitter input {
  height: 22px;
  font-size: 11px;
  line-height: 22px;
  padding-left: 35px;
}

#add_facebook input {
  background: url(/images/portal/auth-icons.png) no-repeat -265px -25px #5872a7;
}

#registration-in-progress {
  display: none;
  padding: 5px;
  background-color: #fffdef;
  border-color: 2px solid #ede9c2;
}

#registration-in-progress img {
  float: left;
  margin-right: 5px;
}

#add_twitter input {
  background: url(/images/portal/auth-icons.png) no-repeat -261px 0 #cfe4f0;
}

.desk-external-variables {
  display: none;
}

#verification_step_1 {
  display: none;
}
#verification_step_2 {
  display: show;
}

.hidden {
  display: none;
}

.desk_file_upload {
  overflow: hidden;
}

.desk_file_upload input[type='file'] {
  float: left;
  outline: none;
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  filter: alpha(opacity: 0);
  opacity: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin-left: -99999px;
}

.desk_file_upload input[type='button'] {
  float: left;
}

.desk_file_upload .faux-file-field {
  padding: 0 8px 0 0;
  margin: 0;
  z-index: 1;
  float: left;
}

.desk_file_upload .faux-file-field input[type='text'] {
  width: 180px !important;
}

/* LINK COLOR */
a {
  color: #3893ee !important;
}
/* BODY STYLES */
body {
  font-family: !important;
  background: #f3f2ef !important;
  color: #4d4d4d !important;
}
.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-hover,
li.featured a,
.highlight {
  background: #fffae1 !important;
  background-color: #fffae1 !important;
}
#support-main h5 a,
#toggle .active {
  background: #f3f2ef !important;
  color: #4d4d4d !important;
}
#support-main .dashboard h5 a:hover,
#toggle a:hover {
  background: #254689 !important;
  color: #ffffff !important;
}
#toggle a {
  background: #ffffff !important;
}
#form label.invalid {
  color: #ec6b6b !important;
}
/* HEADER BACKGROUND COLOR */
#company-header {
  background: #ffffff !important;
}
/* TITLE BACKGROUND COLOR */
#support-header {
  background: #f3f2ef !important;
}
#support-header h2 {
  text-shadow: 0 1px 0 #f3f2ef !important;
}
#breadcrumbs {
  color: #4d4d4d !important;
}
/* FORM BACKGROUND COLOR */
.support-body,
.question-body,
#form,
.pagination,
.reply,
.condensed {
  background: #ffffff !important;
}
/* TEXT COLOR */
p {
  font: 16pt !important;
  color: #4d4d4d !important;
}
/* HEADING TEXT COLOR */
h2,
h3,
h4,
h5 {
  color: #4d4d4d !important;
  font-family: !important;
}
.ui-autocomplete {
  background: #ffffff !important;
  font: 10pt !important;
}
.ui-autocomplete .article-autocomplete-subject {
  color: #254689 !important;
  font: 10pt !important;
}
.article-autocomplete-body {
  color: #666666 !important;
  font: 10pt !important;
  font-size: 90% !important;
}
.support-search-big #support-search-submit,
#question_submit,
#email_submit,
#chat_submit,
#answer_submit {
  background: #90c31f url() !important;
  color: # !important;
}
.support-search-big {
  background: #f3f2ef !important;
}
/* Override for jquery spinner position */
.ui-autocomplete-loading {
  background-position: 85% !important;
}

#company-header h1 {
  background: url('https://corec.desk.com/customer/portal/theme_attachments/36720?cb=1464685058300')
    no-repeat scroll 0 center transparent;
  height: 46px;
}
#company-header img.logo {
  background: url('https://corec.desk.com/customer/portal/theme_attachments/36720?cb=1464685058300')
    no-repeat scroll 0 center transparent;
  height: 46px;
  width: 240px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}
#company-header h1 a {
  padding-left: 240px;
}
#company-header h1.page-header {
  background: none !important;
  padding: 0px;
}
#company-header h1.page-header a {
  padding-left: 0px !important;
  vertical-align: top;
}

/* CUSTOM CSS OVERRIDES */
/* フォントの修正 */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input {
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}
html,
body {
  height: 100%;
}
a img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);

  -webkit-filter: saturate(200%);

  -ms-filter: saturate(200%);
  filter: saturate(200%);
}
/* ヘッダー */
#company-support-portal {
  min-height: 100%;
  position: relative;
  padding-bottom: 0;
}
#company-header {
  border-bottom: 1px solid #dadada;
  position: fixed;
  height: 49px;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  padding: 0px;
}
.wrapper {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1000px;
  min-width: 640px;
  width: auto;
  overflow: hidden;
}
#company-header img.logo {
  float: left;
  margin: 13px 10px 13px 0px;
  background: none !important;
  width: 120px;
  height: 23px;
}
#company-header .header-title {
  float: left;
  font-size: 18px !important;
  font-weight: bold;
  margin: 13px 0px 9px 0px;
}
#company-header .header-link {
  display: block;
  float: right;
  font-size: 13px;
  margin: 15px 0px 10px 0px;
  text-decoration: none;
  color: #3893ee !important;
}
#h-link {
  float: right;
}

#h-link li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: 9px 30px 9px 0;
  color: #dadada !important;
  font-size: 15px;
}
#company-header a:hover {
  border-bottom: 1px dashed #4d4d4d;
  text-decoration: none;
}
#company-header .co-btn-m a {
  min-width: 110px;
  padding: 0 20px;
  font-size: 15px;
  line-height: 31px;
}
#company-header .co-btn {
  margin: 0 auto;
  white-space: nowrap;
}
#company-header .co-btn-grn span {
  border-color: #8ec70e #7dac14 #7dac14;
  border-style: solid;
}
#company-header .co-btn-grn a {
  color: #ffffff !important;
  background-color: #8ec70e;
  background-image: -moz-linear-gradient(center top, #8ecd02, #7dac14);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #7dac14),
    color-stop(1, #8ecd02)
  );
  background: -ms-linear-gradient(top, #8ecd02 0%, #7dac14 100%);
  background: linear-gradient(top, #8ecd02 0%, #7dac14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8ecd02', endColorstr='#7dac14');
  display: block;
  border-radius: 3px;

  -webkit-border-radius: 3px;
}
#company-header .co-btn-grn a:hover {
  border-bottom: none;
  background-color: #7dad13;
  border-color: #8ec70e #618b02 #618b02 #618b02;
  background-image: -moz-linear-gradient(center top, #7dac14, #7dac14);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #7dac14),
    color-stop(1, #7dac14)
  );
  background: -ms-linear-gradient(top, #7dac14 0%, #7dac14 100%);
  background: linear-gradient(top, #7dac14 0%, #7dac14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7dac14', endColorstr='#7dac14');
}
#company-header .header-link:hover {
  border-bottom: 1px dashed #4d4d4d;
  text-decoration: none;
}
#company-header a {
  color: #4d4d4d !important;
}

#content article {
}

/* TOPレイアウトの修正 */

#support-search {
  display: none;
}
#support-header {
  border-bottom: none;
  margin: 50px 0 0;
  padding: 10px 0;
}
#main-content {
  padding-bottom: 100px;
}

#support-search.support-search-big {
  margin: 10px 0;
  border-radius: 6px;
  padding: 5px auto;
}
.support-search-small {
  display: block;
  position: relative;
  float: right;
  top: 0;
  width: 232px;
}
.support-search-small #q {
  border-radius: 4px;
}
.support-search-big .inner,
.support-search-big #support-search-submit {
  border-radius: 3px;
}
.support-search-big .inner {
  width: 85%;
}
.support-search-big #support-search-submit {
  width: 13%;
}
.support-search-big #q {
  padding: 5px 0;
}
#support-main .support-body {
  border-radius: 5px;
}
#support-main .dashboard .topic li {
  font-size: 14px;
}
#support-main .dashboard .col1 {
  width: 50%;
}

#support-main .dashboard h5 {
  background: url('https://corec.jp/img/buyer/icon02.png') 0 0 no-repeat;
  background-size: 16px;
  padding: 0 0 10px 25px;
}
#support-main .articles li.article {
  background: none;
  padding: 0 10px 20px 20px;
  border-bottom: 1px #cccccc dotted;
}
/* コンテンツレイアウトの修正 */

#support-side {
  width: 290px;
  margin: 0;
  float: right;
}
#social-share {
  display: none;
}
#breadcrumbs {
  display: block;
  line-height: 1.5em;
  margin: 10px 0 10px;
  float: left;
  max-width: 700px;
  width: 100%;
}
#support-main {
  margin: 0 -290px 30px 0;
  width: 100%;
}
#support-main .support-body {
  margin: 0 300px 0 0;
}
#support-main .title .meta,
#support-main #search-results .meta,
#support-main .articles .meta {
  display: none;
}
#toggle .active {
  display: none;
}
#support-main .title {
  padding-bottom: 10px;
}
#support-main .title h1 {
  font-size: 20px;
}
#support-main .title h3 {
  font-size: 20px;
}
#support-main .title h4 {
  font-size: 16px;
}
/* サイドバー */

#support-side h3 {
  display: block;
  font-size: 18px;
  padding: 10px 5px;
  border-bottom: 1px #cccccc dotted;
  margin: 10px 0px 0px;
}
#support-side ul a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px #cccccc dotted;
  background: url('//corec.jp/img/common/icon/icon_txt_link.png') 98% 50% no-repeat;
}
#support-side ul a:hover {
  background-color: #fff;
}
#support-side .banner img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
/* コンテンツ記事 */
#support-main .article-content {
  font-size: 15px;
}
#support-main .article-content p,
#support-main .article-content ul,
#support-main .article-content ol {
  margin: 0px 10px 1em;
  line-height: 1.7;
  font-size: 15px;
}
#support-main .article-content li {
  margin: 0.2em 10px;
}
#support-main .article-content img {
  display: block;
  max-width: 85%;
  height: auto;
  margin: 11px auto 22px;

  box-sizing: border-box;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #dadada;
  padding: 5px;
}
#support-main .article-content h2 {
  clear: both;
  font-size: 20px;
  padding: 8px 12px 7px;
  margin: 0 0 1em;
  background: #f3f2ef;
  border-radius: 3px;

  font-weight: bold;
  border-bottom: 2px solid #90c31f;
}
#support-main .article-content h3 {
  clear: both;
  padding: 5px 8px 5px;
  border-left: 4px solid #90c31f;
  font-size: 18px;
  margin: 0 0 1em;
  border-bottom: 0px;
  font-weight: bold;
}
#support-main .article-content h4 {
  display: block;
  clear: both;
  border: 2px solid #90c31f;
  margin: 0px 10px 24px;
  padding: 13px;
  border-radius: 4px;

  font-weight: bold;
}
#support-main .article-content h6 {
  display: block;
  clear: both;
  border: 1px solid #90c31f;
  margin: 0px 10px 24px;
  padding: 13px 13px 13px 32px;
  border-radius: 4px;

  font-weight: normal;
  background: url('//corec.jp/img/common/icon/icon_txt_link.png') 19px 19px no-repeat;
}
#support-main .button a {
  display: block;
  clear: both;
  text-align: center;
  border-radius: 3px;

  background-color: #90c31f;
  width: 150px;
  margin: 0 auto;
  padding: 9px;
}
#support-main .article-content table {
  background-color: #dadada;
  margin: 20px 0px;
}
#support-main .article-content thead th {
  background-color: #e5e5e5;
}
#support-main .article-content tbody th {
  background-color: #f3f2ef;
}
#support-main .article-content table td {
  background-color: #fff;
}
#support-main .article-content table td li {
  font-size: 14px;
}
.co-button-220 {
  text-align: center;
  border-radius: 3px;

  background-color: #90c31f;
  width: 220px;
  margin: 0 auto 15px;
  padding: 9px;
}
.button-link {
  text-decoration: none;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: bold;
}
.fbanner {
  max-width: 100% !important;
  padding: 0px !important;
  border-style: none !important;
}
.ninja_onebutton {
  margin: 10px 0px;
}
.fbpagebox {
  max-width: 500px;
  margin: 0 auto;
}
/* フッター */
#footer {
  text-align: center;
  background-color: #4d4d4d;
  padding: 10px 0 4px;
  position: absolute;
  bottom: 0;
  height: 57px;
  width: 100%;
}
#footer p {
  color: #dadada !important;
  font-size: 9px !important;
  margin: 0;
  padding-top: 5px;
}
#footer a {
  color: #dadada !important;
}
#f-link a:hover {
  border-bottom: 1px dashed #dadada;
  text-decoration: none;
}

#f-link li {
  display: inline;
  line-height: 1;
  margin: 0 8px;
  color: #dadada !important;
  font-size: 13px;
}
#f-link {
  margin-bottom: 10px;
}

@media screen and (max-width: 900px) {
  #company-header {
    position: static;
    height: auto;
  }
  #company-header .wrapper {
    text-align: center;
  }
  #company-header img.logo,
  #company-header .header-title {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 4px;
  }
  #h-link {
    float: none;
    clear: both;
    border-top: 1px solid #dadada;
  }
  #h-link ul {
    padding: 0;
  }
  #h-link li {
    margin: 8px 10px;
  }
  #support-header {
    margin-top: 0;
  }
}

@media screen and (max-width: 640px) {
  .wrapper {
    min-width: 0;
    max-width: none;
  }

  #support-main {
    float: none;
    margin: 0 0 30px;
    width: auto;
  }
  #support-main .support-body {
    margin: 0;
  }
  #support-side {
    width: auto;
    float: none;
  }

  #support-main .article-content table {
    display: block;
    overflow-x: auto;
  }
  #support-main .article-content img {
    max-width: 100%;
  }
}