@charset "UTF-8";
/* CSS Document */
 
.textfield    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*we are now going to add in the shadow image that we created earlier*/
    background-color: #F2F2F2;
    /*I am going to add some text formatting of my own*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    width: 165px;
    }
 
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 
.textfield:hover    {
    border-color: #1A1363;
    border-width: 1px;
	background-color:white;
    }
 
.textfield:focus    {
	border-color: #662C91;
	border-width: 1px;
	background-color:white;
    }
 
/*you may also like to add some styles for the rest of the form*/
 
fieldset    {
    width: 170px;
    border-style: solid;
    border-width: 1px;
    border-color: #036399;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F5F5;
    }
fieldset:hover    {
    border-color: #0ca0ff;
    }
legend    {
    font-family: sans-serif;
    font-size: 18px;
    color: #097bc3;
    font-weight: bold;
    }
.button		{
	color:#FFF;
	font-weight:bold;
	background-color:#662C91;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-color:#999;
	border-width: 1px;
	margin-bottom: 20px;
	margin-top: 10px;
}