form#ranks-form { line-height: 2em; }

form#ranks-form label a { font-weight: bold; }

form#ranks-form div.periods {
	float:        left;
	width:        260px;
  margin-right: 15px;
  text-align:   center;
}

form#ranks-form div.periods select { width: 100%; }

form#ranks-form div.periods em { font-size: 0.8em; }

form#ranks-form div.topSelections {
  margin-top: 15px;
}

form#ranks-form div.topSelections select {
  width: 352px;
}

form#ranks-form div.dateSelections {
	margin: 0.5em auto;
}

form#ranks-form option.title { font-weight: bold; }

#asof-div {
	line-height:   1.45em;
	margin-top:    1.25em;
	margin-bottom: 15px;
	font-size:     0.8em;
}

@media only screen and (min-width: 1024px) {
	#asof-div { margin-left: 275px; }
}

form#ranks-form label#asoflabel { font-weight: normal; }

div.pn { font-size: 0.8em; }

div#legend { width: 100%; }

div#legend div {
	float:       left;
	height:      20px;
	width:       14%;
	text-align:  center;
	font-size:   7pt;
	padding:     0.5em 0.1em 0.1em 0.1em;
}

table#rankings { width: 100%; font-size: 0.8em !important; }

table#rankings a { text-decoration: none !important; }

table#rankings td { vertical-align: middle; text-align: right; border-color: #777; }

table#rankings td.period { text-align: center; }

table#rankings td.rank,
table#rankings td.since,
table#rankings td.record,
table#rankings td.period span.month-period { font-size: 0.9em !important; }

table#rankings th#record,
table#rankings td.period,
table#rankings td.value,
table#rankings td.lta,
table#rankings td.departure,
table#rankings td.since { white-space: nowrap; }

table#rankings td.ties {
	text-align:   left;
	font-size:    0.75em;
	font-style:   italic;
	padding:      1px 4px;
}