/**
 * Sortable tables with pager controls
 *
 */
.tablesorter {
	width:100%;
	font-family:arial;
	background-color: #eee;
	margin:0 0 0em;
	font-size: 0.9em;
	text-align: left;
	border-collapse:collapse;
}

.tablesorter th {
	background-color: #eee;
	font-size:1.2em;
	padding: 5px 6px 18px 6px;
	border:1px solid #fff;
	vertical-align:top;
}

.tablesorter th:hover {
	background-color: #666;
	color:#fff;
}

.tablesorter .header {
	background:url(../images/sort_bg_black.gif) no-repeat 5px bottom;
	cursor: pointer;
}

.tablesorter tbody td {
	color: #000;
	padding:4px 6px;
	background-color:#fff;
	vertical-align:top;
	border-collapse:collapse;
	border:2px solid #eee;
}

.tablesorter tr.odd td {
	background-color:#ededed;
}

.tablesorter .hover td {
	background-color: #e9d2a5!important;
	cursor:pointer;
}

.tablesorter tr:hover td {
	background-color:#bbb !important;
	cursor:pointer;
}

.tablesorter tr:hover a {
	color:#000!important;
}

.tablesorter .clicked td {
	background-color: #f8f893!important;
	cursor:pointer;
}

.tablesorter .headerSortUp {
	background-position:-395px bottom;
}

.tablesorter .headerSortDown {
	background-position:-195px bottom;
}

.tablesorter .headerSortDown, .tablesorter .headerSortUp {
	background-color: #f00;
	color:#fff;
}

span.dataset {
	font-size:1.5em;
}

td.group {
	font-weight:bold;
	font-size:1.1em;
}

th.first {
	padding-left:10px !important;
	border-left:2px solid #eee !important;
}

.tablesorter td.first {
	padding:4px 10px !important;
}

th.last {
	border-right:2px solid #eee !important;
}

th .colName {
	min-height:85px;
}

th .link {
	float:right;
	width:20px;
	text-align:right;
	margin-bottom:-17px;
}

td.cb, td.ahd, td.hna, td.pand, td.or {
	text-align:center;
}

td.or, td.pand {
	background-color:#ccc!important;
}

#compare {
	padding:2px 10px;
	margin-top:3px;
}

/** Pagination controls **/
#pager form {
	margin:0 !important;
	padding:0 !important;
}

.pager, #ftControls {
	text-align:center;
	font-size:1.1em;
	margin:0.5em 0 0 0;
	background:#999;
	padding:0.5em 0.2em;
	color:#eee;
}

.pager .button {
	padding:3px 10px;
}

#controls, #extraOptions {
	display:none;
}

#dataTable form {
	display:inline;
}

.pagedisplay {
	border:0;
	font-size:1.2em;
	width:3em;
	background:#fff;
	text-align:center;
	margin:0 0.3em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

span.spacer {
	color:#333;
	font-size:1.5em;
	font-weight:normal;
}

a.paginationNav {
	font-size:1em;
	color:#fff;
	text-decoration:underline;
	margin:0 0.1em;
}

a.paginationNav:hover {
	color:#fff;
	text-decoration:underline;
}

a.paginationNav span {
	color:#fff;
	letter-spacing:-2px;
}

#ftControls {
	display:none;
	float:right;
	padding:0.1em 0.5em 0.3em 0.5em;
	margin:0;
}

.pager a.first, #ftControls a.first {
	padding-left:22px;
	background:url(../images/arrows_nextprev.gif) no-repeat left -53px;
}

.pager a.prev, #ftControls a.prev {
	padding-left:13px;
	background:url(../images/arrows_nextprev.gif) no-repeat left 3px;
}

.pager a.next, #ftControls a.next {
	padding-right:14px;
	background:url(../images/arrows_nextprev.gif) no-repeat right -120px;
}

.pager a.last, #ftControls a.last {
	padding-right:23px;
	background:url(../images/arrows_nextprev.gif) no-repeat right -187px;
}

.pager select {
	border:1px solid #fff;
	background:#eee;
	color:#000;
	font-size:0.9em;
}

.pager .button {
	float:none;
	font-size:0.9em;
}

.pager a#columns {
	font-size:1em !important;
}

#dataTable {
	position:relative;
}

#tableKey {
	font-size:0.8em;
	margin:0.3em 0;
}

/** Column selector */
td.X {
	padding:3px 0 3px 0;
	text-align:right !important;
}

a.X {
	background:#666 url(../images/plus_minus_bg.gif) no-repeat;
	background-position:0 top;
	color:#fff;
	padding:2px 5px 2px 25px;
	text-decoration:none;
}

a.add {
	background-position:-300px top;
}

a.X:hover {
	background-color:#f00;
}

#columnFilter div {
	float:right;
}

#columnFilter {
	display:none;
	position:absolute;
	right:0;
	width:400px;
	background:#ddd;
	padding:0.8em 1em;
	box-shadow: 0 1px 10px rgba(0,0,0,.7); 
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.7);
}

a#applyColumns {
	float:right;
	padding:0.5em 1em;
	background:#000;
	color:#fff;
}

a#applyColumns:hover {
	background:#333;
}

#columnFilter div.X {
	display:inline;
	float:left;
	min-width:190px;
	padding:0.2em;
	font-size:0.95em;
}

#extraOptions {
	font-size:1.1em;
	margin:1em 20px;
}

input#compare {
	float:left;
}

#overlay {
	float:right;
	display:none;
	padding:0 20px 0 0;
	margin:0 0 0 0;
	background:transparent url(../images/loading_bg.gif) no-repeat top right;
}

#overlay p {
	margin:0!important;
	padding:0 !important;
}

#filter {
	color:#666;
	padding:0.2em 0.3em;
}

#filterBox {
	float:left;
	padding:0!important;
	margin:0;
}

#filterBox .button {
	float:none;
	font-size:0.9em;
	padding:2px 4px;
}

a#clearFilter {
	margin-left:10px;
}
/*
#key {
	background:#eee;
	font-size:0.9em;
}

#key p {
	padding:0.5em 1em 0 1em!important;
}

#key dl {
	padding:0.5em 1em;
	font-size:0.9em;
}

#key dt {
	padding:0;
	font-weight:bold;
	width:3em;
	float:left;
}

#key dd {
	padding:0;
	margin-left:3.5em;
}
*/

#dataTableHeader {
	position:relative;
	display:block;
}

#dataTable {
	display:block!important;
	z-index:1000;
}

#instructions {
	width:66%;
	float:left;
}

#regionKey {
	width:33%;
	float:left;
	background:#eee;
	font-size:0.9em;
}

#regionKey p {
	padding:0.7em 0 0 0;
}

#regionKey dl {
	position:relative;
	display:block;
	padding:0.3em 2em 0.7em 2em;
	font-size:0.9em;
}

#regionKey dt {
	position:relative;
	padding:0;
	font-weight:bold;
	width:3em;
	float:left;
}

#regionKey dd {
	position:relative;
	padding:0;
	margin-left:3.5em;
}