.datatable_filter {
    float: left;
}
.datatable_filter select {
    width: auto;
}

.datatable_pagination {
    float: right;
    clear: right;
    padding-top: 5px;
}

.dataTables_info { 
	font-size: 11px;
	font-style: italic;
}

.datatable_title { float: left; }

.paginate_active, .paginate_button {
    display: block;
    float: left;
    padding: 0 5px;
    text-decoration: underline;
    cursor: pointer;
}
.paginate_active { font-weight: bold;color:#e11a2b; }

td.totalCol {
    font-weight: bold;
    background-color: #e6e7e2;
}
    

/* tables */
table.datatable {
    clear: both;
	width: 100%;
	text-align: left;
}

table.datatable td {
    border: 1px solid #999;
}

table.datatable thead tr th, table.datatable tfoot tr td {
	background-color: #e6e7e2; /*#ccc*/
	border: 1px solid #999; /*#fff*/
	padding: 4px;
	text-transform: uppercase;
	font-weight: bold;
}
table.datatable thead tr th { text-align: center; }

table.datatable thead tr .sorting {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.datatable tbody td {
	padding: 4px;
	vertical-align: top;
}

table.datatable thead tr .sorting_asc {
	background-image: url(images/asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.datatable thead tr .sorting_desc {
	background-image: url(images/desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.datatable thead tr .sorting_desc, table.datatable thead tr .sorting_asc {
    background-color: #bfc0b2; /*#e11a2b*/
}

/* if you have a datatable where the asc/desc image icons are getting in the way, you can disable them by applying the datatable_nobg class to the table */
table.datatable_nobg thead tr .sorting { background-image: none; }
table.datatable_nobg thead tr .sorting_asc { background-image: none; }
table.datatable_nobg thead tr .sorting_desc { background-image: none; }