.BlogComment {
margin-top: 40px;
padding: 15px;
border: 1px solid #CCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}

.BlogComment h4 {
margin: 10px 10px 20px 10px;
padding: 10px;
border-bottom: medium solid #82ae46;
color: #333333;
font-size: 120%;
 font-weight: normal;
}

.BlogComment .submit {
padding: 30px 0;
text-align: center;
}

.BlogCommentList {
margin-bottom: 20px;
padding: 0 15px 20px;
border-bottom: 1px solid #CCC;
}

.comment {
margin-top: 15px;
padding-top: 15px;
border-top: 1px dotted #CCC;
}

.comment:first-child {
margin-top: 0;
padding-top: 0;
border-top: none;
}

.BlogCommentSend h5 {
margin: 0;
padding-bottom: 20px;
font-size: 18px;
font-size: 1.125rem;
}

.BlogCommentSend table {
width: 100%;
}

.BlogCommentSend table th {
padding: 10px;
}

.BlogCommentSend table td {
padding: 10px;
}

.auth-captcha {
text-align: center;
}

.auth-captcha-image {
vertical-align: middle;
}

#ResultMessage {
padding: 10px 0;
font-size: 18px;
font-size: 1.125rem;
background: #f39800;
color: #FFF;
}

.button {
margin: 10px;
padding: 15px 40px;
border: 1px solid #CCCCCC;
color: #333333;
cursor: pointer;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff));
background: none, -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
background: none, -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
background: none, -o-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
background: none, linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
font-size: 20px;
font-size: 1.25rem;
}
.button:hover {
color: #FFF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#82ae46', endColorstr = '#688B38');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#82ae46', endColorstr = '#688B38')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #82ae46, #688B38);
background-image: -ms-linear-gradient(top, #82ae46, #688B38);
background-image: -o-linear-gradient(top, #82ae46, #688B38);
background-image: -webkit-gradient(linear, center top, center bottom, from(#82ae46), to(#688B38));
background-image: -webkit-linear-gradient(top, #82ae46, #688B38);
background-image: linear-gradient(top, #82ae46, #688B38);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

@media only screen and (min-width: 500px) and (max-width: 1110px) {

input[name*="address_"] {
width: 100%;
}

.BlogCommentSend table tr {
display: inline;
}

.BlogCommentSend table th {
font-weight: bold;
}

.BlogCommentSend table th,
.BlogCommentSend table td {
padding: 10px 0 0;
margin-top: -1px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}

.BlogCommentSend table td small {
display: block;
}

}

@media only screen and (min-width: 500px) and (max-width: 787px) {

#BlogCommentAddForm {
padding: 10px 0 !important;
}

#BlogCommentMessage {
width: 96%;
}
}

@media only screen and (max-width: 499px) {

.button {
font-size: 18px;
font-size: 1.125rem;
}

.BlogCommentSend table tr {
display: inline;
}

.BlogCommentSend table th {
font-weight: bold;
}

.BlogCommentSend table th,
.BlogCommentSend table td {
padding: 10px 0 0;
margin-top: -1px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}

.BlogCommentSend table td small {
display: block;
}

#BlogCommentAddForm {
padding: 10px 0 !important;
}

#BlogCommentMessage {
width: 96%;
}
}