/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, .legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ################################################################################################
//################################################################################################
//################################################################################################
//################################################################################################
//################################################################################################
/// END OF RESETTING
//################################################################################################
//################################################################################################
//################################################################################################
//################################################################################################
//################################################################################################
//################################################################################################
*/
		* {
			outline-style:none;
		}
		
		html,body {
		margin: 0px;
		padding: 0px;
		font-family: Arial, sans-serif;	
		background: url('images/playlistifybg.png') #FFFFFF repeat bottom right fixed;		
		color: #333333;
		}
		
		div#shadow-container {
			background-image: url('images/side-shadow.png');
			background-repeat-x: no-repeat;
			background-repeat-y: repeat;
			width: 994px;	
			margin: 0 auto;
		}
		
		div#body-container {
			background: #ffffff;
			margin: 0px auto;
			text-align: left;
			width: 984px;
			display:block;
		}
		
		div#header {
			position:relative;
			background: #f2f2f2;
		}
		
		div#header_holder {
			position:relative;
			height: 120px;
			display:block;
			border-bottom: 1px dotted #ccc;
		}
		
		div#header_holder a img {
			margin-left: 30px;
			margin-top: 20px;	
		}
		
		div#wrapper {
			
			position:relative;
			clear:both;
			margin: 0 20px;
			padding: 0px;
			text-align:left;
			border: 0px solid black;
		}
		
		div#directorybutton {
			position: relative;
			text-align:center;
			border: 1px dotted #CCC;
			padding: 5px;	
			margin-left: 0px;
		}
		
		div#flashmessage {
				position:absolute;
				z-index: 99;
				width:500px;
				left: 50%;
				top: 50%;
				padding: 20px;
				font-size: 1.5em;
				letter-spacing: -0.05em;
				margin-left: -250px;
				margin-top: -150px;
				background: #666;
				font-family: 'Helvetica', 'Helvetica Neue', Arial, sans-serif;
				text-align:center;
				color: #FFF;

		}
		
		div#flashmessage h1 {
			margin:0px;
			padding:0px;
			font-weight:bold;
			text-shadow:0 2px 0 #333;

		}
		
		div#flashmessage p {
			margin:0px;
			padding:0px;
			font-weight:bold;
			font-size: 1em;				
		}
		
		div#sharebox {
			border:0px solid #000;
			display:block;
			clear:right;
			margin-top:25px;	
			height: 25px;
			position:relative;
		}
		
		div#sharebox .tweetmeme {
			float: left;
			margin: 3px 0px 1px 4px;
		}
		
		div#sharebox .fbshare {
			float: left;
			margin: 0px 0px 0px 5px;			
		}

		div#sharebox .googlebuzz {
			float: left;
			margin: -1px 12px 0px -20px;

		}


		
		.anames {
			display:none;	
		}
		
		
		
		div.athreesome {
			float: left;
			width: 180px;
			border: 0px solid grey;
			margin-left: 30px;
			margin-right: 30px;
			padding:5px;
		}
		
		div.athreesome h4, div#cta h4 {
			font-size: 12px;
			font-weight:bold;
			padding:4px;
			line-height:14px;
			background: #79C143;	
			border: 0px solid #589843;
			font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
			margin: 10px auto;
			text-align:center;
		}
		
		
		
		div.athreesome ol, ol {
		list-style-type:decimal;
		font-size: 12px;
		margin:0px;
		padding: 0 0 0 15px;
		}
		
		div.athreesome ol li, ol li {
		margin: 0px 0px 5px 5px;
		line-height: 16px;	
		}
		
		div.athreesome p{
		font-size:14px;	
		}

		
		div#screencast {
			
			float:right;
			margin-left: 20px;
				
		}
		
		div#footer {
			position:relative;
			margin: 0 auto;
			padding: 0px;
			line-height: 40px;
			font-size: 0.7em;
			display:block;
			height: 40px;
			text-align: center;
			background:#589A43;
			color: #FFFFFF;
		}
		
		div#footer a:link, div#footer a:visited, div#footer a:active {
			text-decoration: none;
			border-bottom: 0px dotted #ffffff;	
			color: #fff;
			margin: 0px 10px;
		}
		
		div#footer a:hover {
			text-decoration: none;
			border-bottom: 1px solid #ffffff;	
		}
		
		div#topmenu {
			position: absolute;
			right: 5px;
			bottom: -20px;
			padding: 0px;
			font-size: 0.9em;
			display:block;
			height: 40px;
			text-align: right;
			color: #BBB;
		}
		
		div#topmenu a:link, div#topmenu a:visited, div#topmenu a:active {
			text-decoration: none;
			border-bottom: 0px dotted #bbb;	
			color: #333;
			margin: 0px 10px;
		}
		
		div#topmenu a:hover {
			text-decoration: none;
			border-bottom: 1px solid #bbb;	
		}

	div#qotd {
		font-size: 10px;
		font-family: Georgia;
		font-style: italic;
		color: #CCC;	
	}
	
	
	


