/* Talk Mobile CSS */
/*
 Talk Mobile (questions/topics) UI
 */

body {
  background: #262d34;
}

#page-wrap {
  max-width: none;
  min-width: 0;
  padding: 0;
  position: relative;
}
#content-wrap {
  position: relative;
}
.wide-view #content-wrap {
  width: 100%;
}

.page-node .node {
  margin: 0;
  padding: 0;
}

#page {
  background: #262d34;
}

#mp-username {
  color: red !important;
}

.top-of-page {
  padding-top: 35px;
}

#section-navigations {
  background: #fff !important;
}

.ad-nav {
  display: none !important;
}

#navigation-bottom {
  display: none !important;
}

#header {
  margin-bottom: 0 !important;
}

#banner-main {
  display: none !important;
}

a#totalcomments {
  color: #aac3dd;
  margin: -30px auto 20px 0;
  text-align: center;
  display: block;
  clear: both;
  font-family: arial;
  font-variant: small-caps;
  font-size: 14px;
  text-transform: uppercase;
}

.mnc {
  clear: both;
  margin: 30px 0 0 150px;
}
.mnc #comments {
  margin: 15px 0 0 0;
}

.comment-add-new a.use-ajax {
  opacity: 0.1;
  line-height: 5px;
}
.comment-add-new a.use-ajax img {
  display: none;
}

.mnc .mnComments {
  margin: 0 25px;
}
.mnc .mnCommentsContainer {
  border: 1px solid #2B2B2B;
  height: 35px;
  overflow: hidden;
  background: #262d35;
}

.mnc .mnCommentsContainer h3 {
  color: #ED145B;
  cursor: pointer;
  font-family: arial;
  font-size: 18px;
  line-height: 35px;
  margin: 0;
}

.mnc .mnCommentsContainer h3 span.subtitle {
  color: #ccc;
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
}
.mnc .mnCommentsContainer h3 span.smallcomments {
  display: inline-block;
  margin-left: 15px;
}

.mnc .mnCommentsContainer:hover h3 span.subtitle {
  color: #fff;
}

.mnc .mnCommentsContainer.selected {
  border: none;
  height: auto;
  position: relative;
}
.mnc .mnCommentsContainer.selected h3 {
  position: relative;
  font-family: arial;
  margin: 0px;
  color: #fff;
  font-size: 36px;
  line-height: 38px;
  font-weight: bold;
  width: 568px;
  min-height: 130px;
}

.mnc .mnCommentsContainer.selected h3 span.subtitle {
  display: inline-block;
  color: #fff;
  margin-bottom: 11px
}
.mnc .mnCommentsContainer.selected h3 span.smallcomments {
  display: block;
  position: absolute;
  right: -232px;
  top: 39px;
  font-size: 70px;
  z-index: 5;
}

/*.mnc .mnCommentsContainer.selected ul{display: block}*/

.mnc .mnCommentsTabs {
  padding: 0px;
  position: relative;
  float: left;
  padding-left: 21px;
  margin-bottom: 10px;
  line-height: 39px
}
.mnc .mnCommentsTabs li {
  height: 20px;
  display: inline-block;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  line-height: 39px;
  color: #ed1358;
  list-style: none;
  background-color: transparent;
  text-align: center;
  margin-left: 10px;
  vertical-align: top;
}
.mnc .mnCommentsTabs li:hover {
  cursor: pointer;
}
.mnc .mnCommentsTabs li.selected {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 39px;
}
.mnc .mnCommentsTabs li.subtitle_right_container {
  position: absolute;
  top: -160px;
  left: -10px;
  height: 100%;
  width: 100%;
  text-align: right;
  display: none;
}

.mnc .mnCommentsTabs li.subtitle_right_container span.subtitle_right {

  width: 172px;
  float: right;
  text-align: center;
  margin-right: 30px;
}

.mnc .mnCommentsTabs li.subtitle_right_container span.subtitle_right span {
  display: block;
  padding: 20px 0 0 0;
}

.mnc .mnCommentsLogin {
  margin: 0px -30px 10px 0px;
  padding: 0px 30px;
  position: relative;
  color: #fff;
  display: none;
  line-height: 39px;
  float: right
}
.mnc .mnCommentsLogin a {
  color: #ED145B;
}

.mnc .text-logo {
  font-size: 80px;
  line-height: 80px;
  font-weight: bold;
}

.mnc .text-medium {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}

