/* Main styles */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #525252;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	background-image: url(/images/template/header-bg.png);
	background-position: 50% 0%;
	background-repeat: no-repeat;
}

a { color: #2c4c79; text-decoration: none; }

a:link, a:visited { text-decoration: none; }
a:active, a:hover { color: #142e51; text-decoration: underline; }

.smalllinks a{ color: #000; font-size:10px; }
.smalllinks a:hover{ color: #142e51; text-decoration: underline; }

a img { border: none; }

h1 {
	margin-top:0px;
	font-size: 26px;
	font-weight: normal;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 4px 0;
}

h3 {
	font-size: 17px;
	font-weight: normal;
	margin: 4px 0;
}
h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 4px 0;
}

h1, h2, h3, h4 { color: #000; }

.playlist_container h1{ margin-bottom:0px; font-size:20px; }
.playlist_container h2{ font-size: 17px; }

.pagination {
	font-weight:bold;
	padding-top:25px;
	text-align:center;
	text-transform:uppercase;
}

/* Universal resets */
#nav, #nav li, #searchbox, .tracks_list ul, #popular_artist_genre_list ul { margin: 0; padding: 0; }

.clearer{ clear:both; }

/* Layout styles */

#breadcrumb_nav,
.container {
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
	position: relative;
}


/** BREADCRUMB NAVIGATION **/

#breadcrumb_nav {
	margin-top:-13px;
    margin-bottom: 8px;
	font-size: 10px;
}

#breadcrumb_nav div {
	float: left;
	padding: 0px 2px;
}

/* Header area */
#header {
	height: 87px;
	margin: 0 auto;
	margin-bottom: 25px;
	padding-top: 25px;
	overflow: visible;
	position: relative;
	width: 950px;
	z-index:40; /* Workaround for IE7 bug. Makes search results z-index work correctly */
}

#logo {
	margin-left: 30px;
}

#header a img { border: 0; }

#nav {
	list-style: none;
	float: left;
	position: absolute;
	bottom: 1px;
	width: 700px;
	margin-left: 25px;
	left: 0;
}

#nav li { float: left; }

#nav li a {
	display: block;
	width: 95px;
	height: 27px;
	text-indent: -999em;
	outline: none;
 	background-image: url(/images/template/tabs/sprite.png);
	margin-left: 4px;
}

#nav li a.home { background-position: 0 0; }
#nav li a.home:hover { background-position: 0 0; }
#nav li a.releases { background-position: 0 216px; }
#nav li a.releases:hover { background-position: 0 216px; }
#nav li a.support { background-position: 0 162px; }
#nav li a.support:hover { background-position: 0 162px; }
#nav li a.blog { background-position: 0 108px; }
#nav li a.blog:hover { background-position: 0 108px; }
#nav li a.forum { background-position: 0 54px; }
#nav li a.forum:hover { background-position: 0 54px; }
#nav li:after { content: ''; }
/** SEARCH BOX **/

#search_input_container {
	background-color: #fff;
	padding: 4px;
	border: 1px solid #ddd;
	float: right;
	line-height: 1;
	margin: 0px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#search_input_container form{ margin:0px; }

#search_input_container input {
	padding: 0;
	margin: 0;
	border: 1px solid #fff;
	-webkit-appearance: none;
}
#search_input_container input:focus { outline: none; }

#search_input_container .results{
	position:absolute;
	background-color:#f5f5f5;
	border:1px solid #ddd;
	padding:3px 7px;
	min-width: 220px;
	z-index:30;
	right:-1px;
	top:24px;
	display:none;
	white-space:nowrap;
}

#search_input_container input{ width: 190px; }
#search_input_container .results.found{
	padding:7px 10px;
	/*width:250px;*/
}

#search_input_container .results .focus_link{ color:#f5f5f5; }