#sharefootertable {
height:10px;
padding:5px;
width:400px;
margin: 0 auto;
}

div#sharefooter {
	position:relative;
	margin: 0px auto;
	color:#444444;
	background: #f2f2f2;
	text-align:center;	
}

div#sharefootert {
	margin: 0 auto;	
	width: 700px;
	display:block;
}

.tweetmemeshare {
float:left;
margin:0 0 1px 184px;
}

.fbshare {
float:left;
margin:-1px 12px 0 20px;
}

.googlebuzz {
float:left;
margin:-2px 0 0 20px;
}
		
		div#disclaimer {
			padding: 20px;
			font-size: 0.6em;
			color: 	#666666;
			text-align: center;
			
		}
				
		div#cont_itunes{
		display:none;
		font-size: 13px;	
		}
		
		a:link, a:visited, a:active {
			text-decoration: underline;
			//border-bottom: 1px dotted #589a43;	
			color: #264D1A;
		}
		
		a:hover {
			text-decoration: none;
			border-bottom: 1px solid #666;
			color: #666;
		}
		
		.artistimg {
			border: 5px solid #666666;	
			padding: 1px;
			margin-right: 10px;
			float:left;
			width: 75px; 
			height: 75px;
			background: url('http://playlistify.org/images/artist_avatar.gif') no-repeat #deebda;
		}
		
		.artistbioimg {
			margin-bottom: 5px;
		}
		
		#artistimgbox {
			border: 1px solid #ccc;	
			padding: 10px;
			margin-right: 15px;	
			margin-top:15px;
			background:  #deebda;		
			float: left;
			font-size: 0.8em;	
			line-height: 1.3em;
		}
		
		div#hotlinks {
			display:block;
			position:relative;
			float:left;	
			margin-top: 10px;
			margin-right: 10px;
			width: 600px;
		}
		ul#similarlist, ul#taglist {
			margin-left: 0px;
			margin-top: 0px;
			margin-bottom: 10px;
			display:block;
		}
		
		ul#similarlist li, ul#taglist li{
			font-size: 11px;
			font-weight: bold;
			padding:4px 6px 4px 4px;
			background: no-repeat 4px 5px #cccccc;	
			font-family: 'Helvetica', 'Helvetica Neue', Arial, sans-serif;
			margin: 3px 3px;
			text-align:center;
			color: #000;
			float: left;
		}
		
		ul#similarlist li:hover, ul#taglist li:hover {
			background:#DDD;
			cursor:pointer;	
		}
		
		ul#similarlist li a, ul#taglist li a {
			text-decoration:none;
			letter-spacing: -1px;
			color: #000;
			text-shadow:0 1px 0 #f2f2f2;
			border:0px;
		}

		
		div#themagic {
			display:none;
			margin:0px;	
			padding: 0px;
			position: relative;
			z-index: 3;
		}
		
		#themagic h2, #themagic h3{
			margin: 0px;
			text-shadow:0 1px 0 #deebda;
		}
		
		div#themagicholder {
			width: 350px;
			border: 5px solid #589843;
			padding: 10px;
			height: 87px;	
			position:relative;
			z-index: 1;
			background-color: #F2F2F2;
		}
		
		div#themagicprogressbar {
			width: 370px;
			padding: 0px;
			height: 107px;	
			position:absolute;
			left: 0px;
			top: 0px;
			z-index: 1;
			background-color: #79C143;
		}
		
		div#spotcontrols{
			font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
			background: #666666;
			color: #fff;
			text-shadow:0 -1px 0 #333;
			font-size:14px;
			font-weight: bold;
			line-height: 18px;
			vertical-align:center;
			height:18px;
			display:block;
			overflow: hidden;
			position:relative;
			margin:0px;
			width: 372px;
			overflow: visible;
			text-align: left;
			padding:4px;
			border-top: 0px solid #333;
			border-left: 0px solid #666666;
			border-right: 0px solid #666666;
			border-bottom: 0px solid #666666;
			z-index: 4;
			
		}
		
		div#spotcounter{