.mnc .text-white {
  color: white;
}
.mnc .text-black {
  color: black;
}

.mnc .mnCommentsInner {
  background-color: #262d35;
  padding: 10px;
  margin: 0px -30px 0px;
  min-height: 500px;
  padding-top: 0px;
  clear: both;
}

/* Comments */
.mnc #content .content h2.title {
  font-size: 34px;
  margin: 0 0 30px 0;
}

.mnc #comments div > .ajax-comment-wrapper:nth-child(even) {
  background-color: #262d35;
}
.mnc #comments div > .ajax-comment-wrapper:nth-child(odd) {
  background-color: transparent;
}

.mnc .comment {
  margin-bottom: 15px;
  border: 4px solid #121519;
  border-radius: 0;
  padding: 0px;
  min-height: 0px;
  background: #FFF;
  margin-left: 60px;
  width: 85%;
  position: relative;
}

.mnc #comments div > .ajax-comment-wrapper .comment:last-child, ta
.mnc #comments div > .ajax-comment-wrapper .comment-new:last-child {
  border-bottom: none;
}

.mnc .comment .body {
  margin-left: 0px;
  padding: 14px;
  position: static;
  border: none;
  overflow: hidden;
  min-height: 0px;
}

.mnc .comment .role {
  display: block;
  text-align: center;
  font-size: 11px;
}

.mnc .comment .user > a, .mnc .ajax-comment-wrapper .authorName {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0em;
  color: #969696;
  font-style: italic;
  font-family: georgia;
  margin: 0 0 0 11px;
}

.mnc .comment .user a.permalink {
  font-size: 10px;
  line-height: 22px;
  letter-spacing: 0.1em;
  color: #999;
}

.mnc .comment .user span.time {
  font-size: 10px;
  color: #999;
}

.mnc .comment .avatar-wrap {
  width: 50px;
  height: 90px;
  background: url(./_ui/images/common/comments-bubble-dark.png) no-repeat;
  margin-left: -65px;
  padding: 5px;
  float: left;
}

.mnc .comment .avatar-wrap img.picture {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}

.mnc .comment-by-unpublished {
  opacity: 0.5;
}

.mnc .comment-by-editor .body {
  background-color: #fff;
}
.mnc .comment-by-writer .body {
  background-color: #fff;
}
.mnc .comment-by-node-author .body {
  background-color: #fff;
}
.mnc .comment-by-viewer .body {
  background-color: #fff;
}
.mnc .comment-by-unpublished .body {
  background-color: #fff;
}
.mnc .comment-featured .body {
  background-color: #fff;
}

.mnc .comment-by-editor .body p {
  font-family: arial;
}
.mnc .comment-by-writer .body p {
  font-family: arial;
}
.mnc .comment-by-node-author .body p {
  font-family: arial;
}
.mnc .comment-by-viewer .body p {
  font-family: arial;
}
.mnc .comment-by-unpublished .body p {
  font-family: arial;
}
.mnc .comment-featured .body p {
  font-family: arial;
}

.mnc .comment-by-editor .user {
  background-color: #cb003f;
}
.mnc .comment-by-writer .user {
  background-color: #cb003f;
}
.mnc .comment-by-node-author .user {
  background-color: #cb003f;
}

.mnc .comment-unpublished .user {
}
.mnc .comment .user {
  border-left: 0px solid #ef0000;
  min-height: 0px;
  padding: 0;
  margin: 0px;
  line-height: 30px;
  background: #f1f1f1;
}
.mnc .comment-new .user {
  border-left: 3px solid #ef0000;
  min-height: 0px;
  padding: 0;
  margin-left: 0px;
}
.mnc .comment-featured .user {
  background-color: #cb003f;
}
.mnc .comment-by-viewer .user {
  background-color: #47be47;
}

.mnc .comment-by-editor .user a {
  color: #fff;
}
.mnc .comment-by-writer .user a {
  color: #fff;
}
.mnc .comment-by-node-author .user a {
  color: #fff;
}
.mnc .comment-by-viewer .user a {
  color: #fff;
}
.mnc .comment-unpublished .user a {
  color: #fff;
}
.mnc .comment-featured .user a {
  color: #fff;
}

.mnc .comment-by-editor .user a.permalink {
  color: #fff;
}
.mnc .comment-by-writer .user a.permalink {
  color: #fff;
}
.mnc .comment-by-node-author .user a.permalink {
  color: #fff;
}
.mnc .comment-by-viewer .user a.permalink {
  color: #fff;
}
.mnc .comment-unpublished .user a.permalink {
  color: #fff;
}
.mnc .comment-featured .user a.permalink {
  color: #fff;
}

