.dl_form  { }
.dl_form dl {
  clear:both;
  margin-bottom:7px;
  padding-bottom:7px;
}
.dl_form dl dt {
  float:left;
  margin-top:10px;
}
.dl_form dl dd {
  margin-left:120px;
}
.dl_form input[type="submit"] {
display:block; padding:10px 15px; border:2px solid #222; color:#fff; background:#222; border-radius: 4px; margin:0 auto;  max-width:160px; text-align:center; text-transform:uppercase;
}
.dl_form input[type="submit"]:hover{
background:#ebebeb; color:#222; text-decoration:none; cursor: pointer;
}


.dl_form input[type="text"] {
padding: .5em .6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 90%;
max-width: 500px;
margin: 0 auto;
display: block;
}

.dl_form textarea:hover,
.dl_form textarea:focus,
.dl_form input[type="text"]:focus,
.dl_form input[type="text"]:hover {
border:solid 1px #222; 
}
input[type=text]:focus{outline-color:#222}
textarea:focus{outline-color:#222}
.dl_form textarea  {
padding: .5em .6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 90%;
max-width: 500px;
height:250px;
margin: 0 auto;
display: block;
}
#note,
#error {
   display:none;
}
#error  {
color: red;
padding: 15px 10px;
font-size: 16px;
font-weight: bolder;
text-align: center;
background: white;
border: 0px solid #ccc;
}