@charset "utf-8";
/* CSS Document */
/*http://stackoverflow.com/questions/17067294/html-table-with-100-width-with-vertical-scroll-inside-tbody*/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div.dataGrid {
}
table.dataGrid {	
	font-size: 12px;
	overflow: hidden;
	border: 1px #333 solid;
}
table.dataGrid > caption {
	/*width: 100%;*/
	background-color: #555;
	color: #fff;
	text-align: left;
	padding: 4px;
	font-weight: bold;
	padding-left: 8px;
	height: 23px;
	border-top: 1px #333 solid;
	border-right: 1px #333 solid;
	border-left: 1px #333 solid;
}

table.dataGrid > tbody > tr > td {
	border: 1px #333 solid;
	color: #000;
	border-top: none;
	border-right: none;
	padding: 2px;
	padding-left: 8px;
	white-space: nowrap;
}
table.dataGrid > tbody > tr > td:first-child {
	border-left: none;
}
table.dataGrid > tbody > tr > td:last-child {
	border-right: none;
	padding-right: 22px;
}
table.dataGrid > thead {
	overflow: hidden;
}
table.dataGrid > thead > tr > th {
	background-color: #ababab;
	color: #111;
	border: 1px #333 solid;
	border-right: none;
	border-top: none;
	padding: 2px;
	padding-left: 8px;
	text-align: left;
}
table.dataGrid > thead > tr > th:first-child {
	border-left: none;
}
table.dataGrid > thead > tr > th:last-child {
	padding-right: 22px;
}
table.dataGrid > tbody > tr {
	height: 23px;
}
table.dataGrid > tbody > tr:last-child > td {
	border-bottom: none;
}
table.dataGrid > tbody > tr:hover > td {
	background-color: #B8CADA;
}
table.dataGrid > tbody > tr.emptyRow:hover > td {
	background-color: #ddd;
}
table.dataGrid > tbody > tr.highlight > td {
	background-color: #7699B8;
}
table.dataGrid > tbody > tr > td.highlight {
	background-color: #7699B8;
}
table.dataGrid > tbody > tr.highlight-yellow > td {
	background-color: #ffff66;
}
table.dataGrid > tbody > tr > td.highlight-yellow {
	background-color: #ffff66;
}
table.dataGrid > tbody > tr.highlight-greenyellow > td {
	background-color: mediumSeaGreen;
}
table.dataGrid > tbody > tr > td.highlight-greenyellow {
	background-color: mediumSeaGreen;
}
/*table.dataGrid > tbody > tr > td > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width: 100%;
} */
table.dataGrid > thead > tr {
	height: 23px;
}
table.dataGrid > tbody {
	overflow: hidden;
	overflow-y: auto;
	background-color: #ddd;
}




/** ORDENACAO DA LISTA */
table.dataGrid > thead > tr > th > a {
	text-decoration: none;
	color: #111;
}
table.dataGrid > thead > tr > th.both:hover,
table.dataGrid > thead > tr > th.down:hover,
table.dataGrid > thead > tr > th.up:hover {
	background-color: #7699B8;
}
table.dataGrid > thead > tr > th.both a,
table.dataGrid > thead > tr > th.down a,
table.dataGrid > thead > tr > th.up a {
	width: 100%;
	display: block;
}
table.dataGrid > thead > tr > th.both a {
	background: url(list_order_both.png) right no-repeat;
	padding: 5px 4px 5px 1px;
	margin-right: 0px;
}
table.dataGrid > thead > tr > th.down a {
	background: url(list_order_down.png) right no-repeat;
	padding: 5px 4px 5px 1px;
	margin-right: 0px;
}
table.dataGrid > thead > tr > th.up a {
	background: url(list_order_up.png) right no-repeat;
	padding: 5px 4px 5px 1px;
	margin-right: 0px;
}
table.dataGrid > thead > tr > th.both:hover a,
table.dataGrid > thead > tr > th.down:hover a,
table.dataGrid > thead > tr > th.up:hover a {
	color: #111;
	text-decoration: underline;
}









table.dataGridFixedCollumn {
	border: 1px #333 solid;
	border-right: none;
}
table.dataGridFixedCollumn > tbody > tr > td {
	background-color: #666;
	color: #fff;
	font-weight: bold;
	padding: 2px;
	padding-left: 8px;
	height: 23px;
	/*border-left: 1px #333 solid;
	border-top: 1px #333 solid;*/


	border: 1px #333 solid;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 2px;
	padding-left: 8px;
}
table.dataGridFixedCollumn > caption {
	background-color: #555;
	color: #fff;
	text-align: left;
	padding: 4px;
	font-weight: bold;
	padding-left: 8px;
	height: 23px;
	border-top: 1px #333 solid;
	/*border-right: 1px #333 solid;*/
	border-left: 1px #333 solid;
}
table.dataGridFixedCollumn > thead > tr > th {
	background-color: #888;
	color: #fff;
	border: 1px #333 solid;
	border-right: none;
	border-top: none;
	border-left: none;
	padding: 2px;
	padding-left: 8px;
	text-align: left;
	height: 23px;
}
table.dataGridFixedCollumn > tbody {
	overflow: hidden;
	/*overflow-y: auto;*/
	background-color: #ddd;
	/*background-color: #ccc;*/
}