#search_input_container .results .searching{
	position:relative;
	font-size:11px;
	line-height:0.8
}
#search_input_container .results .noresults{
	font-size:11px;
	padding: 8px 0px;
	line-height:1.7;
	display:none;
}
#search_input_container .results .noresults .token{ font-weight: bold; }
#search_input_container .results .searching .text{
	position:absolute;
	left:18px;
	top:4px;
}
#search_input_container .results.found .searching{ margin-top:7px; }
#search_input_container .results .more{
	font-weight:bold;
	font-size:11px;
	color:#2c4c79;
	display:none;
}
#search_input_container .results .close{
	display:none;
	margin-top:5px;
	font-size:10px;
	color:#2c4c79;
	text-align:right;
}
#search_input_container .results.found .close{ display:block; }
#search_input_container .results .more span:hover,
#search_input_container .results .close:hover{
	cursor:pointer;
	text-decoration:underline;
	color: #142e51;
}

#search_input_container .results .data .title,
#search_input_container .results .data .list{ display:none; }
#search_input_container .results .item{
	color:#2c4c79;
	padding:2px 4px;
	margin: 0px -4px;
	font-size:11px;
}
#search_input_container .results .data.item:hover{ cursor: pointer; }
#search_input_container .results .item.selected{ color:#fff; background-color:#2c4c79; }

.alertbox {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
    padding: 5px 0;
	opacity: 0.9;
	background-color: #b33;
	text-align: center;
	color: #fff;
	z-index: 50;
}
.alertbox a {
    color: #fff;
}

/* Body Content */

#content {
	width: 700px;
	float: left;
}

#sidebar_login { display:none; }

#sidebar_login input[type=text],
#sidebar_login input[type=password]{ width: 160px; font-size: 11px; }
#quick_login_submit { font-size: 11px; }
#sidebar {
	width: 200px;
	float: left;
	margin-left: 50px;
	font-size: 10px;
}

.greybox {
	border: 1px solid #ddd;
	color: #444;
	line-height:1.7em;
}

