.signupform {

margin: 5px 0 0 10px;
width: 45%;
color: #0F365F;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}



#signup table {
 background-color: #F9FBFD;
 color: #000000;
 width: 440px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

#signup td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}

.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 width: 220px;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
}

.smalllabelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #3670A7;
 width: 100px;
}

.smallfieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 
}

.fieldcell input, textarea {
 width: 200px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2 !important;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}

.smallfieldcell input {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2 !important;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2 !important;
 color: #102132;
 border: 1px solid #284279;
}

.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	background: transparent url(../images/demobox.png) no-repeat bottom right; 
	} 
	
.cssbox { 
	width: 480px !important; /* intended total box width - padding-right(next) */ 
	width: 465px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 15px auto; /* use to position the box */ 
	} 
	
/* set the top-right image */ 
.cssbox_head { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
	} 
	
/* set the top-left image */ 
.cssbox_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
	} 
	
/* set the lower-left corner image */ 
.cssbox_body { 
	background-position: bottom left; 
	margin-right: 5px; /* interior-padding right */ 
	padding: 5px 0 20px 20px; /* mirror .cssbox_head right/left */ 
	}