/** CONTADOR E PAGINACAO */
table.dataGridFixedCollumn > tfoot {
	height: auto;
	background-color: #fff;
}
table.dataGridFixedCollumn > tfoot > tr > td {
	border-bottom: none;
	border-top: 1px #333 solid;
	padding: 0px;
	background-color: #bbb;
}
table.dataGridFixedCollumn > tfoot {
	height: 21px;;
	background-color: #fff;
}

/** HACK PARA IE */
.scrollList table.dataGrid > tbody {
	overflow: hidden;
}
















table.dataGridFixed {
	border: 1px #333 solid;
	border-right: none;
}
table.dataGridFixed > tbody > tr > td {
	background-color: #666;
	color: #fff;
	font-weight: bold;
	padding: 2px;
	padding-left: 8px;
	height: 23px;
	/*border-left: 1px #333 solid;
	border-top: 1px #333 solid;*/


	border: 1px #333 solid;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 2px;
	padding-left: 8px;
}
table.dataGridFixed > caption {
	background-color: #555;
	color: #fff;
	text-align: left;
	padding: 4px;
	font-weight: bold;
	padding-left: 8px;
	height: 23px;
	border-top: 1px #333 solid;
	/*border-right: 1px #333 solid;*/
	border-left: 1px #333 solid;
}
table.dataGridFixed > thead > tr > th {
	background-color: #888;
	color: #fff;
	border: 1px #333 solid;
	border-right: none;
	border-top: none;
	border-left: none;
	padding: 2px;
	padding-left: 8px;
	text-align: left;
	height: 23px;
}
table.dataGridFixed > tbody {
	overflow: hidden;
	/*overflow-y: auto;*/
	background-color: #ddd;
	/*background-color: #ccc;*/
}
table.dataGridFixed > tfoot {
	height: auto;
	background-color: #fff;
}
table.dataGridFixed > tfoot > tr > td {
	border-bottom: none;
	border-top: 1px #333 solid;
	padding: 0px;
	background-color: #bbb;
}
table.dataGridFixed > tfoot {
	height: 21px;;
	background-color: #fff;
}
















table.dataGrid > tfoot > tr > td ul > li.paging-first {
	background: url(list_paging_first.png) no-repeat center;
}
table.dataGrid > tfoot > tr > td ul > li.paging-preview {
	background: url(list_paging_previous.png) no-repeat center;
}
table.dataGrid > tfoot > tr > td ul > li.paging-next {
	background: url(list_paging_next.png) no-repeat center;
}
table.dataGrid > tfoot > tr > td ul > li.paging-last {
	background: url(list_paging_last.png) no-repeat center;
}

/*li.paging-first,
li.paging-preview,
li.paging-next,
li.paging-last,
li.paging-first a,
li.paging-preview a,
li.paging-next a,
li.paging-last a,
li a {

}*/
table.dataGrid > tfoot > tr > td ul > li.paging-first a,
table.dataGrid > tfoot > tr > td ul > li.paging-preview a,
table.dataGrid > tfoot > tr > td ul > li.paging-next a,
table.dataGrid > tfoot > tr > td ul > li.paging-last a,
table.dataGrid > tfoot > tr > td ul > li a,
table.dataGrid > tfoot > tr > td ul > li.highlight {
	display: block;
	width: 16px;
	height: 14px;
	padding: 3px;
}
table.dataGrid > tfoot > tr > td ul > li.highlight {
	padding-top: 3px !important;
	height: 14px !important;
}


/** CONTADOR E PAGINACAO */
table.dataGrid > tfoot {
	height: auto;
}
table.dataGrid > tfoot > tr > td {
	border-bottom: none;
	border-top: 1px #333 solid;
	padding: 0px;
	background-color: #ababab;
}
/* Paginacao */
table.dataGrid > tfoot > tr > td ul {
	float: right;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
table.dataGrid > tfoot > tr > td ul > li {
	border-left: 1px #333 solid;
	float: left;
	width: 22px;
	height: 20px;
	text-align: center;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
}
table.dataGrid > tfoot > tr > td ul > li:hover {
	background-color: #7699B8;
	cursor: pointer;
}
table.dataGrid > tfoot > tr > td ul > li a{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
table.dataGrid > tfoot > tr > td ul > li:hover a{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
table.dataGrid > tfoot > tr > td ul > li.highlight, table.dataGrid > tfoot > tr > td ul > li.highlight a {
	background-color: #486a89;
	background-color: #666;
	color: #fff;
	cursor: default;
}
/* Contador */
table.dataGrid > tfoot > tr > td > label {
	float: left;
	clear: right;
	font-weight: bold;
	font-size: 12px;
	padding-left: 8px;
	padding-top: 2px;
}




.dataGridGreen, .dataGridBlue, .dataGridRed, .dataGridYellow {
	font-weight: bold !important;
}
.dataGridGreen {
	background-color: #A3E0A7 !important;
	color: #003300 !important;
}
.dataGridBlue {
	background-color: #A4CADF !important;
	color: #000066 !important;
}
.dataGridRed {
	background-color: #FF0000 !important;
	color: #990000;
}
.dataGridYellow {
	background-color: #FF9 !important;
	color: #FF3300 !important;
}
