/* Default DATA TABLES CSS*/
/* Table */
/*
table.dataTable {margin: 0 auto;clear: both;width: 100%;}
table.dataTable thead th {padding: 3px 10px 3px 10px;border-bottom: 1px solid #333333;font-weight: bold; text-align: center!important;}
table.dataTable tfoot th {padding: 3px 10px 3px 10px;border-top: 1px solid #333333;font-weight: bold; text-align: center!important;}
table.dataTable thead th.sorting, table.dataTable thead th.sorting_desc, table.dataTable thead th.sorting_asc{padding: 3px 18px 3px 10px;cursor: pointer;*cursor: hand;}
table.dataTable tfoot th.sorting, table.dataTable tfoot th.sorting_desc, table.dataTable tfoot th.sorting_asc{padding: 3px 18px 3px 10px;cursor: pointer;*cursor: hand;}
table.dataTable td {padding: 3px 10px;}
table.dataTable td.center, table.dataTable td.dataTables_empty {text-align: center;}
table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: #FFFFFF; }
table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
*/
/* Table wrapper */
.dataTables_wrapper {clear: both;*zoom: 1;}

/* Page length menu */
.dataTables_length {float: left;}

/* Filter */
.dataTables_filter {float: right;text-align: right;}

/* Table information */
.dataTables_info {clear: both;float: left;}

/* Pagination */
.dataTables_paginate {float: right;text-align: right;}