.greybox,
.toolbox .inner{ background-color: #eee; }

.greybox, .blackbox,
.toolbox, .toolbox .inner{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	margin-bottom:13px;
	overflow:hidden;
	padding:10px;
	position:relative;
}

.greybox .seperator, .navigation .seperator {
	border-top:1px solid #ddd;
	margin:8px 0;
}

/* Home Page */

.releases {
	font-size:10px;
	overflow: hidden;
}

.releases .release {
	line-height: 120%;
	width: 225px;
	float: left;
	margin: 0 12px 10px 0;
	padding-top: 2px;
	position:relative;
}

.releases .release .position {
	width:16px;
	float:left;
	text-align: right;
}

.releases .release .new {
	position: absolute;
	bottom:0px;
	left:0px;
	color:#bf311a;
	font-weight: bold;
	z-index:10;
	width: 30px;
	height: 14px;
	margin:0px;
	padding:3px 0px 0px 5px;
	background-color:#fff;
}

.featured_release .release .new {
	font-size:14px;
	width: 45px;
	height: 20px;
	padding: 6px 0px 0px 10px;
}

.releases .release .title { margin-top:2px; font-weight:bold; }
.releases .release .title,
.releases .release .label{ margin-left:60px; }

.releases .see-more {
	float: left;
	clear: both;
	font-size:11px;
}

.recent-releases .release .title{ width: 150px; }

.charts .release .title,
.charts .release .label{ margin-left:56px; }

.featured_release{ margin-bottom:30px; }
.featured_release h3{
	margin-top:0px;
	margin-bottom:10px;
}
.featured_release .release{
	width:340px;
	float:left;
	position:relative;
}
.featured_release .release .title,
.featured_release .release .label,
.featured_release .release .genre,
.featured_release .release .buttons{
	margin-left:160px;
	line-height: 1.5em;
}
.featured_release .release .buttons{
	position:absolute;
	bottom:5px;
}
.featured_release .release .title a{
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1em;
}
.featured_release .release .title a span{
	font-size:14px;
	line-height: 1.5em;
}
.featured_release .release .label a{ font-size:11px; }

.charts .release a.preview,
.recent-releases .release a.preview{
	height:10px;
	width:11px;
	background-position:-1px -170px;
}

.recent-releases .release a.preview{
	position: absolute;
	right:0px;
	top:2px;
}

.charts .release .title { margin-top:2px; }

.charts .release .title .link{
	float:left;
	max-width: 235px;
	padding-top:1px;
}
.charts .release .title a.preview{
	float:left;
	margin-left: 5px;
}

/** ========= Cover art + Play button ============= **/

.release_cover { position: relative; }
.release_cover.preview:hover { cursor: pointer; }
.release_cover:hover .play_button {
	display: block;
}

.releases .release .release_cover{ float: left; }

.release_cover img{ border: 1px solid #eee; }

.release_cover.recent_release img{ width: 52px; height: 52px; }
.release_cover.recent_release .play_button{
	background-image:url(/images/overlay/play/20-20.gif);
	width:20px; height:20px;
	left:17px; top:17px;
}
  
.release_cover.chart img{ width: 36px; height: 36px; }
.release_cover.chart .play_button{
	background-image:url(/images/overlay/play/15-15.gif);
	width:15px; height:15px;
	left:11px; top:11px;
}

.release_cover .play_button {
	position: absolute;
	display: none;
	z-index: 20;
	opacity: 0.5; filter: alpha(opacity=50);
	background: transparent url(/images/overlay/play/80-80.gif) no-repeat;
	width: 80px; height: 80px;
	left: 60px; top: 60px;
}

#list-with-images .play_button,
.featured_release .play_button{
	background: transparent url(/images/overlay/play/40-40.gif) no-repeat;
	width: 40px; height: 40px;
	left: 17px; top: 17px;
}

.featured_release .play_button {
	left: 55px; top: 55px;
}

.featured_release .release_cover img{ width: 150px; height: 150px; }

.releases h2 { margin-bottom:15px; }

.hometext
 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	overflow: hidden;
	margin-bottom:20px;
}

.hometext .text_block {
	float: left;
	width: 310px;
}

.hometext h2 { font-weight:bold; }


/* Stuff for logged in users homepage */

.charts {
	margin: 30px 0 40px;
	overflow: hidden;
}

.quick-question {
	margin: 8px 0;
	color:#404040;
	font-size:11px;
	float: left;
}
.quick-question a { font-weight: normal; }
.date { font-size: 11px; }

.download_chart {
	float: left;
	width: 366px;
}

.download_chart .release {
	width: 366px;
	margin-bottom: 3px;
}

#top10weekly, #top10monthly {
	overflow: hidden;
	width: 337px;
}

#top10monthly {
	margin-left: 25px;
}

.download_chart .release .title,
.download_chart .release .label {
	padding-left: 3px;
	overflow: hidden;
}

.download_chart h3 { margin-top: 0px; }

.download_chart .release .title .text { float:left; padding-top: 1px; }

.release .title .button { float:right; }

.homepage .release .title .button { padding-left: 1px; }
.download_chart .release .title .button { padding-left: 5px; }

#popular_artist_genre_list ul {
	float: left;
	width: 133px;
	padding-right: 7px;
	list-style: none;
}
#popular_artist_genre_list .genre { margin-bottom:5px; font-size:12px; font-weight:bold; color:#000; }
#popular_artist_genre_list .artist {
	height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#popular_artist_genre_list .all_links,
#popular_artist_genre_list .view_all { font-weight: bold; font-size: 11px; }
#popular_artist_genre_list .all_links { margin-top: 8px; }

#popular_artist_genre_list ul a{ color: #000; }
#popular_artist_genre_list ul .smalllinks a,
#popular_artist_genre_list ul .all_links a{ color: #2c4c79; }
#popular_artist_genre_list ul a:hover{ color: #142e51; }

/* Sidebar */