float:right;	
		}
		 .spot_true, span#spot_true {
			font-weight:normal;
			font-size:13px;
			
		}
		
		span#spot_false, .spot_false {
			color: #bbb;
			font-size: 11px;
			font-weight:normal;	
			padding: 0px;
			text-shadow:0 0 0 #fff;
			text-decoration:line-through;

		}
		
		div#mute{
			float:left;	
			margin-right: 10px;
			line-height: 18px;
		}
		
		
		
		
		h1 {
			font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;	
			font-size: 2em;
		letter-spacing: -0.07em;
		margin:30px 0px 0px 0px;

		}
		
		h2 {
			font-size: 1.5em;
			margin: 0.8em 0em 0.8em 0em;
			letter-spacing: -0.07em;
			margin:20px 20px 25px 0px;
		}
		
		h3 {
			font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;	
			font-size: 0.9em;
			line-height: 16px;
			
					margin:25px 20px 10px 5px;
		}
		
		p {
			margin-top: 0.5em;
			font-size: 0.8em;	
			line-height: 1.4em;
		}
		
		div#leftside {
			width: 550px;
			padding: 0px;
			margin-top: 10px;
			padding: 7px 0px 7px 0px;
			border-top: 1px dotted #ccc;
			border-bottom: 1px dotted #ccc;

		}
		
		div#leftside table {
			margin-top: 15px;
			width: 550px;
			font-size: 11px;
			padding:0px;
			position: relative;
	
		}
		
		.trackinfo {
			width: 490px;
			z-index: 99;
			position: absolute;
			left:25px;
			top:0px;	
			display:none;
			background-color: #fff;
			font-size: 1em;
			font-weight: bold;
			border:1px solid #ccc;
			padding: 5px;
			line-height: 1.2em;
			color: #333;
		}
		
		.trackinfo h2 {
			
			margin: 0px;
			
			
		}
		
		.trackinfoicons {
			float:right;	
			text-align:right;
		}
		
		.youtubeholder {
			width: 440px;
			height: 10px;	
			overflow: hidden;
			padding: 2px;
			margin: 0px;
			background: #f2f2f2;
			vertical-align: center;
			text-align: center;
			font-size: 0.8em;
			font-weight: bold;
			float:right;	
		}
		
		div#leftside table tr td {
					padding: 3px 8px 3px 2px;	
					line-height: 1.4em;
					position: relative;
		}
		
		.trackcount {
			width:25px;
			cursor:pointer;	
			border:1px solid #fff;
			background: #fff;
		}
		
		.trackcounthover{
			width:25px;
			cursor:pointer;	
			border:1px solid #fff;
			background:  #589a43;
			color:#fff;
		}
		
		.trackinfoholder {
			position:relative;	
			
		}
		
		div#youtube {

			border: 1px solid #ccc;
			padding: 5px;	
			background: #fff;
			display:none;
			position:relative;
		}
		
		div#youtube:hover {
			border: 1px solid #589a43;
		}
		
		div#stats {
		float:right; 
		width: 368px;
		padding:5px; 
		margin-top:30px;
		}
		
		div#statgraphs {
			
			word-wrap: break-word;
		
		}
		
		div.legend table tr td {
			padding: 5px;	
		}
		
		div#adspace {
			border: 1px solid #666;
			background: #ccc;
			padding: 15px;
			margin-top:40px;
			width: 220px;	
		}
		
		div#statgraphs h1 {
			font-size: 3em;
				text-align:right;
			padding: 5px 20px 0px 0px;
			margin:0px;
		}
		
		div#statgraphs h2 {
			margin: 0px;
					padding: 5px 20px 0px 0px;
			
		}
		
		div#statgraphs h3 {
			margin: 0px;
		}
		
		h1#anker a {
			border:0px;	
		}
		
		#playlistify_tracks {

			width: 560px;	
			height: 500px;
					

		}
		
		div#sharethis {
			margin:5px 0px;
			font-size: 0.7em;	
			line-height: 1.4em;
			background: #eeebea; 
			padding:3px;
			color: #000;
			display:block;
			clear:left;
		}
		
		ul#whatsnextlist {
			float: left;
			margin-left: 50px;
			margin-top: 10px;
			margin-bottom: 10px;
			display:block;
	
		}
		
		ul#whatsnextlist li{
			font-size: 13px;
			font-weight: bold;
			padding:4px 6px 4px 4px;
			line-height:14px;
			background: no-repeat 4px 5px #589A43;	
			border: 0px solid #589843;
			font-family: 'Helvetica', 'Helvetica Neue', Arial, sans-serif;
			margin: 0px 8px;
			text-align:center;
			color: #FFF;
			float: left;
			width: 80px;
			height: 30px;
			color: #FFF;
		}
		
		ul#whatsnextlist li:hover {
			background:#589A23;
			cursor:pointer;	
		}
		
		ul#whatsnextlist li a{
			text-decoration:none;
			letter-spacing: -1px;
			color: #FFF;
			text-shadow:0 1px 0 #333;
			border:0px;
		}
		
		ul#whatsnextlist li a img, ul#whatsnextlist li img {
			border:0px;	
		}
	
		ul#playlistleftbox {
			display:block;	
			margin: 0 auto;
		}

		ul#playlistleftbox li {
			display:inline;
			float:left;
			margin: 5px;			
				
		}
		
		ul#playlistleftbox li a{
			border: 0px;
		}
		
		ul#playlistleftbox li a:hover{
			border-bottom: 1px solid #589a43;
		}
		
		ul#playlistleftbox li a img, 		ul#playlistleftbox li img {
			vertical-align: text-top;	
		}

		
		span#shorturl {
			font-weight: bold;
			border-bottom: 1px dotted #589a43;
		}

	
