/* Tags and basic classes */

	body, p, th, td, li, dt, dd, label, input, textarea { font-size: 12px; font-family: 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif; }
		p { color: #222222; }

	p, ul, table, div.table { margin-left: 20px; margin-right: 20px; }

	blockquote { margin-left: 40px; margin-right: 40px; }
	blockquote, blockquote p { font-style: italic; color: #666666; }

	a { color: #1c80df; text-decoration: underline; }
		a:hover { color: #54a8f8; text-decoration: none; cursor: pointer; }

	img { border: 0px; }

	h1 { font-size: 35px; color: #333; padding-top: 20px; margin: 0px 10px 20px; font-weight: bold; }
		h1 span { display: block; }
		h1 span.checklist { font-size: 20px; margin: 0px; color: #555; text-transform: uppercase; font-weight: bold; }
		h1 span.admin { display: inline; color: #999; font-style: italic; }
		h1 span.subh1 { font-size: 25px; margin-top: 0px; margin-left: 30px; font-style: italic; }
	h2 { color: #222; font-size: 25px; margin-bottom: 0px; padding-top: 20px; font-weight: bold; }
		p.subh2 { font-size: 18px; margin-top: 0px; margin-left: 25px; margin-right: 25px; font-style: italic; }
	h3 { margin: 20px 20px 0px; font-size: 20px; color: #444; font-weight: bold; }
	h4 { margin: 20px 20px 0px; font-size: 16px; color: #333; font-weight: normal; }

	h2, p.additional { padding-left: 15px; padding-right: 15px; margin-left: 0px; margin-right: 0px; margin-top: 20px; border-top: 1px solid #999; padding-top: 20px; }

	table { border-collapse: collapse; }
		th { padding: 5px; vertical-align: middle; }
			thead th { vertical-align: bottom; }
			tbody th { border: 1px solid #999999; background: #cccccc; vertical-align: top; }
		td { vertical-align: top; border: 1px solid #999999; padding: 5px; }
		td p { margin: 0px 0px 5px; }
		td ul { margin: 5px 0px 5px 20px; }

		tr.first td, tr.first th { border-top: 4px solid #666666; }

	ul, ol { padding-left: 0px; margin: 0 20px 0 40px; }
		li { margin: 10px 10px; }
		ol { list-style-type: decimal; }
		ol ol { margin-left: 0px; list-style-type: lower-alpha; }
		ol ol li { margin-left: 10px; }

	p.link, li.link { font-size: 15px; }

	form { margin: 0px; padding: 0px; }

		div.field { margin: 8px 20px; }
			div.field form { display: inline; margin-right: 10px; }
			div.field textarea { width: 100%; }
		div.submit { margin-left: 125px; margin-bottom: 20px; }

		div.field label { display: block; float: left; clear: left; width: 100px; text-align: right; padding-right: 5px; padding-top: 5px; }

		div.radio { margin-left: 123px; }
			div.radio label { vertical-align: 2px; }

		p.save { text-align: center; }
		p.save input { margin-right: 5px; padding: 5px 10px; }

	/* Floats */

		div.right { float: right; clear: right; margin: 10px; margin-right: 20px; }
		div.left { float: left; clear: left; margin: 10px; margin-left: 20px; }
		div.clear { clear: both; }

	/* Result styles */

		div.success, p.success, div.info, p.info, div.problem, p.problem { padding: 5px 10px 5px 25px; margin-left: 20px; margin-right: 20px; font-weight: normal; background-repeat: no-repeat; background-position: 5px; }
			div.success p, div.info p, div.problem p { margin: 0px; }
			div.success, p.success { border: 1px solid #557800; color: #557800; background-color: #ddffad; background-image: url(../images/success.png); }
				div.success p { color: #557800; }
			span.success { color: #557800; }
			div.info, p.info { border: 1px solid #bf970c; color: #584500; background-color: #fff3a5; background-image: url(../images/info.png); }
				div.info p { color: #584500; }
			div.problem, p.problem { border: 1px solid #990000; color: #990000; background-color: #ffbfbf; background-image: url(../images/problem.png); }
				div.problem p { color: #990000; }
			span.problem { color: #990000; }

		div.area { margin-top: 20px; background-position: 5px 8px; }
			div.area div { margin-top: 5px; }
			div.area div.select, div.area div.select select { width: 100%; }
			div.area div.submit { text-align: right; }

		div.thumb-menu { float: left; padding: 20px 20px 10px; }
			div.thumb-menu div { display: block; padding: 0px 0px 10px; }

	/* Columns */

		div.cols-50, div.cols-67-33, div.cols-33-67, div.cols-33, div.cols-25 { position: relative; min-height: 190px; /height: 190px; margin: 20px 0 40px; padding: 0 0 40px; }
		div.col1 h2, div.col2  h2, div.col3  h2, div.col4  h2 { margin-top: 0; }

		div.cols-50 div.col1 { margin-right: 50%; }
		div.cols-50 div.col2 { width: 50%; position: absolute; top: 0; right: 0; }

/* Specific classes */

	/* Edit action points */

		ul.actionpoints li { margin-top: 5px; margin-bottom: 5px; }
		ul.actionpoints strong { font-size: 14px; }

	/* Summary table in home.php */

		table.summary { margin: 0px; width: 100%; border-collapse: collapse; }
			table.summary tr { width: 100%; }
			table.summary td { border: 1px solid #666; background-color: #eee; padding: 10px; vertical-align: middle; }
			table.summary td.level { background-color: #ddd; }
				table.summary td h3 { width: 80px; font-size: 20px; text-align: center; margin: 0px; color: #666; }
			table.summary td.percentage { width: 100%; }
				table.summary td.percentage p { margin: 3px; text-align: center; }
				table.summary div.percentagebar { width: 100%; height: 25px; text-align: left; background-color: #666; }
				table.summary div.complete { height: 25px; border-right: 1px solid #666; background-image: url(../images/percentage.png); background-position: left; background-color: #00ccff; }

	/* Standards table in level.php */

		table.standards { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; }
			table.standards.information { margin-top: 20px; }

		table.standards col {  }
			table.standards col.standard { width: 50px; }
			table.standards col.block { width: 50px; }
			table.standards col.response { width: 50px; }

		table.standards thead th { font-weight: normal; text-align: center; vertical-align: bottom; padding: 3px; background-color: #ffffff; background-color: transparent; }
			table.standards thead th.aware { font-size: 16px; text-align: left; }
			table.standards thead th p { text-align: left; margin: 0 0 5px; }
				table.standards thead th p.cfh-title { font-size: 16px; }
					table.standards thead th p.cfh-title a { margin-left: 5px; font-size: 12px; }
				table.standards thead th p.cfh-explanation { display: none; font-size: 12px; }

		table.standards td { width: auto; border: 1px solid #333333; padding: 10px 3px; vertical-align: middle; }

			table.standards tr td.na { width: 150px; background-color: #eeeeee; text-align: center; font-style: italic; color: #666666; padding: 0; }
			table.standards tr td.response { background-color: #eeeeee; width: 50px; text-align: center; padding: 0; }
			table.standards tr td.text { background-color: #eeeeee; padding: 0; width: 150px; }
				table.standards tr td.text input.text { background: transparent; width: 100%; padding: 5px 0; border: 0; text-align: center; font-size: 16px; }

			table.standards tr.yes td { color: #557800; background: #ddffad; }
			table.standards tr.ok td, table.standards tr.na td, table.standards tr.disabled td { color: #666666; background: #cccccc; }
			table.standards tr.no td { color: #a70000; background: #ffbdbd; }
			table.standards tr.dk td { color: #d07500; background: #ffd9a7; }

			table.standards tr td.standard { width: 50px; margin: 0px; padding: 3px 5px; font-size: 14px; font-weight: bold; text-align: left; background-color: #cccccc; color: #555555; }
				table.standards.infection tr td.standard { text-align: center; }
			table.standards tr td.block { background-color: #dddddd; color: #333333; padding: 3px; width: 50px; }


		table.standards tfoot th { font-size: 16px; font-weight: normal; text-align: right; vertical-align: middle; }
		table.standards tfoot td { font-weight: bold; font-size: 30px; padding: 5px 3px; text-align: center; }

		table.standards td img { vertical-align: middle; }
		table.standards td textarea { height: 50px; width: 95%; padding: 3px; display: block; margin-top: 3px; overflow: auto; border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
		table.standards td textarea.empty { display: none; }


	/* Help box in level.php */

		div.help { display: none; border-top: 1px dashed #aaaaaa; padding: 10px 0 5px; margin: 10px 0 0; }
			div.help p { margin: 6px 15px; }
			div.help ul { margin: 6px 15px; }
			div.help p.report { border-top: 1px dashed #aaaaaa; margin: 15px 0 0; padding: 10px 5px 0; font-size: 11px; text-align: right; }

	/* Reports box in home.php */

		table.reports { margin: 0px 30px; }
			table.reports td { margin: 0px; padding: 5px; border: 0px; }
			table.reports td.label { width: 100px; vertical-align: middle; text-align: right; font-style: italic; }
			table.reports td.label label { font-style: italic; }
			table.reports td.levels label, table.reports td.notes label { margin-right: 3px; }
			table.reports span.why, table.reports td.levels div.inactive, table.reports td.levels div.inactive label { color: #666666; }
			table.reports span.why, table.reports td.options span.what { font-style: italic; }
			table.reports td button.submit { margin-right: 5px; }

	/* Level action points in home.php */

		div.level h2 { font-weight: normal; margin-bottom: 0px; }

	/* Record audit table */

		table.record-audit { width: 100%; table-layout: fixed; margin: 0; border-left: 0; border-right: 0; }
			table.record-audit col.title { width: 270px; }
			table.record-audit col.value { width: 64px; }
			table.record-audit col.total { width: 50px; }
			table.record-audit col.icon { width: 20px; }
			table.record-audit tbody th { border-left: 0; border-bottom: 1px solid #999999; border-top: 1px solid #999999; border-right: 0; }
			table.record-audit td { vertical-align: middle; padding: 3px 5px; }
			table.record-audit td.title { border-left: 0; background: #eeeeee; text-align: right; }
			table.record-audit td.value { background-color: #ffffff; text-align: center; padding: 0; }
			table.record-audit td.value select { width: 60px; border: 0; margin: 0; padding: 2px; }
			table.record-audit td.value input.text { width: 58px; border: 0; margin: 0; padding: 2px; text-align: center; }
			/*table.record-audit td.value.y, table.record-audit td.value.y select, table.record-audit td.value.na, table.record-audit td.value.na select { background-color: #ddffad; }*/
			table.record-audit td.total { background: #eeeeee; text-align: center; }
			table.record-audit td.icon { background: #eeeeee; text-align: center; padding: 0; }
			table.record-audit td.icon img { width: 16px; height: 16px; display: block; margin: auto; }
			table.record-audit td.bar { background: #eeeeee; text-align: left; padding: 0; position: relative; border-right: 0; vertical-align: middle; }
			table.record-audit td.bar img { margin: 0; height: 22px; display: block; border: 0; }
			table.record-audit td.na { background: #eeeeee; padding-left: 12px; }

	/* Standards admin table */

		table.standards-admin { margin: 10px 0px; }
			table.standards-admin td, table.standards-admin th { margin: 0px; padding: 1px 20px; border: 0px; text-align: center; background-color: #ffffff; }
			table.standards-admin th { font-size: 16px; }

	/* Edit standards table in admin panel */

		div.editstandards { margin: 0px; padding: 0px; }
		table.editstandards { margin: 0px; padding: 0px; width: 100%; border-bottom: 4px solid #999999; border-collapse: collapse; }
			table.editstandards col.status { width: 30px; }
			table.editstandards col.standard { width: 58px; }
			table.editstandards col.block { width: 40px; }
			table.editstandards col.rfc { width: 30px; }
			table.editstandards col.actionpoint { width: 40px; }
			table.editstandards col.move { width: 13px; }
			table.editstandards col.delete { width: 16px; }
			table.editstandards col.insert { width: 18px; }
			table.editstandards col.children { width: 42px; }
			table.editstandards th { margin: 0px; border: 0px; padding: 0px; text-align: center; vertical-align: bottom; background-color: #ffffff; background-color: transparent; }
			table.editstandards td { margin: 0px; border: 1px solid #666; padding: 0px; vertical-align: middle; }
				table.editstandards tr.child td.question, table.editstandards tr.child td.rfc, table.editstandards tr.child td.actionpoint, table.editstandards tr.child td.actionpoint input, table.editstandards tr.child td.question textarea { background-color: #eeeeee; }
				table.editstandards td div { padding: 0px 4px; }
				table.editstandards td.status { border: 0px; border-top: 1px dashed #999; border-bottom: 1px dashed #999; background-color: #fff; text-align: center; }
				table.editstandards td.standard { background-color: #cccccc; }
				table.editstandards td.block { background-color: #dddddd; padding-left: 4px; }
				table.editstandards td.actions { border: 0px; border-top: 1px dashed #999; border-bottom: 1px dashed #999; text-align: center; }
					table.editstandards td.actions div { text-align: center; margin: 0px; padding: 2px 0px; }
					table.editstandards td.actions img { margin: 0px; padding: 2px; }
					table.editstandards td.move div { width: 15px; height: 20px; }
					table.editstandards td.children div { padding-right: 5px; }
				table.editstandards tr.first td { border-top: 4px solid #999999; }
				table.editstandards tr.last td { border-bottom: 4px solid #999999; }
			table.editstandards td input, table.editstandards td textarea { display: block; border: 0px; margin: 0px; padding: 2px 0px; width: 100%; }
				table.editstandards td.standard input { font-weight: bold; font-size: 20px; background-color: #cccccc; }
				table.editstandards td.actionpoint input { font-size: 16px; text-align: center; }
			table.editstandards td textarea { overflow: auto; }
			table.editstandards td.updated, table.editstandards tr.child td.updated, table.editstandards td.updated textarea, table.editstandards tr.child td.updated textarea, table.editstandards td.updated input, table.editstandards tr.child td.updated input { background-color: #ddffad; }

	/* Stats table in admin panel */

		div.stats { padding: 0px 10px; }
			table.stats { margin: 0px; padding: 0px; width: 100%; border-collapse: collapse; }
			table.stats col.area { width: 220px; text-align: right; }
			table.stats col.checklists { width: 70px; text-align: center; }
			table.stats col.compliant, table.stats col.non-compliant, table.stats col.unanswered { width: 70px; text-align: center; }
			table.stats th { margin: 0px; border: 0px; padding: 0px; text-align: center; vertical-align: bottom; background-color: #ffffff; background-color: transparent; font-size: 10px; }
			table.stats td { margin: 0px; border: 1px solid #666; padding: 3px; vertical-align: middle; }
			table.stats td.graphic { padding: 0px; }

	/* Total */

		div.total { width: 100%; height: 22px; background-color: #999; }
			div.compliant, div.non-compliant { float: left; height: 22px; }
			div.compliant { background-color: #5ec700; }
			div.non-compliant { background-color: #ca0000; }

/* Body parts */

	body { min-width: 700px; margin: 0px; padding: 0px; background-color: #cccccc; }

	#header { position: relative; min-width: 700px; height: 108px; border-bottom: 1px solid #999999; background-color: #54a8f8; background-image: url(../images/header.png); }
		#header img { display: block; padding: 0px; margin: 0px; }
		#user { background: #ffffff; position: absolute; top: 0; right: 0; padding: 3px 8px; }

	#page{ min-width: 700px; background-color: #ffffff; }
	#home { min-width: 700px; background: #ffffff url(../images/background.jpg) no-repeat center bottom; }
		#home #content { width: 620px; margin-left: }
		#home div.text { margin-left: 220px; }

	#menu { background-color: #cccccc; background-image: url(../images/menu_background.png); height: 31px; }
		#menu ul { padding: 0px; margin: 0px; }
		#menu li { float: left; list-style-type: none; margin: 0px; padding: 0px; text-align: right; }
		#menu a { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 12px; display: block; padding: 9px 10px 9px; border-right: 1px solid #666666; }
		#menu a:hover { background-color: #f6f6f6; color: #000000; }
		#menu a.active { color: #333333; background-color: #ffffff; background-image: url(../images/menu_active.png); background-repeat: repeat-x; font-size: 14px; line-height: 14px; padding: 8px 10px 9px; }

	#content { min-width: 700px; min-height: 600px; padding-bottom: 20px; }

	div.menucolumn { float: left; width: 168px; background-color: #f5f5f5; background-image: url(../images/menucolumn_background.png); background-position: bottom right; background-repeat: no-repeat; border-right: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-right: 20px; margin-bottom: 20px; padding: 15px 0px 20px; }
		div.menucolumn ul { margin: 0px; padding: 0px; }
		div.menucolumn li { margin: 10px 10px; list-style-type: none; font-size: 12px; }
		div.menucolumn img { margin-left: 2px; vertical-align: middle; }
		div.menucolumn li.active { font-weight: bold; }

	div.contentcolumn { margin-left: 168px; }

	#footer { min-width: 660px; clear: both; margin: 0px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 0 20px 0 13px; height: 70px; text-align: right; background: #54a8f8 url(../images/footer.jpg) no-repeat left top; }
	#footer div { color: #ffffff; text-align: right; font-size: 11px; }
		#footer div a { color: #ffffff; }
		#footer #funded { padding: 15px 0 3px; font-size: 14px; }
		#footer #aop, #footer #abdo, #footer #fodo, #footer #coo, #footer #locsu { float: left; }