@import url("client.css");

TABLE.buttons {
	width: auto;
	border: none;
	border-collapse: collapse;
	background-color: #DDE4EC;
}


TABLE.buttons TD {
	vertical-align: top;
	font-size: 92%;
	white-space: normal;
	padding: 1px 2px;
	border: 1px solid white;

}

TABLE.buttons TD.narrative {
	font-size: 85%;
}



TABLE.sortpage {
	width: 100%;
	font-size: 92%;
	border: 2px solid #7070B4;
	border-collapse: collapse;
	background-color: #DDE4EC;
}

TABLE.sortpage TH ,
TABLE.sortpage TFOOT TD,
TABLE.sortpage TFOOT TD.sorted
{
	vertical-align:top;
	font-size: 92%;
	font-weight: bold;
	white-space: nowrap;
	padding: 1px 2px;
	background: #20429B;
	color: #fff;
	border: 1px solid white;
}

TABLE.sortpage TH.sortable
{

	background: #20429B url('/images/arrow_updown.gif') no-repeat top right; 
	padding-right: 16px;
	cursor: pointer;
}

TABLE.sortpage TH.sorted
{
	background: #7070B4 url('/images/arrow_up.gif') no-repeat top right; 
	padding-right: 16px;
}

TABLE.sortpage TH.sorteddesc
{
	background: #7070B4 url('/images/arrow_down.gif') no-repeat top right; 
	padding-right: 16px;

}




TABLE.sortpage TD {
	white-space: nowrap;
	padding: 1px 2px;
	border: 1px solid white;

}


TABLE.sortpage TD.sorted {
	background-color: #DDD;
}

.sortpage input,
.sortpage select
{
	font-size: 92%;
}