/*
=====================================================================
fec_table.css
uesed for display table include sorting
there are two kinds of table template
=====================================================================
*/


/* --------start table 1------------------------------------------------------- */
th,td {
	padding: 2px 4px 2px 4px !important;
	text-align: left;
	vertical-align: top;
}

thead tr {
	background-color: #fc0;
}


th.sorted {
	background-color: #737373;
}

th a,th a:visited {
	color: black;
}

th a:hover {
	text-decoration: underline;
	color: black;
}

th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

th.sortable a {
	background-image: url(/images/app_img/arrow/arrow_off.png) ;
	background-repeat: no-repeat
}

th.order1 a {
	background-image: url(/images/app_img/arrow/arrow_down.png);
	background-repeat: no-repeat
}

th.order2 a {
	background-image: url(/images/app_img/arrow/arrow_up.png);
	background-repeat: no-repeat
}

tr.tableRowodd,tr.odd {
	background-color: #ffffff
}

tr.tableRowEven,tr.even {
	background-color: #f5f0ff
}

/* --------end table 1------------------------------------------------------- */


/* --------start table 2------------------------------------------------------- */
.reportTable{
	border:1px solid #004477;
	font-family:verdana;
	font-size:11px;
}

.reportTable tr{
	height:22px;	
}

.reportTable .header{
	height:25px;
	background-color:#004477;
	font-weight:bold;
}

.reportTable tr td{
	vertical-align:middle;
	padding-left:4px;
}

.sortable{
	background-image: url("/images/app_img/arrow/arrow_off.png");
	background-repeat:no-repeat;
	background-position: 98% 45%;
	margin-right:6px;
	cursor:pointer;
}

.sortable:hover{
	background-color:#737373;
}

.sortascending{
	background-color:#737373;
	background-image: url("/images/app_img/arrow/arrow_up.png");
	background-repeat:no-repeat;
	background-position: 99% 45%;
	cursor:pointer;
}

.sortascending:hover, .sortascending a:hover, .sortdescending:hover, .sortdescending a:hover{
	background-color:#004477;
	text-decoration:underline;
}

.sortdescending{
	background-color:#737373;
	background-image: url("/images/app_img/arrow/arrow_down.png");
	background-repeat:no-repeat;
	background-position: 99% 45%;
	cursor:pointer;
}

.reportTable .header td{
	color:#ffffff !important;
	text-decoration:none;
}

.reportTable .header td a{
	color:#ffffff !important;
	text-decoration:none;
}

.reportTable .header td:hover, .reportTable.header td:hover a:hover{
	color:#ffffff !important;
	text-decoration:underline;
}


/* --------end table 2------------------------------------------------------- */