.changedField
{
	color:#756B33;
	border: 1px solid #FFFFFF;
	font-weight: normal;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:  url(../images/tick_bg.gif);
	background-position: center center;
}
.currentField
{
	color:#756B33;
	background:#FFFFFF url(../images/aster.gif) no-repeat;
	border: 1px solid #A69242;
	padding: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.currentField_no_img
{
	color:#756B33;
	background:#FFFFFF;
	border: 1px solid #A69242;
	padding: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.cursorinField
{
	color:#756B33;
	background:#FFFFFF;
	border: 1px solid #A69242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 6px;
}
.button
{
	color:#FFFFFF;
	background:#6B94B4;
	border: 1px solid #A69242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

//
// Then, inside the individual form elements, you'll have to refer to these classes using the //onFocus and onChange 
// JavaScript events, like this:

// <form>
// First Name: <input type="text" size="10" name="Fname" onFocus="this.className='currentField'" 
// onChange="this.className='changedField'"><br> //

// Last Name: <input type="text" size="20" name="Lname" onFocus="this.className='currentField'"
// onChange="this.className='changedField'"><br> 
// <br> 
// </form> 

// The onFocus event fires when the visitor's cursor is actually on the form field. The onChange //event fires when the 
// visitor begins to input data in the field. 
// 
.bodytxtBold {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D7CFA4;
}