/*
*******************************************************************************
AL 28-01-2010

@version 0.1 implementing from scratch based on Marcom example

Style the product tables

*******************************************************************************
*/ 
 
 /* TODO make those general settings in base.css ? so there would be no need to style lsttbl at all */
/*
body { font-family:Arial, sans-serif; color:#000; background-color:#f0f1f5; margin:0 }
p, span, div { font-family:Arial, sans-serif; font-size:75% }
a { text-decoration:none; }
a:link { color:#039 }
a:visited { color:#636 }
a:hover { text-decoration:underline; color:#c63 }
a:active { color:#c63 }
a.sortlink { color:#039 }
a.sortlink:link { color:#039 }
a.sortlink:visited { color:#039 }
*/

sub { vertical-align:-0.2em }
sup { vertical-align:0.3em }


/* ************ actual table formatting starts ***************************** */
#lsttbl {
	font-family:Arial, sans-serif;
	font-size:85%;
	margin-top:5px;
}

table.list-table {
	background-color:#FCFCFC;  
	border-collapse:collapse;
	color:#000;
	text-align:center;
	width:710px;
	margin-left: 0px;
/*
	CANNOT HAVE THIS EXTRA SPACE DONE HERE
	floating header is also a "list-table" and Firefox applies CSS even to 
	elements created with Javascript
	margin-bottom: 2em;
*/
	
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:2px solid #AAA;

	/*
	border:2px solid #AAA;
	*/
}

#tblmsg, #tblreset {
	background-color:#FCFCFC;  
	border-collapse:collapse;
	color:#000;
	text-align:left;
	width:710px;
	margin-left: 0px;
	border:1px solid #eee;
}

/*
Table header
*******************************************************************************
*/
table.list-table th {
	border:1px solid #eee;
	border-right:1px solid #ddd;
	padding:2px;
}

table.list-table thead tr th {
	background-color:#B1D017;
}

table.list-table thead tr#btnrow th {
	background-color:#E6E6E6;
	border-top:0;
	border-bottom:1px solid #999;
	padding:5px;
}

/*
Table body
*******************************************************************************
*/
table.list-table tbody tr td {
	padding:3px;

/*
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
*/

	border:1px solid #CCC;


	vertical-align:middle;

}

table.list-table tbody tr.tblrow-gray {
	/* 
	background-color:#E6E6E6; 
	*/
}

table.list-table tr.tblrow-gray td.sortcol-gray {
  background:#E6E6E6;
}

table.list-table tr td.sortcol-gray {
  background:#F3F9DA;  
}

table.list-table tr.tblrow-gray td.sortcol-gray {
  background:#dbe0c4;
}

/*
Table footer
*******************************************************************************
*/
table.list-table tbody tr th {
	background-color:#B1D017;
}

/*
Hide the table menus
*******************************************************************************
*/
.tblmnu {
  display:none;
  text-align:right;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}

.tblmnu form {
  margin-bottom:0;
}

.tblmnu form select {
  font-size:90%;
}