@charset "utf-8";
/* 
Printable Fill-in Form Styles 
Filename: fill-in.css
Created: 31 AUG 2007
Author: Christie Stacker
*/

/*
===================================================================
The following rules are further modifed for printing by 
fill-inPrint.css
===================================================================
*/

/* Class for anything that should be displayed on the screen, but not printed */
.printing, .noprint {
	FONT-WEIGHT: 700;
	FONT-SIZE: 10px;
	COLOR: #cc6600;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#container {
	WIDTH: 600px;
	margin:8px 20px;
}

/* default fill-in fields must use the entire cell */
input{
	width:100%;  
}

/*
===================================================================
The following rules are used for all media
===================================================================
*/

A {
	COLOR: #c60;
	TEXT-DECORATION: none
}
A:visited {
	COLOR: #984f05;
	TEXT-DECORATION: none
}
A:active {
	COLOR: #c60;
	TEXT-DECORATION: underline
}
A:hover {
	COLOR: #c60;
	TEXT-DECORATION: underline
}
H2 {
	FONT-SIZE: 14px;
	margin-bottom:12px;
}

/* The default font*/
td {
	FONT-SIZE: 10px;
	line-height:normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
/* These classes use a larger font for emphasis and readability */
.address,
.form {
	font-size:12px;
}

#instructions p {
	margin:10px 0px;
}

/*
===============================================================================
Each row of the fill-in form is contained in its own separate table, which 
gives us more control over the size of fill-in fields and their labels.  That 
way each row of the form can have a different number of fields without 
compromising the layout of other rows.  I chose to use a table for layout 
instead of DIVs because it allows for localized field labels that will have 
unknown lengths, leaving unknown space for the associated fill-in fields.

A row with one field looks like this:

<table class="row" cellspacing="0">
   <tr>
      <td class="label">Field Label</td>
      <td class="fill-in"><input name="theField" type="text" tabindex="1"></td>
   </tr>
</table> 

===============================================================================
*/

.row {
	margin:0px;
	padding: 0px;
	width:100%;
	border:none;
}
input.btn {
	width:auto;
}
input.chk {
	width:0.25in;
	text-align: center;
}
/* Use label for the first label cell in a row; use label2 for all subsequent label cells in a row */
.label, .label2 {
	white-space:nowrap;
	padding-right:5px;
	padding-left:5px;
}
.label2 {
	padding-left:7px;
}
.fill-in {
	width:100%;
}
.fill-in1 {
	width:10%;
}
.fill-in2 {
	width:20%;
}
.fill-in3 {
	width:30%;
}
.fill-in5 {
	width:50%;
}
.fill-in7 {
	width:75%;
}
.label, .label2, .fill-in, .fill-in1, .fill-in2, .fill-in3, .fill-in5, .fill-in7, textarea {
	FONT-SIZE: 12px;
	line-height:16px;
}
.fill-in, .fill-in1, .fill-in2, .fill-in3, .fill-in5, .fill-in7 {
	border-bottom: 1px solid #000000;
	padding-left:0px;
}
div.note {
	background-color:#ffffcc;
	margin: 18px;
	padding: 8px;
	FONT-SIZE: 10px;
	line-height:normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}