/* form style */
.form-style{
    max-width: 100%;
}

.form-style label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style label > span{
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style span.required{
    color:red;
}

.form-style input.input-field,
.form-style .tel-number-field,
.form-style .textarea-field,
 .form-style .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: solid 1px #f3e9db;
    background-color: #fff;
    width: 100%;
    height: 43px;
    padding-left: 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;    
 
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    outline: none;
}
.form-style .input-field:focus,
.form-style .tel-number-field:focus,
.form-style .textarea-field:focus,  
.form-style .select-field:focus{
    border: 1px solid #0C0;
}
.form-style .textarea-field{
    height:100px;
    width: 55%;
}

/*.form-style .success{
    border: 1px solid #920219;
    background: #000;
    width: 28%;    
    padding: 10px;
    top: 31px;
    left:0px;
    right: 0px;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    position: fixed;
    z-index: 9999;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-rendering:optimizelegibility;
    font-weight:normal;
    text-align:center;
    line-height:21px;
    color:#fff;
    text-shadow: 1px 2px 5px rgba(150, 150, 150, 1);		
    text-decoration: none;
}
.form-style .error {
    border: 1px solid #920219;
    background: #000;
    width: 28%;    
    padding: 10px;
    top: 31px;
    left:0px;
    right: 0px;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    position: fixed;
    z-index: 9999;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-rendering:optimizelegibility;
    font-weight:normal;
    text-align:center;
    line-height:21px;
    color:#fff;
    text-shadow: 1px 2px 5px rgba(150, 150, 150, 1);		
    text-decoration: none;
}*/

.success{
    border: 1px solid #920219;
    background: #000;
    width: 28%;    
    padding: 10px;
    top: 31px;
    left:0px;
    right: 0px;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    position: fixed;
    z-index: 9999;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-rendering:optimizelegibility;
    font-weight:normal;
    text-align:center;
    line-height:21px;
    color:#fff;
    text-shadow: 1px 2px 5px rgba(150, 150, 150, 1);		
    text-decoration: none;
}

.error {
    border: 1px solid #920219;
    background: #000;
    width: 28%;    
    padding: 10px;
    top: 31px;
    left:0px;
    right: 0px;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    position: fixed;
    z-index: 9999;

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-rendering:optimizelegibility;
    font-weight:normal;
    text-align:center;
    line-height:21px;
    color:#fff;
    text-shadow: 1px 2px 5px rgba(150, 150, 150, 1);		
    text-decoration: none;
}


.success .error a{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
    font-size: 13px;
    text-rendering:optimizelegibility;
    font-weight:normal;
    text-align:center;
    line-height:31px;
    color:#fe9900;
    text-shadow: 1px 2px 5px rgba(150, 150, 150, 1);		
    text-decoration: none;
}

.success .error a:visited{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		
    font-size: 13px;
    text-rendering:optimizelegibility;
    font-weight:normal;
    text-align:center;
    line-height:31px;
    color:#fe9900;
    text-shadow: 1px 2px 5px rgba(150, 150, 150, 1);		
    text-decoration: none;
}

.success .error a:active{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		
    font-size: 13px;
    text-rendering:optimizelegibility;
    font-weight:normal;
    text-align:center;
    line-height:31px;
    color:#fe9900;
    text-shadow: 1px 2px 5px rgba(150, 150, 150, 1);		
    text-decoration: none;
}

.success .error a:hover{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;		
    font-size: 13px;		
    text-rendering:optimizelegibility;
    font-weight:normal;
    text-align:center;
    line-height:31px;
    color:red;	
    text-decoration: none;	
}