input.groovybutton
{
   font-size:12px;
   font-family:Arial,sans-serif;
   height:22px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.textfield_effect    {
    /*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-image: url(back_field.gif);
    background-repeat: repeat-x;
    /*I am going to add some text formatting of my own*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    <strong class="highlight">width</strong>: 200px;
    height: 15px;
    }
 
/*we are now going to style how the <strong class="highlight">textfield</strong> will look when we
hover over it and when we actually have it selected*/
 
.textfield_effect:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.textfield_effect:focus    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
/*you may also like to add some styles for the rest of the form*/
 
fieldset    {
    <strong class="highlight">width</strong>: 400px;
    height: 200px;
    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;
    }

.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}
.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}
.full {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #ff0000;
}
.marqu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #0000ff;
}
.marqu a:link {
    color: green;
}
.marqu a:visited {
    color: green;
}
.marqu a:hover {
    color: green;
}
.marqu a:active {
    color: green;
}
.reg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #00CC00;
}
.subtitle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #CC0099;
}
.tablehead {
	font-family: verdana;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
}
.medtitle {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #000099;
}
.medtitlechi {
	font-family: default;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #000099;
}
.table1 {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #000099;
}
.table1chi {
	font-family: default;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #000099;
}
.date1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #339900;
}
.book1 {
	font-family: Times New Roman;
	font-size: 13px;
	font-style: italic;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
}