/**
 * Basic styles.
 **/
div.SuperGrid {
	padding: 10px;
	
	background-color: #aaaaaa;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

div.SuperGrid div.gridTitle {
	padding-left: 10px;
	padding-bottom: 4px;
	
	font-size: 20px;
	font-weight: bold;
}

div.SuperGrid div.grid {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	
	overflow: auto;
}

div.SuperGrid div.grid div.loader {
	display: none;
	
	padding: 40px;
	
	text-align: center;
	
	font-size: 20px;
	font-weight: bold;
}

div.SuperGrid div.grid .disabled {
	color: #666666;
}

div.grid .disabled img {
	filter: alpha(opacity=25);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

div.SuperGrid div.grid .selected {
	font-weight: bold;
}

div.SuperGrid div.grid input, div.SuperGrid div.grid textarea, div.SuperGrid div.grid select {
	width: 60%;
	
	border: 1px dashed #888888;
}

div.SuperGrid div.grid div table {
	width: 100%;
}

div.grid div table tr th, div.SuperGrid span.extra {
	padding: 2px;
	
	background-color: #aaaaaa;
	/*border: 1px outset #aaaaaa;*/
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	
	font-weight: normal;
	text-align: center;
}

/**
 * The button style of the grid.
 **/
div.SuperGrid div.grid a.button {
	display: inline;
	
	clear: none;
}

div.SuperGrid div.grid a.button img {
	margin: 0;
	
	vertical-align: middle;
	
	border: 0px none #000000;
	
	/*margin: 0;
	padding: 2px;
	
	width: 11px;
	height: 11px;
	
	vertical-align: middle;
	
	border: 0px none #000000;*/
}

div.SuperGrid div.grid a.button:hover img {
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

div.SuperGrid div.grid a.button:active {
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

/**
 * Table template styles. The grid is divided into blocks: search, hits, column options, etc.
 **/
div.SuperGrid div.grid div table th.debug {
	text-align: left;
}

div.SuperGrid div.grid div table th.userQuery {
	text-align: left;
}

div.SuperGrid div.grid div table th.userQuery textarea {
	width: 98%;
}

div.SuperGrid div.grid div table th.query {
	text-align: left;
}

div.SuperGrid div.grid div table th.query div.embed {
	padding: 2px;
	
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	
	text-align: left;
}

div.SuperGrid div.grid div table th.query div.embed b {
	color: #000033;
}

div.SuperGrid div.grid div table th.columnOptions {
	white-space: nowrap;
	font-weight: bold;
}

div.SuperGrid div.grid div table th.filter div {
	float: left;
	
	width: 100%;
	
	background-color: white;
	border: 1px dashed #000000;
}

div.SuperGrid div.grid div table th.filter input {
	float: left;
	
	width: 65%;
	height: 16px;
	
	border: 0px none;
}

div.SuperGrid div.grid div table th.filter a {
	float: right;
}

div.SuperGrid div.grid div table th.dropdown {
	white-space: nowrap;
}

div.SuperGrid div.grid div table th.dropdown select {
	/*width: 60%;*/
	
	background-color: #ddddff;
}

div.SuperGrid div.grid div table th.columnHeader {
	white-space: nowrap;
	
	font-weight: bold;
}

div.SuperGrid div.grid div table tr td {
	padding: 2px;
}

div.SuperGrid div.grid div table tr td.noData {
	padding: 10px;
	
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

div.SuperGrid div.grid div table tr.odd {
	background-color: #cccccc;
}

div.SuperGrid div.grid div table tr.even {
	background-color: #bbbbbb;
}

div.SuperGrid div.grid div table tr.highlight {
	color: white;
	background-color: #888888;
	
	cursor: pointer;
}

div.SuperGrid div.grid div table tr.selected {
	background-color: #4F8AA8;
}

/**
 * All extra styles.
 **/
div.SuperGrid div.extraWrapper {
	
}

div.SuperGrid div.extraWrapper span.extra {
	float: left;
	
	margin: 2px 2px 0 0;
	padding: 2px 4px 2px 4px;
	
	height: 20px;
}

div.SuperGrid div.extraWrapper span.pages {
	padding-top: 4px;
	padding-bottom: 0;
}

div.SuperGrid div.extraWrapper span.search b {
	float: left;
	
	padding: 2px 2px 0 0;
}

div.SuperGrid div.extraWrapper span.search div {
	float: left;
	
	background-color: white;
	border: 1px dashed #000000;
}

div.SuperGrid div.extraWrapper span.search input {
	float: left;
	
	width: 65%;
	height: 16px;
	
	border: 0px none;
}

div.SuperGrid div.extraWrapper span.search a {
	float: right;
}

div.SuperGrid div.extraWrapper span.exportOptions div, div.SuperGrid div.extraWrapper span.exportOptions b {
	float: left;
	
	line-height: 18px;
}

div.SuperGrid div.extraWrapper span.exportOptions select {
	width: auto;
	
	height: 21px;
	
	border: 1px solid #000000;
}

div.SuperGrid div.extraWrapper span.options {
}

div.SuperGrid div.extraWrapper span.options div.holder {
	float: left;
	position: relative;
	
	padding: 1px 2px 0 0;
}

div.SuperGrid div.extraWrapper span.options div.opened {
	background-color: white;
	border: 1px solid #000000;
}

div.SuperGrid div.extraWrapper span.options input {
	width: auto;
}