/*****************************************/
/* Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input[type="radio"],
input[type="checkbox"] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
  resize: none;
  line-height: 1;
  color: #3b3b3b;
  font-family: 'Open Sans', sans-serif;
}
body {
  min-width: 120px;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}
h6 {
  font-family: 'Open Sans', sans-serif;
  margin: 5px 0 0;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspContainer .jspPane {
  position: absolute;
}
.jspContainer .jspCap {
  display: none;
}
.jspContainer .jspTrack {
  background: #8f0f14;
  position: relative;
}
.jspContainer .jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspContainer .jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspContainer #content div:nth-child(3) .jspTrack {
  background: #790409;
  position: relative;
}
.jspContainer .jspDrag {
  cursor: pointer;
  left: 3px;
  position: relative;
  top: 0;
  width: 10px;
  background-color: #b1272c;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.jspContainer .jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
.jspContainer .jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}
.jspContainer .jspVerticalBar .jspCap {
  float: left;
}
.jspContainer .jspVerticalBar .jspArrow {
  height: 16px;
}
.jspContainer .jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspContainer .jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}
.jspContainer .jspHorizontalBar .jspCap {
  float: left;
}
.jspContainer .jspHorizontalBar .jspTrack,
.jspContainer .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspContainer .jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspContainer .jspVerticalBar .jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
body#replyall-widget {
  overflow: hidden;
}
body#replyall-widget main {
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  /*****************************************/
  /*****************************************/
  /* replies */
}
body#replyall-widget main iframe {
  width: 100%;
}
body#replyall-widget main img,
body#replyall-widget main iframe {
  max-width: 100% !important;
}
body#replyall-widget main .row,
body#replyall-widget main .col {
  margin: 0;
  padding: 0;
}
body#replyall-widget main p {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  margin-bottom: 0;
  color: #ffb6b9;
}
body#replyall-widget main .widget-banner {
  background-color: #262b3f;
}
body#replyall-widget main .widget-banner img {
  width: 100%;
}
body#replyall-widget main .participants {
  background-color: #992327;
  padding: 10px 0;
  overflow-x: hidden;
  height: 224px;
  width: 100% !important;
}
body#replyall-widget main .participants .jspContainer,
body#replyall-widget main .participants .jspPane {
  width: 100% !important;
}
body#replyall-widget main .participants h6 {
  color: #FFF;
  padding-left: 10px;
  text-transform: uppercase;
  margin: 0;
  font-size: 15px;
}
body#replyall-widget main .participants img {
  width: 44px;
  height: 44px;
  margin: 0 8px;
}
body#replyall-widget main .participants ul {
  padding: 5px 0 10px 0;
  margin: 5px 16px 0 0;
}
body#replyall-widget main .participants ul li {
  list-style: none;
  padding: 8px;
  width: 100%;
}
body#replyall-widget main .participants ul li:last-child {
  margin: 0 !important;
}
body#replyall-widget main .participants ul li:hover {
  background: #8d1115;
}
body#replyall-widget main .participants ul li a {
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}
body#replyall-widget main .participants ul li a:hover {
  text-decoration: none;
}
body#replyall-widget main .participants ul li a .author {
  color: #FFF;
  font-size: 15px;
  line-height: 1.2;
}
body#replyall-widget main .participants ul li a .posts {
  padding-top: 4px;
  font-size: 12px;
  line-height: 1.2;
}
body#replyall-widget main .participants .guests,
body#replyall-widget main .participants .members {
  background-color: #b1272c;
  padding-top: 10px;
}
body#replyall-widget main .title {
  background-color: #262b3f;
  padding: 15px 10px;
  margin: 0;
}
body#replyall-widget main .title h2 {
  font-size: 22px;
  line-height: 33px;
  color: #FFF;
}
body#replyall-widget main .title p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-bottom: 0;
  color: #ffdeac;
  padding-top: 5px;
}
body#replyall-widget main .replies {
  background-color: #fff;
  position: relative;
  padding: 10px 15px;
}
body#replyall-widget main .replies h6 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  body#replyall-widget main .replies {
    padding: 0 0 0 2px;
  }
}
body#replyall-widget main .reply-box {
  margin-right: 10px;
  margin-bottom: 15px;
}
body#replyall-widget main .reply-box .picture {
  width: 59px;
}
body#replyall-widget main .reply-box .picture > a {
  float: left;
  margin-right: 5px;
}
body#replyall-widget main .reply-box .picture > a > img {
  width: 100%;
}
body#replyall-widget main .reply-box .picture > img {
  float: left;
}
body#replyall-widget main .reply-box.old-reply .post-reply {
  background: #eeeeee;
}
body#replyall-widget main .reply-box.old-reply .post-reply .arrow-left {
  background: url("/static/img/arw-left-grey.png") no-repeat scroll 0 0;
}
body#replyall-widget main .reply-box .post-reply {
  margin-left: 85px;
  position: relative;
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #b4b4b4;
  -webkit-box-shadow: 2px 2px 0 #d9d9d9;
  -moz-box-shadow: 2px 2px 0 #d9d9d9;
  box-shadow: 2px 2px 0 #d9d9d9;
}
body#replyall-widget main .reply-box .post-reply .arrow-left {
  background: url("/static/img/arw-left.png") no-repeat scroll 0 0;
  display: block;
  height: 21px;
  left: -14px;
  position: absolute;
  top: 15px;
  width: 21px;
}
body#replyall-widget main .reply-box .post-reply .author-heading {
  margin-top: 10px;
}
body#replyall-widget main .reply-box .post-reply .author-heading div.picture {
  margin-left: 10px;
  display: none;
}
body#replyall-widget main .reply-box .post-reply .author {
  padding: 15px 10px 10px 10px;
  color: #8d1115;
  font-size: 16px;
}
body#replyall-widget main .reply-box .post-reply .author a {
  color: #8d1115;
}
body#replyall-widget main .reply-box .post-reply .reply-content {
  min-height: 30px;
  margin: 0 0 10px 10px;
  padding: 0 30px 0 0;
  width: 100%;
  overflow: hidden;
  overflow-wrap: break-word;
}
body#replyall-widget main .reply-box .post-reply .reply-content,
body#replyall-widget main .reply-box .post-reply .reply-content * {
  color: #3b3b3b !important;
  line-height: 1.6 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 0.01rem !important;
  word-spacing: 0.05rem !important;
  /*
					the attributes have to have the !important modifier
					because it is necessary to override any css added by
					the users when they copy and paste their replies

                    color: #3b3b3b;
                    line-height: 1.6;
                    font-family: @regular-fonts;
                    font-size: 15px;
                    letter-spacing: 0.01rem;
                    word-spacing: 0.05rem;
					*/
  /*
						seriously, this is poor design.  what we need to do is
						have all css we don't want removed from the replies
					*/
}
body#replyall-widget main .reply-box .post-reply .reply-content a {
  color: #428bca !important;
}
body#replyall-widget main .reply-box .post-reply .reply-content .btn-subscribe {
  padding: 15px;
  display: block;
  margin: 15px auto;
  color: #fff !important;
  border: 1px solid #3375A6;
  font-weight: 700;
  box-shadow: none;
  border-radius: 7px;
  text-align: center;
  width: 100%;
  background: #6FB5E4 repeat-x;
  background-image: -webkit-linear-gradient(top, #6FB5E4 0%, #3283BD 100%);
  background-image: -o-linear-gradient(top, #6FB5E4 0%, #3283BD 100%);
  background-image: linear-gradient(to bottom, #6FB5E4 0%, #3283BD 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6fb5e4', endColorstr='#ff3283bd', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
  text-shadow: 0 1px 1px #203D52;
}
body#replyall-widget main .reply-box .post-reply .reply-content .btn-subscribe:hover,
body#replyall-widget main .reply-box .post-reply .reply-content .btn-subscribe:focus {
  text-decoration: none;
  background: #4586b7;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form label.error,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form label.error {
  color: #A00000 !important;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form label.user_email,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form label.user_email {
  margin: 20px 0 10px 10px;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form label#email_error,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form label#email_error {
  padding-top: 5px;
  display: none;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form input,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form input,
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form input:focus,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form input:focus {
  border-color: green;
  box-shadow: none;
  outline: 0 none;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form button,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form button {
  border-color: green;
  color: #fff !important;
  font-weight: bold;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form input,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form input,
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form button,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form button {
  height: 2.49em;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form input[type="checkbox"],
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form input[type="checkbox"] {
  /* 
						safari checkboxes are problematic
						because they will 'jump' up and down, or
						they will take up far more width then they need

						the following two css commands get around this problem
						*/
  height: auto;
  width: auto;
  margin-top: 12px;
  margin-right: 5px;
  margin-left: 10px;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form input[type="checkbox"] + label,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form input[type="checkbox"] + label {
  margin-top: 8px;
  font-size: 12px !important;
  font-weight: normal;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form div.tos,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form div.tos {
  font-weight: 600;
  margin-top: 1em;
}
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form div.tos,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form div.tos,
body#replyall-widget main .reply-box .post-reply .reply-content #follow-form div.tos a,
body#replyall-widget main .reply-box .post-reply .reply-content #finished-form div.tos a {
  font-size: 10px;
}
body#replyall-widget main .reply-box .post-reply .reply-content .msg-info {
  display: none;
}
body#replyall-widget main .reply-box .post-reply.expanded {
  margin-left: 10px;
  /* the conditions in this css take precedence over the media max-width
				directives below because of specifity

				3 class selectors and 1 element selector => specifity 0,0,3,1

				below in @media it has a specifity of  0,0,3,0
			*/
}
body#replyall-widget main .reply-box .post-reply.expanded div.picture {
  margin-left: 10px;
  width: 59px;
}
body#replyall-widget main .reply-box .post-reply.expanded div.picture a img {
  margin-top: 10px;
}
body#replyall-widget main .reply-box .post-reply.expanded div.author {
  padding: 0px;
  display: inline-block;
  margin: 30px 30px 30px 10px;
}
body#replyall-widget main .reply-box .post-reply.expanded .reply-content {
  width: 100%;
  margin: 0 10px 10px 10px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  body#replyall-widget main .reply-box .post-reply .arrow-left {
    display: hidden;
  }
  body#replyall-widget main .reply-box .post-reply .author {
    font-size: 16px;
  }
  body#replyall-widget main .reply-box .post-reply .reply-content,
  body#replyall-widget main .reply-box .post-reply .reply-content * {
    font-size: 15px;
  }
}
@media screen and (max-width: 700px) {
  body#replyall-widget main .reply-box .picture {
    display: none;
  }
  body#replyall-widget main .reply-box .post-reply.expanded .picture {
    display: block;
  }
  body#replyall-widget main .reply-box .post-reply {
    margin-left: 10px;
  }
  body#replyall-widget main .reply-box .post-reply .author-heading {
    padding-bottom: 20px;
  }
  body#replyall-widget main .reply-box .post-reply .author-heading div.picture {
    display: block;
  }
}
@media screen and (max-width: 585px) {
  body#replyall-widget main .reply-box .picture {
    width: 50px;
  }
  body#replyall-widget main .reply-box .post-reply .author {
    padding-top: 6px;
    font-size: 15px;
  }
  body#replyall-widget main .reply-box .post-reply .reply-content,
  body#replyall-widget main .reply-box .post-reply .reply-content * {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 470px) {
  body#replyall-widget main .reply-box .post-reply .author {
    font-size: 15px;
  }
  body#replyall-widget main .reply-box .post-reply .reply-content,
  body#replyall-widget main .reply-box .post-reply .reply-content * {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 380px) {
  body#replyall-widget main .reply-box {
    margin-bottom: 7px;
  }
  body#replyall-widget main .reply-box .picture {
    width: 35px;
  }
  body#replyall-widget main .reply-box .post-reply {
    padding: 2px;
  }
  body#replyall-widget main .reply-box .post-reply .author-heading {
    padding-bottom: 0;
  }
  body#replyall-widget main .reply-box .post-reply .arrow-left {
    top: 7px;
    left: -9px;
    width: 9px;
  }
  body#replyall-widget main .reply-box .post-reply .author {
    font-size: 15px;
  }
  body#replyall-widget main .reply-box .post-reply .reply-content,
  body#replyall-widget main .reply-box .post-reply .reply-content * {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 340px) {
  body#replyall-widget main .reply-box .picture {
    width: 30px;
  }
  body#replyall-widget main .reply-box .post-reply {
    padding: 1px;
  }
  body#replyall-widget main .reply-box .post-reply .arrow-left {
    top: 4px;
    left: -7px;
    width: 7px;
  }
  body#replyall-widget main .reply-box .post-reply .author {
    font-size: 14px;
  }
  body#replyall-widget main .reply-box .post-reply .reply-content,
  body#replyall-widget main .reply-box .post-reply .reply-content * {
    font-size: 13px !important;
  }
}
body#replyall-widget main div.reply-box.subscription {
  border: 0;
  box-shadow: none;
}
body#replyall-widget main div.reply-box.subscription div.post-reply {
  border: 0;
  box-shadow: none;
  background: 0;
  padding: 0;
}
body#replyall-widget main .next-reply-coming .post-reply {
  color: #fff;
  background-color: #DEEDF5;
  border-color: #8DBCF1;
  font-weight: bold;
  box-shadow: none;
  margin-right: -2px;
  text-align: center;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
body#replyall-widget main .next-reply-coming .post-reply .reply-content {
  color: #5E6D7F !important;
}
body#replyall-widget main .powered-by {
  text-align: right;
  margin-bottom: 10px;
  text-decoration: none;
}
body#replyall-widget main .powered-by img {
  width: 38%;
}
@media screen and (max-width: 767px) {
  body#replyall-widget main .powered-by img {
    width: 42%;
  }
}
@media screen and (max-width: 420px) {
  body#replyall-widget main .powered-by img {
    width: 50%;
  }
}
body#replyall-widget main .powered-by img.full-banner {
  width: 100%;
}
.msg-info {
  /*
    background-color: #DEEDF5;
    border: 1px solid #8DBCF1;
	*/
  border-radius: 7px;
  box-shadow: none;
  font-weight: bold;
  margin-top: 15px;
  padding: 10px;
  text-align: center;
}
/*# sourceMappingURL=_maps/widget-style.css.map */