/*
 Styles for datatable 
*/
div.datatable {
	padding:			22px 20px 0 20px;
}

div.datatableActions {
	margin:				0 0 18px 0;
}

div.datatableActions div.createNew {
	float:				left;
	margin:				0 5px 0 0;
}

div.datatableActions div.download {
	float:				left;
	margin:				0 5px 0 0;
}

div.datatableActions div.searchField {
	float:				right;
}

div.datatableActions div.searchBtn {
	float:				right;
	margin:				0 0 0 15px;
}

div.tableContainer {
	position:			relative;
	width:				100%;
	border:				1px solid #808080;
	border-right:		0;
}

div.tableContainer div.barShade {
	position:			absolute;
	width:				100%;
}

div.tableContainer div.barHeading {
	border:				0;
	border-bottom:		1px solid #808080;
	border-right:		1px solid #808080;
}

div.tableContainer table {
	position:			relative;
	padding-right:		-100px;	
	border-spacing: 	0; 
	width:				100%;
	background-color:	#FFFFFF;
}

div.tableContainer table tr.dark{
	background-color:	#f3f3f3;
}

div.tableContainer table td {
	height:				20px;
	line-height:		20px;
	padding:			0;
	border-right:		1px solid #808080;
}

div.tableContainer table td div {
	margin:				0 8px 0 8px;
}

div.tableContainer table td.idCol {
	width:				82px;
}

div.tableContainer table td.idCol a {
	background-image:	url(/images/tableImages/tableEdit.gif);
	background-repeat:	no-repeat;
	background-position:2px 4px;
	padding:			0 0 0 22px;
	text-decoration:	none;
	color:				#333333;
	display:			block;
}

div.tableContainer table td.deleteCol {
	width:				45px;
}

div.tableContainer table td.deleteCol a {
	background-image:	url(/images/tableImages/tableTrash.gif);
	background-repeat:	no-repeat;
	background-position:0 4px;
	padding:			0 0 0 13px;
	text-decoration:	none;
	color:				#333333;
	display:			block;
}

ul.tableNav {
	list-style:			none;
	margin:				10px 0 0 0;
	padding:			0;
}

ul.tableNav li {
	float:				left;
	padding:			0;
	margin:				0 18px 0 0;
}

ul.tableNav li a {
	text-decoration:	none;
	color:				#666666;
	font-size:			9px;
}

ul.tableNav li.active a {
	color:				#f858d8;
	font-weight:		bold;
}


div.barHeading {
	height:				18px;
	line-height:		18px;
	background-image:   url(/images/pageImages/barHeadingBG.gif);
	background-position:0 0;
	background-repeat:  repeat-x;
	border:				1px solid #808080;	
	padding:			0 0 0 8px;
}

div.barShade {
	filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/collectionBarShade.png', sizingMethod='scale');
	height:				5px;
	overflow:			hidden;
	margin:				0;
	padding:			0;
	z-index:			10;
	
}

html>body div.barShade {
	background-image:	url(/images/collectionBarShade.png);
	background-repeat:	repeat-x;
}