.scrollerTable{
	
	padding: 2px 2px 1px 2px;/*padding: 2px 2px 4px 2px;*/
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid #000;
	background-color: #406bac;/*#4776bc;/*#5982c2;*/
	/*#64649f;/*#616177;/*#4d4d63;/*#4a4af9;*/
	
}

.headerScrollerTable, .headerScrollerTableSingleLine{
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	text-align: center;
	background-color: #406bac;/*#4776bc;/*#5982c2;*/
	color: #fff;
	padding-top: 5px;
	clear: both;
	
	font-family: Verdana;
	font-size: 15px;
}

.headerScrollerTable td, .headerScrollerTableSingleLine td{
	vertical-align: top;
}


.headerScrollerTable .inputPesquisa{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #999;
	height: 17px;
	float:left;
	margin-left: 7px;
}

.headerScrollerTable span,  .headerScrollerTableSingleLine span{
	background-color: #406bac;/*#4776bc;*/
	/*#314e3d;/*#616177;/*#64649f; /*#3b3b53;*/
	color: #fff;
	float: left;
	font-family: Verdana;
	font-size: 14px;
	font-weight: 300;
	
}

.headerScrollerTable span span,  .headerScrollerTableSingleLine span span{
	padding-left: 7px;
}

.headerScrollerTable .separator, .headerScrollerTableSingleLine .separator{
	float: left;
	width: 1px;
	height: 80%;
	background-color: #ccc;	
}

.rowScrollerTable{
	clear: both;
	/*cursor: pointer;*/
	display: none;
	text-align: left;
}


.rowScrollerTable span{
	color: #000;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: 200;
	text-align: left;
}

.rowScrollerTable td{
	color: #000;
	font-family: Verdana;
	font-size: 11px;
	font-weight: 200;
	text-align: left;
	padding: 1px 0px 1px 4px;	
}

.rowScrollerTable.row0{
	background-color: #fff; 
}

.rowScrollerTable.row1{
	background-color: #eed; 
}

.rowScrollerTable.selected{
	background-color: #a7894d;/*#94932a;/*#ff0;*/ 
}

.rowScrollerTable.row0:hover, 
.rowScrollerTable.row0:hover span, 
.rowScrollerTable.row1:hover,
.rowScrollerTable.row1:hover span, 
.rowScrollerTable.row0:hover .colActions,
.rowScrollerTable.row1:hover .colActions,
.rowScrollerTable.row0:hover .colEspeciaisActions,
.rowScrollerTable.row1:hover .colEspeciaisActions
{
	background-color: #ddb;
	text-decoration: none;
}

.rowScrollerTable.selected:hover
{
	background-color: #94932a;/*#a7894d;/*#b5b326;/*#ff0;/*#94932a;/*#96907e;/*#9a8d65;/*#c6a94f;/*#b19b56;*/
	text-decoration: none;
 }

.rowScrollerTable span .text{
	margin: 0px 0px 5px 0px;
	padding: 4px 0px 0px 5px;	
	height: 14px
}

.rowScrollerTable .colActions .actionButton, 
.rowScrollerTable .colActions .actionButtonDisable,
.rowScrollerTable .colEspeciaisActions .actionButton, 
.rowScrollerTable .colEspeciaisActions .actionButtonDisable
{
	text-decoration: none;
	/*
	margin: 1px 1px 1px 1px;
	padding: 2px 2px 0px 3px;
	*/
	
	cursor: pointer;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;	
	border: 1px solid #999;
	background-color: #fff;
	
	height: 15px;
	
	padding: 1px 1px 0px 1px; 
	margin: 2px 2px 0px 0px;
}

.rowScrollerTable .colActions .actionButton:hover,
.rowScrollerTable .colEspeciaisActions .actionButton:hover{
	background-color: #ffe375;/*#f8de74;/* #fec;*/
	border-color: #fe0;
}

.rowScrollerTable .colActions .actionButtonDisable, 
.rowScrollerTable .colActions .actionButtonDisable:hover,
.rowScrollerTable .colEspeciaisActions .actionButtonDisable, 
.rowScrollerTable .colEspeciaisActions .actionButtonDisable:hover{
	cursor: default;
	background-color: #ddd;
	border: 1px solid #aaa;
}

.sorterPanel{float: right;}
.sorterAsc{
	float: left;
}
.sorterDesc{
	float: right;	
}
.sorterPanel .sorterAsc,.sorterPanel .sorterDesc,
.sorterPanel .sorterAscSelected,.sorterPanel .sorterDescSelected{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 1px solid #ddd; 
	background-color: #777;
	cursor: pointer; 
	margin: 0px 2px 0px 0px;
	padding:0px;
	width: 20px;
	font-size: 8px; 
	font-family: verdana; 
	text-align: center;
}

.sorterPanel .sorterAscSelected,.sorterPanel .sorterDescSelected{
	background-color: #99a;
}

