/**
 * Etnas Css Framework - CSS DATATABLES
 *
 * A syntax CSS Framework.
 * This stylesheet loads the most commons elements that a web application needs.
 *
 * @project Etnas CSS Framework
 * @version 2.0
 * @author Etnas
 * @2010
 * @Creative Commons 3.0
 */

 /* Utils styling
--------------------------------------------------------------------------- */
.css_right {	float: right; }
.css_left {	float: left; }


/* jQuery UI specific styling
--------------------------------------------------------------------------- */
.paging_two_button .fg-button											{ float:left;cursor: crosshair; }
 .fg-button										{ cursor: pointer;padding:2px 6px; }
															{ width:405px !important; }
.fg-toolbar																				{ padding:5px; }
.dataTables_paginate,.paginate															{ width:auto;float:right;text-align:right; color: #666; }
table.display thead th														{ cursor: crosshair;padding:3px 0 3px 10px; }


/* Etnas Extra Bar Tool
--------------------------------------------------------------------------- */
.custom_bar_tools 																{ border-top:1px solid #AED0EA; clear:both; margin-right:5px; margin-top:5px; padding-top:5px; }


/* DataTables features
--------------------------------------------------------------------------- */
.dataTables_wrapper																{}
.dataTables_processing														{ position:absolute;top:0;left:50%;width:250px;margin-left:-125px;border:1px solid #ddd;text-align:center;color:#999;font-size:11px;padding:2px 0; }
.dataTables_length																{ width:200px;float:left; }
.dataTables_filter																{ width:230px;float:right;text-align:right; margin-right:5px; }
.dataTables_filter>input 													{ width: 155px; margin-left: 4px; padding-right: 18px; background: url('../images/icons/glass.png') no-repeat right #FFF; border:1px solid #AED0EA; height:16px; }
.dataTables_info, .pagg_info												{ float:left; }


/* 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('../images/back_disabled.jpg'); }
.paginate_enabled_previous												{ background-image:url('../images/back_enabled.jpg'); }
.paginate_disabled_next														{ background-image:url('../images/forward_disabled.jpg'); }
.paginate_enabled_next														{ background-image:url('../images/forward_enabled.jpg'); }


/* DataTables display
--------------------------------------------------------------------------- */
table.display																			{ width:100%;clear:both;margin:0 auto; }
table.display tfoot th														{ border-top:1px solid #000;font-weight:700;padding:3px 10px; }
table.display tr.heading2 td											{ border-bottom:1px solid #aaa; }
table.display td																	{ padding:3px 10px; }


/* DataTables sorting
--------------------------------------------------------------------------- */
.sorting_asc																			{ background:url('../images/sort_asc.jpg') no-repeat center right; }
.sorting_desc																			{ background:url('../images/sort_desc.jpg') no-repeat center right; }
.sorting																					{ background:url('../images/sort_both.jpg') no-repeat center right; }


/* DataTables row classes
--------------------------------------------------------------------------- */
table.display tr.odd.gradeA												{ background-color:#dfd; }
table.display tr.even.gradeA											{ background-color:#efe; }
table.display tr.odd.gradeC												{ background-color:#ddf; }
table.display tr.even.gradeC											{ background-color:#eef; }
table.display tr.odd.gradeX												{ background-color:#fdd; }
table.display tr.even.gradeX											{ background-color:#fee; }
table.display tr.even.gradeU											{ background-color:#eee; }
tr.odd																						{ background-color:#E9F4FB; }
tr.even																						{ background-color:#FFF; }


/* Misc
--------------------------------------------------------------------------- */
.top,
.bottom																						{ background-color:#F5F5F5;border:1px solid #CCC;padding:15px; }
.top .dataTables_info															{ float:none; }
.clear																						{ clear:both; }
tfoot input																				{ width:100%;color:#444;margin:0.5em 0; }
tfoot input.search_init														{ color:#999; }
td.group																					{ background-color:#d1cfd0;border-bottom:2px solid #A19B9E;border-top:2px solid #A19B9E; }
td.details																				{ background-color:#d1cfd0;border:2px solid #A19B9E; }
.example_alt_pagination div.dataTables_info				{ width:40%; }
 span.paginate_button,
 span.paginate_active					{ border:1px solid #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;cursor: pointer;margin:0 3px;padding:2px 5px; }
 span.paginate_button:hover		{ background-color:#ccc; }
 span.paginate_active					{ background-color:#99B3FF; border: 1px solid #99B3FF; color: #FFF; }
table.display tr.even.row_selected td							{ background-color:#B0BED9; }
table.display tr.odd.row_selected td							{ background-color:#9FAFD1; }
.datatables_error_row td													{ background-color:#f66 !important; border-top:1px solid #f00 !important; border-bottom:1px solid #f00 !important; color:#fff; }
.datatables_error_message													{ position:relative; top:-5px; font-weight:bolder; }
.datatable img.correct_position_new_icon					{ padding-right:4px; }


/* Sorting classes for columns; For the standard odd/even
--------------------------------------------------------------------------- */
tr.odd td.sorting_1																{ background-color:#D3D6FF; }
tr.odd td.sorting_2																{ background-color:#DADCFF; }
tr.odd td.sorting_3																{ background-color:#E0E2FF; }
tr.even td.sorting_1															{ background-color:#EAEBFF; }
tr.even td.sorting_2															{ background-color:#F2F3FF; }
tr.even td.sorting_3															{ background-color:#F9F9FF; }


/* For the Conditional-CSS grading rows
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
--------------------------------------------------------------------------- */
tr.odd.gradeA td.sorting_1												{ background-color:#c4ffc4; }
tr.even.gradeA td.sorting_1												{ background-color:#d5ffd5; }
tr.odd.gradeC td.sorting_1												{ background-color:#c4c4ff; }
tr.even.gradeC td.sorting_1												{ background-color:#d5d5ff; }
tr.odd.gradeX td.sorting_1												{ background-color:#ffc4c4; }
tr.even.gradeX td.sorting_1												{ background-color:#ffd5d5; }
tr.odd.gradeU td.sorting_1												{ background-color:#c4c4c4; }
tr.even.gradeU td.sorting_1												{ background-color:#d5d5d5; }


/* Row highlighting example
--------------------------------------------------------------------------- */
.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-color:#E6FF99; }
div.dataTables_wrapper table h3										{ font-size:11px;font-family: arial sans-serif;font-weight:bolder; }
div.dataTables_wrapper table thead tr th					{ cursor:pointer;padding:6px 0 6px 10px; }
div.dataTables_wrapper table tbody tr td					{ font-size:10px;padding:7px 0 7px 5px; }
table.display td.center,
.dataTables_empty																	{ text-align:center; }
table.display tr.odd.gradeU,
 span.paginate_button					{ background-color:#f9f9f9; }
tr.odd.gradeA td.sorting_2,
tr.odd.gradeA td.sorting_3												{ background-color:#d1ffd1; }
tr.even.gradeA td.sorting_2,
tr.even.gradeA td.sorting_3												{ background-color:#e2ffe2; }
tr.odd.gradeC td.sorting_2,
tr.odd.gradeC td.sorting_3												{ background-color:#d1d1ff; }
tr.even.gradeC td.sorting_2,
tr.even.gradeC td.sorting_3												{ background-color:#e2e2ff; }
tr.odd.gradeX td.sorting_2,
tr.odd.gradeX td.sorting_3												{ background-color:#ffd1d1; }
tr.even.gradeX td.sorting_2,
tr.even.gradeX td.sorting_3												{ background-color:#ffe2e2; }
tr.odd.gradeU td.sorting_2,
tr.odd.gradeU td.sorting_3												{ background-color:#d1d1d1; }
tr.even.gradeU td.sorting_2,
tr.even.gradeU td.sorting_3												{ background-color:#e2e2e2; }


/* Wrappers
--------------------------------------------------------------------------- */
div.dataTables_wrapper table h3										{ font-size:11px; font-family: arial sans-serif; font-weight:bolder; }
div.dataTables_wrapper table thead tr th					{ cursor:pointer;padding:0 5px; border-bottom: 1px solid #AED0EA; border-right: 1px solid #AED0EA; text-align:center; }
div.dataTables_wrapper table tbody tr td 					{ font-size:10px;padding:6px 7px;vertical-align: top;max-width:200px; }


/*  Resize Cols
--------------------------------------------------------------------------- */
.colsizable{ table-layout: fixed;	width : 100%;	}
.colsizable td,
.colsizable th{	overflow : hidden; }
.colsizable th{ text-align: left; height: 40px; }
.th-text{	height: 100%;	overflow: hidden;	}
.colsizable-handler{ float: right; cursor: col-resize; height: 100%;	position: relative;	left:4px;	border-right:1px solid #AAAAAA;	width: 5px;	}
.colsizable-dragLine{	position: absolute;	width: 2px;	cursor: e-resize;	background-color: blue; }
.colsizable-dragArea{	position: absolute;	cursor: e-resize; background-color:blue; }
.colsizable-minimized{ background-color: #ffd; color: #bbb; }