.element input, .element select {
    max-width: 300px;
    width:100%;
    border: 1px solid #777;
    height: 27px !important;
    border-radius: 3px;
    box-shadow: 0 0 3px rgb(211, 211, 211);
}
.element lable {
    padding: 10px 0 0 0;
    
    display: block;
    color: rgb(88, 88, 88);
    font-weight: bold;
}
.element textarea {
    width:100%;
    max-width: 300px; 
    border: 1px solid #777; 
    border-radius: 3px; 
    box-shadow: 0 0 3px rgb(211, 211, 211);
}
.group-element
{
    width:100%;
    margin: 10px 0 0 0;
    padding: 0 6px 10px 6px;
    max-width: 288px; 
    border: 1px solid #ccc; 
    border-radius: 3px;  
}

.zerror input,.zerror textarea  {
    border: 1px solid #ed5a3a !important;
}
.zerror lable {

}
.zerror span {
  color: #ed5a3a  !important;
}

.ztrue input,.ztrue textarea  {
    border: 1px solid #7ce975;
}
.ztrue lable {

}
.ztrue span {
  color: #7ce975;
}
span.mes {
clear: both;
display: block;
}
.instruction{
border: 1px solid #99BAD3;
border-radius: 5px;
padding: 5px;
background: #EFFAFF;
}

.bnt, .UploadButton {
        
        -moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
        -webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
        box-shadow:inset 0px -3px 7px 0px #29bbff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
        background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
        background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
        background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
        background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
        background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
        
        background-color:#2dabf9;
        
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        
        border:1px solid #0b0e07;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:15px;
        font-weight:normal;
        padding:3px 10px;
        text-decoration:none;
        cursor: pointer;
        text-shadow:0px 1px 0px #263666;
        
    }
.bnt:hover, .UploadButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
        background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
        background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
        background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
        background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
        background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
        
        background-color:#0688fa;
        text-decoration: none;
        color:#fff;
    }
.bnt:active, .UploadButton:active {
        position:relative;
        top:1px;
    }

