/* CSS Document */
/* ----------------------------
Basic Data Table Style Sheet (for v4 browsers)
Version: 1.1
Author: Andy Budd
Email: info@andybudd.com
Website: www.andybudd.com
Book: CSS Mastery: Advanced Web Standards Solutions, Pg:112
Book ISBN: 1590596145

Edited by: Ryan Smith
Website: www.ratioswitch.com
Date: 2/26/2007
---------------------------- */

* {margin: 0; padding: 0;} /* wild card resets padding and margin */
/*body {font: 67.5%/1.5em Verdana, Arial, Helvetica, sans-serif;}  Sets default font, font size, and line height */
/** html body {font: 75%/1.5em Verdana, Arial, Helvetica, sans-serif;}  Does the same as above but for IE */

body {font: 13px/1.45em Verdana, Arial, Helvetica, sans-serif;}
* html body {font: 13.5px/1.5em Verdana, Arial, Helvetica, sans-serif;}
#table_ex {padding-left: 2em;} /* This just pushes the table away from the left edge of the browser window ... its not really needed */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table {
	border-collapse: collapse;
	width: 50em;
	border: 1px solid #666;
}
th, td {padding: 0.1em 1em;}
caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}
col {border-right: 1px solid #ccc;}
col#albumCol {border: none;} /* Removes the right border from previous col rule */
thead {
	background: url(table_header.jpg) repeat-x left center; /* Example will funtion w/o this rule, but it looks nice */
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}

/*The tbody style below adds scrollbars to the table ... you'll need to adjust the table width to accom. */
/* tbody {overflow: scroll; height: 100px;}*/

th {font-weight: normal; text-align: left;}
#playlistPosHead {text-indent: -1000em;} /* Makes column header appear "off screen" so it doesn't blow out the table */
.odd {background: #edf5ff;} /* Alternating row color */
tr:hover {background-color: #3d80df; color: #fff;}
thead tr:hover {background-color: #3d80df; transparent; color: inherit;} /* Adds header row color hover effect, not really needed, but looks cool*/