/* default mail form */
.defaultform { float: left;
         margin: 0;
         padding: 0}

.defaultform fieldset { border: 0; margin-bottom: 20px;}

.defaultform fieldset legend { padding: 0;
                 text-transform: uppercase;
                 font-weight: bold;
                 color: #333;}

.defaultform .form-row 
{ 
  clear: both;
  padding-top: 10px;
  min-height: 20px;
}

.defaultform .formerror { clear: left; color: red; }

.defaultform .form-row .content { float:left; }

.defaultform .tooltipqmark {
  padding: 0 0 0 10px;
  font-weight:bold;
  font-size: 120%;
  color: red;
  text-align: right;
  cursor: help;
  float: left;
  
}

.defaultform .tooltip { display: none }

.defaultform input,
.defaultform select {display: block;
                   float: left;
                   width: 280px;}

.defaultform textarea { width: 280px; height: 100px; float: left;}

.defaultform label {width: 16em;
          float: left;
          text-align: right;
          padding: 0 10px 0 0;
          margin: 0}

.defaultform .reset,
.defaultform .submit { width: 60px; }

.contactform input,
.contactform select {display: block;
                     width: 150px;
	                   float: left;
	                   background-color: #cdccc1;
	                   margin: 0 0 15px 0;
	                   border: 1px solid #999;}

.contactform input.radio { width: auto; margin-right: 5px }
.contactform label.radio { width: auto }

.defaultform input.radio { width: auto; margin-right: 5px }
.defaultform label.radio { width: auto }

.contactform label {width: 150px;
					          float: left;
					          text-align: right;
default					          padding-right: 20px;
					          padding: 0 5px 0 0;}

.contactform label.error {color: red; font-weight: bold}
.contactform input.error { border: 1px solid red; }
.contactform .contactreset,
.contactform .contactsubmit { width: 60px;
                height: 20px; 
                background-color:#cdccc1;
                margin: 5px 0 5px 5px;
                float:right;}

.contactform .contactreset:hover,
.contactform .contactsubmit:hover {background-color: #999999;color:white}

.contactform br {
  clear: left;
}

.contactform .col1 {width: 320px; 
                    height: auto;
                    float: left;
                    padding: 10px 10px 10px 0;}
          
.contactform .col2 {width: 202px;
                    height: auto;
					          float: left;}
          
.contactform .col2 label {width: 150px; 
              text-align: left;
              padding: 10px 0 5px 0;}

.contactform .col2 textarea {width: 200px;
                             height: 138px;
							               float:none; 
							               overflow: auto;
							               background-color: #cdccc1;
							               border: 1px solid #999;}

.tooltipholder { z-index: 20 }

.tip {
  color: #fff;
  width: 220px;
  z-index: 13000;
}

.tip-top { background: url(../images/webform/tiptop.png) top left;
           width: 220px;
           height: 3px}
.tip-bottom { background: url(../images/webform/tipbottom.png) bottom right;
              width: 220px;
              height: 3px}

.tip-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #9FD4FF;
  padding: 2px 10px;
  /* background: url(../images/webform/bubble.png) top left; */
  background: url(../images/webform/tipmiddle.png) top left;
}
 
.tip-text {
  font-size: 11px;
  padding: 5px 10px;
  /* background: url(../images/webform/bubble.png) bottom right; */
  background: url(../images/webform/tipmiddle.png) top left;
}
