/************************************
 * Louise wants the arrows to the left of the title, not to the right
 */

.sorting
{
    background: url('imgs/sort_both.png') no-repeat center left;
    padding-left: 15px;
}

.sorting_asc
{
    background: url('imgs/sort_asc.png') no-repeat center left;
    padding-left: 15px;
}

.sorting_desc
{
    background: url('imgs/sort_desc.png') no-repeat center left;
    padding-left: 15px;
}

/*********************************
* sometimes need to use this for custom sDom
* since sDom elements are floated
* table can float off to right ****************** */

div.clear
{
    clear: both;
}

/********** data grouping **********/

td.group
{
    background-color: #298975;  /* teal */
    color: white;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}

/************ custom pagination *********/

/* custom full paging extension */
div.paging_numbers_accessible
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.paginate_button, .paginate_active
{
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px; 
    margin: 0px 3px;
    cursor: pointer;
    *cursor: hand;
    background-color: #ddd;
}

.paginate_button:hover, .paginate_button:focus
{
    background-color: #ccc;
}

.paginate_active
{
    background-color: #99B3FF;
}