/* hcm - e-mail */
form[name*="mform"] {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
form[name*="mform"] table {
  background-color: rgba(238, 238, 238, 0.7);
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-left-style: dotted;
  border-right-style: dotted;
  border-top-color: rgba(164, 164, 164, 0.8);
  border-bottom-color: rgba(164, 164, 164, 0.8);
  border-left-color: rgba(164, 164, 164, 0.8);
  border-right-color: rgba(164, 164, 164, 0.8);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
form[name*="mform"] th {
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  float: left;
  display: block;
}
@media only screen and (max-width: 750px) {
  form[name*="mform"] {
    width: 100%;
    display: inline-block;
  }
  form[name*="mform"] tr {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 450px) {
  form[name*="mform"],
  form[name*="mform"] table,
  form[name*="mform"] tbody,
  form[name*="mform"] tr,
  form[name*="mform"] td {
    width: 100%;
    display: inline-block;
  }
  form[name*="mform"] tr {
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
/* hcm - e-mail - end */
/* hcm - e-mail for "box" */
.box-item form[name*="mform"],
.box-item form[name*="mform"] table,
.box-item form[name*="mform"] tbody,
.box-item form[name*="mform"] tr,
.box-item form[name*="mform"] td {
  width: 100%;
  display: inline-block;
}
.box-item form[name*="mform"] table {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
.box-item form[name*="mform"] th {
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  float: left;
  display: block;
}
.box-item form[name*="mform"] tr {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.box-item form[name*="mform"] input[type="submit"] {
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  display: inline-block;
}
/* hcm - e-mail for "box" - end */
/* hcm - new comments (recentposts + articles) for "box" */
.box-item .article-preview {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
.box-item .list-item {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
.box-item .list-title {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
.box-item .list-title a {
  background-color: transparent;
  background-image: url("../images/menu/menu_a.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0;
  background-position-y: center;
  background-size: 8px auto;
  font-size: 16px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.box-item .list-title a:hover {
  background-color: transparent;
  background-image: url("../images/menu/menu_a.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0;
  background-position-y: center;
  background-size: 8px auto;
  color: #576f82;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.box-item .list-perex {
  background-color: transparent;
  font-size: 14px;
  line-height: 120%;
  max-width: 230px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  box-shadow: none;
  overflow-x: hidden;
  overflow-y: hidden;
  clear: both;
  float: left;
  display: block;
}
.box-item .list-perex-image {
  width: 60px;
}
.box-item ul.list-info {
  background-color: transparent;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  box-shadow: none;
}
@media only screen and (max-width: 750px) {
  .box-item .list-perex {
    max-width: 750px;
    min-width: 20px;
  }
}
/* hcm - new comments (recentposts + articles) for "box" - end */