.sidebar_content_list { margin-bottom: 13px; }
.sidebar_content_list .summary {
	margin: 0;
	border-top: 1px solid #ddd;
	font-size: 11px;
}
.sidebar_content_list a {
	font-weight: normal;
	display: block;
	padding: 3px 0 3px 8px;
}
.sidebar_content_list .sub_header { padding: 3px 0 0px 8px; }
.sidebar_content_list .summary div a.highlight {
	padding: 2px 0px 2px 8px;
}

.sidebar_content_list .summary div img {
	margin: 0px 2px -3px -2px;
}

.sidebar_content_list .summary a.highlight:hover {
	text-decoration: none;
	background: #f3f3f3;
	color:#000;
}
.sidebar_content_list .see-more { font-size: 9px; }

/* Footer */

#footer {
	position: relative;
	clear: both;
	margin: 70px 0px 10px 0px;
	width: 695px;
	background: #eee;
	font-size: 11px;
	line-height: 1.3em;
	padding: 5px 15px;
	overflow: visible;
	border:1px solid #DDD;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-top-right-radius:7px;
}
#footer .short_url{ margin-top:5px; }
#footer .column{ float:left; margin-right: 60px; }
#footer .column.left{ margin-right: 100px; }
#footer .column.right{ margin-right: 0px; }
#footer .column div{ padding:2px; }

.watermark {
	position: fixed;
	right: 0;
	bottom: 0;
	color: #f00;
	font-size: 30px;
	z-index: 300;
}

/* Errors */

#pp_popup_error {
	color: #888;
	font-size: 90%;
	border: 1px solid #404040;
	padding: 8px 10px;
	margin: 25px 70px;
	display: none;
}

#pp_popup_error img { padding: 2px; float: left; }
#pp_popup_error div { margin-left: 18px; }

/* ******************* POP-UP DIALOGS ********************** */

.dialogue_container {
	position: fixed;
	z-index: 200;
	width: 100%;
	top: 120px;
}

.dialogue {
    color: #444;
	margin: 0 auto;
	padding: 10px 30px 20px 30px;
	border: 1px solid #aaa;
	background-color: #eee;
}

.dialogue_body {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.dialogue_body input, .dialogue_body textarea {
    border: 1px solid #aaa;
}

.dialogue_body hr {
	color: #404040;
	background-color: #404040;
}

/* File download disclaimer dialog */
#download_disclaimer_dialogue .dialogue{
	width:250px;
	padding:10px;
}
#download_disclaimer_dialogue .dialogue_body{
	font-weight: normal;
	text-transform: none;
	line-height:120%;
}
#download_disclaimer_dialogue .disclaimer{
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	padding-bottom:5px;
}
#download_disclaimer_dialogue .dialogue_body input{ margin-left:0px; }
#download_disclaimer_dialogue .dialogue_save{ float:right; }

.search-results .section{ margin-bottom:10px; }

.search-suggestions div{
	float:left;
	width:200px;
	margin-right:25px;
}

.sidebar .item,
.sidebar .detail_item{
	padding: 3px 0px;
	margin-left:10px;
}

/* Sidebar stuff only used by "Latest Whitelabel.net Releases" for now */
#sidebar_latest_releases .link_text{
	line-height: 130%;
	margin-left: 60px;
}

#sidebar_latest_releases .detail_item img{
	float:left;
	width:50px;
	border:none;
}

#sidebar_latest_releases .detail_item a:hover .link_text{ text-decoration: underline; }

/* Regular content pages... FIND THE RIGHT SPOT FOR THIS ERU!!!! */

.productleft,
.productright{
	display:inline; /* IE6 hack */
	float: left;
	width: 310px;
}
.productfull,
.productleft {
	margin: 10px 40px 0px 20px;
}
.productright {
	margin-top:10px;
	width: 330px;
}

.all-link{ font-size:10px; font-weight:bold; }

.sortableList{ padding:0px; list-style: none; }
.sortableList.editable .sort-handle { cursor: hand; cursor: pointer; }