.cssform p{
	width: 338px;
	clear: left;
	margin: 0;
	padding: 5px 0 5px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	/*border-bottom: 1px dashed #ccc;*/
	height: 1%;

}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	

}

.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px; border-top:1px solid #555555; border-left:1px solid #555555; border-right:1px solid #ccc; border-bottom:1px solid #ccc; 
}

.cssform textarea{
	width: 250px;
	height: 150px;
	border-top:1px solid #555555; 
	border-left:1px solid #555555; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

input.button {   color:#333;
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   background-color:#D0D0D0;
   border-top:1px solid #ccc; 
   border-left:1px solid #ccc; 
   border-right:1px solid #555555; 
   border-bottom:1px solid #555555;
   width:110px;
   }
   
.cssform select {
	border-top:1px solid #555555; 
	border-left:1px solid #555555; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc;
	width: 190px;
	}
	
.cssform option {
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.cssform .checkbox {

	width: 20px;
	}
	
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}


/* LIVE VALIDATION STYLES */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}