/* 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,
 {
	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, div#mailright {
			position: relative;
			top: 0px;
			right:10px;
			width: 200px;
			text-align:center;
			border: 1px dotted #CCC;
			padding: 5px;	
			float:right;
			margin: 0px 5px 25px 25px;
			clear:right;
		}
		
		div#mailright h2 {
			margin:0px;
			padding: 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: 50px;
				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;				
		}
		
		.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;
			width: 500px;
			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;	
		}
		
		div#cont_winamp, .athreesome_cont{
		display:none;
		font-size: 13px;	
		}
		
		a:link, a:visited, a:active {
			text-decoration: none;
			border-bottom: 1px dotted #589a43;	
			color: #589a43;
		}
		
		a:hover {
			text-decoration: none;
			border-bottom: 1px solid #666666;	
		}
		
		.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;
		}
		
		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:20px 20px 25px 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: 1em;
			font-size: 0.8em;	
			line-height: 1.4em;
		}
		
		div#leftside {
				width: 390px;
				padding: 5px;
		}
		
		div#stats {
		float:right; 
		width:370px; 
		padding:5px; 
		background:#FFFFFF;	
		}
		
		div#statgraphs {
			
			width: 250px;
			word-wrap: break-word;
		
		}
		
		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;
		}

	
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;
	
}

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 auto;
	border:0px solid #589a43; 
	width:200px; 
	background: #deebda; 	
	padding: 30px 30px 20px 30px; 
	font-size: 1em; 
	font-weight: bold;
	text-align: center;
}

div#paypal a:link, a.butt:link, div#paypal a:visited, a.butt:visited, div#paypal a:active, a.butt:active, .ctabutton, .ctabutton1 {
	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 20px 10px 5px;
	text-align:center;
	text-shadow: 0px -1px 0px #374683;
		font-weight: bold;
	//filter: dropshadow(color=#374683,offX=0,offY=-1);
		
}

.ctabuttonspecial, .ctabuttonspecial1 {
		font-size: 1.2em;
		margin:0px 0px 10px 0px;
}

.ctabutton:hover, .ctabutton1:hover {
	color: #cccccc;	
	font-weight: bold;
}

.ctabutton a:link, .ctabutton a:hover, .ctabutton1 a:link, .ctabutton1 a:hover {
			text-decoration: none;
			color: inherit;

			text-align:right;	
			border: 0px;
			font-weight: bold;
		}
		
		div#moreinfo_oven, div#moreinfo_directory{
		display:none;	
		background: #fff;
		}

div#paypal a:hover, a.butt: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;
		
}

.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,.bg_oven1 {
background:url('images/ovenbig.png') #fff no-repeat 50% 0%;
min-height: 106px;
padding-top: 105px;
padding-left: 0px;
width: 350px;
list-style: none;
line-height: 1.4em;	
position:relative;
cursor:pointer;
float:left;
margin: 0px 30px 0px 90px;
}


.bg_directory,.bg_directory1 {
background:url('images/directorybig.png') #fff no-repeat 50% 20px;
min-height: 106px;
padding-top: 105px;
padding-left: 0px;
width: 350px;
list-style: none;	
line-height: 1.4em;
position:relative;
cursor:pointer;
float:left;
margin: 0px 60px 0px 30px;
}

#click_oven,#click_oven1 {
position: absolute;
left: 250px;
top:30px;	
display:none;
}

#click_directory,#click_directory1 {
position: absolute;
left: 250px;	
top:35px;
display:none;
}

#extrainfohome {
	margin-top: 20px;
	margin-left, margin-right: 40px;
	margin-bottom: 20px;
	padding: 0px 40px;
	width:850px;
	height: 350px;
	
}

#extrainfohome h3 {
	margin:0px;	
}

table.extrainfo tr td {
	vertical-align: top;	
	padding: 5px 3px 5px 0px;
	font-size: 0.9em;
}

span.explain {
	font-style: italic;
	font-size: 0.8em;
	color: #589a43;
		
}

.extrainfo_newsletter {
	border: 1px solid #ccc;
	background: url("images/mailsmall.png") no-repeat scroll 95% 30px #F2F2F2;
}

.extrainfo_newsletter td {
		padding: 5px;	
}






div#oven{
	display:none;
	margin-bottom: 20px;
}

		UL.tabNavigation {
		    list-style: none;
		    margin: 10px 0px 0px 0px;
		    padding: 0;
		    background: #fff;
		}

		UL.tabNavigation LI {
		    display: inline;

		}

		UL.tabNavigation LI A {
		    padding: 3px 5px;
		    background-color: #ccc;
		    color: #000;
		    text-decoration: none;
		    border:0px;
		    font-weight: bold;

		    font-size: 0.75em;
		    line-heigth: 1.5em;
		    letter-spacing: -0.05em;

		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    background-color: #589843;
		    color: #fff;
		    padding: 3px 5px;
		    border: 0px;
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}
		
		UL.tabNavigation LI img {
				border:0px;
				vertical-align: text-top;
		}
		
		div.tabs {
			margin-top: 10px;	
			min-height: 200px;
			background: #ffffff;
		}

		div.tabs > div {
			display:none;
			padding: 5px;
			margin-top: 4px;
			border: 5px solid #589843;
			background: url('images/bg_oven.png') no-repeat 98% 100% #ffffff;
		}
		
		div.tabs > div h3 {
			margin: 3px 0px 3px 0px;
			padding: 0;
			font-size: 1.2em;
		}
		
		div.tabs > div h4 {
			font-family: Georgia, Times New Roman, Arial;
			font-size: 1.2em;
			color: #589843;
			font-style: italic;	
			font-weight: normal;
			letter-spacing: -0.04em;
			margin: 5px 0px 15px 0px;
		}
		
#extrainfodata {
	position:relative;	
}		
 
 #extrainfostatus {
 	position: absolute;
 	top: 50px;
 	left: 30px;
 	width: 300px;
 	min-height: 150px;
 	border: 1px solid #666;
	background: #ccc;
	padding: 10px;
 	display:none;
 	text-align: center;
 	z-index: 99;
 }
 
 
 /* SKINS PAGE */

