gistfile1.css

						/* track odd */
						.trackodd {width: 700px; height: 30px; font-size: 14px; color: #2d3133;}
							.trackodd:hover {-webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #46afc5; color: #fff; cursor: pointer;}
							.trackodd .favorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
								.trackodd .favorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 0 no-repeat;}
									.trackodd .favorite a:hover {background-position: 0 -16px;}
							.trackodd .notfavorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
								.trackodd .notfavorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 -16px no-repeat;}
									.trackodd .notfavorite a:hover {background-position: 0 0;}
							.trackodd p {float: left; margin: 6px 0 0 28px;}
								.trackodd .tracknumber {float: left; width: 20px;}
								.trackodd .trackname {float: left; width: 310px; margin: 0 0 0 25px;}
								.trackodd .buytrack {float: right; margin: 7px 20px 0 30px; width: 30px; height: 15px;}
									.trackodd .buytrack a {display: block;  width: 30px; height: 15px; background: url(../images/buy_btn.png) 0 0 no-repeat;}
										.trackodd .buytrack a:hover {background-position: 0 -15px;}
						
						/* track even */
						.trackeven {width: 700px; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #e0f7ff; font-size: 14px; color: #2d3133;}
							.trackeven:hover {-webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #46afc5; color: #fff; cursor: pointer;}
							.trackeven .favorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
								.trackeven .favorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 0 no-repeat;}
									.trackeven .favorite a:hover {background-position: 0 -16px;}
								.trackeven .notfavorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
									.trackeven .notfavorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 -16px no-repeat;}
										.trackeven .notfavorite a:hover {background-position: 0 0;}

							.trackeven p {float: left; margin: 6px 0 0 28px;}
								.trackeven .tracknumber {float: left; width: 20px;}
								.trackeven .trackname {float: left; width: 310px; margin: 0 0 0 25px;}
								.trackeven .buytrack {float: right; margin: 7px 20px 0 30px; width: 30px; height: 15px;}
									.trackeven .buytrack a {display: block;  width: 30px; height: 15px; background: url(../images/buy_btn.png) 0 0 no-repeat;}
										.trackeven .buytrack a:hover {background-position: 0 -15px;}
								
						/* track currently playing track */
						.trackcurrent {width: 700px; height: 30px; background: url(../images/current_track_bg.png) top left no-repeat; font-size: 14px; color: #fff;}
							.trackcurrent .favorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
								.trackcurrent .favorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_orgbg.png) 0 0 no-repeat;}
									.trackcurrent .favorite a:hover {background-position: 0 -16px;}
								.trackcurrent .notfavorite {float: left; margin: 7px 0 0 50px; width: 16px; height: 16px;}
									.trackcurrent .notfavorite a {display: block; width: 16px; height: 16px; background: url(../images/favorite_icon_whitebg.png) 0 -16px no-repeat;}
										.trackcurrent .notfavorite a:hover {background-position: 0 0;}
							.trackcurrent p {float: left; margin: 6px 0 0 28px;}
								.trackcurrent .tracknumber {float: left; width: 20px;}
								.trackcurrent .trackname {float: left; width: 310px; margin: 0 0 0 25px;}
								.trackcurrent .artistname {float: left; margin: 0 0 0 20px; width: 120px;}
								.trackcurrent .buytrack {float: right; margin: 7px 20px 0 30px; width: 30px; height: 15px;}
									.trackcurrent .buytrack a {display: block;  width: 30px; height: 15px; background: url(../images/buy_btn_current.png) 0 0 no-repeat;}
										.trackcurrent .buytrack a:hover {background-position: 0 -15px;}