/* Tags */

	body, p, th, td, li, dt, dd, label {
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}


	h1 {
		margin: 0px 0px 15px;
		padding-top: 20px;

		font-size: 30px;
		font-weight: normal;
	}

		p.subh1 {
			margin: -15px 15px 15px;

			font-style: italic;
			font-size: 18px;
		}

	h2 {
		margin: 20px 0px;

		font-size: 20px;
		font-weight: normal;
	}

	h3 {
		margin: 20px 0px;

		font-size: 16px;
		font-weight: normal;
	}

	h4 {
		margin: 20px 0px 15px;

		font-size: 12px;
		font-weight: normal;
	}

	/* Standard items */
	p {
		margin: 15px 0px;
		text-align: justify;
	}

	/* Tabbed-in items */
	ol, ul, dl, table, fieldset, blockquote, pre, form div {
		margin: 20px 15px;
		padding: 0;
		text-align: left;
	}

	a:hover {
		text-decoration: none;
	}

	blockquote {
		font-style: italic;
	}

		blockquote p.author {
			text-align: right;
		}

	img {
		margin: 0px;
		border: 0px;
		padding: 0px;
		display: block;
	}

	/* Lists and tables */
	li, dd {
		margin: 0px 15px;
		padding: 0px;
	}

	td, th {
		padding: 3px 5px;
	}

/* Form tags */
/* Forms use a special HTML layout. */
/* Inputs should be enclosed in a div specifying the type as a CSS class. */
/* <div class="text"><label>Blah</label><input /></div> */
/* Used types are: text, password, radio, checkbox, date, file, select, textarea and submit. */

	legend {
		font-size: 14px;
		font-weight: bold;
	}

	fieldset {
		padding: 10px;
	}

		fieldset legend {
			font-size: 14px;
			font-weight: normal;
		}

	label {
		vertical-align: middle;
		margin-right: 10px;
	}

	form div.checkbox {
		text-align: right;
	}

		form div.checkbox label, form div.checkbox input {
			display: inline;
			vertical-align: middle;
		}

	form div.textarea, form div.textarea label, form div.textarea textarea {
		display: block;
	}

		form div.textarea textarea {
			width: 100%;
			height: 120px;
		}

	div.submit {
		text-align: right;
	}

/* Additional styles */

	/* Additional information at bottom of page. */
	p.additional {
		margin-top: 30px;
		margin-bottom: 30px;
		border-top: 1px dashed #666;
		padding-top: 30px;

		font-style: italic;
	}

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

	p.caption, td.caption {
		text-align: center;
		font-style: italic;
		margin: 0;
	}

	p.problem, label.problem {
		color: red;
		font-weight: bold;
	}

	p.success {
		color: green;
		font-weight: bold;
	}

	p.strong {
		font-weight: bold;
	}

	p.em {
		font-style: italic;
	}

	div.center, p.center {
		text-align: center;
	}

	div.right, p.right {
		clear: right;
		float: right;
	}

	div.left, p.left {
		clear: left;
		float: left;
	}

/* File list icons */

	ul#list li {
		padding: 1px 0px 1px 3px;
		vertical-align: middle;
		line-height: 16px;
		vertical-align: middle;
	}

	ul.filelist li.dir { list-style-image: url(http://shared.otterwings.com/images/dir_16.png); }
	ul.filelist li.page { list-style-image: url(http://shared.otterwings.com/images/page_16.png); }
	ul.filelist li.word { list-style-image: url(http://shared.otterwings.com/images/word_16.png); }
	ul.filelist li.excel { list-style-image: url(http://shared.otterwings.com/images/excel_16.png); }
	ul.filelist li.powerpoint { list-style-image: url(http://shared.otterwings.com/images/powerpoint_16.png); }
	ul.filelist li.access { list-style-image: url(http://shared.otterwings.com/images/access_16.png); }
	ul.filelist li.pdf { list-style-image: url(http://shared.otterwings.com/images/pdf_16.png); }
	ul.filelist li.image { list-style-image: url(http://shared.otterwings.com/images/image_16.png); }
	ul.filelist li.music { list-style-image: url(http://shared.otterwings.com/images/music_16.png); }
	ul.filelist li.video { list-style-image: url(http://shared.otterwings.com/images/video_16.png); }
	ul.filelist li.text { list-style-image: url(http://shared.otterwings.com/images/text_16.png); }
	ul.filelist li.unknown { list-style-image: url(http://shared.otterwings.com/images/unknown_16.png); }