/******/
/**  DAS FILTRAGENS DO HEADER **/
/******/
span .openFilterEspeciaisActions{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff;
	color: #fff;
	padding: 0px 7px 3px 0px;
	font-size: 9px;
	font-family: verdana;
	border: 1px solid #ddd; 
	background-color: #777;
	margin:  2px 1px 0px 7px;
	text-align: center;
	cursor: pointer;
}
.filtroEspeciaisActions{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid #ddd; 
	background-color: #276341;
	padding: 10px;
	top: 100px;
	left: 200px;
	position: absolute;
}

.filtroEspeciaisActions span{
	background-color: #276341;
}

span .closeFiltroEspeciaisActions{
	float: right; 
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #ddd;
	padding:  0px 6px 5px 0px;
	margin: -2px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
	background-color: #777;
	height: 10px;
}

/******/
/**  DO SCROLLER **/
/******/

.containerScrollerTable, .containerScrollerTableNoCorner{
	border:0px;
  	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 5px 1px 1px 1px;
	background-color: #3c64a0;/*#276341;*/
	/*#176638;/*#1c7e46;/*#366f4e;/*#4b8865;/*#99a;*/
	height: 32px;
	margin-top: 1px;
}

.containerScrollerTableNoCorner{
  	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.contornoScroller{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	padding: 6px 4px 4px 0px;
	border: 1px solid #ddd;/*#42a66c;/*#1c7e46;/*#dd0;*/
	
	background-color: #99a;/*#268a51;/*#348355;/*#1c7e46;/*#86b098;/*#79b392;/*#cce;*/
}
		
.middleScrollerTable, .backScrollerTable, .nextScrollerTable, .spanSelectRowsScrollTable{
	margin: 0px 0px 0px 0px;
	border: 0px;
	font-size: 12px;
	font-family: Arial;
	font-weight: 400;
	text-align: center;
	height: 16px;
	padding: 2px 5px 1px 5px;
}

.spanSelectRowsScrollTable{
	cursor: pointer;	
}

.middleScrollerTable span, .backScrollerTable span, .nextScrollerTable span, .spanSelectRowsScrollTable select{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 2px 10px 1px 10px;
	margin: 0px 2px 2px 2px;
	border: 1px solid #555;
	cursor: pointer;
	height: 16px;
	width: 30px;
	background-color: #eef;
}


.spanSelectRowsScrollTable select,
.spanSelectRowsScrollTable select.disable{
	font-size: 14px;
	height: 20px;
	background-color: #fff;
	color: #000;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
	text-align: right;
	width: 60px;
	cursor: pointer;
}


.spanSelectRowsScrollTable select.disable{
	background-color: #bbb;
}


.middleScrollerTable span.selected, 
.backScrollerTable span.selected, 
.nextScrollerTable span.selected{
	border: 1px solid #ff0;
	background-color: #fe0;
}


.middleScrollerTable span:hover, 
.backScrollerTable span:hover, 
.nextScrollerTable span:hover{
	border: 1px solid #fe0;
	background-color: #dd0;
}
  			
.backScrollerTable, .nextScrollerTable{
   font-size: 14px;
   font-weight: bold;
   padding: 3px 2px 1px 2px;
}
    
.backScrollerTable span.disable, 
.nextScrollerTable span.disable
{
	border: 1px solid #777;
	background-color: #aaa;
}  

.scrollerTable .mailContent{
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.txtBt{
	margin: 0px; padding: 0px; color: blue; font-size: 10px; font-family: Verdana;
}
.chkBt{
	margin: 0px; padding: 4px 0px 0px 3px;
}

.actionButton img, .actionButtonDisable img{
	border: 0px;
	width: 16px;
	height: 14px;
}

.dtcLabel{
	text-align: center;
	margin-left: 7px;	
}

.divAguardeOrdenacao{
	display: none; 
	margin: 5px 0px 0px 5px; 
	padding: 3px 10px 3px 10px;
	color: #000; 
	text-align: center; 
	background-color: #ff9; 
	position: absolute; 
	z-index: 10;	
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

@media print{
	.scrollerTable,.headerScrollerTable, .headerScrollerTableSingleLine,
	.headerScrollerTable span,  .headerScrollerTableSingleLine span,
	.headerScrollerTable .separator, .headerScrollerTableSingleLine .separator,
	.rowScrollerTable.row0, .rowScrollerTable.row1, .rowScrollerTable.selected
	{
		border: 0px;
		background-color: #fff;
	}
	
	.headerScrollerTable .inputPesquisa, .sorterPanel,
	.containerScrollerTable, .containerScrollerTableNoCorner{
		display: none;
	}
	
	.headerScrollerTable, .headerScrollerTableSingleLine,
	.headerScrollerTable span,  .headerScrollerTableSingleLine span{
		font-size: 14px;
		font-family: Arial;
		font-weight: normal;
		color: #000;
		text-align: left;
	}
	
	
	.rowScrollerTable span, .rowScrollerTable td{
		color: #333;
		float: left;
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
	}
	
	
}

