/*--------------------------------buttons ---------------------------*/
a.butHome {
	display: block; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/home.png'); float:left; margin-right:10px;
	}
a.butHome:hover {
	background-position: -35px 0;
	}
	
a.butRandom {
	display: block; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/random.png'); float:left; margin-right:10px;
	}
a.butRandom:hover {
	background-position: -35px 0;
	}
	
a.butPlay {
	display: block; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/play.png'); float:left; margin-right:10px;
	}
a.butPlay:hover {
	background-position: -35px 0;
	}
	
a.butAddPL {
	display: block; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/addpl.png'); float:left; margin-right:10px;
	}
a.butAddPL:hover {
	background-position: -35px 0;
	}

a.butNewPL {
	display: none; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/newpl.png'); float:left; margin-right:10px;
	}
a.butNewPL:hover {
	background-position: -35px 0;
	}
	
a.butPermaLink {
	display: block; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/permalink.png'); float:left; margin-right:10px;
	}
a.butPermaLink:hover {
	background-position: -35px 0;
	}

#controlBar form input.butSearch {
	display: block; width: 35px; height: 35px; background:url('/v3/images/buttons/search.png') no-repeat; float:left;
        margin:0px 0 0 10px; border: none; cursor: pointer;
	}
#controlBar form input.butSearch:hover {
	background-position: -35px 0;
	}

#controlBar form input.butSearchWWW {
	display: block; width: 35px; height: 35px; background:url('/v3/images/buttons/searchWWW.png') no-repeat; float:left;
        margin:0px 0 0 10px; border: none; cursor: pointer;
	}
#controlBar form input.butSearchWWW:hover {
	background-position: -35px 0;
	}
	
a.butDirUp {
	display: block; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/dirUp.png'); float:left; margin-right:10px;
	}
a.butDirUp:hover {
	background-position: -35px 0;
	}
	
a.butCheck {
	display: block; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/checkmark.png'); float:right; margin-left:10px;
	}
a.butCheck:hover {
	background-position: -35px 0;
	}
	
a.butMinus {
	display: block; width: 35px; height: 35px; text-decoration: none; background:url('/v3/images/buttons/minus.png'); float:right; margin-left:10px;
	}
a.butMinus:hover {
	background-position: -35px 0;
	}

.plEdit {
        border: 0; margin: -5px 0 0 5px; width: 15px; height: 15px; background:url(/v3/images/buttons/edit.png); display: inline-block;
}
.plEdit:hover {
	background-position: -15px 0;
	}
/*pldelete and pldeletetrack are the same but need to be seperate due to pldelete being manipulated by js*/
.plDelete {
        border: 0; margin: -5px 0 0 5px; width: 15px; height: 15px; background:url(/v3/images/buttons/delete.png); display: inline-block; cursor: pointer;
}
.plDeleteTrack {
        border: 0; margin: -5px 0 0 5px; width: 15px; height: 15px; background:url(/v3/images/buttons/delete.png); display: inline-block; cursor: pointer;
}
.plDelete:hover, .plDeleteTrack:hover {
	background-position: -15px 0;
	}
.plDeleteTrack{
        margin-top: 0px;
}
.butClose {
        border: 0; margin: 0px 0 0 5px; width: 14px; height: 14px; background:url(/v3/images/buttons/close.png); display: inline-block; cursor: pointer;
}
.butClose:hover {
	background-position: -14px 0;
}
	
/*------------track icons --------------*/

a.icoRead {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/read.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoRead:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.icoMp3 {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/mp3.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoMp3:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.icoM4a {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/m4a.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoM4a:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.iconsv {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/nsv.png'); float:left; margin: 3px 8px 0 0;
	}
a.iconsv:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.iconsvDown {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/nsvDown.png'); float:left; margin: 3px 8px 0 0;
	}
a.iconsvDown:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.icoWma {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/wma.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoWma:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.icoWmv {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/wmv.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoWmv:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.icoEmbed {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/embed.png'); float:left; margin: 3px 8px 0 0px;
	}
a.icoEmbed:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
.icoEmbedSmall {
	display: inline-block; width: 25px; height: 25px; text-decoration: none; background:url('/v3/images/buttons/embedsmall.png'); float:left; margin: 0px 8px 0 0px;
	}
.icoEmbedSmall:hover {
	background-position: -25px 0;
	text-decoration: none; cursor: pointer;
	}
a.icoRa {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/butRA.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoRa:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.icoRaDown {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/butRAdown.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoRaDown:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.icoRv {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/butRV.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoRv:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.icoRvDown {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/butRVdown.png'); float:left; margin: 3px 8px 0 0;
	}
a.icoRvDown:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
a.unknownBut {
	display: block; width: 30px; height: 30px; text-decoration: none; background:url('/v3/images/buttons/unknown.png'); float:left; margin: 3px 8px 0 0;
	}
a.unknownBut:hover {
	background-position: -30px 0;
	text-decoration: none;
	}
.icoDownloadSmall {
	display: inline-block; width: 25px; height: 25px; text-decoration: none; background:url('/v3/images/buttons/download.png');
        float:left; margin: 0px 8px 0 0px;
	}
.icoDownloadSmall:hover {
	background-position: -25px 0;
	text-decoration: none; cursor: pointer;
	}
.icoPlaySmall {
	display: inline-block; width: 25px; height: 25px; text-decoration: none; background:url('/v3/images/buttons/playsmall.png');
        float:left; margin: 0px 8px 0 0px;
	}
.icoPlaySmall:hover {
	background-position: -25px 0;
	text-decoration: none; cursor: pointer;
	}