div#foundset {
width: 380px;
height:110px;
overflow-x: hidden;
overflow-y: auto;
padding: 0px;
}

.trackitem {
	font-size: 11px;
	margin-top:2px;
	line-height: 13px;
	padding: 2px;
	color: #666;
}

h2#importdone_h2 {

}

div#cta {
display:block;	
}

div#cta ul {
	list-style-type: decimal;	
	font-size: 14px;
	line-height: 20px;
	list-style-position:inside;
}

div#cta ul li{
	
	margin:10px 0px;
	
}

 ul#tags li {
	font-size:0.8em;
	float:left;
	display: inline;
	line-height: 1.4em;
	margin-right:6px;
}

ul#tags li.emphasize {
	font-size:0.7em;
}

.gmap {
padding:5px; 
border: 1px solid #ccc;	
}

a#openspotify {
	
			font-size: 14px;
			font-weight: bold;
			padding:4px 6px 4px 22px;
			line-height:14px;
			background: url('images/spotifyicon.gif') no-repeat 4px 5px #666666;	
			border: 0px solid #589843;
			letter-spacing: -1px;
			text-shadow:0 1px 0 #333;
			font-family: 'Helvetica', 'Helvetica Neue', Arial, sans-serif;
			margin: 10px 10px;
			text-align:center;
			color: #FFF;
	
}

img.spotihelp {
	padding: 3px; 
	border: 5px solid #666;
	cursor: help;	
}

div#calculation {
margin: 0 auto; width:250px; border:0px solid #589a43; background:url('images/calculator.gif') #fff no-repeat 10px 50%; padding: 5px 5px 5px 35px; font-size:0.7em; font-family:'Courier',courier new, times new roman, georgia, arial; height:20px; line-height:20px;	
}

span#pricetopay {
font-family: Helvetica, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size:1.2em; color: #589a43;	
}

div#paypal {
	margin: 20px 0px;
	border:0px solid #589a43; 
	background: #deebda; 	
	padding: 15px; 
	font-size: 1em; 
	font-weight: bold;
	text-align: center;
}

