/* LIST DATA LAYOUT
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.spreadsheet {
	padding: 10px 10px 0px 10px;
	background-color: #FFFFFF;
}
div.formFieldsWideGroups div.list {
}

div.spreadsheet div.paging {
	padding: 5px 5px 5px 0px;
	height: 15px;
}
div.spreadsheet div.paging ul {
	list-style: none;
	float: right;
}

div.spreadsheet div.paging li {
	float: left;
	margin-left: 8px;
	padding-left: 10px;
	background-image: url("../images/link_separator.gif");
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

div.spreadsheet div.paging li.first {
	background-image: none;
}

div.spreadsheet div.paging li.followUp {
	background-image: none;
	margin-left: 0px;
	padding-left: 10px;
}

div.spreadsheet div.staticColumns {
	width: 345px;
	float: left;
	display: block;
	border-bottom: 16px solid #ededed;
}
div.spreadsheet div.scrollingColumns {
	width: 520px;
	overflow-x: scroll;
}

div.spreadsheet table {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
div.spreadsheet div.staticColumns table {
	width: 345px;
}
div.spreadsheet div.scrollingColumns table {
	width: 520px;
}

div.spreadsheet table th div.label,
div.spreadsheet table th div.labelFiller {
	width: 40px;
	height: 97px;
	padding: 0px;
	margin: 0px;
	border: none;
}
div.spreadsheet table th div.labelFiller {
	width: 305px;
	background-image: url("../images/column_separator.gif");
	background-repeat: repeat-y;
	background-position: top right;
}

div.spreadsheet th.filler,
div.spreadsheet td div.filler {
	background-color: #ededed;
	padding: 6px 5px 5px 5px;
}

div.spreadsheet td h5 {
	padding: 6px 5px 3px 5px;
	font-size: 11px;
	background-image: url("../images/column_separator.gif");
	background-repeat: repeat-y;
	background-position: top right;
}
div.spreadsheet td div.total {
	text-align: center;
	background-color: #f7f7f7;
	margin-top: 1px;
	padding: 5px 5px 5px 5px;
	background-image: url("../images/column_separator.gif");
	background-repeat: repeat-y;
	background-position: top right;
	font-weight: 700;
}
div.spreadsheet tr.totalTop td div.total {
	margin-bottom: 2px;
}

div.spreadsheet td div.value {
	text-align: center;
	padding: 6px 5px 5px 5px;
	background-image: url("../images/column_separator.gif");
	background-repeat: repeat-y;
	background-position: top right;
}
div.spreadsheet tr.totalTop td div.value {
	margin-bottom: 2px;
}

div.spreadsheet tr.totalTop td div.filler {
	margin-bottom: none;
	padding-bottom: 7px;
}