/**
 * Copyright (c) 2005 Margaret Early, The Multiliteracy Project.
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.txt.
 *
 * Statistics specific design rules.
 *
 * $Id: stat.css,v 1.13 2006/08/08 20:35:45 aaron Exp $
 */

div#observationList {
	margin-top: 0.5em;
}

* > div#observationList {
	margin-top: 0.5em;
}

div#observations div#observationList {
	margin-top: 1.7em;
}

div#observationList label {
	width: auto;
}

div#observationList td, div#observations th {
	padding-right: 1em;
}

div#monthSelector {
	width: 100%;
	float: none;
}

* > select option {
	padding-right: 0.5em;
}

div.stat {
	width: 100%;
}

div.scalable {
	height: 35em;
	overflow: scroll;
}

table.stat {
	width: auto;
	table-layout: auto;
	border-collapse: collapse;
	margin-bottom: 1em;
}

table.stat tbody {
	font-size: 0.8em;
}

.stat h4 {
	margin: 1em 0 0.5em 0;
}

.stat tr.striped {
	background-color: #F4F0ED;
	/*background-color: #F2EDEA;*/
}

.stat label {
	/*display: block;*/
	width: 6.8em;
	/*background-color: #ECC;*/
	/*padding: 0.2em 0 0.2em 0;*/
	padding-top: 1px;
	text-align: left;
}

.stat label.columnHeader {
	width: 4.5em;
	/*padding: 0.5em 0.5em 0.5em 0;*/
	text-align: center;
}

.stat label.rowHeader {
	width: 12em;
}

.stat label.repeat {
	padding-left: 0.5em;
}

.stat .option {
	float: left;
	clear: both;
	margin-bottom: 0.5em;
	width: 100%;
}

.stat .option input {
	float: left;
}

.stat .option label {
	width: auto;
	font-size: 0.75em;
	margin-top: 0.2em;
	margin-right: 0.5em;
	float: left;
	clear: right;
}

.stat td {
	padding: 0.7em 0.5em 0.7em 0.5em;
	color: black;
	/*border: 1px solid red;*/
}

.stat td, .stat th {	
	vertical-align: middle;
}

.stat td.leftPart {
	padding-right: 0;
	text-align: right;
	/*background-color: #CCE;*/
	/*width: 3em;*/
}

.stat td.rightPart {
	padding-left: 0;
	text-align: left;
	/*width: 3em;*/
	/*background-color: #ECC;*/
}

.stat td.leftPart, .stat td.rightPart {
	line-height: 1.5em;
}

.stat th {
	padding: 0.7em 0 0.7em 0.5em;
	color: #666;
	font-weight: normal;
	text-align: center;
}

.stat .extra {
	color: #555;
	font-size: 0.8em;
	vertical-align: bottom;
}

.stat div.extra {
	border-top: 1px solid #999;
	margin-right: 0.5em;
}

.stat tr.headerRow th {
	font-weight: bold;
	text-align: left;
}

/*
div.stat div.row div.small {
	width: 3em;
}

div.stat div.row div.big {
	width: 6.8em;
}

* > div.stat div.row div.small {
	width: 2.6em;
}


div.stat div.rowHeader span {
	font-size: 0.7em;
	margin-left: 0.5em;
	height: 1.3em;
}*/

div.note {
	font-size: 0.7em;
	color: #666;
	margin-top: 1em;
}