/************************************************
** Styles to apply to the entire table
************************************************/

.sorTablePlus TABLE {
	font-family: Verdana, Arial, Sans-serif;
	padding: 0;
	margin: 10px;
	border: 1px outset #666666;
	color : black;
	background-color : white;
}

.sorTablePlus A {
	text-decoration : none;
	color : black;
}

.sorTablePlus A:Hover {
	text-decoration : underline;
	color : blue;
}





/************************************************
** Custom styles for the different column types
************************************************/

.sorTablePlus COL.boolean,
.sorTablePlus COL.date,
.sorTablePlus COL.datetime,
.sorTablePlus COL.time,
.sorTablePlus COL.url,
.sorTablePlus COL.email {}

.sorTablePlus COL.numeric,
.sorTablePlus COL.price {
	text-align : right;
}





/************************************************
** Styles for the page navigation bar and the 
** column headings. When a heading cell is
** hovered over, the heading cell class changed 
** to "mouseover". When clicked, the class is
** changed to "mousedown".
************************************************/

.sorTablePlus THEAD TH {
	border-width: 0;
	background-color: #F9FAFD;
}

.sorTablePlus THEAD TR.columnHeadings TH {
	border-top: 1px solid #BDBECE;
	border-bottom : 2px solid #D1D2DE;
}

.sorTablePlus TFOOT TH {
	border-width : 0;
	background-color: #F9FAFD;
	border-top : 2px solid #D1D2DE;
}

.sorTablePlus TH {
	border-color : #cccccc;
	border-style : solid;
	padding : 5px;
	margin : 0;
	white-space: nowrap;
	background-color : #eeeeee;
	font-size: xx-small;	
}

.sorTablePlus TH .filter {
	float : left;
	font-size : xx-small;
}

.sorTablePlus TH .page {
	float : left;
}

.sorTablePlus TH .pageWithVisibleFilter {
	float : right;
}

.sorTablePlus TH .filter {
	float : left;
	margin : 4px 2px;
}
.sorTablePlus TH .filter INPUT {
	font-family: Verdana, Arial, Sans-serif;
	font-size: xx-small;	
	font-weight : bold;
}
.sorTablePlus TH .filter .filterField {
	background-color : #ffffff;
	border : 1px solid #cccccc;
}


.sorTablePlus TH TABLE.pageLinks {
	float : right;
	clear : right;
	padding: 0;
	margin: 0;
	border-width : 0;
}
.sorTablePlus TH TABLE.pageLinks A {
	padding : 2px;
	display : block;
}
.sorTablePlus TH TABLE.pageLinks TD {
	border-width : 0;
	padding : 0;
}
.sorTablePlus TH TABLE.pageLinks TD.pageLinksSelected {
	background-color : #dddddd;
	padding : 2px;
}
.sorTablePlus TH TABLE.pageLinks A:Hover {
}
.sorTablePlus TH TABLE.pageLinks A:Active {
	background-color : #B2B4BF;
}


.sorTablePlus THEAD TR.columnHeadings TH.mouseover,
.sorTablePlus THEAD TR.columnHeadings TH.mousedown {
	border-bottom : 2px solid #f8a900;
} 

.sorTablePlus TH.sort {
}





/************************************************
** Styles for the rows of data. When the row is
** hovered over, the row class changed to 
** "mouseover". When clicked, the class is 
** changed to "mousedown".
************************************************/


.sorTablePlus TD {
	padding: 5px;
	border-width: 0;
	margin: 0;
	border-collapse: collapse;
	font-size: xx-small;
}

.sorTablePlus TD.noRecords {
	font-style : italic;
	font-weight : bold;
	text-align : center;
	letter-spacing : 2px;
}
.sorTablePlus TD.newRecord {
	font-style : italic;
	font-weight : bold;
	letter-spacing : 2px;
}

.sorTablePlus TR.shade {
}

.sorTablePlus TD.sort {
	background-color : #F7F7F7;
}

.sorTablePlus TR.shade TD.sort {
}

.sorTablePlus TR.mouseover,
.sorTablePlus TR.shademouseover {
}

.sorTablePlus TR.mouseover TD,
.sorTablePlus TR.shademouseover TD {
}

.sorTablePlus TR.mouseover TD.sort,
.sorTablePlus TR.shademouseover TD.sort {
}

.sorTablePlus TR.mousedown,
.sorTablePlus TR.shademousedown {
	background-color : #B2B4BF;
}

.sorTablePlus TR.mousedown TD,
.sorTablePlus TR.shademousedown TD {
}

.sorTablePlus TR.mousedown TD A,
.sorTablePlus TR.shademousedown TD A {
}

.sorTablePlus TR.mousedown TD.sort,
.sorTablePlus TR.shademousedown TD.sort {
	background-color : #B2B4BF;
}