/*****************************************/
/* 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;
}
#replyall-widget {
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  /*****************************************/
  /*****************************************/
  /* replies */
}
#replyall-widget iframe {
  width: 100%;
}
#replyall-widget img,
#replyall-widget iframe {
  max-width: 100% !important;
}
#replyall-widget .row,
#replyall-widget .col {
  margin: 0;
  padding: 0;
}
#replyall-widget p {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  margin-bottom: 0;
  color: #ffb6b9;
}
#replyall-widget .widget-banner {
  background-color: #262b3f;
}
#replyall-widget .widget-banner img {
  width: 100%;
}
#replyall-widget .participants {
  background-color: #992327;
  padding: 10px 0;
  overflow-x: hidden;
  height: 224px;
  width: 100% !important;
}
#replyall-widget .participants .jspContainer,
#replyall-widget .participants .jspPane {
  width: 100% !important;
}
#replyall-widget .participants h6 {
  color: #FFF;
  padding-left: 10px;
  text-transform: uppercase;
  margin: 0;
  font-size: 15px;
}
#replyall-widget .participants img {
  width: 44px;
  height: 44px;
  margin: 0 8px;
}
#replyall-widget .participants ul {
  padding: 5px 0 10px 0;
  margin: 5px 16px 0 0;
}
#replyall-widget .participants ul li {
  list-style: none;
  padding: 8px;
  width: 100%;
}
#replyall-widget .participants ul li:last-child {
  margin: 0 !important;
}
#replyall-widget .participants ul li:hover {
  background: #8d1115;
}
#replyall-widget .participants ul li a {
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}
#replyall-widget .participants ul li a:hover {
  text-decoration: none;
}
#replyall-widget .participants ul li a .author {
  color: #FFF;
  font-size: 15px;
  line-height: 1.2;
}
#replyall-widget .participants ul li a .posts {
  padding-top: 4px;
  font-size: 12px;
  line-height: 1.2;
}
#replyall-widget .participants .guests,
#replyall-widget .participants .members {
  background-color: #b1272c;
  padding-top: 10px;
}
#replyall-widget .title {
  background-color: #262b3f;
  padding: 15px 10px;
  margin: 0;
}
#replyall-widget .title h2 {
  font-size: 22px;
  line-height: 33px;
  color: #FFF;
}
#replyall-widget .title p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-bottom: 0;
  color: #ffdeac;
  padding-top: 5px;
}
#replyall-widget .replies {
  background-color: #fff;
  position: relative;
  padding: 10px 15px;
}
#replyall-widget .replies h6 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #replyall-widget .replies {
    padding: 10px 10px;
  }
}
@media screen and (max-width: 500px) {
  #replyall-widget .replies {
    padding: 10px 8px;
  }
}
#replyall-widget .reply-box {
  margin-bottom: 15px;
}
#replyall-widget .reply-box .picture {
  width: 59px;
}
#replyall-widget .reply-box .picture > a {
  float: left;
  margin-right: 5px;
}
#replyall-widget .reply-box .picture > a > img {
  width: 100%;
}
#replyall-widget .reply-box .picture > img {
  float: left;
}
#replyall-widget .reply-box.old-reply .post-reply {
  background: #eeeeee;
}
#replyall-widget .reply-box.old-reply .post-reply .arrow-left {
  background: url("/static/img/arw-left-grey.png") no-repeat scroll 0 0;
}
#replyall-widget .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;
}
#replyall-widget .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;
}
#replyall-widget .reply-box .post-reply .author {
  padding: 15px 10px 10px 10px;
  color: #8d1115;
  font-size: 16px;
}
#replyall-widget .reply-box .post-reply .author a {
  color: #8d1115;
}
#replyall-widget .reply-box .post-reply .reply-content {
  min-height: 30px;
  padding: 10px;
  margin-bottom: 0;
  overflow: hidden;
  overflow-wrap: break-word;
  /*
				#finished-form {
					input, button {
                        height: 2.5em; 
					}	
				}
				*/
}
#replyall-widget .reply-box .post-reply .reply-content,
#replyall-widget .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;
					*/
}
#replyall-widget .reply-box .post-reply .reply-content a {
  color: #428bca !important;
}
#replyall-widget .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;
}
#replyall-widget .reply-box .post-reply .reply-content .btn-subscribe:hover,
#replyall-widget .reply-box .post-reply .reply-content .btn-subscribe:focus {
  text-decoration: none;
  background: #4586b7;
}
#replyall-widget .reply-box .post-reply .reply-content #follow-form,
#replyall-widget .reply-box .post-reply .reply-content #finished-form {
  margin-top: 15px;
}
#replyall-widget .reply-box .post-reply .reply-content #follow-form input,
#replyall-widget .reply-box .post-reply .reply-content #finished-form input,
#replyall-widget .reply-box .post-reply .reply-content #follow-form input:focus,
#replyall-widget .reply-box .post-reply .reply-content #finished-form input:focus {
  border-color: green;
  box-shadow: none;
  outline: 0 none;
}
#replyall-widget .reply-box .post-reply .reply-content #follow-form button,
#replyall-widget .reply-box .post-reply .reply-content #finished-form button {
  border-color: green;
  color: #fff !important;
  font-weight: bold;
}
#replyall-widget .reply-box .post-reply .reply-content #follow-form input,
#replyall-widget .reply-box .post-reply .reply-content #finished-form input,
#replyall-widget .reply-box .post-reply .reply-content #follow-form button,
#replyall-widget .reply-box .post-reply .reply-content #finished-form button {
  height: 2.5em;
}
#replyall-widget .reply-box .post-reply .reply-content #follow-form div.tos,
#replyall-widget .reply-box .post-reply .reply-content #finished-form div.tos {
  font-weight: 600;
  margin-top: 1em;
}
#replyall-widget .reply-box .post-reply .reply-content #follow-form div.tos,
#replyall-widget .reply-box .post-reply .reply-content #finished-form div.tos,
#replyall-widget .reply-box .post-reply .reply-content #follow-form div.tos a,
#replyall-widget .reply-box .post-reply .reply-content #finished-form div.tos a {
  font-size: 10px;
}
@media screen and (max-width: 767px) {
  #replyall-widget .reply-box .post-reply {
    margin-left: 78px;
  }
  #replyall-widget .reply-box .post-reply .author {
    font-size: 16px;
  }
  #replyall-widget .reply-box .post-reply .reply-content,
  #replyall-widget .reply-box .post-reply .reply-content * {
    /*
                            font-size: 15px !important;
							*/
    font-size: 15px;
  }
}
@media screen and (max-width: 585px) {
  #replyall-widget .reply-box .picture {
    width: 50px;
  }
  #replyall-widget .reply-box .post-reply {
    margin-left: 72px;
  }
  #replyall-widget .reply-box .post-reply .author {
    font-size: 15px;
  }
  #replyall-widget .reply-box .post-reply .reply-content,
  #replyall-widget .reply-box .post-reply .reply-content * {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 470px) {
  #replyall-widget .reply-box .post-reply {
    margin-left: 68px;
  }
  #replyall-widget .reply-box .post-reply .author {
    font-size: 14px;
  }
  #replyall-widget .reply-box .post-reply .reply-content,
  #replyall-widget .reply-box .post-reply .reply-content * {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 380px) {
  #replyall-widget .reply-box {
    margin-bottom: 7px;
  }
  #replyall-widget .reply-box .picture {
    width: 35px;
  }
  #replyall-widget .reply-box .post-reply {
    margin-left: 42px;
    padding: 2px;
  }
  #replyall-widget .reply-box .post-reply .arrow-left {
    top: 7px;
    left: -9px;
    width: 9px;
  }
  #replyall-widget .reply-box .post-reply .author {
    font-size: 13px;
  }
  #replyall-widget .reply-box .post-reply .reply-content,
  #replyall-widget .reply-box .post-reply .reply-content * {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 340px) {
  #replyall-widget .reply-box {
    margin-bottom: 5px;
  }
  #replyall-widget .reply-box .picture {
    width: 30px;
  }
  #replyall-widget .reply-box .post-reply {
    margin-left: 33px;
    padding: 1px;
  }
  #replyall-widget .reply-box .post-reply .arrow-left {
    top: 4px;
    left: -7px;
    width: 7px;
  }
  #replyall-widget .reply-box .post-reply .author {
    font-size: 12px;
  }
  #replyall-widget .reply-box .post-reply .reply-content,
  #replyall-widget .reply-box .post-reply .reply-content * {
    font-size: 11px !important;
  }
}
#replyall-widget .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;
}
#replyall-widget .next-reply-coming .post-reply .reply-content {
  color: #5E6D7F !important;
}
#replyall-widget .powered-by {
  text-align: right;
  margin-bottom: 10px;
  text-decoration: none;
}
#replyall-widget .powered-by img {
  width: 35%;
}
@media screen and (max-width: 767px) {
  #replyall-widget .powered-by img {
    width: 42%;
  }
}
@media screen and (max-width: 420px) {
  #replyall-widget .powered-by img {
    width: 50%;
  }
}
.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=../css/_maps/widget-style.css.map */