div#paypal a:link, div#paypal a:visited, div#paypal a:active, .ctabutton {
	background-color:#589a43;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
	padding:4px 10px;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;	
	font-size: 13px;
	line-height: 16px;
	margin:0px 5px 10px 5px;
	text-align:center;
	text-shadow: 0px -1px 0px #374683;
	//filter: dropshadow(color=#374683,offX=0,offY=-1);
		
}

.ctabutton:hover {
	color: #f2f266;	
}

.ctabutton a:link, .ctabutton a:visited, .ctabutton a:active, .ctabutton a:hover {
			text-decoration: none;
			color: inherit;
			//color: #ffffff;
			text-align:right;	
			border: 0px;
			font-weight: bold;
		}

div#paypal a:hover {
	border-width:1px;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	color:#FFFFFF;
	text-decoration: underline;
	cursor:pointer;
	font-size:13px;
	padding:3px 10px;
	margin:25px 20px 10px 5px;	
}

sup {
	font-size: 7px;
		
}


div#newuserwelcome {
	
	border: 1px solid #666;
	background: #ececec;	
	padding: 10px;
	position:relative;
	margin: 30px 10px;
}

div#newuserwelcome h2 {
	margin: 0px;	
}

div#newuserwelcome h3 {
	margin: 5px;	
}

div#closewelcome {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 0.8em;
	font-weight: bold;
	background: #999;
	padding: 3px;
	cursor:pointer;
	color: #ececec;	
	z-index:99;
}

div#newuserwelcome p {
font-size: 0.7em;
margin: 1px;
}

.emphasize {
	background: #ccc;
	padding: 2px;	
	font-size: 0.9em;
	margin-right:2px;
	text-shadow: 0px 1px 0px #e5e5ee;
	//filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
}

.bg_oven {
background:url('images/oven.png') no-repeat 0% 0%;
height: 66px;
padding-top: 20px;
padding-left: 80px;
width: 400px;
list-style: none;
line-height: 1.4em;	
}

.bg_directory {
background:url('images/directory.png') no-repeat 0% 0%;
height: 66px;
padding-top: 5px;
padding-left: 80px;
width: 400px;
list-style: none;	
line-height: 1.4em;
}

h4.dirIndexLiH4 {
background:url('images/gobutton15pxsimple.gif') no-repeat 0px 11px; 
margin:0px 0px 5px 0px; 
padding:0px 0px 0px 20px; 
line-height: 30px;
 min-height:30px;
  font-size:1.6em;
   letter-spacing: -0.07em; 
   width: 440px; 
   border:0px;	
}





ul.pagination-dir {
	display:block;
	margin-top: 30px;
	margin-bottom: 30px;
	 margin-left:0px; 
	 padding:0;
	text-align:center;
	border: 0px;

}

ul.pagination-dir li{
border:0; margin:0; padding:0;
font-size:12px;
list-style:none;
}
ul.pagination-dir a{
border:dotted 1px #DDDDDD;
margin-right:2px;
}
ul.pagination-dir .previous-off,
ul.pagination-dir .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
ul.pagination-dir .next a,
ul.pagination-dir .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
} 
ul.pagination-dir .active{
color:#333;
font-weight:bold;
font-size: 14px;
display:block;
float:left;
padding:4px 6px;
}
ul.pagination-dir a:link,
ul.pagination-dir a:visited {
color:#589843;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
ul.pagination-dir a:hover{
border:solid 1px #666666;
} 


#metadescr {
	position:absolute;
	top: -10000px;
	left: -10000px;	
}

#followthis, ul#similarplaylist li {
	font-size: 0.8em;	
}
#followthis ul li, ul#similarplaylist li {
	margin: 10px;	
}

ul#similarplaylist li a {

}

.similarplaylist_byline {
	font-size: 0.6em;
	font-weight: bold;	
}


#tagcloud  {
	
	line-height: 40px;
	text-align:center;

}

.navp {
	float:right;
	font-weight: normal;
	font-size: 0.75em;	
	line-height:1em;
	margin-bottom:3px;

}

.navp a {
	text-decoration: none;	
	padding: 4px 6px;
	cursor:pointer;
	background-color:#589a43;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight: bold;

}

.navp a:hover {
	text-decoration: none;	
	color: #ddd;
	cursor:pointer;
}