/* Featured */
.mnCommentsContainer .mnComments.featured .comment, .mnCommentsContainer .mnComments.featured .comment-new {
  margin-bottom: 15px;
  border: 0px solid #121519;
  border-radius: 0;
  padding: 0px;
  min-height: 0px;
  background: none;
  margin-left: 60px;
  width: 85%;
}

.mnCommentsContainer .mnComments.featured .ajax-comment-wrapper.indented {
  margin-left: 0px;
}

.mnCommentsContainer .mnComments.featured .comment-by-editor .body {
  margin: 0;
  background-color: #262d34;
  padding: 0 10px;
}
.mnCommentsContainer .mnComments.featured .comment-by-writer .body {
  margin: 0;
  background-color: #262d34;
  padding: 0 10px;
}
.mnCommentsContainer .mnComments.featured .comment-by-node-author .body {
  margin: 0;
  background-color: #262d34;
  padding: 0 10px;
}
.mnCommentsContainer .mnComments.featured .comment .body {
  margin: 0;
  background-color: #262d34;
  padding: 0 10px;
}
.mnCommentsContainer .mnComments.featured .comment-by-unpublished .body {
  margin: 0;
  background-color: #262d34;
  padding: 0 10px;
}

.mnCommentsContainer .mnComments.featured .comment-by-editor .body p {
  color: #fff;
  font-family: georgia;
  font-size: 24px;
  line-height: 34px;
  font-weight: normal;
  padding: 0px;
  margin: 0 0 20px 0;
}
.mnCommentsContainer .mnComments.featured .comment-by-writer .body p {
  color: #fff;
  font-family: georgia;
  font-size: 24px;
  line-height: 34px;
  font-weight: normal;
  padding: 0px;
  margin: 0 0 20px 0;
}
.mnCommentsContainer .mnComments.featured .comment-by-node-author .body p {
  color: #fff;
  font-family: georgia;
  font-size: 24px;
  line-height: 34px;
  font-weight: normal;
  padding: 0px;
  margin: 0 0 20px 0;
}
.mnCommentsContainer .mnComments.featured .comment .body p {
  color: #fff;
  font-family: georgia;
  font-size: 24px;
  line-height: 34px;
  font-weight: normal;
  padding: 0px;
  margin: 0 0 20px 0;
}
.mnCommentsContainer .mnComments.featured .comment-by-unpublished .body p {
  color: #fff;
  font-family: georgia;
  font-size: 24px;
  line-height: 34px;
  font-weight: normal;
  padding: 0px;
  margin: 0 0 20px 0;
}

.mnCommentsContainer .mnComments.featured .comment-by-editor .user {
  background-color: #262d34;
}
.mnCommentsContainer .mnComments.featured .comment-by-writer .user {
  background-color: #262d34;
}
.mnCommentsContainer .mnComments.featured .comment-by-node-author .user {
  background-color: #262d34;
}
.mnCommentsContainer .mnComments.featured .comment .user {
  background-color: #262d34;
}
.mnCommentsContainer .mnComments.featured .comment-unpublished .user {
}
.mnCommentsContainer .mnComments.featured .comment-new .user {
  border-left: 0px solid #ef0000;
  min-height: 0px;
  padding: 0;
  margin-left: 0px;
}
.mnCommentsContainer .mnComments.featured .comment-by-viewer .user {
  background-color: #262d34;
}

.mnCommentsContainer .mnComments.featured .comment-by-editor .user a {
  color: #bcbcbc;
}
.mnCommentsContainer .mnComments.featured .comment-by-writer .user a {
  color: #bcbcbc;
}
.mnCommentsContainer .mnComments.featured .comment-by-node-author .user a {
  color: #bcbcbc;
}
.mnCommentsContainer .mnComments.featured .comment .user a {
  color: #bcbcbc;
}
.mnCommentsContainer .mnComments.featured .comment-unpublished .user a {
  color: #bcbcbc;
}

