/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     10-06-2011 by Nate Mudd
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../../global/images/dynamic-lists/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px; margin-right:20px;
	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;
}


/* 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('../../global/images/dynamic-lists/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../../global/images/dynamic-lists/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../../global/images/dynamic-lists/images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../../global/images/dynamic-lists/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables dynamic-list
 */
table.dynamic-list {
	margin: 0px 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.dynamic-list {
 border-collapse:collapse;
}

table.dynamic-list thead th {
 border:none !important;
}

table.dynamic-list tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
	border:none !important;
}

table.dynamic-list tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.dynamic-list tbody td {
	padding: 3px 10px;
	border: solid 1px #DDCDB4;
}

table.dynamic-list td.center {
	text-align: center;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../../global/images/dynamic-lists/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../../global/images/dynamic-lists/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../../global/images/dynamic-lists/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../../global/images/dynamic-lists/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../../global/images/dynamic-lists/sort_desc_disabled.png') no-repeat center right;
}




tr.odd {
    background-color: #E4EEEF;
	background-image: linear-gradient(bottom, #D1DDDD 38%, #E4EEEF 76%);
    background-image: -o-linear-gradient(bottom, #D1DDDD 38%, #E4EEEF 76%);
    background-image: -moz-linear-gradient(bottom, #D1DDDD 38%, #E4EEEF 76%);
    background-image: -webkit-linear-gradient(bottom, #D1DDDD 38%, #E4EEEF 76%);
    background-image: -ms-linear-gradient(bottom, #D1DDDD 38%, #E4EEEF 76%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.38, #D1DDDD),
	    color-stop(0.76, #E4EEEF)
    );
    height: 38px;
    text-decoration:underline;
}

tr.odd .closed {
background-color: #E4EEEF;
background: url('../images/detail-arrow-up-blue.png') no-repeat;
padding-left:36px !important;
}

tr.odd .open {
background-color: #E4EEEF;
background: url('../images/detail-arrow-down-blue.png') no-repeat;
padding-left:36px !important;
}

tr.even {
    background-color: #F3EFE6;
	background-image: linear-gradient(bottom, #F3EFE6 26%, #F1E9DE 86%);
    background-image: -o-linear-gradient(bottom, #F3EFE6 26%, #F1E9DE 86%);
    background-image: -moz-linear-gradient(bottom, #F3EFE6 26%, #F1E9DE 86%);
    background-image: -webkit-linear-gradient(bottom, #F3EFE6 26%, #F1E9DE 86%);
    background-image: -ms-linear-gradient(bottom, #F3EFE6 26%, #F1E9DE 86%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.26, #F3EFE6),
	    color-stop(0.86, #F1E9DE)
    );
    height: 38px;
    text-decoration:underline;
}

tr.even .closed {
background-color: #F3EFE6;
background: url('../images/detail-arrow-up-brown.png') no-repeat;
padding-left:36px !important;
}

tr.even .open {
background-color: #F3EFE6;
background: url('../images/detail-arrow-down-brown.png') no-repeat;
padding-left:36px !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
 
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.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.even {
    background-image: linear-gradient(bottom, #FEFBF6 13%, #E9E0CF 70%);
    background-image: -o-linear-gradient(bottom, #FEFBF6 13%, #E9E0CF 70%);
    background-image: -moz-linear-gradient(bottom, #FEFBF6 13%, #E9E0CF 70%);
    background-image: -webkit-linear-gradient(bottom, #FEFBF6 13%, #E9E0CF 70%);
    background-image: -ms-linear-gradient(bottom, #FEFBF6 13%, #E9E0CF 70%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.13, #FEFBF6),
	    color-stop(0.7, #E9E0CF)
    );
}

td.details.odd {
    background-image: linear-gradient(bottom, #EBF0EC 48%, #D4E3E8 92%);
    background-image: -o-linear-gradient(bottom, #EBF0EC 48%, #D4E3E8 92%);
    background-image: -moz-linear-gradient(bottom, #EBF0EC 48%, #D4E3E8 92%);
    background-image: -webkit-linear-gradient(bottom, #EBF0EC 48%, #D4E3E8 92%);
    background-image: -ms-linear-gradient(bottom, #EBF0EC 48%, #D4E3E8 92%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.48, #EBF0EC),
	    color-stop(0.92, #D4E3E8)
    );
}



td.details table {
  border-collapse: collapse;
  width: 100%;


}
table.innerTable {
 table-layout:fixed;
 width:100%;
 word-wrap:break-word;
}

td.details table a {
    color:#006768;
}

td.details table td, table th {
	border: 1px solid #000000;
}
td.details table tr:first-child td {
  border-top: 0;
}
td.details table tr:last-child td {
  border-bottom: 0;
}
td.details table tr td:first-child,
td.details table tr th:first-child {
  border-left: 0;
  width: 20%;
  text-align:right;
}
td.details table tr td:last-child,
td.details table tr th:last-child {
  border-right: 0;
}

.detailed_arrow {
background: url('../images/detail-arrow-up.png') no-repeat;
padding-left:36px !important;
}

.paging_full_numbers {

	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: #D9C9B0;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #D1DDDD;
}

table.dynamic-list tr.even.row_selected td {
	background-color: #B0BED9;
}

table.dynamic-list tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #8CBFBF;
}

tr.odd td.sorting_2 {
	background-color: #8CBFBF;
}

tr.odd td.sorting_3 {
	background-color: #8CBFBF;
}

tr.even td.sorting_1 {
	background-color: white;
}

tr.even td.sorting_2 {
	background-color: white;
}

tr.even td.sorting_3 {
	background-color: white;
}

#dynamic-list tbody tr {
cursor:pointer;
}

.ui-state-hover-odd  {
    background-color: #91ADAD !important;
}

.ui-state-hover-even  {
    background-color: #E6E6E6 !important;
}

/* CUSTOM */



#demo {
    width:97%;
    margin-left: 0px 0px 0px 0px;
    margin-right: 0px 0px 0px 0px;
background-color:#EFEFEF;
    padding:10px 0px 10px 10px;
    border:solid 1px #777;}

.filterButton {
    background-color: #EAE3D9;
    border: 1px solid #C0B19C;
    background-image: linear-gradient(bottom, #E9E0CF 43%, #FEFBF6 86%);
    background-image: -o-linear-gradient(bottom, #E9E0CF 43%, #FEFBF6 86%);
    background-image: -moz-linear-gradient(bottom, #E9E0CF 43%, #FEFBF6 86%);
    background-image: -webkit-linear-gradient(bottom, #E9E0CF 43%, #FEFBF6 86%);
    background-image: -ms-linear-gradient(bottom, #E9E0CF 43%, #FEFBF6 86%);
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.43, #E9E0CF),
	color-stop(0.86, #FEFBF6)
    );
    color: #773802;
    cursor: pointer;
    * cursor: hand;
    padding: 5px 10px 5px 10px;
    margin: 0 5px 0 0;
    
}

.dataTables_length {
    /*
    background-color: #EAE3D9;
    background-image: linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -o-linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -moz-linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -webkit-linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -ms-linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.01, #C8C2B6),
	    color-stop(0.19, #EAE3D9)
    );
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    height: 32px;
	padding-top:13px;
	width: 45%;
	margin-left:5%;
	*/
	float: left;
	margin:10px 0 10px 5px;
}

.dataTables_length label {
    /*
    color: #773802;
    margin-left: 20px;
    */
    font-weight:bold;
}

.dataTables_length select {
    /*
    border: 1px solid #C0B19C;
    color: #773802;
    height:22px;
    */
}

.dataTables_filter {
    /*
    background-color: #EAE3D9;
    background-image: linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -o-linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -moz-linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -webkit-linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -ms-linear-gradient(bottom, #C8C2B6 1%, #EAE3D9 19%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.01, #C8C2B6),
	    color-stop(0.19, #EAE3D9)
    );
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
	width: 45%;
	height: 35px;
	padding-top:10px;
	margin-right:5%;
	float: right;
	text-align: right;
	*/
	margin: 0 0 0 0px;
}

.dataTables_info {
    /*
    background-color: #EAE3D9;
    background-image: linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);
    background-image: -o-linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);
    background-image: -moz-linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);
    background-image: -webkit-linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);
    background-image: -ms-linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.81, #EAE3D9),
	    color-stop(0.99, #C8C2B6)
    );
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    height: 30px;
	padding-top:15px;
	padding-left:2%;
	width: 43%;
	margin-left:5%;
	float: left;
	color: #773802;
	*/
	float: left;
	margin: 10px 0 5px 0;
	font-weight:bold;
}

.dataTables_paginate {
    /*
    background-color: #EAE3D9;
    background-image: linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);
    background-image: -o-linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);
    background-image: -moz-linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);
    background-image: -webkit-linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);
    background-image: -ms-linear-gradient(bottom, #EAE3D9 81%, #C8C2B6 99%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.81, #EAE3D9),
	    color-stop(0.99, #C8C2B6)
    );
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
	width: 45%;
	* width: 45%;
	height: 30px;
	padding-top:15px;
	margin-right:5%;
	float: right;
	text-align: right;
	*/
	float:right;
	margin: 10px 0 0 0;
}

#dynamic-list_previous {
   /*margin-left:80%*/
}

.dataTables_filter label {
    /*color: #773802;
    margin-right: 20px;*/
    font-weight:bold;
}

.dataTables_filter input {
    border: 1px solid #C0B19C;
    color: #773802;
    width: 170px;
    height:22px;
    padding-left:3px;
}table.dynamic-list thead th {
    background-color: #D9C9B0;
    background-image: linear-gradient(bottom, #EAE0D4 1%, #D9C9B0 11%);
    background-image: -o-linear-gradient(bottom, #EAE0D4 1%, #D9C9B0 11%);
    background-image: -moz-linear-gradient(bottom, #EAE0D4 1%, #D9C9B0 11%);
    background-image: -webkit-linear-gradient(bottom, #EAE0D4 1%, #D9C9B0 11%);
    background-image: -ms-linear-gradient(bottom, #EAE0D4 1%, #D9C9B0 11%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.01, #EAE0D4),
	    color-stop(0.11, #D9C9B0)
    );
	padding: 3px 18px 3px 10px;
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right:1px solid #B0A288;
	font-weight: bold;
	color: #773802;
	cursor: pointer;
	* cursor: hand;
	height: 40px;
}

table.dynamic-list tfoot th {
    background-color: #D9C9B0;
    background-image: linear-gradient(bottom, #D9C9B0 89%, #EAE0D4 99%);
    background-image: -o-linear-gradient(bottom, #D9C9B0 89%, #EAE0D4 99%);
    background-image: -moz-linear-gradient(bottom, #D9C9B0 89%, #EAE0D4 99%);
    background-image: -webkit-linear-gradient(bottom, #D9C9B0 89%, #EAE0D4 99%);
    background-image: -ms-linear-gradient(bottom, #D9C9B0 89%, #EAE0D4 99%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.89, #D9C9B0),
	    color-stop(0.99, #EAE0D4)
    );
	padding: 3px 18px 3px 10px;
	border-bottom: none;
	border-top: 1px solid #B0A288;
	font-weight: bold;
	color: #773802;
	cursor: pointer;
	* cursor: hand;
	height: 40px;
}



.rounded-top-left {
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.rounded-top-right {
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    border-right:none !important;
}

.rounded-bottom-left {
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    border-left:none !important;
}

.rounded-bottom-right {
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    border-right:none !important;
}

.DTTT_container {
margin-right:5%;
}

.508-link {text-align:right;}

/* WoW2 */

.results-box {
    margin-left:20px; /* "column" gutters */
}