.dataTables_wrapper{position:relative;min-height:302px;clear:both;_height:302px;zoom:1}
.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;width:40%;vertical-align:top}
.dataTables_length label{height:40px;line-height:40px;vertical-align:top;display:inline-block;float:left;font-size:.7em}
.dataTable_length .selector{margin-top:20px}
.dataTables_filter{width:50%;float:right;text-align:right;line-height:40px;font-size:.7em}
.datatable{clear:both}
.dataTables_filter input{width:auto;margin-bottom:4px}
.dataTables_info{width:50%;float:left;text-align:left;font-size:.7em}
.dataTables_paginate {width: 225px; * width: 50px; float: right; text-align: right; font-size: .8em;}
.dataTables_paginate span { float:left;}
/* Pagination nested */
.paginate_enabled_previous, .paginate_enabled_next { cursor: pointer; color: #FC9D24;}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px;	margin-left: 3px; float: left;}
.paginate_disabled_previous {background: url(../images/triangle_left.png) no-repeat left center; padding-left: 20px;}
.paginate_enabled_previous {background: url(../images/triangle_left.png) no-repeat left center; padding-left: 20px;}
.paginate_disabled_next {background: url(../images/triangle_right.png) no-repeat right center; padding-right: 20px;}
.paginate_enabled_next {background: url(../images/triangle_right.png)no-repeat right center; padding-right: 20px;}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display{margin:0 auto;clear:both;width:100%}
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(../images/triangle_up.png) no-repeat center right; padding-right: 25px;}
.sorting_desc {background: url(../images/triangle_down.png) no-repeat center right; padding-right: 25px;}
.sorting {background: url(../images/triangle_up_down.png) no-repeat center right; padding-right: 25px;}
.sorting_asc_disabled {background: url(../images/triangle_up.png) no-repeat center right;}
.sorting_desc_disabled {background: url(../images/triangle_down.png) no-repeat center right;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
 
 /* #f0a8a8 #f0cccc red
/* #a2e8a2 #c5e8c5 green
/* #e8e8a2 #e8e8c5 yellow
/* #a8f0f0 #ccf0f0 blue
/* #f0a8f0 #f0ccf0 pink
/* #aea8f0 #cfccf0 purple
*/
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.odd.gradeU{background-color:#ddd}
table.display tr.even.gradeU{background-color:#eee}
tr.odd{background-color:#f6f6f6}
tr.even{background-color:#fff}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll{clear:both}
.dataTables_scrollBody{*margin-top:-1px}
.top,.bottom{padding:15px;background-color:#f5f5f5;border:1px solid #ccc}
.top .dataTables_info{float:none}
.clear{clear:both}
.dataTables_empty{text-align:center}
tfoot input{margin:.5em 0;width:100%;color:#444}
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%}
.paging_full_numbers{width:400px;height:22px;line-height:22px}
.paging_full_numbers span.paginate_button,.paging_full_numbers span.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 span.paginate_button{background-color:#ddd}
.paging_full_numbers span.paginate_button:hover{background-color:#ccc}
.paging_full_numbers span.paginate_active{background-color:#99b3ff}
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-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:#a2e8a2}
tr.odd.gradeA td.sorting_2{background-color:#d1ffd1}
tr.odd.gradeA td.sorting_3{background-color:#d1ffd1}
tr.even.gradeA td.sorting_1{background-color:#c5e8c5}
tr.even.gradeA td.sorting_2{background-color:#e2ffe2}
tr.even.gradeA td.sorting_3{background-color:#e2ffe2}
tr.odd.gradeC td.sorting_1{background-color:#c4c4ff}
tr.odd.gradeC td.sorting_2{background-color:#d1d1ff}
tr.odd.gradeC td.sorting_3{background-color:#d1d1ff}
tr.even.gradeC td.sorting_1{background-color:#d5d5ff}
tr.even.gradeC td.sorting_2{background-color:#e2e2ff}
tr.even.gradeC td.sorting_3{background-color:#e2e2ff}
tr.odd.gradeX td.sorting_1{background-color:#ffc4c4}
tr.odd.gradeX td.sorting_2{background-color:#ffd1d1}
tr.odd.gradeX td.sorting_3{background-color:#ffd1d1}
tr.even.gradeX td.sorting_1{background-color:#f0a8a8}
tr.even.gradeX td.sorting_2{background-color:#f0cccc}
tr.even.gradeX td.sorting_3{background-color:#ffe2e2}
tr.odd.gradeU td.sorting_1{background-color:#c4c4c4}
tr.odd.gradeU td.sorting_2{background-color:#d1d1d1}
tr.odd.gradeU td.sorting_3{background-color:#d1d1d1}
tr.even.gradeU td.sorting_1{background-color:#d5d5d5}
tr.even.gradeU td.sorting_2{background-color:#e2e2e2}
tr.even.gradeU td.sorting_3{background-color:#e2e2e2}

/*
 * 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}
.ex_highlight_row #example tr.even:hover{background-color:#ecffb3}
.ex_highlight_row #example tr.even:hover td.sorting_1{background-color:#ddff75}
.ex_highlight_row #example tr.even:hover td.sorting_2{background-color:#e7ff9e}
.ex_highlight_row #example tr.even:hover td.sorting_3{background-color:#e2ff89}
.ex_highlight_row #example tr.odd:hover{background-color:#e6ff99}
.ex_highlight_row #example tr.odd:hover td.sorting_1{background-color:#d6ff5c}
.ex_highlight_row #example tr.odd:hover td.sorting_2{background-color:#e0ff84}
.ex_highlight_row #example tr.odd:hover td.sorting_3{background-color:#dbff70}


/*
 * KeyTable
 */
table.KeyTable td{border:3px solid transparent}
table.KeyTable td.focus{border:3px solid #36f}
table.display tr.gradeA{background-color:#efe}
table.display tr.gradeC{background-color:#ddf}
table.display tr.gradeX{background-color:#fdd}
table.display tr.gradeU{background-color:#ddd}
div.box{height:100px;padding:10px;overflow:auto;border:1px solid #8080ff;background-color:#e5e5ff}