/*
 * The dashboard panel that is displayed to any students listing the number of
 * words that they have typed this week and the last
 */

/* Have the current and previous week counts be next to each other. */
#dashboard_cb_wordcounter .count.previous {
	float: right;
	text-align: right;
}
#dashboard_cb_wordcounter .count.current {
	float: left;
}

/* Show information for the current and previous week. */
#dashboard_cb_wordcounter .count h5,
#dashboard_cb_wordcounter .count p {
	font-size: 1.25em;
	line-height: 1.5em;
}
#dashboard_cb_wordcounter .count h5 {
	display: inline;
	font-weight: normal;
	margin: 0;
	margin-right: 0.375em;
}
#dashboard_cb_wordcounter .count p {
	color: #090;
	display: inline;
	font-weight: bold;
}
#dashboard_cb_wordcounter .count.under p {
	color: #a00;
}
#dashboard_cb_wordcounter .clearfix {
	clear: both;
}

/* Display information on the required number of words per week. */
#dashboard_cb_wordcounter .required {
	border-top: 1px solid #ccc;
	color: #777;
	font-weight: bold;
	margin-top: 0.75em;
	padding-top: 0.75em;
	text-align: right;
}
#dashboard_cb_wordcounter .required .quantity {
	margin-left: 0.75em;
	background: #aaa;
	color: #fff;
	display: inline-block;
	padding: 0.375em 0.75em;
}

/*
 * The page displayed to a professor on the admin side of the root blog that
 * show a table of the word counts produced by each student broken down by week
 */

/* Set the page instructions off from the word-count table. */
#student-word-counts-instructions {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

/* Wrap the student word counts table in a div to allow internal scrolling. */
#student-word-counts-wrap {
	overflow: auto;
	width: 100%;
}

/* Apply basic grid styling to the word-count table. */
#student-word-counts {
	border-collapse: collapse;
	width: 100%;
}
#student-word-counts th,
#student-word-counts td {
	padding: 0.375em 0.375em;
	text-align: left;
}
#student-word-counts thead th {
	border-bottom: 2px solid #ccc;
}
#student-word-counts tbody td,
#student-word-counts tbody th,
#student-word-counts tfoot th,
#student-word-counts tfoot td {
	border: 1px solid #ccc;
	min-width: 6em;
}
#student-word-counts tbody th,
#student-word-counts tfoot th {
	border-left: none;
	min-width: 8em;
}
#student-word-counts tbody tr td:last-child,
#student-word-counts tfoot tr td:last-child {
	border-right: none;
}
#student-word-counts tfoot td,
#student-word-counts tfoot th {
	background: #ffc;
	border-top: 2px solid #ccc;
	font-weight: bold;
}

/* Make each type of cell (null, under- or over-performing) distinctive. */
#student-word-counts td.null {
	color: #999;
}
#student-word-counts td.under {
	color: #900;
}
#student-word-counts td.over {
	color: #090;
	font-weight: bold;
}

/* Highlight a row on hover. */
#student-word-counts tbody tr:hover td,
#student-word-counts tbody tr:hover th {
	background-color: #ffe;
}

/* Zebra stripe the columns */
#student-word-counts tbody td.odd {
	background: #eee;
}