#skinadvantages
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#skinadvantages li 
{
padding: 15px 0px 5px 45px;
background-image: url('images/skin_checkbox.png');
background-repeat: no-repeat;
background-position: 0 .5em;
font-size: 1em;
font-weight: bold;
}

#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #797268;
}

#h3_information, #h3_color, #h3_video {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 60px;
	font-size: 1.5em;
	font-weight: bold;
	color:#333;
	height: 60px;
	line-height: 60px;
}

#h3_video {
	background: url('images/skins_form_video.png') no-repeat 0 .5em;
}

#h3_color {
	background: url('images/skins_form_color.png') no-repeat 0 .5em;
}

#h3_information {
	background: url('images/skins_form_information.png') no-repeat 0 0;
}

#reportform {
	width: 600px;
	margin: 20px auto;
	background: #f2f2f2;
	padding: 20px;
	border: 0px dotted #ccc;
		
}

.labelke {
	width: 250px;
}

#reportform label {
	text-align:right;
	padding-right:5px;
	width:430px;	
}

#reportform small {
	font-size: 0.6em;
	color: #589A43;
	font-weight: bold;		
}




#reportform input {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666;
	padding: 3px;
	border: 1px solid #bbbbbb;
}

#reportform input[type=text]:focus {
		border: 1px solid #589A43;
		color: #589A43;

}


#reportform .status {
  padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  width: 230px;
}

#reportform label.error {
  background:url("images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 17px;
  padding-bottom: 2px;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.3em;
  color: #EA5200;
}

#reportform label.checked {
  background:url("images/checked.gif") no-repeat 0px 0px;
}


/* Search Fields */
 
 
#searchwrappersmall {
height:30px;/*follow your image's size*/
background: url('images/magnifysearch_small.gif') no-repeat 4px 11px #deebda;
padding: 0px;
margin:5px auto; 
position:absolute; /*important*/
top: -75px;
right: 35px;
}
 
#searchwrappersmall form { display:inline ; }
 
.searchboxsmall {
	position: absolute;
	top: 5px;
	left: 18px;
	border:1px solid #58943B; /*important*/
	background-color:#ffffff; /*important*/
	width:200px;
	height:16px;
	font-size: 11px;
	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: 13px;
	height: 15px;
	width: 50px;
	text-align: center;

}