table {
	margin-bottom: .1em;
}

table.tcentered {
	margin-left: auto;
	margin-right: auto;
}

tr.section {
	border-top: solid 1px;
}

table.unbordered th,
table.unbordered td {
	border: 0px;
	padding: 4px 4px 2px 4px;
}

table.bordered th,
table.bordered td,
.td_as_th {
	border: 1px solid #bbb;
	padding: 4px 4px 2px 4px;
}

table.bordered th,
.td_as_th {
	background-color: #ddd;
	color: black;
	font-weight: normal;
	font-style: italic;
}

.td_as_th a,
.td_as_th a:visited {
	color: black;
}

.td_as_th a:hover {
	color: blue;
}

.label {
	text-align: right;
	color: black;
}

.label.cb {
	text-align: left;
}

table.unbordered td.box {
	padding-left: 14px;
}

table#best td {
	width: 40px;
	text-align: center;
}

table#best .td_as_th {
	width: 80px;
}

.td_as_th {
	width: 30px;
}

/* this fixes the gap between content and the bottom round corner image in safari */
table#cad {
	margin-bottom: 4px;
}

table#cad td {
	width: 32px;
	text-align: left;
}

table#cadence td,
table#speed_and_cadence td {
	width: 30px;
	text-align: right;
	padding-right: 4px;
}

form td input.left {
	text-align: left;
}

table#gear td,
form td input {
	text-align: right;
}

table#gear td.td_as_th {
	padding-right: 6px;
}

table#gear td.left {
	padding-left: 6px;
	text-align: left;
}

.instruct {
	height: 332px;
}

.instructa span.emph {
	font-style: italic;
	font-weight: bold;
}

.instructa {
	padding-top: 30px;
	padding-bottom: 16px;
	font-size: 140%;
}

.instructb {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 120%;
}

.instructa,
.instructb {
	color: #335533;
}

.centered {
	text-align: center;
}

ul.short {
	margin-top: 4px;
	margin-bottom: 4px;
}

#menu {
	width: 220px;
	padding: 16px;
	border-radius: 26px;
	background: white;
}

#menu li {
	list-style-type: none;
	margin-left: 16px;
	list-style-position: inside;
}

#menu li.active {
	background-image: url('/archives/assets/arrow-right.png');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin-left: 4px;
	padding-left: 12px;
}

#menu ul {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

#menu li a {
	padding: 3px 0;
	text-decoration: none;
	color: black;
	font-size: 110%;
}

#menu li a:hover,
#menu li a:hover span {
	color: rgb(142, 142, 147);
}

#menu div.menutitle {
	color: black;
	font-size: 126%;
	padding-bottom: 8px;
}

#menu div.menusub {
	color: black;
	font-style: italic;
	font-size: 100%;
	margin-top: 4px;
	font-size: 110%;
}

.normal {
	color: #22228b;
	background-color: #EAF3FE;
}

.good {
	color: green;
	background-color: #EAFEEA;
}

.bad {
	color: #b22222;
	background-color: #FEEAEA;
}

.label_link,
.label_link:visited {
	color: black;
}