/* <strong class="highlight">CSS</strong> Document */
 
.textfield_effect    {
	border-width: 1px;
	border-style: solid;
	background-image: url(images/reg/inputbox.jpg);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 11px;
	width: 236px;
	height: 20px;
	border-color: #d1d1d1;
	vertical-align: top;
	margin: 0;
	padding: 2;
    }
 
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 
.hover    {
    border-color: #FF0000;
    border-width: 1px;
    }
 
.textfield_effect:focus    {
    border-color: #64acd8;
    border-width: 1px;
    }
fieldset:hover    {
    border-color: #0ca0ff;
    }
legend    {
    font-family: sans-serif;
    font-size: 18px;
    color: #097bc3;
    font-weight: bold;
    }
.textlabels {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	vertical-align: bottom;
}
.radio {
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
	vertical-align: middle;
}
.buttons {
	font-family: Verdana;
	font-size: 10px;
	margin: 0;
}