.mnCommentsContainer .mnComments.featured .comment-by-editor .user a.permalink {
  display: none;
  color: #fff;
}
.mnCommentsContainer .mnComments.featured .comment-by-writer .user a.permalink {
  display: none;
  color: #fff;
}
.mnCommentsContainer .mnComments.featured .comment-by-node-author .user a.permalink {
  display: none;
  color: #fff;
}
.mnCommentsContainer .mnComments.featured .comment .user a.permalink {
  display: none;
  color: #fff;
}
.mnCommentsContainer .mnComments.featured .comment-unpublished .user a.permalink {
  display: none;
  color: #fff;
}

.mnComments.featured .indented .comment .body {
  margin-left: 0;
  padding: 0 10px;
}

.mnComments.featured .body p:first-child:before {
  font-family: Georgia;
  font-size: 36px;
  content: "\201C";
  margin-right: 3px;
  min-width: 10px;
  display: inline-block;
  line-height: 10px;
}

.mnComments.featured .body p:last-child:after {
  font-family: Georgia;
  font-size: 36px;
  content: "\201D";
  margin-left: 3px;
  min-width: 10px;
  display: inline-block;
  line-height: 10px;
}

/*End featured */

.mnc .comment .body p {
  margin: 0 0 24px 0;
  border-left: 0px;
  font-size: 18px;
  font-family: 'nregular';
  line-height: 24px;
  color: #313131;
  padding: 0 50px 0 0;
}

.mnc .comment p.time {
  color: #999;
  font-size: 11px;
}

.mnc #comments .indented {
  margin-left: 20px;
}

.mnc #comments .indented .indented .indented .indented .indented .indented .indented .indented {
  margin: 0;
}

.mnc .indented .comment img.picture {
  width: 46px;
}
.mnc .indented .indented .comment img.picture {
  width: 46px;
}
.mnc .indented .indented .indented .comment img.picture {
  width: 46px;
}

.mnc .indented .comment .body {
  margin-left: 0;
}
.mnc .indented .indented .comment .body {
  margin-left: 0;
}
.mnc .indented .indented .indented .comment .body {
  margin-left: 0;
}

/* Reply | Edit | Moderate | Flag etc */
.mnc .comment:hover ul.links {
  display: block;
}

.mnc .comment ul.links {
  color: white;
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 5px 0px 0 0;
  padding: 0px;
  font-size: 10px;
}

.mnc .comment ul.links a {
  padding: 5px;
  text-transform: uppercase;
  color: #999;
  display: inline-block;
  border: 1px solid #999;
  border-radius: 3px;
  margin-bottom: 5px;
  transition: border 0.25s, background-color 0.25s, color 0.25s;
  -webkit-transition: border 0.25s, background-color 0.25s, color 0.25s;
  line-height: normal;
}

.mnc .comment ul.links a:hover {
  text-decoration: none;
  color: #fff;
  border: 1px solid #0174b7;
  background: #0174b7;
}
.mnc .comment ul.links a > * {
  vertical-align: middle;
}

/* Pager */
.mnc .item-list ul.pager {
  margin: 10px;
}

.mnc .item-list ul.pager .pager-current {
  background: none repeat scroll 0 0 #F75E11;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  margin: 0 3px;
  padding: 3px 6px;
}

.mnc .item-list ul.pager li {
  padding: 0;
  margin: 0px;
  font-family: nregular;
  border: 0;
  background: transparent;
}

.mnc ul.pager a {
  background: none repeat scroll 0 0 #f9f9f9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #464646;
  margin: 0 3px;
  padding: 3px 6px;
  border: 1px solid #dedede;
}

.mnc ul.pager a:hover {
  background-color: #eeeeee;
  text-decoration: none;
  color: #333;
}

.mnc .ajax-comment-wrapper .authorFace {
  background: url('./_ui/images/common/60x60_4665839.jpg?r=9');
  height: 60px;
  width: 60px;
  border: none;
  border-radius: 30px;
  float: left;
}

.mnc .ajax-comment-wrapper .authorName {
  float: left;
  line-height: 60px;
  margin-left: 10px;
}

.mnc .ajax-comment-wrapper .authorName .siteName {
  font-family: times;
  font-weight: normal;
  font-style: italic;
  color: grey;
}

.mnc .ajax-comment-wrapper .commentBox {
  clear: both;
  margin-left: 70px;
}

.mnc .comment-add-new {
  margin: 20px;
}

.mnc .comment-form {
  background-color: #e5e5e5;
  padding: 10px 10px 0px 10px;
  overflow: hidden;
  width: 87%;
  margin-bottom: 10px;
  margin-left: 40px;
  min-height: 140px;
  height: auto;
}

