/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding:0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
	}

a {
	text-decoration:none;
	}
	
a img {
	display:none;
	}

a:link {
	color:#000000;
	}

a:visited {
	color:#333333;
	}

a:hover {
	color:#BC0811;
	}

a:active{
	color:#333333;
	}
ul {
	margin-bottom:16px;
	}
li {
	font-weight:bold;
	line-height:1.4em;
	list-style-type:square;
	}

#mainTable {
	width:700px;
	}	
#mainTable img {
	display:none;
	}
.formTitle {
	font-size:16px;
	font-weight:bold;
	padding-bottom:6px;
	margin-bottom:18px;
	border-bottom:solid;
	border-width:2px;
	border-color:#000000;
	}
.formInfo {
	display:none;
	}
.formInfo2 {
	display:block;
	}
#main div.dkgsLogo img {
	display:block;
	}	
.send input {
	display:none;
	}
.address h6 {
	font-weight:normal;
	}
.submitText {
	display:none;
	}
.note {
	display:none;
	}
div p.copyright {
	display:none;
	}
	p.copyright {
	display:none;
		}
td .inputTitle {
	width:300px;
	}
			
/* Here's some of the print CSS I use for my forms (apart from the usual black on white): */

/* Rather than a box, have a line they can write on */
input[type=text] {
	border: none; 
	border-bottom: 1px solid black;
	width: 80%; 
	padding-top: 1em;
	}

/* Submit and reset are spurious on paper */
input[type=submit], input[type=reset] { 
	display: none; 
	}

/* Make sure a checkbox scales well with font size, and is unchecked initially */
input[type=checkbox] { 
	content: "? "; 
	font-size: 120%; 
	}

/* Present exclusive choices in a more conventional way */
/*
input[type=radio] { 
	display: none; 
	}

input[type=radio] + label:before { 
	content: "/ "; 
	}
*/
legend + input[type=radio] + label:before { 
	content: ""; 
	}
fieldset:lang(en):after { 
	content: " (select one)"; 
	}
	


/*
This last bit relies on a fixed structure of radio groups: a fieldset containing legend and inputs, in that order:

<fieldset><legend>Gender</legend>
<input type="radio" name="Geslacht" id="Dhr" value="M" />
<label for="Dhr">Mr.</label>
<input type="radio" name="Geslacht" id="Mevr" value="F" />
<label for="Mevr">Mrs.</label>
</fieldset>

I was quite happy with this CSS, but your post made me realize that a user might want to print the form he completed on the screen. In my approach, he loses any checked boxes in the process. The reason I print a blank box for each checkbox is that on the screen, some checkboxes are checked by default (quite reasonable choices, and the user is well aware of them). On the screen, it's easy to opt out: just uncheck the box. On paper, this can't be done so easily, so I preferred to have blank boxes to start with.

Now I'm thinking this is perhaps not so smart as I thought it was. But the alternative is to have all checkboxes unchecked initially, in which case quite a few users will forget to check a box that they really didn't mean to leave unchecked, and I'll have to verify personally everytime a form is submitted.
*/
