﻿/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {position: relative;min-height: 302px;clear: both;_height:302px;zoom: 1; /* Feeling sorry for IE */}
.dataTables_processing {position: absolute;top: 50%;left: 50%;width: 250px;height: 30px;margin-left: -125px;margin-top: -15px;padding: 14px 0 2px 0;
                        border: 1px solid #ddd;text-align: center;	color: #999;font-size: 14px;background-color: white;}
.dataTables_length {float: left;}
.dataTables_filter { padding-bottom: 15px; padding-right: 15px; float: right}
.dataTables_info {float: left; margin-bottom:5px; /*padding-left: 15px;*/}
.dataTables_paginate {text-align: left; float:left; clear:left; /*padding-left: 15px;*/}
.dataTables_btmSpace { margin-bottom : 10px;margin-top: 10px;}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px;width: 19px;margin-left: 3px;float: left;}
.paginate_disabled_previous {background-image: url('../img/tables/back_disabled.jpg');}
.paginate_enabled_previous {background-image: url('../img/tables/back_enabled.jpg');}
.paginate_disabled_next {background-image: url('../img/tables/forward_disabled.jpg');}
.paginate_enabled_next {background-image: url('../img/tables/forward_enabled.jpg');}

/* Full Numbers Pagination */
/*.example_alt_pagination div.dataTables_info {width: 40%;}*/
.paging_full_numbers {	height: 22px;line-height: 22px;}
.paging_full_numbers .paginate_button,.paging_full_numbers .paginate_active {border: 1px solid #aaa;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 2px 5px;margin: 0 3px;cursor: pointer;*cursor: hand;}
.paging_full_numbers .paginate_button {background-color: #ddd;}
.paging_full_numbers .paginate_button:hover {background-color: #ccc;}
.paging_full_numbers .paginate_active {background-color: #D3EAFF;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}
table.display thead th {padding: 3px 18px 3px 10px;border-bottom: 1px solid black;font-weight: bold;cursor: pointer;* cursor: hand;}
table.display tfoot th {padding: 3px 18px 3px 10px;border-top: 1px solid black;font-weight: bold;}
table.display tr.heading2 td {border-bottom: 1px solid #aaa;}
table.display td {padding: 3px 10px;}
table.display td.center {text-align: center;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
.sorting_asc {background: url('../img/tables/sort_asc.png') no-repeat left; padding-left:15px; cursor:pointer; text-align:left;font-weight: bold;}
.sorting_desc {background: url('../img/tables/sort_desc.png') no-repeat left; padding-left:15px; cursor:pointer; text-align:left;font-weight: bold;}
.sorting {background: url('../img/tables/sort_both.png') no-repeat left 70%; padding-left:15px; padding-right: 15px; cursor:pointer; text-align:left;}
.sorting_asc_disabled {background: url('../img/tables/sort_asc_disabled.png') no-repeat left; padding-left:15px; cursor:pointer; text-align:left;}
.sorting_desc_disabled {background: url('../img/tables/sort_desc_disabled.png') no-repeat left; padding-left:15px; cursor:pointer; text-align:left;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
*/
tr.odd {background-color: #e9e9e9;}
tr.even {background-color: white;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * TableTools styles
 */
.TableTools {float: right;	margin-bottom: 1em;}
.choose {text-decoration:underline;}
.TableTools_Button { /*text-decoration:underline;*/color: #00467A;position: relative;float: left;margin-right: 3px;padding: 3px 5px;/*height: 36px;*/background-color: transparent;border: 0px solid #d0d0d0;cursor: pointer;*cursor: hand;}
button.TableTools_Button::-moz-focus-inner {border: none !important;padding: 0;}
.TableTools_text_hover {border: 1px solid #999;background-color: #f0f0f0;}
div.TableTools_collectionBackground {background-color: black;z-index: 1100;}
div.TableTools_collection {position: relative;width: 170px;background-color: #f3f3f3;padding: 3px;border: none;/* 1px solid #ccc;*/	z-index: 1102;}
div.TableTools_collection button.TableTools_Button {background-color: white;width: 100%;float: none;}

button.ColVis_Button {text-align: left;}
div.ColVis_collection button.ColVis_Button{}
color:#fff;
div.ColVis_collection button.ColVis_Button:hover {border: 1px solid #999;background-color: #f0f0f0;}
span.ColVis_radio {display: inline-block;width: 20px;}

.detailsbox {border: 1px solid #DBEDF2;background: #c5e2eb;}
.detailsbox-content {padding: 10px;}
h4.detailsheader {font-size: 14px;font-weight: normal;}
.detailscols {}
.detailscol1 {float:right;width: 225px;}
.detailscol2 {float:left; width: 640px;margin-left: 50px;}

#detailstablediv {clear:both;}
#detailstablediv table td {padding: 5px 5px 5px 0;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
tr.selectedrow{background: #D3EAFF;border:1px solid #989898;border-bottom: 1px solid #D3EAFF;}
tr.selectedrow td {background: #D3EAFF;border-bottom: 1px solid #D3EAFF;}
.FixedHeader_Cloned th{border-bottom:1px solid #000;background-color: white;}

.dataTables_scroll{clear:both;}
.dataTables_scrollBody{*margin-top:-1px;}
.bottom{margin-top:15px;}
.top .dataTables_info{float:none;}
.dataTables_empty{text-align:center;}
tfoot input{margin:0.5em 0;width:100%;color:#444;}
tfoot input.search_init{color:#999;}
td.group{
border-bottom:2px solid #A19B9E;
border-top:2px solid #A19B9E;
background:#d1cfd0;}

td.details {background-color: #D3EAFF;border: 1px solid #989898; border-top: 1px solid #D3EAFF;}
table.display tr.even.row_selected td {background-color: #B0BED9;}
table.display tr.odd.row_selected td {background-color: #9FAFD1;}

/*
 * Sorting classes for columns
 */
/* For the standard odd/even */

/*tr.odd td.sorting_1{background:#D3D6FF;}
tr.odd td.sorting_2{background:#DADCFF;}
tr.odd td.sorting_3{background:#E0E2FF;}
tr.even td.sorting_1{background:#EAEBFF;}
tr.even td.sorting_2{background:#F2F3FF;}
tr.even td.sorting_3{background:#F9F9FF;}*/

/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover,#example tbody tr.even td.highlighted{background:#ECFFB3;}
.ex_highlight #example tbody tr.odd:hover,#example tbody tr.odd td.highlighted{background:#E6FF99;}
.ex_highlight_row #example tr.even:hover{background:#ECFFB3;}
.ex_highlight_row #example tr.even:hover td.sorting_1{background:#DDFF75;}
.ex_highlight_row #example tr.even:hover td.sorting_2{background:#E7FF9E;}
.ex_highlight_row #example tr.even:hover td.sorting_3{background:#E2FF89;}
.ex_highlight_row #example tr.odd:hover{background:#E6FF99;}
.ex_highlight_row #example tr.odd:hover td.sorting_1{background:#D6FF5C;}
.ex_highlight_row #example tr.odd:hover td.sorting_2{background:#E0FF84;}
.ex_highlight_row #example tr.odd:hover td.sorting_3{background:#DBFF70;}

.ex_highlight #example tbody tr.even:hover, 
#example tbody tr.even td.highlighted {background-color: #ECFFB3;}
.ex_highlight #example tbody tr.odd:hover,
#example tbody tr.odd td.highlighted{background:#E6FF99;}

.ex_highlight_row #example tr.even:hover{background:#ECFFB3;}
.ex_highlight_row #example tr.even:hover td.sorting_1{background:#DDFF75;}
.ex_highlight_row #example tr.even:hover td.sorting_2{background:#E7FF9E;}
.ex_highlight_row #example tr.even:hover td.sorting_3{background:#E2FF89;}
.ex_highlight_row #example tr.odd:hover{background:#E6FF99;}
.ex_highlight_row #example tr.odd:hover td.sorting_1{background:#D6FF5C;}
.ex_highlight_row #example tr.odd:hover td.sorting_2{background:#E0FF84;}
.ex_highlight_row #example tr.odd:hover td.sorting_3{background:#DBFF70;}
/*
* KeyTable
*/
table.KeyTable td{border:3px solid transparent;}
table.KeyTable td.focus{border:3px solid #3366FF;}
table.display tr.gradeA{background:#eeffee;}
table.display tr.gradeC{background:#ddddff;}
table.display tr.gradeX{background:#ffdddd;}
table.display tr.gradeU{background:#ddd;}
/*div.box{height:100px;padding:10px;overflow:auto;border:1px solid #8080FF;background:#E5E5FF;}*/

/*Added*/

.datatable {width: 100%;}
table.reporttable td {vertical-align: top;}
/*.dataTables_filter {	padding-bottom:5px;}
.TableTools {clear:right;}*/

.table-datatables {width: 100%;}
.table-datatables td {padding: 15px 7px;	min-height: 40px;vertical-align: top;}
.table-datatables td:first-child,
.table-datatables td:first-child .btn {
	vertical-align: top;
}


.dataTables_length label {
	width:auto;
	padding-top:0;
	margin-left:10px;}
.dataTables_length select {width: 70px;}
.paging_full_numbers {line-height: 24px;}

.dataTables_length label select {
	display: inline;
}

.paging_full_numbers a.paginate_button {padding: 7px 8px; margin:0 5px; color: #000000;}

.paging_full_numbers a.paginate_active {background-color: #333333;color: #ffffff;border: 1px solid #333333;
padding: 7px 8px; margin:0 5px;}

.ColVis_radio input {
	vertical-align: top;
}