.yui3-cssreset html {
    background: #fff none repeat scroll 0 0;
    color: #000;
}
.yui3-cssreset body, .yui3-cssreset div, .yui3-cssreset dl, .yui3-cssreset dt, .yui3-cssreset dd, .yui3-cssreset ul, .yui3-cssreset ol, .yui3-cssreset li, .yui3-cssreset h1, .yui3-cssreset h2, .yui3-cssreset h3, .yui3-cssreset h4, .yui3-cssreset h5, .yui3-cssreset h6, .yui3-cssreset pre, .yui3-cssreset code, .yui3-cssreset form, .yui3-cssreset fieldset, .yui3-cssreset legend, .yui3-cssreset input, .yui3-cssreset textarea, .yui3-cssreset p, .yui3-cssreset blockquote, .yui3-cssreset th, .yui3-cssreset td {
    margin: 0;
    padding: 0;
}
.yui3-cssreset table {
    border-collapse: collapse;
    border-spacing: 0;
}
.yui3-cssreset fieldset, .yui3-cssreset img {
    border: 0 none;
}
.yui3-cssreset address, .yui3-cssreset caption, .yui3-cssreset cite, .yui3-cssreset code, .yui3-cssreset dfn, .yui3-cssreset em, .yui3-cssreset strong, .yui3-cssreset th, .yui3-cssreset var {
    font-style: normal;
    font-weight: normal;
}
.yui3-cssreset ol, .yui3-cssreset ul {
    list-style: outside none none;
}
.yui3-cssreset caption, .yui3-cssreset th {
    text-align: left;
}
.yui3-cssreset h1, .yui3-cssreset h2, .yui3-cssreset h3, .yui3-cssreset h4, .yui3-cssreset h5, .yui3-cssreset h6 {
    font-size: 100%;
    font-weight: normal;
}
.yui3-cssreset q::before, .yui3-cssreset q::after {
    content: "";
}
.yui3-cssreset abbr, .yui3-cssreset acronym {
    border: 0 none;
    font-variant: normal;
}
.yui3-cssreset sup {
    vertical-align: text-top;
}
.yui3-cssreset sub {
    vertical-align: text-bottom;
}
.yui3-cssreset input, .yui3-cssreset textarea, .yui3-cssreset select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.yui3-cssreset input, .yui3-cssreset textarea, .yui3-cssreset select {
}
.yui3-cssreset legend {
    color: #000;
}
#yui3-css-stamp.cssreset-context {
    display: none;
}
#comments.commentator-area {
    color: #333;
    font-size: 15px;
    font-weight: 300;
    padding: 10px 0 0;
    position: relative;
    z-index: 1;
}
#comments.commentator-area.commentator-dark {
    color: #eee;
}
#comments.commentator-area a {
    outline: medium none;
    text-decoration: none;
}
#comments.commentator-area * {
    box-sizing: border-box;
    font-weight: normal;
}
#commentator-global-nav {
    clear: both;
    line-height: 2;
    margin: 0 0 18px;
    overflow: hidden;
}
div.commentator-thread-likes {
    margin-left: 10px;
    padding-left: 27px;
}
.commentator-pull-right {
    float: right !important;
}
h4#commentator-post-count {
    float: left;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.2;
}
.commentator-thread-likes a {
    background: #d3d8db none repeat scroll 0 0;
    border-radius: 3px;
    display: block;
    font-size: 0.87em;
    font-weight: 700;
    height: 23px;
    line-height: 23px;
    padding: 0 8px;
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    z-index: 100;
}
.commentator-dark .commentator-thread-likes a {
    background: #2c2724 none repeat scroll 0 0;
}
.commentator-thread-likes.commentator-active a {
    color: white;
}
.commentator-dark .commentator-thread-likes.commentator-active a {
    color: black;
}
.commentator-thread-likes a .notch {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #d3d8db transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 8px;
    transition: all 0.2s ease-in-out 0s;
    width: 0;
}
.commentator-dark .commentator-thread-likes a .notch {
    border-right: 4px solid #2c2724;
}
.commentator-thread-likes a .commentator_icon-thread-vote {
    display: block;
    font-size: 1.2em;
    left: -27px;
    margin: 6px 4px 0 0;
    padding: 3px 8px 2px 1px;
    position: absolute;
    top: -7px;
    transition: all 0.2s ease-in-out 0s;
}
.commentator-thread-likes.commentator-active a .commentator_icon-thread-vote {
    color: #b2bbc0;
}
.commentator-dark .commentator-thread-likes.commentator-active a .commentator_icon-thread-vote {
    color: #4d443f;
}
.commentator-thread-likes a .commentator-counter {
    color: #5e5e5e;
    overflow: hidden;
    padding: 0;
    transition: all 0.2s ease-in-out 0s;
}
.commentator-dark .commentator-thread-likes a .commentator-counter {
    color: #a1a1a1;
}
.commentator-thread-likes.commentator-active a .commentator-counter {
    color: #fff;
    padding: 0 15px 0 0;
}
.commentator-dark .commentator-thread-likes.commentator-active a .commentator-counter {
    color: #000;
}
.use-opacity-transitions .commentator-thread-likes a .commentator_icon-thread-voted {
    transition: all 0.2s ease-in-out 0s;
}
.commentator-thread-likes a .commentator_icon-thread-voted {
    height: 8px;
    opacity: 0;
    position: absolute;
    right: -20px;
    top: 5px;
    transition: right 0.2s ease-in-out 0s;
    width: 10px;
}
.commentator-thread-likes.commentator-active a .commentator_icon-thread-voted {
    opacity: 1;
    right: 7px;
}
div.commentator-postbox {
    margin: 24px 0 18px;
    position: relative;
}
.commentator-avatar {
    left: 0;
    position: absolute;
    top: 13px;
    transition: left 0.2s linear 0s;
}
.commentator-avatar .user {
    background: #e6e6e6 none repeat scroll 0 0;
    border-radius: 55px;
    display: block;
    position: relative;
    z-index: 100;
}
.commentator-dark .commentator-avatar .user {
    background: #191919 none repeat scroll 0 0;
}
.commentator-avatar .user img {
    border-radius: 99px !important;
    display: block;
    height: 48px;
    width: 48px;
}
.commentator-avatar .commentator-user {
    background: #e6e6e6 none repeat scroll 0 0;
    border-radius: 3px;
    display: block;
    position: relative;
    z-index: 100;
}
.commentator-dark .commentator-avatar .commentator-user {
    background: #191919 none repeat scroll 0 0;
}
.commentator-postbox .commentator-avatar {
    top: 0;
}
.commentator-without-avatars .commentator-postbox .commentator-avatar {
    display: none;
}
div.commentator-textarea-wrapper {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    margin: 0 65px;
    padding: 2px;
    position: relative;
}
.commentator-dark div.commentator-textarea-wrapper {
}
.commentator-without-avatars div.commentator-textarea-wrapper {
    margin-left: 0;
}
.commentator-textarea-wrapper .commentator-textarea {
    border: 0 none;
    color: black;
    cursor: text;
    display: block;
    font-size: 0.93em;
    height: auto;
    line-height: 15px;
    margin: 0;
    min-height: 44px;
    outline: medium none;
    overflow-y: scroll;
    padding: 6px 10px 8px;
    position: relative;
    resize: none;
    transition: all 0.15s ease-in-out 0s;
    width: 100%;
}
.commentator-dark .commentator-textarea-wrapper .commentator-textarea {
    color: #5f6c73;
}
.commentator-textarea-wrapper textarea::-moz-placeholder {
    color: #aab2b8;
    font-size: 1.2em;
    line-height: 30px;
    padding-left: 4px;
}
.commentator-textarea-wrapper textarea:-moz-placeholder {
    color: #aab2b8;
    font-size: 1.2em;
    line-height: 30px;
    padding-left: 4px;
}
.commentator-dark .commentator-textarea-wrapper textarea::-moz-placeholder {
    color: #bbb;
}
.commentator-dark .commentator-textarea-wrapper textarea:-moz-placeholder {
    color: #bbb;
}
.commentator-textarea-wrapper.commentator-textarea-wrapper--withImage .commentator-textarea {
    padding-right: 45px;
}
.commentator-form {
    position: relative;
}
a.commentator-image-upload {
    border-radius: 50%;
    color: #919da5;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 74px;
    text-align: center;
    top: 9px;
    width: 30px;
    z-index: 2;
}
a.commentator-image-upload:hover {
    color: #647580;
}
a.commentator-image-upload svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
a.commentator-image-upload svg circle {
    fill: transparent;
    opacity: 0.4;
    stroke: #919da5;
    stroke-width: 2px;
}
a.commentator-image-upload:hover svg circle {
    stroke: #647580;
}
a.commentator-image-upload.commentator-initiated svg circle.commentator-bar {
    opacity: 1;
    transition: stroke-dashoffset 1s ease 0s;
}
a.commentator-image-upload.commentator-loaded svg circle.commentator-bar {
    transition: none 0s ease 0s ;
}
div.commentator-image-preview {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    box-shadow: 0 0 0 2px #cfd3d5 inset;
    height: 100px;
    margin: 17px 65px 0;
    position: relative;
    width: 100px;
}
a.commentator-image-preview-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    bottom: 0;
    color: #fff;
    left: 0;
    line-height: 100px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