.mnc .comment-form .field-type-text-long.field-name-comment-body.field-widget-text-textarea.form-wrapper {
  min-height: 90px;
  height: auto;
}
.mnc .comment-form .field-type-text-long.field-name-comment-body.field-widget-text-textarea.form-wrapper .text-full.form-textarea.required {
  min-height: 90px;
  margin-bottom: 10px;
}
.mnc .form-item-notify {
  display: inline-block;
  width: auto;
  float: left;
  line-height: 28px;
  margin: 0px;
  /*display:none;*/
}

.form-item label.option {
  color: #8a8a8a;
}

.mnc .comment-form div.form-actions.form-wrapper {
  padding-right: 20px;
}

.node input.form-autocomplete,
.node input.form-text, 
.node input.form-file, 
.node textarea.form-textarea, 
.node select.form-select {
  padding: 10px !important;
  border: 0px solid #ccc !important;
  border-top-color: #999;
  background: #fff;
  color: #333;
  display: block;
  height: 50px;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.538em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mnc .comment-form div.form-actions {
  display: inline-block;
  float: right;
  margin-top: 10px;
}

.mnc .comment-form div.form-actions.form-wrapper {
  text-align: right;
  margin: 0px;
}

.mnc .comment-form div.form-actions.form-wrapper input {
  background: #0174b7;
  color: white;
  border: 0;
}

.mnc .comment-form input.form-submit, a.button {
  margin: 0;
  border-radius: 4px;
  text-transform: uppercase;
  vertical-align: bottom;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  display: inline-block;
  padding: 0 10px;
}
.mnc .field.field-name-comment-body a {
  color: #0174b7;
}

.mnc .comment-form .ajax-comments-reply-cancel, .mnc .comment-form .use-ajax.ajax-processed {
  display: inline-block;
  height: 27px;
  line-height: 28px;
  font-size: 12px;
  margin-left: 20px;
  background: none;
  color: #888;
  vertical-align: bottom;
}

.mnc .comment-form .form-item.form-type-textarea {
  padding: 0;
  margin: 0px;
}

.mnc .item-list ul.pager .pager-current {
  background-color: #CA0068;
}

.mnc .comment_forbidden {
  color: #333;
}

.selected .mnc-thread-head {
  background-color: #ED145B;
  padding: 15px 30px 0;
}

.mnc-thread-head {
  background-color: #222222;
  padding: 0 0 0 10px;
}

/* PollDaddy */
.tm-polldaddy-left {
  width: 305px;
  margin-left: -18px;
  float: left;
  position: relative;
  z-index: 1;
}
.pds-votebutton-outer {
  position: relative;
}
.pds-vote-button {
  width: 80px !important;
  height: 80px !important;
  display: block !important;
  background: transparent url("./_ui/images/common/sprites.png") no-repeat scroll -165px -95px !important;
  border: 0 none !important;
  padding: 0px;!important;
  margin: 0px !important;
  border-radius: 0px !important;
  outline: 0 none !important;
  text-indent: -8000px !important;
  font-size: 1px !important;
  bottom: -11px !important;
  right: -28px !important;
  float: right !important;
}
.pds-input-label {
  font: normal normal normal 15px/16px Trebuchet MS;
  color: #434A54;
  text-align: left;
  padding: 0;
  width: 185px;
  position: relative;
  float: left;
  cursor: pointer;
  display: block;
}
.pds-vote-button span {
  display: none !important;
}
.pds-links {
  padding: 0 !important;
}
.pds-view-results {
  margin-top: 45px !important;
}

a[name='comments'] {
  position: relative;
  top: -100px;
}

/*
 END Talk Mobile (questions/topics) UI
 */

/* Author Links */
.author_link:hover {
  cursor: pointer;
  color: #fd6d23 !important;
}

form.confirmation {
  background: wheat;
  padding: 10px 0 0 10px;
  border: 5px solid black;
  margin: 16px 40px;
}

.mnc .comment-age-day .permalink span {
  display: none;
}

.mnc .comment-age-day .permalink:after {
  content: '>>';
  position: relative;
  top: -2px;
}

a.mnc-thread-link:hover, a.mnc-thread-link:active, a.mnc-thread-link:focus {
  text-decoration: none;
}

.mnc-sort {
  float: right;
}

.mnc-sort span {
  display: inline;
  color: white;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height:39px;
}

.mnComments.featured .rate-widget {
  display: none;
}

/*.mnc-sort {
  display:none !important;
}*/