/* Two button pagination - previous / next */
.paginate_disabled_previous,.paginate_enabled_previous,.paginate_disabled_next,.paginate_enabled_next {height: 19px;float: left;cursor: pointer;*cursor: hand;color: #111 !important;}
.paginate_disabled_previous:hover,.paginate_enabled_previous:hover,.paginate_disabled_next:hover,.paginate_enabled_next:hover {text-decoration: none !important;}
.paginate_disabled_previous:active,.paginate_enabled_previous:active,.paginate_disabled_next:active,.paginate_enabled_next:active {outline: none;}
.paginate_disabled_previous,.paginate_disabled_next {color: #666 !important;}
.paginate_disabled_previous,.paginate_enabled_previous {padding-left: 23px;}
.paginate_disabled_next,.paginate_enabled_next {padding-right: 23px;margin-left: 10px;}
.paginate_enabled_previous { background: url('image/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('image/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('image/back_disabled.png') no-repeat top left; }
.paginate_enabled_next { background: url('image/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('image/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('image/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {height: 22px;line-height: 22px;}
.paging_full_numbers a:active {outline: none}
.paging_full_numbers a:hover {text-decoration: none;}
.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active {border: 1px solid #aaa;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 2px 5px;margin: 0 3px;cursor: pointer;*cursor: hand;color: #333 !important;}
.paging_full_numbers a.paginate_button {background-color: #ddd;}
.paging_full_numbers a.paginate_button:hover {background-color: #ccc;text-decoration: none !important;}
.paging_full_numbers a.paginate_active {background-color: #99B3FF;}

/* Processing indicator */
.dataTables_processing {position: absolute;top: 50%;left: 50%;width: 250px;height: 40px;margin-left: -125px;margin-top: -15px;padding: 5px;border: 1px solid #123D90;text-align: left;color: #123D90;font-size: 14px;background-color: #fff; z-index:100;}
.dataTables_processing span {display: block; width: 100%; padding-left: 20px; font-weight:bold;}
.dataTables_processing span + span{padding: 0;height: 20px; background: url('image/loader.gif') no-repeat center center;}

/* Sorting */
.sorting { background: url('image/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('image/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('image/sort_desc.png') no-repeat center right; }
.sorting_asc_disabled { background: url('image/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('image/sort_desc_disabled.png') no-repeat center right; }
table.dataTable th:active {outline: none;}

/* Scrolling */
.dataTables_scroll {clear: both;}
.dataTables_scrollBody {*margin-top: -1px;}

/* Cornerstone DATA TABLES CSS*/
/* dataTables overrides */
/*
.dataTables_wrapper { overflow: auto hidden}
table.dataTable { width: 100%; }
table.dataTable td, table.dataTable th { border:0 solid #999; padding: 0.45em 0.7em; border-width: 0 1px 1px 1px; font-size: 16px; }
table.dataTable tbody {border: 1px solid #999;} 
table.dataTable tbody tr:first-child td:first-child { border-width: 1px; }
table.dataTable th{ line-height:2em; text-align:center; font-weight:bold; color:#555 }
table.dataTable th, .dataTables_processing { background-color: #eee; }
table.dataTable td { }
table.dataTable tr.odd { background-color: #fff; }
table.dataTable tr.even{ background-color: #EBEBEB;}
table.dataTable tr.odd td:first-child,table.dataTable tr.even td:first-child { border-top: 5px solid #999 }
table.dataTable tr.odd td.sorting_1, 
table.dataTable tr.odd td.sorting_2, 
table.dataTable tr.odd td.sorting_3, 
table.dataTable tr.even td.sorting_1, 
table.dataTable tr.even td.sorting_2, 
table.dataTable tr.even td.sorting_3 { background-color: inherit;}
table.dataTable td.dataTables_empty b{ display: none}
*/
table.dataTable .actions { text-align: center; }
table.dataTable tbody tr.highlight td { cursor: pointer; background-color: #ffffa5}

.apptable {float: right;}
.apptable .dataTables_paginate, .apptable .dataTables_length, .apptable .dataTables_info{ clear: none; float: none; text-align: right;  padding-left: 5px; display: inline-block; *display: inline; zoom:1; }

/* dataTables overrides - Full number pagination */
.paging_full_numbers {height: 22px;line-height: 22px;padding:3px 0}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {border: 1px solid #aaa;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding: 2px 5px;margin: 0 3px;cursor: pointer;*cursor: hand;}
.paging_full_numbers a.paginate_button {background-color: #fff;}
.paging_full_numbers a.paginate_button:hover {background-color: #fff;border-color: #333;}
.paging_full_numbers a.paginate_active {background-color: transparent;border: #333 1px solid;}
.paging_full_numbers a.paginate_button_disabled{color: #aaa; cursor: default;border-color: #fff;}
.paging_full_numbers a.paginate_button_disabled:hover{color: #aaa; cursor: default; border-color: #fff;}

/* dataTables overrides -Four button pagination */
.paging_four_button {height: 22px;line-height: 22px;padding:3px 0}
.paging_four_button a.paginate_button, .paging_full_numbers a.paginate_active {border: 1px solid #aaa;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;padding: 2px 5px;margin: 0 3px;cursor: pointer;*cursor: hand;}
.paging_four_button a.paginate_button {background-color: #fff;}
.paging_four_button a.paginate_button:hover {background-color: #fff;border-color: #333;}
.paging_four_buttons a.paginate_active {background-color: transparent;border: #333 1px solid;}
.paging_four_button a.paginate_button_disabled{color: #aaa; cursor: default;border-color: #fff;}
.paging_four_button a.paginate_button_disabled:hover{color: #aaa; cursor: default; border-color: #fff;}

/* dataTables overrides - Sorting */
.sorting:after, .sorting_asc:after, .sorting_desc:after, .sorting_asc_disabled:after, .sorting_desc_disabled:after { background: url('image/sort_sprite.png') right center no-repeat; content: " "; display: inline; height: 22px; width: 13px; float: right; margin-right: -15px; position: relative; top: 2px; }
.sorting:after { background-position: -69px -0px }
.sorting_asc:after { background-position: -14px -0px }
.sorting_desc:after { background-position: -28px -0px }
.sorting_asc_disabled:after { background-position: -41px -0px }
.sorting_desc_disabled:after { background-position: -56px -0px }

.no-jss .dataTable { width: 100%;}
.no-jss .dataTable td, 
.no-jss .dataTable th { border:1px solid #999; padding:0.2em 0.7em}
.no-jss .dataTable th{ line-height:2em; text-align:center; font-weight:bold; color:#555; }
.no-jss .dataTable th, .dataTables_processing { background-color: #eee; }
.no-jss .dataTable td { }
.no-jss .dataTable tr.odd { background-color: #fff; }
.no-jss .dataTable tr.even{ background-color: #F7F7F7; }
.no-jss .dataTable tr.odd td.sorting_1, 
.no-jss .dataTable tr.odd td.sorting_2, 
.no-jss .dataTable tr.odd td.sorting_3, 
.no-jss .dataTable tr.even td.sorting_1, 
.no-jss .dataTable tr.even td.sorting_2, 
.no-jss .dataTable tr.even td.sorting_3 { background-color: inherit;}
.no-jss .dataTable .actions { text-align: center; }
.no-jss .dataTable tr.highlight { cursor: pointer; }

/*********************************************
 	Small and Medium
 ********************************************/
@media all and (max-width: 40em){
	/* Force table to not be like tables anymore */
	.no-js .dataTable, .no-js .dataTable thead, .no-js .dataTable tbody, .no-js .dataTable th, .no-js .dataTable td, .no-js .dataTable tr { 
		display: block !important; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-js .dataTable thead tr { 
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	
	.no-js .dataTable tr { border: 1px solid #ccc; }
	
	.no-js .dataTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 30%;
		vertical-align: middle;
		min-height: 22px;
	}
	
	.no-js .dataTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		width: 25%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight: bold;
		text-align: right;
		vertical-align: middle;
		line-height: 1.5em;
	}
	
	/*
	Label the data
	*/
	.no-js #myTable.dataTable td:nth-of-type(1):before { content: "ID:"; }
	.no-js #myTable.dataTable td:nth-of-type(2):before { content: "Title:"; }
	.no-js #myTable.dataTable td:nth-of-type(3):before { content: "Name:"; }
	.no-js #myTable.dataTable td:nth-of-type(4):before { content: "City:"; }
	.no-js #myTable.dataTable td:nth-of-type(5):before { content: "State:"; }
	
	.no-js .dataTable tr.noBefore td:nth-of-type(1):before { content: ""; }
	
	.no-js.ie9 .dataTable td { 
		display: block; 
		position: relative; 
		zoom: 1; 
		float: left; 
		width: 100%; 
		padding-left: 40%;
		
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		vertical-align: middle;
	}
}

/*********************************************
  Regular and Up
 ********************************************/
/*
@media ( min-width: 40.063em ) {
	table.dataTable td, table.dataTable th { border-width: 1px; }
	table.dataTable tr td:first-child { border-top-width: 1px}
	table.dataTable tr.odd td { border-color: #999999}
	table.dataTable tr.even td { border-color: #999999}
	table.dataTable tr.odd td:first-child,table.dataTable tr.even td:first-child { border-top: 1px solid #999 }
}
*/