body {
    font-size: 12px;
    
    font-family: Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif;
}


 p{ padding:0px; margin:0px}

form{ padding:0px; margin:0px}
/* FORM STYLE */

.field {width:600px;float:left; margin:0px; padding:0px; margin-bottom:15px;}
label {font-weight:bold;color:#666; font-size:14px; padding:0px; margin:0px}


/* horizontal layout */



.form-error {color:#d33;font-weight:bold;font-size:0.8em;}
[icon ^="warning"] {padding: 3px 8px 3px 25px; background: transparent url(img/warning.png) no-repeat center left;}
[icon ^="accept"] {padding: 3px 8px 3px 25px; background: transparent url(img/accept.png) no-repeat center left;}


.hinput, .htextarea, .hselect {
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    width: 280px;
    padding: 8px 6px;
    margin: 0;
    color: #999999;
    text-shadow: 0 0 1px #FFFFFF;
    border: 1px solid #ddd;
    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out; 
}

.hinput {
    height: 16px;
}

.hselect {
    width: 280px;
    padding: 6px 6px;
}

.htextarea {
    width: 320px; height:100px;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);

}

.hinput:focus, .htextarea:focus, .hselect:focus {
    -webkit-box-shadow: 0px 0px 5px #007eff;
    -moz-box-shadow: 0px 0px 5px #007eff;
    box-shadow: 0px 0px 5px #007eff;
}

.csubmit{
    padding: 6px 3px;
    margin-right:5px;
    height: 36px;
    cursor: pointer;
    width: 96px;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    background: -webkit-gradient(linear, left top, left 30, from(#f1f1f1), color-stop(4%, #ffffff), to(#c4e0fc));
    background: -moz-linear-gradient(top, #f1f1f1, #ffffff 1px, #c4e0fc 30px);
    border: 1px solid #ccc;
    font-weight:bold;
    color:#666;
}

.lspan{ padding:0px; margin:0px}
.inspan{  width:330px;}


