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 .artistName {float: left; margin: 0 0 0 20px; width: 120px;}
				                .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 .artistName {float: left; margin: 0 0 0 20px; width: 120px;}
				                .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;}