a.commentator-image-preview-overlay:hover {
    opacity: 1;
}
input.commentator-form-image-upload[type="file"] {
    display: none;
}
.commentator-collapsed .commentator-attached-image {
    display: none;
}
a.commentator-attached-image img {
    margin-top: 7px;
}
.commentator-form .commentator-proceed {
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
}
.commentator-not-logged-in .commentator-form .commentator-proceed {
    height: 90px;
}
.commentator-submit {
    background: #01acee none repeat scroll 0 0;
    border: medium none;
    border-radius: 1px;
    color: white;
    display: block;
    font-size: 0.87em;
    height: 100%;
    line-height: 40px;
    margin: 0;
    opacity: 1;
    padding: 0 10px;
    transition: all 0.2s ease-in-out 0s;
    width: 60px;
}
.commentator-submit:hover {
    background: #e24125;
    color: white;
}
.commentator-dark .commentator-submit {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    color: #444;
}
.commentator-dark .commentator-submit {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    color: #222;
}
.commentator-author-info-form .commentator-submit {
    height: 32px;
    line-height: 32px;
}
.commentator-submit i.commentator-icon-spin::before {
    content: "";
}
.commentator-postbox section {
    border-radius: 0 0 3px 3px;
    padding: 14px 0 0;
}
div.commentator-author-info-form {
    display: none;
    margin: 10px 65px;
    position: relative;
}
.commentator-not-logged-in .commentator-author-info-form {
    display: block;
}
.commentator-not-logged-in .commentator-in, .commentator-logged-in .commentator-out {
    display: none !important;
}
#comments.commentator-area input[type="text"], #comments.commentator-area input[type="email"], #comments.commentator-area input[type="password"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    font-size: 0.87em;
    height: 32px;
    margin-bottom: 10px;
    outline: medium none;
    padding: 7px 10px;
    transition: all 0.2s linear 0s;
    width: 100%;
}
#comments.commentator-area.commentator-dark input[type="text"], #comments.commentator-area.commentator-dark input[type="email"], #comments.commentator-area.commentator-dark input[type="password"] {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
}
#comments.commentator-area .commentator-required input {
    opacity: 1;
}
.commentator-author-info-form .last input[type="text"], .commentator-author-info-form .last input[type="email"], .commentator-author-info-form .last input[type="password"] {
    border-radius: 4px 0 0 4px;
}
div.commentator-grid {
    display: block;
    margin: 0 -1.04167%;
    width: 102.083%;
}
.commentator-grid::before, .commentator-grid::after {
    content: "";
    display: table;
}
.commentator-grid::after {
    clear: both;
}
div.commentator-col-12 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 97.9167%;
}
div.commentator-col-11 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 89.5833%;
}
div.commentator-col-10 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 81.25%;
}
div.commentator-col-9 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 72.9167%;
}
div.commentator-col-8 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 64.5833%;
}
div.commentator-col-7 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 56.25%;
}
div.commentator-col-6 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 47.9167%;
}
div.commentator-col-5 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 39.5833%;
}
div.commentator-col-4 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 31.25%;
}
div.commentator-col-3 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 22.9167%;
}
div.commentator-col-2 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 14.5833%;
}
div.commentator-col-1 {
    display: inline;
    float: left;
    margin: 0 1.04167%;
    width: 6.25%;
}
@media screen and (max-width: 720px) {
div[class^="commentator-col-"], div[class*=" commentator-col-"] {
    display: inline;
    float: left;
    margin: 0 1.04167% 10px;
    width: 97.9167%;
}
.commentator-not-logged-in .commentator-form .commentator-proceed {
    height: 174px;
}
#comments.commentator-area input[type="text"], #comments.commentator-area input[type="email"], #comments.commentator-area input[type="password"] {
}
#comments.commentator-area .commentator-author-info-form input[type="text"], #comments.commentator-area .commentator-author-info-form input[type="email"], #comments.commentator-area .commentator-author-info-form input[type="password"] {
    border-radius: 4px 0 0 4px;
}
}
div.commentator-nav {
    border-bottom: 2px solid #eaeef0;
    display: none;
    margin: 0 0 18px;
    padding: 0;
    position: relative;
}
.commentator-dark div.commentator-nav {
    border-bottom-color: rgba(255, 255, 255, 0.17);
}
.commentator-nav::before, .commentator-nav::after {
    content: "";
    display: table;
    line-height: 0;
}
.commentator-nav::after {
    clear: both;
}
.commentator-nav > ul {
    float: left;
}
.commentator-nav > ul::before, .commentator-nav > ul::after {
    content: "";
    display: table;
    line-height: 0;
}
.commentator-nav > ul::after {
    clear: both;
}
.commentator-nav > ul > li {
    float: left;
}
.commentator-nav > ul > li.commentator-share-menu {
    float: right;
    margin-right: 10px;
}
.commentator-nav > ul > li.commentator-user-menu {
    float: right;
}
.commentator-dropdown {
    position: relative;
}
.commentator-dropdown-menu a {
    clear: both;
    color: #7f929c;
    display: block;
    font-weight: 500;
    line-height: 18px;
    padding: 4px 15px;
    transition: none 0s ease 0s ;
    white-space: nowrap;
}
.commentator-dark .commentator-dropdown-menu a {
}
.commentator-comment-header .commentator-comment-menu .commentator-dropdown-menu > li a:hover {
    background-color: #2e9fff;
    color: #fff;
    text-decoration: none;
}
.commentator-dark .commentator-dropdown-menu li > a:hover {
}
.commentator-dropdown-menu hr {
    background-color: #ccc;
    border: 0 none;
    height: 1px;
    margin: 24px;
}
.commentator-dark .commentator-dropdown-menu hr {
}
.commentator-dropdown-menu p {
    margin-bottom: 10px;
    text-align: center;
}
.commentator-dropdown-menu .social-signin-container {
    text-align: center;
}
.commentator-nav > ul > li > a, .commentator-nav > ul > li > span {
    color: #a7aeb2;
    display: block;
    font-size: 0.87em;
    font-weight: 700;
    line-height: 1;
    padding: 11px 10px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.commentator-dark .commentator-nav > ul > li > a, .commentator-dark .commentator-nav > ul > li > span {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.commentator-nav .commentator-dropdown-toggle {
    padding-right: 24px;
    position: relative;
}
.commentator-nav .commentator-dropdown-toggle {
    background: transparent none repeat scroll 0 0 !important;
    color: #7f929c !important;
}
.commentator-nav .commentator-pull-right .commentator-dropdown-toggle {
    padding-right: 0;
}
.commentator-nav > ul > li.commentator-active > a {
    color: #363a3d !important;
}
.commentator-dark .commentator-nav > ul > li.commentator-active > a {
    color: #c9c5c2 !important;
}
.commentator-nav > ul > li.commentator-active > a::after {
    background: rgb(70, 76, 76) none repeat scroll 0 0;
    bottom: -2px;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}
.commentator-dark .commentator-nav > ul > li.commentator-active > a::after {
    background: rgb(185, 179, 179) none repeat scroll 0 0;
}
div.commentator-dropdown-menu, ul.commentator-dropdown-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e3e9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 0.87em;
    left: 0;
    list-style: outside none none;
    margin: 3px 0 0;
    min-width: 250px;
    padding: 10px;
    position: absolute;
    top: 100%;
    z-index: 199;
}
.commentator-dropdown-toggle::before, .commentator-dropdown-toggle::after {
    border-style: solid;
    content: "";
    display: none;
    height: 0;
    width: 0;
}
.commentator-open .commentator-dropdown-toggle::before, .commentator-open .commentator-dropdown-toggle::after {
    display: block;
}
.commentator-dropdown-toggle::before {
    border-color: transparent transparent #fff;
    border-width: 0 10px 10px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    top: 26px;
    z-index: 751;
}
.commentator-dropdown-toggle::after {
    border-color: transparent transparent #e0e3e9;
    border-width: 0 11px 11px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: 25px;
    z-index: 750;
}
.commentator-comment-menu .commentator-dropdown-toggle::before {
    border-width: 0 6px 6px;
    margin-left: -3px;
    top: 18px;
}
.commentator-comment-menu .commentator-dropdown-toggle::after {
    border-width: 0 7px 7px;
    margin-left: -4px;
    top: 17px;
}
.commentator-comment-menu .commentator-dropdown-menu {
    left: auto;
    min-width: 170px;
    right: 0;
    top: 23px;
}
.commentator-comment-menu .commentator-dropdown-menu > li a i {
    width: 20px;
}
.commentator-dark div.commentator-dropdown-menu {
    background: #fff none repeat scroll 0 0;
    color: #000;
}
.commentator-pull-right {
    position: relative;
}
.commentator-pull-right .commentator-dropdown {
    position: static;
}
.commentator-pull-right .commentator-dropdown-menu {
    left: auto;
    right: 0;
}
.commentator-nav .commentator-dropdown-menu {
    top: 32px;
}
.use-opacity-transitions .commentator-dropdown-menu {
    transition: opacity 0.2s ease 0s;
}
.commentator-dropdown.commentator-open .commentator-dropdown-menu {
    display: block;
}
.commentator-comment-header .commentator-dropdown.commentator-open .commentator-dropdown-menu {
    margin-top: 0;
    padding: 0;
}
.commentator-comment-header .commentator-dropdown-toggle > i {
    font-size: 0.8em;
}
.commentator-dropdown-menu .commentator-submit {
    height: 40px;
    width: 100%;
}
.commentator-dark .commentator-dropdown-menu .commentator-submit {
    background: #8d969c none repeat scroll 0 0;
    color: white;
}
.commentator-dark .commentator-dropdown-menu .commentator-submit:hover {
    color: white;
    opacity: 1;
}
#comments.commentator-area.commentator-dark .commentator-dropdown-menu input[type="text"], #comments.commentator-area.commentator-dark .commentator-dropdown-menu input[type="email"], #comments.commentator-area.commentator-dark .commentator-dropdown-menu input[type="password"] {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 0 2px rgba(0, 39, 59, 0.2) inset;
}
.commentator-login-form label {
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    margin: 5px 0 15px;
}
.commentator-comments-list {
    list-style-type: none;
    margin: 0;
}
.commentator-comments-list.commentator-icon-spin {
    display: block;
    line-height: 20px;
    margin: 40px auto;
    text-align: center;
    width: 20px;
}
.commentator-comments-list.commentator-icon-spin::before {
    content: "";
}
.commentator-comments-list .comment {
    position: relative;
}
.commentator-comments-list .comment::before, .commentator-comments-list .comment::after {
    content: "";
    display: table;
    line-height: 0;
}
.commentator-comments-list .comment::after {
    clear: both;
}
.commentator-comments-list > .comment {
    padding-left: 60px;
}
.commentator-without-avatars .commentator-comments-list > .comment {
    padding-left: 0;
}
li.commentator-collapsed section.commentator-comment-text, li.commentator-collapsed .commentator-comment-footer, li.commentator-collapsed ul.children {
    display: none;
}
li.commentator-collapsed .commentator-comment-header {
    line-height: 36px;
}
.commentator-comments-list > li.commentator-collapsed .commentator-avatar .user img {
    height: 36px;
    width: 36px;
}
#comments article.commentator-comment-content {
    border: medium none;
    margin: 0 0 24px;
    padding: 0;
    transition: all 0.2s ease-in-out 0s;
}
.commentator-comment-content img {
    border-radius: 3px;
    display: block;
    max-height: 480px;
    max-width: 100%;
}
.commentator-comment-content .commentator-avatar {
    top: 0;
}
.commentator-without-avatars .commentator-comment-content .commentator-avatar {
    display: none;
}
.commentator-comment-content .commentator-comment-body {
    position: relative;
}
.commentator-comment-content .commentator-comment-header {
    color: #777;
    font-size: 0.87em;
    line-height: 17px;
    padding-right: 46px;
    position: relative;
}
span.commentator-comment-byline {
    font-weight: bold;
}
.commentator-dark .commentator-comment-content .commentator-comment-header {
    color: #c8c8c8;
}
.commentator-comment-byline a {
    color: #464c4c;
}
.commentator-dark .commentator-comment-byline a {
    color: #bdbebd;
}
.commentator-comment-meta {
    display: inline-block;
}
.commentator-comment-author-tag {
    background: #8d969c none repeat scroll 0 0;
    border-radius: 4px;
    color: white;
    font-size: 0.8em;
    line-height: 1;
    padding: 3px 5px;
}
.commentator-comment-content .commentator-comment-bullet {
    color: #ccc;
    font-size: 9px;
    line-height: 1.4;
    padding: 0;
}
.commentator-dark .commentator-comment-content .commentator-comment-bullet {
    color: #ccc;
}
.commentator-comment-header .commentator-time {
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.95em;
    font-weight: 400;
}
.commentator-dark .commentator-comment-header .commentator-time {
    color: #c8c8c8;
}
.commentator-comment-header .commentator-comment-bullet {
    padding: 0 4px;
}
.commentator-comment-header .commentator-comment-menu {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}
.commentator-comment-content:hover .commentator-comment-header .commentator-comment-menu {
    opacity: 1;
    visibility: visible !important;
}
.commentator-comment-header .commentator-comment-menu::before, .commentator-comment-header .commentator-comment-menu::after {
    content: "";
    display: table;
    line-height: 0;
}
.commentator-comment-header .commentator-comment-menu::after {
    clear: both;
}
.commentator-comment-header .commentator-comment-menu > li {
    float: left;
    margin: 0 0 0 8px;
}
.commentator-comment-header .commentator-comment-menu li.commentator-collapse a, .commentator-comment-header .commentator-comment-menu .commentator-expand a {
    font-size: 0.8em;
    opacity: 0.6;
    padding: 10px 0 10px 10px;
    position: relative;
    top: 0;
}
.commentator-expand, li.commentator-collapsed li.commentator-collapse {
    display: none;
}
li.commentator-collapsed li.commentator-expand {
    display: block;
}
.commentator-comment-header .commentator-dropdown .commentator-dropdown-toggle {
    border-left: 2px solid #afb8c5;
    padding-left: 5px;
}
.commentator-dark .commentator-comment-header .commentator-dropdown .commentator-dropdown-toggle {
    border-left: 2px solid #50473a;
}
.commentator-comment-header .commentator-comment-menu > li a {
    color: #919da5;
}
.commentator-comment-header .commentator-comment-menu > li a:hover {
    color: #647580;
}
.commentator-dark .commentator-comment-header .commentator-comment-menu > li a {
    color: #999;
}
.commentator-comment-header .commentator-comment-menu > li a span {
    display: none;
}
.commentator-comment-header .commentator-comment-menu .commentator-dropdown-menu > li a span {
    display: inline;
}
.commentator-comment-text {
    color: #42474a;
    padding: 4px 0;
}
.commentator-dark .commentator-comment-text {
    color: #fff;
}
.commentator-comment-footer span {
    color: #888;
    font-size: 13px;
    font-weight: 100 !important;
    line-height: 15px;
    margin: 0 7px 0 0;
    padding: 0;
}
.commentator-comment-footer span:hover {
	color: #000;
}
.commentator-comment-footer span span {
    margin-right: 0;
}
.commentator-comment-contentfooter .bullet {
    line-height: 1.5;
}
.commentator-comment-footer a {
    color: #3c5d94;
    font-weight: 400;
}
.commentator-dark .commentator-comment-footer a {
    color: #c8c8c8;
}
.commentator-comment-footer .commentator-reply i {
    color: #999;
    font-size: 11px;
    margin-right: 5px;
}
.commentator-comment-footer a.commentator-active.commentator-vote-down {
    color: #f55567;
}
.commentator-comment-footer a.commentator-active.commentator-vote-up {
    color: #2e9fff;
}
.commentator-dark .commentator-comment-footer a.commentator-active {
    color: #fff;
    font-weight: 400;
}
.commentator-comment-footer a:hover {
    color: #647580;
}
.commentator-dark .commentator-comment-footer a:hover {
    color: #fff;
}
.commentator-comment-footer a.commentator-pick {
    background-color: #ccc;
    color: #fff;
}
.commentator-comment-footer a.commentator-pick i.commentator-icon-spin::before {
    content: "";
}
a.commentator-pick {
    border-radius: 10px;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
    z-index: 100;
}
.commentator-pick.commentator-disabled {
    cursor: default;
    display: none;
}
.commentator-pick.commentator-disabled + .commentator-comment-bullet {
    display: none;
}
.commentator-pick.commentator-disabled.commentator-active {
    display: inline-block;
}
.commentator-pick.commentator-disabled.commentator-active + .commentator-comment-bullet {
    display: inline-block;
}
.commentator-comment-footer .commentator-voting .commentator-vote-up, .commentator-comment-footer .commentator-voting .commentator-vote-down {
    display: inline-block;
    height: 11px;
    line-height: 0.85;
    min-height: 14px;
    padding-right: 3px;
    position: relative;
}
.commentator-comment-footer .commentator-voting .commentator-vote-down {
    border-left: 2px solid #eaedee;
    padding-left: 6px;
    padding-right: 0;
}
.commentator-dark .commentator-comment-footer .commentator-voting .commentator-vote-down {
    border-left: 1px solid #eaedee;
}
.commentator-voting i {
    font-size: 10px;
}
.commentator-voting a i.commentator-icon-spin {
    display: inline-block;
    font-size: 9px;
    padding: 1px;
}
.commentator-voting a i.commentator-icon-spin::before {
    content: "";
}
.commentator-comments-list .comment .comment {
    padding-left: 48px;
}
.commentator-without-avatars .commentator-comments-list .comment .comment {
    padding-left: 0;
}
.commentator-comments-list .comment .comment form .commentator-avatar .user img {
    height: 48px;
    width: 48px;
}
div.commentator-alert {
    background: #a3aebc none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 0.87em;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 10px 35px 10px 14px;
    text-shadow: none;
}
.commentator-alert.commentator-error {
    background: #ff2e46 none repeat scroll 0 0;
}
.commentator-alert.commentator-message {
    background: #8fc847 none repeat scroll 0 0;
}
.commentator-alert .commentator-close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #fff !important;
    display: block;
    float: right;
    font-size: 1.33em;
    font-weight: 700;
    line-height: 20px;
    opacity: 0.8;
    padding: 0 !important;
    position: relative;
    right: -21px;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #fff;
    top: -2px;
}
.commentator-alert .commentator-close:hover {
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}
a.commentator-social-login-button {
    color: white;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    opacity: 0.8;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 30px;
}
.commentator-dark a.commentator-social-login-button {
    color: black;
}
a.commentator-social-login-button:hover {
    color: white;
    opacity: 1;
}
.commentator-dark a.commentator-social-login-button:hover {
    color: black;
}
.commentator-social-login-button.commentator-facebook {
    background: #4862a3 none repeat scroll 0 0;
}
.commentator-social-login-button.commentator-twitter {
    background: #00acee none repeat scroll 0 0;
}
.commentator-social-login-button.commentator-google {
    background: #c13222 none repeat scroll 0 0;
}
.commentator-social-login-button.commentator-linkedin {
    background: #0073b2 none repeat scroll 0 0;
}
#commentator-pagination {
    border-top: 2px solid #eaeef0;
}
.commentator-dark #commentator-pagination {
    border-top: 2px solid #15110f;
}
#commentator-pagination a, #commentator-pagination span {
    color: #7f929c;
    display: inline-block;
    padding: 10px 4px;
}
.commentator-dark #commentator-pagination a, .commentator-dark #commentator-pagination span {
    color: #58524e;
}
#commentator-pagination span.current {
    color: #363a3d;
    font-weight: 700;
}
.commentator-dark #commentator-pagination span.current {
    color: #c9c5c2;
}
#commentator-new-pagination-container {
    display: none;
}
#commentator-main-header p.nocomments {
    margin-bottom: 10px;
}
.commentator-boxed .commentator-comments-list > .comment {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e3e9;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 0;
}
.commentator-boxed .comment {
    padding: 0;
}
.commentator-boxed .commentator-comments-list > .comment > .children {
    background-color: #fafcfc;
    border-top: 1px solid #eff3fa;
    padding: 10px;
}
#comments.commentator-boxed article.commentator-comment-content {
    padding: 10px;
}
#comments.commentator-boxed .comment .comment article.commentator-comment-content {
    padding: 0;
}
.commentator-boxed .commentator-avatar {
    left: 10px;
    top: 10px;
}
.commentator-boxed .commentator-avatar .user {
    border-radius: 16px;
}
.commentator-boxed .commentator-avatar .user img, .commentator-boxed .commentator-comments-list > li.commentator-collapsed .commentator-avatar .user img {
    border-radius: 16px;
    height: 32px;
    width: 32px;
}
.commentator-boxed .commentator-comment-header {
    height: 32px;
    line-height: 32px;
    padding-left: 42px;
}
.commentator-boxed li.commentator-collapsed .commentator-comment-header {
    line-height: 32px;
}
.commentator-boxed .comment li.commentator-collapsed .commentator-comment-header {
    line-height: 22px;
}
.commentator-boxed .comment .comment .commentator-comment-header {
    height: 22px;
    line-height: 22px;
    padding-left: 32px;
}
.commentator-boxed .commentator-comments-list .comment .comment {
    padding-left: 0;
}
.commentator-boxed .commentator-comments-list .comment .comment.commentator-collapsed {
    padding-bottom: 10px;
}
#comments.commentator-boxed article.commentator-comment-content {
    margin-bottom: 20px;
}
#comments.commentator-boxed .commentator-comments-list > .comment > article.commentator-comment-content {
    margin-bottom: 0;
}
#comments.commentator-boxed li.commentator-collapsed article.commentator-comment-content {
    margin-bottom: 0;
}
.commentator-boxed .children div.commentator-textarea-wrapper {
    margin-left: 32px;
}
.commentator-comment-header .commentator-comment-menu > li.commentator-flag-comment > a {
    border-left: 2px solid #ccc;
    padding-left: 6px;
}
.commentator-comment-text p {
    color: #222;
    font-size: 14px;
}
.author {
    color: #3a99d7;
    font-size: 14px;
    font-weight: normal;
}
.commentator-comments-list .comment .comment .commentator-avatar .user img {
    height: 36px;
    width: 36px;
}
.commentator-boxed .commentator-comments-list .comment .children .commentator-avatar .user img {
    height: 22px;
    width: 22px;
}
.commentator-boxed .comment .children .commentator-avatar {
    left: 0;
    top: 0;
}
.commentator-animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes commentatorFadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.commentator-fadeIn {
    animation-name: fadeIn;
}