#searchwrapper {
width:388px; /*follow your image's size*/
height:42px;/*follow your image's size*/
background: #deebda;
background-repeat:no-repeat; /*important*/
padding:0px;
margin:10px auto; 
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
	position: absolute;
	top: 9px;
	left: 8px;
border:1px solid #58943B; /*important*/
background-color:#ffffff; /*important*/
width:287px;
height:21px;
font-size: 14px;
font-weight: bold;
color: #666;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
}

.searchsubmit {
width:60px; position:absolute; right:5px; top:8px;	
}


#searchwrappersmall {
height:26px;/*follow your image's size*/
background: url('images/magnifysearch_small.gif') no-repeat 4px 8px #deebda;
padding: 0px;
margin:5px auto; 
position:absolute; /*important*/
top: 25px;
right: 32px;
z-index: 10;
}
 
#searchwrappersmall form { display:inline ; }
 
.searchboxsmall {
	position: absolute;
	top: 5px;
	left: 18px;
	border:1px solid #58943B; /*important*/
	background-color:#ffffff; /*important*/
	width:200px;
	height:12px;
	font-size: 9px;
	font-weight: bold;
	color: #666;
	letter-spacing: -0.1em;
	
}
 
.searchboxsmall_submit {	
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
}

.searchsmallsubmit {
	position:absolute; 
	right:5px; 
	top:4px;	
	text-decoration: none;	
	cursor:pointer;
	background-color:#666666;
	letter-spacing: -1px;
	padding: 2px;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight: bold;
	font-size: 10px;
	height: 11px;
	width: 50px;
	text-align: center;

}



/* HOMEVIEW DIRECTORY */

#searchwrapperhome {
height:42px;/*follow your image's size*/
background: #deebda;
background-repeat:no-repeat; /*important*/
padding:10px;
margin:0px; 
position:relative; /*important*/
text-align:center;
}
 
#searchwrapperhome form { display:inline ; }

table.hometable {
	overflow:hidden;	
}
table.hometable tr td {
	padding: 20px;	
	margin:0px 0px;
	vertical-align: top;
	line-height: 1.2em;
}

.searchboxhome {
	position: relative;
	border:1px solid #58943B; /*important*/
	background: url('images/searchfieldhome.gif') no-repeat 1px 0px #ffffff; /*important*/
	width:94%;
	height:23px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	padding: 0px 0px 0px 23px;
}
 
.searchbox_submithome {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
}

.searchsubmithome {
	width:60px; 
	position:absolute; 
	margin: 5px auto;
	top: 4px;
	right: 10px;
}

table.hometable tr td h3 {
			font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;	
			font-size: 1.1em;
			margin: 5px 0px;
			display:block;
}


table.hometablemaps tr td {
	padding: 0px;
	margin: 0px;	
}

ul.recentlyshared {
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;	
}

ul.recentlyshared li {
	margin: 11px 5px;
	padding: 3px;
	cursor: pointer;
	
}

ul.recentlyshared li b {
	font-size: 1.2em;
	font-family: 'Helvetica', 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: -0.05em;
	
}

.selectedli {
	background:#333;	
	margin-left:0px;
}

ul.recentlyshared li.selectedli a {
	color:#ccc;
	text-shadow:0 0px 1px #222;	
	text-decoration:none;
}

ul.recentlyshared li:hover a{
	color:#fff;
	text-shadow:0 0px 1px #222;
	border-bottom: 0px solid #666;	
}

ul.recentlyshared li img {
	height: 8px;	
}

div.artistinfo2{
	display:none;	
}

div#playlistinfo  {
	padding: 5px;
	height: 150px;
	border: 1px solid #ccc;
	position:relative;
	overflow:hidden;
}

div#playlisttopheader {

	padding: 0px;
	height: 150px;
	border: 0px solid #ccc;
	position:relative;
	overflow:hidden;
}

div.playlistinfobox {
	position:absolute; 
	left:8px;
	bottom:6px;	
}

div.playlistinfobox h1 {
	font-weight: bold;
	background: #f2f2f2;	
	padding:3px;
}

div.playlistinfobox h1 a:link {
	font-weight: bold;	
}


