html, body {
	margin:auto;
	height:100%;
	margin:0;
	padding:0;
	font-family:Tahoma;
	font-size:12px;
	background:url(../images/gradient.jpg) top repeat-x;
}

#frame {
	margin:auto;
	width:1024px;
	padding:0px 0px 0px 0px;
}


/* --------------- generic --------------- */

#display p { 
	padding:20px 0px 20px 0px; 
}

a { 
	outline:none; 
	cursor:pointer;
}

/* --------------- header --------------- */

#header {  
	margin:auto;
	width:816px;
	height:194px;
	background:url('../images/header.jpg');
	line-height:14px;
}

#header p {
	margin:0;
	padding:127px 0px 0px 163px;
	width:455px;
	text-align:center;
}

/* --------------- form elements --------------- */

fieldset { 
	margin:7px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	border:none;
}

fieldset label { 
	padding:0px 20px 0px 0px; 
	display:block;
	height:20px;
	font-size:11px;
	color:#ffffff;
}

fieldset input.text-input { 
	margin:0px 0px 10px 0px;
	padding:7px;
	height:14px;
	width:221px; 
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid #2e2e2e;
	border-bottom:1px solid #2e2e2e;
	background-color:#282828 !important;
	color:#8F8F8F !important;
}

label.error { color:red; }

input.button { 
	float:right;
	width:98px;
	height:18px;
	margin:0px 8px 0px 0px;
	background:url('../images/submit.jpg');
	border:none;
	overflow:hidden;
	display:block;
	line-height:0;
	text-indent:-999px;
	cursor:pointer;
}

select { margin:0px 15px 0px 0px; }

#date { height:31px; }

/* --------------- playlist elements --------------- */

#playlists { 
	width:260px;
	/*height:455px;*/
	height:507px;
	margin:20px 0px 0px 0px;
	padding:5px 11px 5px 17px;
	background:url('../images/playlist_bg.png') no-repeat;
	line-height:12px;
	color:#ffffff;
	overflow:hidden;
}

#playlist_type { height:35px; margin:0; }
#playlist_type span { float:left; padding:8px 0px 0px 1px; font-size:13px; font-weight:bold; color:#000000 !important; }
#playlist_type img { float:right; padding:0px 3px 0px 0px; }

#playlist_header {
	width:235px;
	height:32px;
	margin:0px 0px 2px 0px;
	padding:6px 10px 0px 10px;
	font-size:12px;
	color:#70AC14;
	text-align:center;
	background:url('../images/playlist_header.jpg') top no-repeat;
}

/* ----- playlist tabs ----- */


#most_popular_tab, #recently_added_tab {
	padding:9px 0px 0px 0px;
	font-size:13px;
	color:#ffffff;
	background:url('../images/playlist_inner_bg.jpg') repeat-y;
}

#recently_added_tab { margin:3px 0px 0px 0px; }
#most_popular_tab, #recently_added_tab { padding:6px 0px 8px 7px; }
#most_popular_tab a, #recently_added_tab a { color:#FFFFFF; text-decoration:none; }

#arrow_one, #arrow_two { 
	float:right;
	padding:5px 10px 0px 0px;
}


/* ----- playlist content ----- */

#track_lisitings, #track_lisitings_loading {
	width:255px;
	height:500px;
}

#track_listings_loading {
	text-align:center;
	padding:100px 0px 0px 0px;
	color:#70AB14;
}

#most_popular, #recently_added, #add_song {
	padding:0px 4px 5px 7px;	
	background:url('../images/playlist_inner_bg.jpg') repeat-y;
	overflow:hidden;
}

#most_popular { margin:0; height:82px; }
#recently_added { height:82px; }
#add_song { margin:3px 0px 0px 0px; padding:7px 4px 0px 7px; height:258px; overflow:hidden; }

img.spotify { 
	position:absolute; 
	margin:0px 0px 0px 215px;
}

#add_song p { margin:0; padding:5px 0px 0px 0px; color:#8F8F8F; font-size:10px; width:212px; }
#add_song p.title { margin:0; padding:0; font-size:13px; color:#ffffff; }
#add_song p.intro { height:35px !important; }

#add_song #competition { 
	height:150px;
}

table tr { font-size:11px; }

table tr.title { 
	font-size:13px !important;
	color:#ffffff; 
}

table tr td span { color:#ffffff; }
table tr td a { color:#70AB14; text-decoration:none; }
table tr td a:hover { color:#EB951A }

/* --------------- facebook elements --------------- */


#competition {
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 57px;
	width:228px;
	height:50px;
	background:url('../images/facebook_bg.jpg');
}

#facebook { 
	width:173px;
	height:20px;
	text-align:center;
}

#submit a { 
	float:left; 
	padding:0px 10px 0px 0px; 
	color:#70AB14;
	text-decoration:none;
}

#submit a:hover { color:#EB951A; }
#submit img { padding:0px 0px 0px 23px; }
#submit a.facebook { padding:2px 0px 0px 0px; }


/* --------------- display elements --------------- */

#display { 
	margin:30px 0px 0px 0px; 
	text-align:center;
}

#display p { 
	width:239px;
	font-size:12px !important;
	color:#ffffff !important;
	line-height:14px;
	text-align:center;
}

#display p span { color:#70AB14; }
#display p a { color:#70AB14; text-decoration:none; cursor:pointer; }
#display p a:hover { color:#EB951A; }

/* --------------- flash content --------------- */


#content_right { 
	float:right;
	width:730px;
	height:415px;
	margin:20px 0px 0px 0px;
}

#flashcontent {
	width:730px;
	height:450px;
	padding:45px 0px 0px 0px;
}


/* --------------- footer --------------- */

#footer { 
	width:671px;
	height:100px;
	padding:0px 0px 0px 59px;
}

#footer #left { 
	float:left;
	width:253px;
	height:67px;
	margin:2px 0px 0px 0px;
	padding:31px 0px 0px 80px;
	background:url('../images/footer_left.jpg');
	font-size:13px;
}

#footer #left p {
	margin:0;
}

#terms { 
	clear:both; 
	margin:auto;
	padding:40px 0px 10px 0px;
	width:700px;
	text-align:center;
}

#terms a { color:#70AB14; text-decoration:none; }
#terms a:hover { color:#EB951A; }

#terms p { 
	margin:5px 0px 0px 0px; 
	font-size:11px; 
	color:#cbcbcb;
}

#terms_and_conditions {  
	width:500px;
	padding:15px;
}

#terms_and_conditions ul { 
	margin:0 !important;
	padding:0px 0px 0px 21px !important;
}

#terms_and_conditions ul li { 
	list-style:none; 
	padding:0px 0px 7px 0px;
} 

#terms_and_conditions p.title { font-weight:bold; } 

#terms_and_conditions ul li span { font-weight:bold; } 

/* --------------- links --------------- */

a.playlists { color:#70AB14; text-decoration:none;  }
a.playlists:hover { color:#EB951A; }