/* form elements */

#ContactForm, #Form{ 
    margin:0px;
    padding: 10px;
    border: 1px solid #f2f2f2; 
    background: url(../images/bgnavi.gif) repeat;
    font-size: 13px;
}
span.contactFormSubmit input.resetbutton,span.contactFormSubmit input.submitbutton, input.submitbutton{
    background:#fff;
    color:#000;
    border: 1px solid #000;
}

span.contactFormSubmit input.resetbutton:hover,span.contactFormSubmit input.submitbutton:hover{
    background: #Fafafa;
    color: #FF7400;
}

span.contactFormSubmit input.submitbutton{
    margin-left:60px;
}
#ContactForm ul, #Form ul{
    list-style:none;
    margin:0;
    padding:0;
}

#ContactForm select, #ContactForm input[type="text"], #Form select, #Form input[type="text"]{
    width:180px;
    padding:2px;
    border:1px solid #eee;
    font: normal 1em Verdana, sans-serif;
    color:#777;
}

#ContactForm textarea, #Form textarea{
    height:150px;
    width:250px;
    padding:2px;
    font: normal 1em Verdana, sans-serif;
    border:1px solid #eee;
    color:#777;
}
#ContactForm ul li, #Form ul li{
    height:30px;
    clear:both;
}
#ContactForm ul li.textarea, #Form ul li.textarea{
    height:180px;;
}
#ContactForm label, #Form label{
    display:block;
    float:left;
    width:130px;
}
.validMsg, .novalidMsg{
    position:relative;
    top:2px;
    padding: 0px 3px;
    width:16px;
    height:16px;
    display:none;
}
.validMsg{
    display:none;
}
.radioValidState .validMsg,
.checkboxValidState .validMsg,
.textfieldValidState .validMsg, 
.textareaValidState .validMsg, 
.selectValidState .validMsg{
    display:inline;
}

.checkboxMaxSelectionsState .novalidMsg,
.checkboxMinSelectionsState .novalidMsg,
.radioRequiredState .novalidMsg,
.checkboxRequiredState .novalidMsg,
.textfieldRequiredState .novalidMsg,
.textareaRequiredState  .novalidMsg,
.textfieldInvalidFormatState .novalidMsg , 
.textfieldMinCharsState .novalidMsg, 
.textfieldMaxCharsState .novalidMsg , 
.textareaMinCharsState .novalidMsg , 
.textareaMaxCharsState .novalidMsg, 
.selectRequiredState .novalidMsg{
    display:inline;
}
span.textareaRequiredMsg,span.textareaMinCharsMsg,span.textareaMaxCharsMsg{
    position:relative;
    left:131px;
}
#Counterror_mess{
    padding:0px 5px;
}
#ContactForm ul li.grpradio{
    height:auto;
}
#ContactForm ul li span span.grpradio{
    display:block;
    width:70px;
    height:25px;
    float:left;
}
#ContactForm ul li.grpcheckbox{
    height:auto;
}
#ContactForm ul li span span.grpcheckbox{
    display:block;
    width:100px;
    height:25px;
    float:left;
}
br.clear{
    clear:both;
}