div.playlistinfoboxoverlay {
	position:absolute; 
	left:5px;
	top:5px;
	background: #666;
	width:560px;
	margin-right:5px;
	height: 150px;	
	border:0px solid #ccc;
	-moz-opacity:.60; filter:alpha(opacity=60); opacity:.60;
}

div.home_playlistinfoboxoverlay {
	position:absolute; 
	left:5px;
	top:5px;
	background: #666;
	width:600px;
	margin-right:5px;
	height: 150px;	
	border:0px solid #ccc;
	-moz-opacity:.05; filter:alpha(opacity=5); opacity:.05;
}



div.playlistinfobox img {
	heigth: 12px;
	width: 12px;	
}

div.playlistinfobox p {
	font-size: 0.6em;
	margin:0;
}

div.playlistinfobox h3 {
color: #ffffff;
text-shadow:0 0px 2px #222;
display:inline;
line-height: 1.5em;
}

div.playlistinfobox h3 span {
background: #333;	
padding: 5px;
font-size: 1.35em;
}

div.playlistinfobox a {
	color:#333;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;	
}

div.playlistinfobox a:hover {
	color:#58943B;
	text-decoration: underline;
	
}

.umphasize {
	background: url('images/bg_white_50pct.png') transparent;	
	behavior: url('js/iepngfix.htc');
	padding:2px;
	text-shadow:0 1px 0 #33333;
	margin-top:0px; 
	line-height: 18px;

}

div.timeago {
	position: absolute;
	right: 5px;
	top: 0px;
	background: url('images/icon12px_clock.png') #f2f2f2 2px 5px no-repeat;
	behavior: url('js/iepngfix.htc');
	padding: 2px 2px 2px 16px;
	font-size: 12px;
	line-heigth: 12px;
	height: 14px;
	text-shadow:0 1px 0 #ffffff;	
}

div.playlistinfobg {
position:relative; 
height:150px;
overflow:hidden;
background:url('http://gadget.playlistify.org/images/gadgetbackground.png') bottom left no-repeat;
}

div.playlistinfobg_playlist {
position:relative; 
width:550px;
height:150px;
overflow:hidden;
background:url('http://gadget.playlistify.org/images/gadgetbackground.png') bottom left no-repeat;
}

div.playlistinfobginner {
position:relative; 
width:600px;
height:300px;
overflow:hidden;
}

div.playlistinfobgimg {
	width:150px;
	height:150px;
	float:left;
}

.twocol {
	position: relative;
	float: left;
	width: 300px;
	border:0px solid #000;
}

ol#home_topartists  {
margin-left: 25px;
margin-top: 10px;	
}

ol#home_topartists li img {
	
	padding: 1px;
	border: 1px solid #ccc;
	vertical-align:text-top;
	margin-right: 5px;
}

div#howtofeat {
	font-size:10px;
	font-family: 'Helvetica', 'Helvetica Neue', Arial, sans-serif;
	font-weight:bold;
	letter-spacing: -0.03em;
	padding:3px;
	float:right;	
	
}

div#skinsamples {
	float:right;
	display: block;
}

span.skinsample {
	display:block;
	overflow: hidden;
	border: 1px solid #333;
	width:  10px;
	height: 10px;
	margin-left: 3px; 	
	float: left;
}

.addthis_default_style a span {
	width:16px;
	height:16px;	
}

#facebookbox {
	margin:15px 0px;
	padding: 10px;
	border: 1px solid #ccc;	
}



a.linkicon {
background-image:url("http://gadget.playlistify.org/images/ic12.gif");
border:0px solid #CCCCCC;
display:block;
float:left;
height:13px;
margin-right:5px;
padding:0;
text-decoration:none;
width:12px;
}
a.linkicon:hover {
border:1px solid #58943B;
display:block;
float:left;
height:11px;
width:10px;
}

#ic12px_amazon {
background-position:0 1px;
background-repeat:no-repeat;
}
#ic12px_lastfm {
background-position:-36px 1px;
background-repeat:no-repeat;
}
#ic12px_youtube {
background-position:-48px 1px;
background-repeat:no-repeat;
}
#ic12px_spotify {
background-position:-24px 1px;
background-repeat:no-repeat;
}
#ic12px_twitter {
background-position:-73px 0;
background-repeat:no-repeat;
}
#ic12px_itunes {
	background-position:-11px 1px;
	background-repeat:no-repeat;
}



