fieldset.mytitle {
    border-top: 1px solid #aaa;
    border-bottom: none;
    border-left: none;
    border-right: none;
    display: block;
    text-align: center;
}

fieldset.mytitle legend {
    padding: 5px 10px;
}

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: left;
  height: 1.5em;
  opacity: .5;
  margin-left:10px;
  margin-bottom:10px;
  font-weight:500;

}
.hr-text:before {
    content: '';
    // use the linear-gradient for the fading effect
    // use a solid background color for a solid bar
    background: #cccccc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to right, black, transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right,black, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, black, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black, transparent); /* Standard syntax */
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
  }
.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;

    padding: 0 .5em;
    line-height: 1.5em;
    // this is really the only tricky part, you need to specify the background color of the container element...
    color: #818078;
    background-color: #fcfcfa;
  }
label {
	font-weight:500;
}