body {
	font-family: "Lucida Grande", "Verdana", sans-serif;
	font-size: 9pt;
	background-color: #9a9a9a;
}

div.title {
	position: absolute;
	left: 300px;
	font-size: 12pt;
	font-weight: bold;
}

div.footer {
	position: absolute;
	right: 110px;
	top: 184px;
	width: 248px;
	height: 15px;
}

div.selectedSource {
	width: 220px;
	background: #a1b1c9;
	margin: 0px;
	padding: 0px;
}

div.unselectedSource {
	width: 220px;
	margin: 0px;
	padding: 0px;
}

span.arrow {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}
div.footer, div.footer a {
	font-size: 8pt;
	color: black;
}

a {
	color: black;
	text-decoration: none;
}

div.sources {
	position: absolute;
	left: -1px;
	margin: 0px;
	width: 225px;
	height: 586px;
	top: 3px;
	background-color: #e7edf6;
	border: solid 1px #666666;
	padding: 0px;
	margin: 0px;
	font-size: 8pt;
	overflow: scroll;
}

select.artistSelect, select.albumSelect {
	font-size: 9pt;
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: hidden 0px;
	border-top: solid 1px #666666;
	top: 3px;
	height: 180px;
}

div.invisible, div.invisible a {
	position: absolute;
	color: #aaaaaa;
	bottom: 1pt;
	right: 1pt;
	font-size: 2pt;
	z-index: -1;
}


select.artistSelect {
	font-size: 8pt;
	width:348px;
	left: 228px;
	border: 0px hidden;
}

select.albumSelect {
	font-size: 8pt;
	width:345px;
	left: 579px;
	border: 0px hidden;
}

div.artwork {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left:247px;
	top: 357px;
	width: 224px;
	height: 224px;
	background-color: white;
	border: 1px solid #666666;
}

div.artwork img {
	width: 224px;
	height: 224px;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
	border: solid 1px #666666;
	background-color: white;
	position: absolute;
	margin: 0px;
	padding: 0px;
}

table.header {
	left: 226px;
	top: 197px;
	font-size: 10px;
	width: 684px;
	height: 10px;
	border: 1px solid #666666;
	border-left: hidden 0px;
	z-index: 4;
}

div.songTable {
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin: 0px;
	padding-right:0px;
	top: 214px;
	width: 695px;
	left: 226px;
	height: 375px;
	overflow: scroll;
	border: 1px solid #666666;
	border-left: hidden 0px;
}

table.songs {
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

td {
	height: 18px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
}

td.arrow {
	padding: 0px;
}

td#spacer {
	background-color: #e8e8e8;
	border: 1px solid #666666;
	width: 12px;
}

td#name, td#artist, td#album, td#time, td#track_no {
	background-color: #e8e8e8;
	border: 1px solid #666666;
}

td#name {
	width: 210px; 
}

td#artist { 
	width: 215px; 
}

td#album { 
	width: 138px;
}

td#time { 
	width: 60px; 
}

td#track_no {
	width: 50px;
}

tr#header {
	height: 10px;
	background-image: url('images/columnHeader.jpg');
}

tr#odd {
	background: #f0f0f0;
}

tr#header img {
	height: 10px;
}

col#colSpacer { 
	border-spacing: 0px;
	border-left: hidden 1px;
	padding: 0px;
	width: 15px;
}

#col2, #col4, #col6{
	padding: 0px;
	margin: 0px;
}

#col1 { /* name */
	width: 203px;
}

#col3 { /* artist */
	width: 204px;
}

#col5 { /* album */
	width: 135px;
}

#col7 { /* total time */
	width: 64px;
}

#col8 {
	width: 50px;
}

#col1, #col3, #col5,  #col7, #col8 {
	border-left: 1px solid #cccccc;
}

#col1, #col2, #col3, #col4, #col5, #col6, #col7 {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
}

#col8 {
	border-right: 0px hidden;
}