/* ===================================================================================================
* WARNING – This file is part of the base implementation for WebMaker, so it should not be edited or changed for any project. 
* These files are replaced if a project is re-imported to the WebMaker Studio or migrated to a new version of the product. 
* For guidance on ‘How do I override or clone Hyfinity webapp files such as CSS & javascript?’, please read the following relevant FAQ entry: 
* http://www.hyfinity.net/faq/index.php?solution_id=1113
==================================================================================================== */
/* Paging Table Container and Label (If Label activated with Before Group )  */

.pagingTableContainer
{
    margin: 10px 0px 0px 0px;
}
.pagingTableContainer H2.label
{
}

/*
 * CSS styles for the sorting table to control the look of the header cells
 */
table.tablesorter thead tr .header
{
    background-image: url(../images/pagingtable/bg.png);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 0px 20px 0px 20px;
	text-align: center;
    cursor: pointer;
	white-space: nowrap;
}
table.tablesorter thead tr .headerSortUp
{
    background-image: url(../images/pagingtable/asc.png);
    background-repeat: no-repeat;
}
table.tablesorter thead tr .headerSortDown
{
    background-image: url(../images/pagingtable/desc.png);
    background-repeat: no-repeat;
}

/*
 * CSS styles for the paging controls
 */
.tablesorterPager
{
    margin : 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	text-align: center;
    width: 100%;
}
.tablesorterPager *
{
}
.tablesorterPager SPAN
{
	display: inline-block;
	vertical-align: top;
    height : 18px;
    width : 18px;
    background-repeat : no-repeat;
    background-position: center center;
    cursor : pointer;
    margin : 3px 2px 3px 2px;
}
.tablesorterPager .next
{
    background-image: url(../images/pagingtable/next.png);
}
.tablesorterPager .prev
{
    background-image: url(../images/pagingtable/prev.png);
}
.tablesorterPager .first
{
    background-image: url(../images/pagingtable/first.png);
}
.tablesorterPager .last
{
    background-image: url(../images/pagingtable/last.png);
}
.tablesorterPager input
{
    border : none;
	vertical-align: top;
    width : 35px; 
    text-align: center;
	background-color: #ffde7b;
	height: 16px;
	margin: 4px 0px 4px 0px !important;
}

.tablesorterPager select
{
	display: inline-block;
    margin : 3px 2px 0px 2px;
}