#controls {
			font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
			background: #f2f2f2;
			font-size:0.55em;
			font-weight: bold;
			line-height: 14px;
			vertical-align:center;
			height:16px;
			display:block;
			overflow: hidden;
			position:relative;
			margin:5px 0px 0px 0px;
			text-align: center;
			padding:0px;
			border-top: 0px solid #333;
			border-left: 0px solid #666666;
			border-right: 0px solid #666666;
			border-bottom: 0px solid #666666;
			z-index: 10000;	
	}
	
	ul#spotcontrols {
		list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
	}
	
	ul#spotcontrols li {
		float:left;
		overflow:hidden;
		cursor:pointer;	
	}
	
	#controls_play {

		width:17px;
		heigth:17px;
		text-indent: -1000em;
		background: url('http://playlistify.org/gadget/images/control_sound_play_gadget.gif') 0px -1px no-repeat;	
	}
	
	#controls_play:hover{
		background: url('http://playlistify.org/gadget/images/control_sound_play_gadget.gif') 0px -17px no-repeat;		
	}
	
	#controls_stop{
		width:17px;
		heigth:17px;
		text-indent: -1000em;
		background: url('http://playlistify.org/gadget/images/control_sound_play_gadget.gif') -51px -1px no-repeat;	
	}
	
	#controls_stop:hover{
	background: url('http://playlistify.org/gadget/images/control_sound_play_gadget.gif') -51px -17px no-repeat;	
	}
	
	#controls_ffwd {
		width:17px;
		heigth:17px;
		text-indent: -1000em;
		background: url('http://playlistify.org/gadget/images/control_sound_play_gadget.gif') -34px -1px no-repeat;	

		
	}
	
	#controls_ffwd:hover {
		background: url('http://playlistify.org/gadget/images/control_sound_play_gadget.gif') -34px -17px no-repeat;	

		
	}
	
	#controls_trackinfo {
		width:185px;
		padding:1px;
		border: 0px solid #666;	
	}
	

// twitter view

#tweetholder {
position:relative;
margin: 20px 0px;	
}

#tweets {
	overflow-y: auto;
	oveflow-x: hidden;
	height: 220px;
	font-size: 10px;
}

#twitworking {
	position:absolute;
	top: 5px;
	right: 5px;
}

.res {
	margin: 5px;
	color: #323133;
	padding-right: 5px;
	font-size: 14px;
	min-height: 40px;
	position:relative;
}


.itemtext {
	margin-left:3px;
	margin-top: 0px;
	padding:0px 0px 5px 16px;
	background:url('images/tweetrandje.png') #FFF no-repeat top left;
font-size: 11px;

}

.imageholder {
	width: 30px;
	height:30px;
}

.imageholder img {
	width: 30px;
	height:30px;
	border: 0px;
}

.username {
color: #009be7;
}

.twitsource {
	font-style:italic;
	color: #999;
}

.twitsource a:link, .twitsource a:visited, .twitsource a:active {
	font-style:italic;
	font-weight: normal;
	text-decoration: none;
}

.twitsource a:hover {
	font-style:italic;
	font-weight: normal;
	color: #323133;
	text-decoration:none;
}

div#artist_twitter_accounts {
	margin-top:20px;
	display:block;
	min-width: 500px;	
}

div#artist_twitter_accounts div {
	border: 1px solid #ccc;
	padding: 5px;
	width: 34px;
	height: 45px;
	float: left;
	display:block;
	overflow:hidden;	
	text-align:center;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#mailright {
			position: relative;
			text-align:center;
			border: 1px dotted #CCC;
			padding: 15px;	
			margin: 25px auto;
			clear:right;
		}
		
div#mailright h2 {
	margin:0px;
	padding: 0px;
		
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;	
	background: url('http://gadget.playlistify.org/images/gadgetbackground.png') #FFFFFF repeat-x bottom right;	
}


.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #f2f2f2;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.jScrollPaneDrag {
	position: absolute;
	  cursor: pointer;
        overflow: hidden;
        left: -2px;
        border: 1px solid #333;
        filter:alpha(opacity=70);
		opacity:0.7;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}