html { color: #000000; background: #ffffff; }

html, body, div, span, object, h1, h2, h3, h4, p, blockquote, pre, a, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-size: 62.5%;
	color: #333333; /* Take the edge off */
	line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Block elements */

	p, th, td, li, dt, dd {
		font-size: 1.3em;
		line-height: 1.5;
	}
		li li { font-size: 1em; }

	p {
		margin: 10px 15px;
		text-align: left;
	}

	h1 {
		margin: 0px 10px 10px;

		font-size: 3.6em; /* 26px */
		font-weight: normal;
		line-height: 1.1;
	}
		p.subh1 {
			margin: -5px 10px 10px 20px;
			font-style: italic;
			font-size: 2em;
			line-height: 1.1;
		}

	h2 {
		margin: 30px 10px 10px;

		font-size: 2.4em;
		font-weight: normal;
		line-height: 1.1;
	}
		p.subh2 {
			margin: -10px 15px 10px;
			font-style: italic;
			font-size: 1.6em;
		}

	h3 {
		margin: 20px 10px 10px;

		font-size: 1.5em;
		font-weight: bold;
	}

	h4 {
		margin: 20px 15px 10px;

		font-size: 0.9em;
		font-weight: bold;
	}

	ul, ol, div.address, blockquote, pre {
		margin: 10px 20px;
		text-align: left;
	}

	ul.verbose li, ol.verbose li { margin-top: 10px; margin-bottom: 10px; }
	li { margin-left: 2em; }
	ol li {	list-style: decimal outside; }
	ul li { list-style: disc outside; }

	div.address p { padding-left: 10px; }

	blockquote, blockquote p { font-style: italic; }
	blockquote p.author { font-style: normal; text-align: right; }

	dl { margin: 05px 20px; }
	dt { font-weight: bold; font-size: 1.5em; margin: 15px 0px 3px; }
	dd { margin: 3px 0px 10px 8px; }

	/* Tables */

		table { margin: 10px 15px; border-collapse: collapse; }
		td, th { padding: 3px 7px; text-align: left; vertical-align: middle; }

		th p, div.table th p, td p, div.table td p, td li { margin: 0px 0px 1px; font-size: 100%; line-height: 1.5; }
		td li, div.table td li { margin: 4px 0px 4px; font-size: 100%; line-height: 1.3; }
		td ul, div.table td ul, td ol, div.table td ol { margin: 0px 0px 0px 22px; font-size: 100%; }
		div.table p.small, div.table li.small, div.table ul.small li, div.table ol.small li { font-size: 85%; }

		table input, table select, table img, table label { vertical-align: middle; }
		table label { padding-right: 5px; }

		/* Framed tables */

			table.framed th, table.framed td { border: 1px solid #000000;  }
			table.framed th { background: #eeeeee; color: #666666; }
			table.framed td { background: #ffffff; }

			table.framed thead th, table.framed tfoot th, table.framed thead td, table.framed tfoot td { padding: 5px 7px; background: #dddddd; }
			table.framed thead th, table.framed tfoot th { font-weight: bold; }

		/* Selectable rows */

			table.selectable tbody tr:hover td { background: #fbfedf; }
			table.selectable tbody tr.selected td, table.selectable tbody tr.selected:hover td { background: #f8fdc4; }

		/* Cell styles */

			th.additional, td.additional, table.framed th.additional, table.framed td.additional, table.selectable th.additional, table.selectable td.additional, table.selectable tbody tr td.additional { background: #ffffff; border: 0; padding: 5px 2px; text-align: center; vertical-align: middle; }

			th.icon, table.framed th.icon, td.icon, table.framed td.icon { border-right: 0; padding: 5px 3px; text-align: center; vertical-align: middle; }
			th.icon img, td.icon img { vertical-align: middle; }
			th.with-icon, table.framed th.with-icon , td.with-icon, table.framed td.with-icon { border-left: 0; padding-left: 0px; }

		/* Column styles */

			col.collapse { width: 1px; }
			col.date { width: 12em; }
			col.shortdate { width: 7em; }
			col.longdate { width: 17em; }
			col.time { width: 3em; }
			col.timespread { width: 7em; } /* Two times separated by a dash */
			col.icon { width: 16px; }
			col.phone { width: 9em; }

		/* Frame for full width tables. */

			div.table { margin: 10px; position: relative; }
			div.table table { margin: 0px; width: 100%; }

			div.table div.tablenav { position: relative; height: 21px; }
			div.table div.tablenav p.next, div.table div.tablenav p.previous { font-size: 13px; margin: 0px; padding: 4px 5px 6px; line-height: 1.2; }
			div.table div.tablenav p.next { right: 0px; top: 0px; position: absolute; }

			div.table p, div.table p.submit, div.table p.add { margin: 10px 0px; }

/* Links */

	a:link, a:visited { color: #0066cc; }
	a:hover { color: #3399ff; text-decoration: none; }
	a:active { color: #ff0000; }

/* Form elements */

	form { margin: 20px 0px; }

	form p.description { margin-bottom: 20px; font-style: italic; }

	fieldset { margin: 10px 15px; padding: 10px; }
	legend { font-weight: bold; font-size: 1.3em; line-height: 1.3; padding: 0px 5px; }

	/* Labels */

		label { vertical-align: middle; line-height: 1; }
		p.radio label, p.checkbox label { margin-right: 20px; }

		form p.text label,
		form p.password label,
		form p.number label,
		form p.price label,
		form p.email label,
		form p.select label,
		form p.country label,
		form p.date label,
		form p.file label { display: block; position: absolute; top: 0px; left: 0px; width: 8.5em; padding: 4px 0px; text-align: right; }

	/* Inputs, textareas */

		input, select, button { font-size: 100%; vertical-align: middle }
		p.textarea label { display: block; padding: 0px; line-height: 1.3; }
		p.textarea textarea { display: block; width: 100%; height: 120px; font-size: 100%; }

		button img { vertical-align: middle; }

		input.number, input.price { text-align: right; }

	/* Form paragraphs */

		form p.text,
		form p.password,
		form p.number,
		form p.price,
		form p.email,
		form p.select,
		form p.country,
		form p.date,
		form p.file { position: relative; margin: 7px 15px; padding-bottom: 2px; }

		form fieldset p.text,
		form fieldset p.password,
		form fieldset p.number,
		form fieldset p.price,
		form fieldset p.email,
		form fieldset p.select,
		form fieldset p.country,
		form fieldset p.date,
		form fieldset p.file { margin: 7px 5px; }

		form p.text input,
		form p.password input,
		form p.number input,
		form p.price input,
		form p.email input,
		form p.select select,
		form p.country select,
		form p.date select,
		form p.file input { position: relative; margin-left: 9em; }

		form p.date select.month, form p.date select.year { margin-left: 0; }

	/* Explanations and statuses */

		form p span { display: block; }

		form p span.status { padding-top: 2px; }
		form p span.explanation { font-size: 85%; padding: 2px 0px 2px 5px; }

		form p.textarea span.explanation { padding-bottom: 3px; }

		form p.text span,
		form p.password span,
		form p.select span,
		form p.country span,
		form p.number span,
		form p.price span,
		form p.email span,
		form p.date span,
		form p.file span { margin-left: 9em; }

		form p.text span.explanation,
		form p.password span.explanation,
		form p.select span.explanation,
		form p.country span.explanation,
		form p.number span.explanation,
		form p.price span.explanation,
		form p.email span.explanation,
		form p.date span.explanation,
		form p.file span { margin-left: 10.58em; } /* 9em * 117.66% */

		form p.checkbox span, form p.radio span { margin-left: 25px; }

	/* Form types */

		form p.submit { text-align: right; }

		/* Text forms (submit and radio fields are in line with text fields) */
		form.text p.checkbox, form.text p.radio { padding-left: 9em; }
		form.text p.submit { padding-left: 9em; text-align: left; }

		/* Mixed forms (submit is centered) */
		form.mixed p.submit { text-align: center; }

	/* Groups of radio options and checkboxes */

		div.radios, div.checkboxes { margin: 15px 0px; }
		div.radios p.radio, div.checkboxes p.checkbox { margin-top: 5px; margin-bottom: 5px; padding: 0px 0px 0px 15px; }

/* Editor */

	#editor_box { margin: 7px 15px; position: relative; }
	#editor { height: 500px; width: 100%; padding: 0px; height: 490px; border: 1px solid #999999; overflow: auto; background: #ffffff; }
	#editor_toolbar { margin: 5px 0px; padding: 0px; line-height: 1; }
	#editor_toolbar button { margin: 0px; height: 1.8em; width: 1.8em; margin-right: 2px; vertical-align: middle; text-align: center; border: 1px solid #666666; }
	#editor_toolbar select { vertical-align: middle; height: 1.8em; border: 1px solid #666666; margin-right: 2px; }
	#button_styles { margin: 0px 2px 0px 0px; }
	#button_glyphs { width: 2em; margin: 0px 0px 0px 1px; }
	#button_toggle { position: absolute; top: 1px; right: 0px; margin: 0px; padding: 0px; }

	span.php, div.php { background: #adb4d3; color: #000000; font-family: Courier, "Courier New", monospace; }
	div.php { overflow: hidden; width: 100%; height: 1em; margin: 15px; padding: 4px 0px; border: 1px solid #999999; }
	div.php pre { margin: 0px; padding: 0px; border: none; }

/* Generic classes */

	.clear { clear: both; }
	.problem { color: red; font-weight: bold; }
	.success { color: green; font-weight: bold; }
	.strong { font-weight: bold; }
	.em { font-style: italic; }
	.center { text-align: center; }
	.frame { border: 1px solid #999999; }
	.caption { text-align: center; font-style: italic; font-size: 1.1em; }
	.small { font-size: 85%; }

	/* Percentage widths */
	.w0 { width: 0; }
	.w25 { width: 25%; }
	.w33 { width: 33%; }
	.w50 { width: 50%; }
	.w67 { width: 67%; }
	.w75 { width: 75%; }
	.w100 { width: 100%; }

/* Specific classes */

	/* Errors etc. */
	.success, .error, .warning, .info { font-weight: bold; padding: 0px 0px 0px 20px; background-repeat: no-repeat; background-position: 0px; }
	p.success, p.error, p.warning, p.info { border: 1px solid #666666; font-weight: normal; padding: 3px 5px 3px 25px; margin: 15px 10px; background-position: 5px; }
		.success { color: #446504; background-image: url(../icons/success_16.png); }
		p.success { background-color: #e3ffae; }
		.error { color: #990000; background-image: url(../icons/error_16.png); }
		p.error { background-color: #ffcccc; }
		.warning { color: #666600; background-image: url(../icons/warning_16.png); }
		p.warning { background-color: #ffffcc; }
		.info { color: #333333; background-image: url(../icons/info_16.png); }
		p.info { background-color: #eeeeee; }

	p.link { text-align: center; font-size: 1.8em; }
	p.phone { color: #333333; font-weight: bold; font-size: 300%; text-align: center; }
		p.phone a { text-decoration: none; color: #333333; }
		p.phone a:hover { text-decoration: underline; color: #3399ff; }

	div.additional { margin-top: 30px; clear: both; }
	p.additional { margin-top: 30px; clear: left; }
	div.additional p, p.additional { color: #666666; }

	div.address { margin: 15px 20px; }
	div.address p { margin-top: 3px; margin-bottom: 3px; }

	div.section {
		margin: 30px 0px 12px;
		border-top: 1px dashed #666;
		padding: 30px 0px 0px;
	}

	div.left, p.left {
		clear: left;
		float: left;
		margin: 0px;
		padding: 0px 10px 3px 15px;
	}

	div.right, p.right {
		clear: right;
		float: right;
		margin: 0px;
		padding: 0px 10px 3px 10px;
	}

	div.right p, div.left p { margin: 0px; }