.action_line {
  position: relative;
  clear: both;
  top: 0.7em;
  height: 1px;
  width: 100%;
  margin-bottom: 1.3em;
  background: rgb(240,235,223);
  background: -moz-linear-gradient(left, rgba(240,235,223,1) 0%, rgba(111,75,50,1) 50%, rgba(240,235,223,1) 100%);
  background: -webkit-linear-gradient(left, rgba(240,235,223,1) 0%,rgba(111,75,50,1) 50%,rgba(240,235,223,1) 100%);
  background: -ms-linear-gradient(left, rgba(240,235,223,1) 0%,rgba(111,75,50,1) 50%,rgba(240,235,223,1) 100%);
  background: linear-gradient(to right, rgba(240,235,223,1) 0%,rgba(111,75,50,1) 50%,rgba(240,235,223,1) 100%);
}

.action_name,
.action_description {
  display:block;
  float:left;
  clear:both;
}

.action_name {
  font-weight:bold;
}

.infobox {
  padding: 1em;
  background-color: #E1D3C8;
  border: 5px double #6F4A32;
  margin-bottom: 10px;
}

.infobox div.wrapper {
  margin: 0;
  padding: 0;
}

.infoboxstyle {
  background-color: transparent;
  color: #000;
  text-align: center;
}

.infobox_text {
  text-align: left;
}

.infobox_text img {
  max-width: 100px;
  margin: 0 0 5px 10px;
}

@media screen and (min-width: 0em) {
  .infobox {
    padding: 0.5em;
    border: 0;
  }
  .infoboxstyle {
    text-align: left;
  }
}

@media screen and (min-width: 30em) {
  .infobox {
    padding: 1em;
    border: 5px double #6F4A32;
  }
  .infoboxstyle {
    text-align: center;
  }
}