.formbody{ margin-left:50px; margin-right:50px; margin-top:50px; margin-bottom:0px;}

.labeltext{float:left; width:120px; text-align:right; padding-right:10px; font-weight:bold; font-size:13px;}
.form-input{display:block; margin-bottom:2px; width:220px;margin-right:2px; padding:3px; }

.form-inputt{display:block; margin-bottom:10px; height:190px; width:390px;}
.form1-div{float:left; margin-bottom:10px; font-size:13px; display:block;}
#select{width:220px; display:block;}
#input{display:block; margin-bottom:10px; width:220px; height:110px;}
#div1{float:left; width:220px; height:75px; display:block; padding-top:5px;}
#div2{width:80px; height:30px; background-color:#FFFFFF; color:#FF0000; border:1px solid #CCCCCC; font-size:20px; padding:10px;}

.inputt{background-color:#0068B7; color:#FFFFFF; font-weight:bold; border:0px solid #0068B7; padding:4px 10px; cursor:pointer; }

.font{font-size:13px; margin-top:10px;}
#button{text-align:center; padding-top:10px;}
.clear{clear:both;}
#text{font-size:13px; margin-bottom:10px;}
hr{border:none; border-bottom:1px dotted #CCCCCC;}

.labelmargin { padding-left: 130px; }
.form-textarea { width:450px; height:200px;}

@media only screen and (max-width: 767px) 
{
.form-textarea { width:350px; height:200px;}
    
}

@media only screen and (max-width: 560px) 
{
.form-textarea { width:250px; height:200px;}
    
}


@media only screen and (max-width: 460px) 
{
.form-textarea { width:220px; height:200px;}
    
}

@media only screen and (max-width: 420px) {
.labeltext{float:none; width:90%; text-align:left; padding-right:0px; }
.form-input{ clear:both; display:block; margin-bottom:2px; width:90%;margin-right:2px; padding:3px; }
.form1-div {float:none;}
.form-textarea {  clear:both; width:90%; height:200px;}
.labelmargin { padding-left: 0px; }
}

.error-message { background-color:#F1F1E9; border:1px solid #FFFFFF; padding:5px 10px 5px 25px }
.error-message .close-btn { float:right; margin:5px; cursor:pointer; background:url(../images/close-btn.gif) no-repeat; width:9px; height:9px }
.error-message .message-icon { float:left; margin-top:3px; background:url(../images/error-icon.gif) no-repeat; width:24px; height:24px }
.error-message .message-text { float:left; margin-left:15px; color:#E60000 }
.error-message .message-text .heading { font-weight:bold; font-size:13px }

.success-message { background-color:#F1F1E9; border:1px solid #FFFFFF; padding:5px 10px 5px 25px }
.success-message .close-btn { float:right; margin:5px; cursor:pointer; background:url(../images/close-btn.gif) no-repeat; width:9px; height:9px }
.success-message .message-icon { float:left; margin-top:3px; background:url(../images/success-icon.gif) no-repeat; width:24px; height:24px }
.success-message .message-text { float:left; margin-left:15px; color:#006600 }
.success-message .message-text .heading { font-weight:bold; font-size:13px }

.info-message { background-color:#F1F1E9; border:1px solid #FFFFFF; padding:5px 10px 5px 25px }
.info-message .close-btn { float:right; margin:5px; cursor:pointer; background:url(../images/close-btn.gif) no-repeat; width:9px; height:9px }
.info-message .message-icon { float:left; margin-top:3px; background:url(../images/info-icon.gif) no-repeat; width:24px; height:24px }
.info-message .message-text { float:left; margin-left:15px; color:#323232 }
.info-message .message-text .heading { font-weight:bold; font-size:13px }

.success-messagesmall { background-color:#F1F1E9; border:1px solid #FFFFFF; height:20px;  }
.success-messagesmall .close-btn { float:right; margin:5px; cursor:pointer; background:url(../images/close-btn.gif) no-repeat; width:9px; height:9px }
.success-messagesmall .message-icon { float:left; margin-top:3px; width:24px; height:24px }
.success-messagesmall .message-text { float:left; margin-left:15px; color:#006600 }
.success-messagesmall .message-text .heading { font-weight:bold; font-size:13px }

.info-messagesmall { background-color:#F1F1E9; border:1px solid #FFFFFF; height:20px; }
.info-messagesmall .close-btn { float:right; margin:5px; cursor:pointer; background:url(../images/close-btn.gif) no-repeat; width:9px; height:9px }
.info-messagesmall .message-icon { float:left; margin-top:3px; width:24px; height:24px }
.info-messagesmall .message-text { float:left; margin-left:15px; color:#323232 }
.info-messagesmall .message-text .heading { font-weight:bold; font-size:13px }

div.nav-bar{font-size:13px;line-height:16px;margin-bottom:10px;}
div.nav-bar span{float:left;display:block;font-size:13px;font-weight:bold;}
div.nav-bar a{font-size:13px;float:left;display:block;background:url(../images/nav-arrow.gif) no-repeat left 4px;color:#156D9C;padding:0 5px 0 15px;}
div.nav-bar a#super-cat{font-size:13px; background:none;padding-left:5px;}
div.nav-bar a span{font-size:13px; color:#000;font-size:13px;font-weight:normal;}

.help-mes{padding-left:10px}