/* Refinements layered over main.css. Keeps the existing palette, fonts and layout. */

/* Readability: darker text on the light content area */

	#main > section:not(.cover) {
		color: #62696e;
	}

	#main > section:not(.cover) h2,
	#main > section:not(.cover) h3,
	#main > section:not(.cover) h4 {
		color: #454b4f;
	}

	#main > section:not(.cover) strong,
	#main > section:not(.cover) b {
		color: #454b4f;
		font-weight: 400;
	}

/* Sidebar */

	#nav ul li a {
		color: rgba(255, 255, 255, 0.7);
	}

		#nav ul li a span:before {
			color: rgba(255, 255, 255, 0.35);
		}

		#nav ul li a:hover {
			color: #fff;
			background: rgba(255, 255, 255, 0.04);
		}

			#nav ul li a:hover span:before {
				color: rgba(255, 255, 255, 0.8);
			}

		#nav ul li a.active {
			box-shadow: inset 3px 0 0 0 #e27689;
			color: #fff;
		}

			#nav ul li a.active span:before {
				color: #e27689;
			}

	#header .icons a {
		color: rgba(255, 255, 255, 0.4);
	}

/* Buttons: same teal and blue, flat, in the page font */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		background-color: #6aa9a6;
		background-image: none;
		box-shadow: 0 1px 2px rgba(34, 38, 41, 0.18);
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	}

	button {
		font-size: 10.5pt;
		line-height: 1.2em;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			opacity: 1;
			background-color: #579693;
			box-shadow: 0 2px 5px rgba(34, 38, 41, 0.22);
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			opacity: 1;
			box-shadow: none;
		}

		button:disabled,
		button:disabled:hover {
			background-color: #a9c9c7;
			box-shadow: none;
			cursor: default;
		}

		.btn_checked,
		.btn_checked:hover {
			background-color: #1e88e5;
		}

		button.btn_checked:disabled,
		button.btn_checked:disabled:hover {
			background-color: #8fc1ec;
		}

/* Tables: white rows with fine dividers instead of grey bands */

	table.default {
		color: #2f3437;
		background: #fff;
		border-radius: 0.35em;
		box-shadow: 0 1px 3px rgba(34, 38, 41, 0.14);
	}

		table.default th {
			background: #2b3033;
			font-weight: 400;
		}

		table.default td {
			border-bottom: 1px solid #e4eaea;
		}

		table.default tbody tr:nth-child(odd) {
			background: #fff;
		}

		table.default tbody tr:nth-child(even) {
			background: #f5f9f9;
		}

		table.default tbody tr:hover {
			background: #eaf4f3;
		}

		table.default tbody tr:last-child td {
			border-bottom: 0;
		}

		/* Category rows carry an inline grey background */
		table.default tbody tr[style*="E8E8E8"] {
			background-color: #edf2f2 !important;
		}

		table.default td a {
			border-bottom-color: transparent;
		}

		#main table.default a.textborder {
			border: 1px solid #b4c1c1;
			border-radius: 3px;
			background: #fff;
		}

			#main table.default a.textborder:hover {
				border: 1px solid #e27689;
			}

/* Fields */

	form input[type="text"],
	form input[type="number"],
	form input[type="tel"],
	form input[type="email"],
	form input[type="password"],
	form input[type="search"],
	form select,
	form textarea,
	#main input.search {
		border-color: #d3dcdc;
	}

	#main > section:not(.cover) form input[type="text"],
	#main > section:not(.cover) form input[type="number"],
	#main > section:not(.cover) form input[type="tel"],
	#main > section:not(.cover) form input[type="email"],
	#main > section:not(.cover) form input[type="password"],
	#main > section:not(.cover) form input[type="search"],
	#main > section:not(.cover) form select {
		background: #fff;
	}