body {

	margin: 0px;

}


table {

	border-collapse: collapse;
	border: 0px;
	border-spacing: 0px;

}


td {

	vertical-align: top;
	padding: 0px;							/*makes IE do weird things!*/
	
}


a img {

	border: 0px;

}


hr {

	*height: 2px;							/*IE workaround - if not masked WebKit is broken*/
	border: 1px solid;

}


a {

	text-decoration: none;
}

a:hover {

	text-decoration: underline;
}


/* ################################################################################################### */
/* Form Styling: thx to Nick Rigby and his article at www.listapart.com/articles/prettyaccessibleforms */

form {

	xbackground-color: #eeeeee;

}

form fieldset {

	margin-left: 0px;			/*remove default left-margin of Gecko and Webkit*/
	margin-right: 0px;			/*remove default right-margin of Gecko and Webkit*/
	margin-bottom: 10px;			/*default is no margin to following content*/
	padding: 0px;				/*remove default padding of Gecko and Webkit*/
	xbackground-color: gray;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;

}

form legend {

	padding-left: 6px;
	padding-right: 6px;
	margin-left: -6px;
	*margin-left: -12px;			/*IE has by default already some mysterious left margin*/
	font-weight: bold;
	xbackground-color: red;
	*margin-bottom: 15px;
}

form label {

	padding-top: 5px;
	display: inline-block;		/* we want to give the label some width later on */
	line-height: 1.8;			/* line-height corresponding to input-height so that top vertical-alignment isnt too top */
	vertical-align: top;			/* should be on top when some multiline textarea, ... is in line */
}

form fieldset ol {
	margin: 0px;				/* remove IE default margin */
	padding: 0px;				/* remove Gecko/Webkit default left-padding */
	xbackground-color: #eeeeee;
}

form fieldset li {
	list-style: none;			/* remove list numbering - especially in Gecko/Webkit - in IE already removed with left-margin=0 of ol */
	padding: 0px;
	xpadding-top: 5px;
	xpadding-bottom: 5px;
	xmargin: 0;
	xborder: 1px solid black;
}

form input {
	
	margin-top: 5px;			
	margin-bottom: 5px;
	width: 70%;

}

form textarea {

	width: 70%;
	height: 100px;

}

form fieldset fieldset input {
	
	margin: 0px;
	vertical-align: middle;
	width: auto;
	margin-right: 5px;

}

form fieldset fieldset {
	border: none;
	xmargin: 0px;
	xmargin: 3px 0 0;
	xbackground-color: blue;
	padding: 0px;
}

form fieldset fieldset legend {

	padding: 0px;				/* remove form.legend.padding so it is placed left as normal text would be */
	margin: 0px;				/* remove form.legend.margin so it is placed left as normal text would be */
	display: inline-block;

	xpadding: 0 0 5px;
	xfont-weight: normal;
	xbackground-color: blue;
	*margin-left: -6px;			/* IE has by default already some mysterious left margin - this helps */
	*background: transparent;		/* stop IE having blue legends for some reason???? */
	width: 120px;
	xfloat: left;
	xdisplay: inline-block;			/* we want to give the label some width later on */
}

form fieldset fieldset span {

	xpadding: 0px;			/* remove form.legend.padding so it is placed left as normal text would be */
	xmargin: 0px;				/* remove form.legend.margin so it is placed left as normal text would be */
	display: inline-block;
	padding-top: 0px;

	xpadding: 0 0 5px;
	xfont-weight: normal;
	xbackground-color: blue;
	x*margin-left: -6px;			/* IE has by default already some mysterious left margin - this helps */
	x*background: transparent;		/* stop IE having blue legends for some reason???? */
	width: 110px;
	xfloat: left;
	xdisplay: inline-block;			/* we want to give the label some width later on */
}

form fieldset fieldset label {
	xdisplay: inline;
	xdisplay: block;
	xfloat: left;
	xwidth: auto;
	xbackground-color: white;
	padding: 0px;
	vertical-align: middle;
	xline-height: 4;
	width: 110px;
}

form2 em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

form label {
	width: 110px; 			/* Width of labels */
}

form2 fieldset fieldset label {
	xmargin-left: 123px; /* Width plus 3 (html space) */
}
form2 .text {
	width: 70%;
}