table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	font-size: 11px;
}
	
table thead {
	font-weight: bolder;
	padding: 2px;
}

table td {
	padding: 1px;
}

/* class - data */
table.data {
	 /*clear: both;*/
	 border-bottom: 1px solid #d7d7d7;
	 border-collapse: collapse;
	 border-spacing: 0;
	 margin-top: 1em;
	 width: 100%;
}

table.data th { text-align: center; padding: 0 1em .1em 0; font-size: 12px }

table.data thead { background: #f7f7f0 }

table.data thead th {
	 border: 1px solid #d7d7d7;
	 border-bottom-color: #999;
	 font-size: 11px;
	 font-weight: bold;
	 padding: 2px .5em;
	 vertical-align: middle;
}

table.data thead th :link:hover, table.data thead th :visited:hover {
 background-color: transparent;
}

table.data thead th a { border: none; text-decoration:none; }

table.data th.asc a, table.data th.desc a { font-weight: bold }

table.data th.asc a, table.data th.desc a {
	 background-position: 100% 50%;
	 background-repeat: no-repeat;
}

table.data th.asc a { background-image: url(../asc.png) }

table.data th.desc a { background-image: url(../desc.png) }

table.data tbody td, table.data tbody th {
	 border: 1px dotted #ddd;
	 padding: .3em .5em;
	 vertical-align: middle;
}

table.data tbody td a:hover, table.data tbody th a:hover {
	 background-color: transparent;
}

table.data tbody tr { border-top: 1px solid #ddd }

table.data tbody tr.even { background-color: #fcfcfc }

table.data tbody tr.odd { background-color: #f7f7f7 }

table.data tbody tr:hover { background: #eed !important }