/* support for class="surround" */
.surround { *zoom: 1; }
.surround:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }

/*textarea { resize: both; min-width: 240px; min-height: 80px; max-width: 450px; max-height: 150px; overflow-y: auto; } /* CSS3: resize and associated max/min sizes supported in Webkit */*/

html {
	height: 100%;
}

body {
	font: normal 11px arial, helvetica, sans-seriF;
	margin: 0;
	padding: 0;
	background: #202020;
	text-align: center;
	color: #fff;
}

#wrapper {
	width: 1040px;
	height: 100%;
	background: #121212;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.hidden{display:none;}
.flr{float:right;}
body#auth .q_container { padding-top: 1em; }
body#auth .q_container #forgotten_password { padding-left: 1em; }
body#auth .q_container h3 { margin-bottom: 0.5em; padding-left: 0.5em; }
body#auth .q_container #forgotten_password p.intro { margin-bottom: 0.5em; }

body#auth .q_container p, body#auth .q_container h3 { margin-left: 15px;}
body#auth .q_container p.info  { margin-left: 5px; }
body#auth .q_container div.content.surround { margin-left: 15px; }
body#auth #plugRegisterBlock_content .q_container p,
body#auth .q_container h4 { margin: 0 20px; }
body#auth .q_container div.content.surround #form-auth_register { margin-left: 5px; }

div.form div.fcheckbox { margin-bottom: 2em; }

p { font: normal 11px arial, helvetica, sans-serif; margin: 8px 0 0 0; }	
h2 { font: normal 18px arial, helvetica, sans-serif; margin: 0; color: #fff; }
h3 { font: normal 18px arial, helvetica, sans-serif; margin: 5px 0 0px 0; color: #fff; }
h4 { font: normal 18px arial ,helvetica, sans-serif; margin: 0; color: #fff; }

.style3 { font-family: "futura condensed"; margin:10px 0 20px 0; color:#FFF200; font-weight: normal; }

.left { float: left; }
.right { float: right; }

/* top
---------------------------------------------------------------------------------*/
#top {
	width: 1040px;
	height: 78px;
	clear: both;
	position: relative;
}

#logo, #logo1 { 
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
	z-index: 10;
	width: 265px;
	height: 78px;
	overflow: hidden;
}

#logo1 { height: 152px; width: 180px; }

#logo span,
#logo1 span {
	display: block;
	width: 265px;
	height: 230px;
	background: url(/staticfiles/img/app/logo.png) no-repeat;
	cursor:pointer;
}

#logo1 span { background-position: left -78px; }

#main-body { z-index: 20; }

/* navigation 
--------------------------------------------------------------*/
#nav_container {
	margin: 0;
	padding: 0 0 0 216px;
	width: 824px;
	height: 78px;
	position: relative;
	text-align: center;
	float: left;
	clear: right;
	background: #666 url(/staticfiles/img/app/nav_bg.gif) repeat-x;
}

/* top_tab */
#top-tab {
	float: right;
	height: 40px;
	padding: 0 0 5px 23px;
	background: transparent;
	
}
#top-tab-bg	{
	float: right;
	background: url(/staticfiles/img/app/top_tab_slice.png) repeat-y right bottom;
	position:relative;
	z-index:1000;
	width: 500px;
	margin: 0 18px 0 0;
	padding: 6px 8px 2px 8px;
}

#top-tab-footer{
	float: right;
	background: url(/staticfiles/img/app/top_tab_bottom.png) no-repeat right bottom;
	position:relative;
	z-index:1000;
	height:6px;
	width: 500px;
	margin:0 18px 0 0;
}

#top-tab-bg	a { color: #fff; text-decoration: none; font-size: 11px; }
#top-tab-bg	a:hover {
	text-decoration: underline;
	color: #fff000;	
}

#top-tab img {
	border: none;
}

#login-button,
#my-account 			{ float: left; font-size: 10px; padding-right: 15px; margin-left: 30px }

#welcome-back  			{ float: left; font-size: 10px; margin: 0; }

#logout					{ float: right; margin-right: 20px; text-transform: uppercase; }
#register-link 			{ float: right; margin-right: 20px; text-transform: uppercase; }
#welcome-back a 		{ color: #ff0; text-decoration: none; text-transform: uppercase; }

/* menu */
#menu {
	float: right;
	clear: both;
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	font: normal 24px futura;
	bottom: 0px;
}

#menu li {
	margin: 0;
	height: 24px;
	float: left;
	padding: 0 15px;
	background: transparent url(/staticfiles/img/app/yellow_dots.png) repeat-y 0;
	text-align: left;
}

#menu li.first { background: transparent; }

#menu a:link img,
#menu a:visited img 				{ border: none; border-bottom: solid 3px #5F5F5F; }
#menu a:hover img 					{ border-bottom: solid 3px #fef200; }
#menu .active-nav a img 			{ border-bottom: solid 3px #fef200;	}


/* middle
---------------------------------------------------------------------------------*/
#middle {
	width: 1040px;
	clear: both;
	background: #000 url(/staticfiles/img/app/middle-bg.png) repeat-y top left;
}

/* left_bar
--------------------------------------------------------------*/
#left_bar {
	position: relative;
	width: 228px;
	padding: 80px 0 0 0;
	float: left;
	background: #111211 url(/staticfiles/img/app/left-bg.jpg) repeat-x top left;
	clear: left;
	min-height: 506px;
}
* html left_bar { height: 506px; }

/* global search */
#search {
	width: 107px;
	height: 14px;
	margin: 20px 0 15px 100px;
	clear: both;
	background: url(/staticfiles/img/app/title-quicksearch.png) no-repeat;
	position: relative;
	z-index: 11;
	cursor: pointer;
}

h3#title-browse-categories { margin-left: 60px; }
h3#title-browse-categories span { position: relative; }
h3#title-browse-categories, h3#title-browse-categories span { height: 30px; width: 153px; background: url(/staticfiles/img/app/title-browse.png); }

#search form 		{ margin: 0; padding: 0; border: none; }
#search-box 		{ margin: 2px 0 0 0; padding: 0; border: none; background: transparent; line-height: 22px; }
#search-button 		{ margin: 0; padding: 0; border: 0; float: right; position: absolute; right: 25px; }

#ColumnBrowser 		{ position: absolute; z-index: 30; }

/* Joe's magik search */
#KeywordSearch	{
	margin-top: 73px;
	position: absolute;
	background-color: #494949;
	z-index: 30;
}
* html #KeywordSearch	{
/*	overflow: hidden*/
}

#KeywordSearchItemCount { font-weight: bold; color: #fff000; }

#SearchItemContainer	{
/*	position: absolute;*/
/*	overflow: hidden;*/
}

.searchsuggestionscontainer { position:absolute; z-index: 10; max-height: 300px; overflow: auto; }

/* browse */
#browse {
	margin-top: 2em;
	
	width: 226px;
/*	height: 458px;*/
	clear: both;
	z-index: 12;
	position: relative;
/*	background: #121212 url(/staticfiles/img/app/left_gradient_bg.jpg) repeat-x;*/
}

#browse ul 					{ margin: 0; padding: 0 0 5px 0; background: url(/staticfiles/img/app/cats-bg.png) no-repeat 15px bottom; }
#browse ul li 				{ margin: 0 25px 7px 0; padding-right: 10px; list-style: none; text-align: right; background: url(/staticfiles/img/app/yellow-arrow.png) no-repeat center right; }
#browse ul li a 			{ color: #FFFFFF; text-decoration: none; font-size: 11px; }
#browse ul li a:hover 		{ color: #fff000; text-decoration: underline; }

/* main
--------------------------------------------------------------*/
#main {
	width: 812px;
	padding: 0;
	float: left;
	background: #000 url(/staticfiles/img/app/main_bg.jpg) repeat-x;
	clear: right;
}
* html #main { height: 654px; }

/* welcome */
#welcome {
	margin: 0;
	padding: 15px 15px 0 15px;
	width: 780px;
	text-align: left;
	clear: right;
	float: left;
	background: transparent;
	/* border: solid black 1px; */
}

#welcome h2 							{ border-bottom: 1px solid #fff; margin-bottom: 10px; }

#track-description {
	margin: 0 15px 0 0;
	padding: 0;
	width: 260px;
	height: 180px;
	float: left;
	position: relative;
}

#track-description p { margin: 0 0 0.5em 0; }

#discs {
	margin: 0;
	width: 505px;
	height: 200px;
	float: right;
	background: #000;
}

/* info */
#search-info {
	margin: 0;
	padding: 0 15px 10px 15px;
	width: 799px;
	position: relative;	
	text-align: left;
	clear: both;
}
body#home #search-info { background: #343434; }
.main-body-home #search-info { padding-top: 10px; }

.dark-box, .lite-box {
	margin: 0 15px 0 0;
	padding: 5px;
	width: 250px;
	height: 128px;
	float: left;
	background: #1b1b1b; /*url(/staticfiles/img/app/dark_box_bg.png) repeat-x;*/
}

.lite-box {
	background: url(/staticfiles/img/app/lite_box_bg.png) repeat-x;
}

#lite-box { width: 504px; margin-right: 0; }
#lite-box .blurb { width: 450px; }

.dark-box img, .lite-box img {
	float: left;
}
	

.blurb {
	padding: 0px;
	margin: 0;
	clear: both;
	width: 230px;
}

.blurb img {
	float: left;
	width: 94px;
	height: 94px;
	margin-right: 10px;
	margin-left: -3px;
	border: solid 3px #121212;
}

.dark-box .blurb p	{
	float: right;
	width: 110px;
}

.date {
	color: #fff100;
	float: right;
	padding: 0 1px 5px 5px;
	margin-right: 6px;
	background: url(/staticfiles/img/app/h_dot.png) repeat-x bottom left;
}

.cover 					{ float: left; }
.blurb 					{ float: left; padding: 0 10px 10px 3px; }

.detail_box 			{ float: left; width: 224px; margin-left: 18px; margin-top: 18px; padding: 0 12px; }
.detail_box img 		{ margin-bottom: 0px; }
.detail_box p 			{ clear: both; margin-left: 5px; }

#plugplugHomeLatestReleases 	{ clear: both; float: left; }
#plugplugHomeLatestReleases h3 	{ margin: 10px 0 0 0; }

#home-latest-releases 				{ margin: 10px 0 0 0; padding: 10px 10px 10px 10px; float: left; width: 763px; background: #000 url(/staticfiles/img/app/home-box-bg.jpg) repeat-x; }
#home-latest-releases .album-item 	{ padding-right:5px !important; margin-right: 5px; width: 246px }
#home-latest-releases a 			{ text-decoration: none; }
#home-latest-releases div.album-item div.album-desc { margin-top:0.5em; }
#home-latest-releases .album-item.last { margin-right: 0; }

/* listings
--------------------------------------------------------------*/
.content-container,
#listings 										{ width: 769px; margin: 0 10px; padding: 10px; background: #525252; }

#selection-options 								{ padding: 10px 20px 2px 0; }
#selection-options a 							{ color: #FFF000; font-size: 12px; text-decoration: none; }
#selection-options a:hover 						{ text-decoration:underline}
#selection-options span.tracks-found 			{ float: left; color: #FFF000; width: 150px; }
#selection-options div.selection-actions 		{ float: right; text-align: right; width: 600px; }

#search-listings 								{ width: 779px; padding-right: 5px; }
#list-body, #list-head 							{ margin: 0; padding: 0; }

#search-listings #list-head 					{ background: #fef200; color: #000; margin-bottom: 4px; padding-right: 15px; }
#search-listings #list-head li 					{ float: left; text-transform: uppercase; }
#search-listings #list-body						{ height: 300px; overflow: auto; }
                                            	
#search-listings ul,                        	
#search-listings li,                        	
#search-listings span 							{ margin: 0; padding: 0; }
                                				
#search-listings li 							{ list-style: none; padding: 3px 0; }
#search-listings li.search-item 				{ background: #282828;/*#282828*/ margin-bottom: 2px; }
#search-listings span 							{ display: block; float: left; line-height: 1.5em; }

#search-listings .track-title 					{ width: 150px; margin-left: 5px; }
#search-listings .track-time 					{ width: 40px; text-align: center; }
#search-listings .track-version					{ width: 60px; }
#search-listings .track-cat 					{ width: 80px; }
#search-listings .track-desc 					{ width: 295px; }
#search-listings .track-no 						{ width: 50px; }
#search-listings .track-cat-no 					{ width: 70px; }
#search-listings .track-action 					{ width: 80px; }

#search-listings .track-no,
#search-listings .track-cat-no,
#search-listings #list-head .track-no,
#search-listings #list-head .track-cat-no 		{ text-align: center; }
#search-listings #list-head .track-action		{ text-align: left; padding-left: 3px; padding-right: 0; }
#search-listings span.track-action 				{ text-align: left; padding: 0 3px 0 0; }
#search-listings span.track-action a 			{ text-decoration: none; }
#search-listings span.track-action a span 		{ line-height: auto; float: none; }
                                            	
#search-listings .track-edits .track-title 		{ width: 130px; padding-left: 20px; }
#search-listings .track-edits 					{ padding: 0; }
#search-listings li.track-edits 				{ background: #000000; }
#search-listings .track-edits li.search-item 	{ background: #454545; } 

#search-listings #list-body li.versions-open 	{ background: #282828; color: #fff; } /* bg previously: CCCCCC */
#search-listings #list-body li.selected 		{ background: #CC00FF; }
#search-listings #list-body li.highlighted 		{ background: #666; color: #fff; } /* bg previously: CCCCCC */
.track-order:hover 								{ text-decoration: underline; cursor: pointer }

#search-listings #list-body li .track-action a	{ float: left; padding: 1px; height: 15px; margin-left: 3px; }

#main-body-loading { height: 460px; width: 780px; padding: 135px 0 0 326px; }

#list_pages {
	width: 742px;
	margin: 6px 7px 0px 25px;
	padding-right: 8px;
	background: transparent;
	text-align: right;
	clear: left;
}

#items-pagination .page-link					{ padding: 5px; white-space: normal; display: inline; }
#items-pagination .page-link:hover				{ cursor: pointer; text-decoration: underline; }

#items-pagination .selected 					{ color: #FFF000; }
#items-pagination 								{ margin-left: 10px; text-align: center; padding-bottom: 10px; width: 804px; }

#pagination p.pagination						{ text-align: center; }
#pagination p.pagination strong					{ padding: 0 0 0 5px; color: #fff000; }
#pagination p.pagination a						{ color: #fff; padding: 0 0 0 5px; text-decoration: none; }
#pagination p.pagination a:hover				{ cursor: pointer; color: #fff000; }


/* faq
--------------------------------------------------------------*/
.content-container {
	margin: 20px;
}

.accordion_content {
	overflow: hidden;
}

.content-container h4 { margin-bottom: 0.5em; }
.content-container p { line-height: 1.5em; margin-bottom: 1em; }
.content-container li { line-height: 1.5em; margin-bottom: 0.5em; }
.content-container a { color: #fff; }

.page-faqs, 
#page-news,
.page-licence { padding: 1em 0; background: #313131; }
#page-news p{ font-size:14px;}
/*#page-licence .question { margin-left: 2.5em; }*/
/*#page-faqs h3.style3, #page-news h3.style3 { margin-left: 1.8em; }*/
/*body#contact h2.style3 { margin-left: 1.2em; }*/

body#about .q_container p, body#about .q_container h4, body#about .q_container ol,
body#info .q_container h4, body#info .q_container p, 
body#contact .q_container p, body#contact #contact-form-page1, body#contact .worldwide-agent,
.page-licence p
{
	width: 660px;
	padding: 0 15px;
} 
.page-licence h2 span
{
	width: 660px;
	margin: 0 15px;
}
.page-licence {
	width: 732px;
	margin: 0;
	padding: 5px 20px 30px 15px;
}
.q_container {
	width: 732px;
	margin: 0 ;
	padding: 5px 20px 30px -1px;
	background: #313131 url(/staticfiles/img/app/question_bg.jpg) no-repeat bottom;
}
.q_container.no-bg { background-image: none; }
.page-licence .q_container,
body#faq .q_container {
	width: 720px;
	padding:0 0 10px 10px;
}

body#contact .q_container .contact-item { float: left; width: 240px; }
body#contact .q_container .contact-item p { width: auto; }
body#contact .q_container .contact-item a { text-decoration: none; }
body#contact .q_container .contact-item a:hover { color: #fff000; text-decoration: underline; }

/*licence*/
.page-licence .q_container p,
body#faq .q_container p { width: 700px; }
.page-licence .q_container ol li,
body#faq .q_container ol li { width: 650px; }
.page-licence .q_container ol li ul li,
body#faq .q_container ol li ul li { width: 600px; }

body#auth .q_container .content { padding: 20px 20px 0 20px; }

div.question, h2.question, h3.question {
	width: 694px;
	margin: 2em 2em 2em 0;
	font-size: 12px;
	padding: 7px 10px 0.5em 0;
	background: url(/staticfiles/img/app/play.png) no-repeat top right;
}
div.accordion_toggle_active, .question.accordion_toggle_active	{
	background: url(/staticfiles/img/app/playdown.png) no-repeat top right !important;
}
div.question span, h2.question span, h3.question span { padding-bottom: 0.5em; border-bottom: 1px dotted yellow; }

div.answer {
	width: 660px;
	padding: 0 47px 0 5px;
	min-height: 118px;
}
#page-news div.news-item,
#page-faqs div.answer { padding-left: 15px; padding-right:5px; }

* html div.answer { height: 118px; }

#page-news { padding: 1em 0; background: #313131; }
#page-news .q_container { min-height: 128px; margin-left:15px; padding:0 15px 25px 1px;}
* html #page-news .q_container { height: 128px; }

/* footer
---------------------------------------------------------------------------------*/
#footer {
	top: 0px;
	width: 1014px;
	height: 11px;
	background: url(/staticfiles/img/app/footer_bg.png) repeat-x;
	font-size: 18px;
	clear: both;
	padding: 13px;
	position: relative;
}

#terms { position: absolute; top: 5px; overflow: hidden; height: 18px; width: 100px; }
#terms span { 
	float: left;
	display: block;
	width: 99px;
	height: 18px;
	background: url(/staticfiles/img/app/t_c.png) no-repeat;
	cursor: pointer;
}

#copyrite {
	margin-top: 0px;
	padding: 0;
	float: right;
	display: block;
	width: 168px;
	height: 16px;
	background: url(/staticfiles/img/app/copyright.png) no-repeat;
}

.first {
	margin-left: 0;
}

.hr hr { display: none; }
.hr { border-bottom: 1px solid #ccc; margin: 1em 0; width: 600px; }

/*---------------------------------------------------------------------------------*/

div#downloads h3 a,
div#playlists h3 a,
div#page-playlists h3 a { float: right; }

div#downloads,
div#playlists { margin: 2em 16px 0 0; text-align: right; }
div#downloads ul,
div#playlists ul { width: 216px; list-style: none; 
	background: url(/staticfiles/img/app/cats-bg.png) no-repeat 15px bottom;
	padding: 0 0 5px 0;
}
div#page-playlists li#playlist-list-header{background:#525252;}

div#page-playlists li#playlist-list-header span{display:block; float:left; text-transform:uppercase; font-size:18px; letter-spacing:0px;}
div#page-playlists li#playlist-list-header span.rename-playlist{width:240px;}
div#page-playlists li#playlist-list-header span.add-comments{background:url(/staticfiles/img/app/titles/add-comments.jpg) no-repeat; width:324px;}
div#page-playlists li#playlist-list-header span.share{background:url(/staticfiles/img/app/titles/share.jpg) no-repeat;  width:90px;}
div#page-playlists li#playlist-list-header span.delete{background:url(/staticfiles/img/app/titles/delete.jpg) no-repeat right; text-align:right;}

div#page-playlists span.shared-label{margin-left:10px;}
div#page-playlists span.playlist-url{margin:2px 10px;}
div#page-playlists span.playlist-url span{display:inline-block;background:#eee; color:#000; margin-left:5px; padding:2px 5px;}
div#page-playlists span.edit-playlist { color: #fff000; font-size:14px; background: none !important; width:240px;display:block; float:left; }
div#page-playlists span.edit-playlist:hover { color: #D9CH08; text-decoration: underline; }
div#page-playlists span.edit-playlist-comments { color: #fff; font-size:11px; background: none !important;width:324px;display:block; float:left; }
div#page-playlists span.edit-playlist-comments:hover { color: #fff000; text-decoration: none; }
div#page-playlists form.remove-playlist {margin-right:50px;}
div#page-playlists form.share {width:91px;}
div#page-playlists li span.add-playlist-span{display:block; float:left; width:558px;}
div#page-playlists li#playlist-new {color:#000; background:#FFF200;}
div#page-playlists li#playlist-new a, div#page-playlists li#playlist-new a:hover;{color:#000;}
div#page-playlists ul li a.hover-black{color:#000;}
div#page-playlists ul li a.hover-black:hover{color:#000; text-decoration:underline;}
div#page-playlists #share-playlists-link{font-weight:bold;}

/*Share playlists lightwindow*/
body#share-playlists {text-align:left; background:#363638;}
body#share-playlists h2{ margin-top:10px;}
body#share-playlists div#wrap {width:370px; margin:0 auto; font-size:1.2em;}
body#share-playlists div.form div.form-row, body#share-playlists div.form div.form-row div.row-content{width:auto; margin-bottom:0.4em;}
body#share-playlists div.form-row .row-content{float:left; margin-left:10px;}
body#share-playlists div.form-row.form-submit .row-content{float:left; margin-left:0px;}
body#share-playlists div.form div.form-row div.row-title{width:80px;text-align:right;}
body#share-playlists label{color:#ebfc10;}
body#share-playlists #share_playlists-formrow-form_send_copy{width:235px; margin-left:75px;}
/*body#share-playlists #share_playlists-form_submit{margin-left:90px;}*/
body#share-playlists #share_playlists-formrow-form_send_copy .row-title{width:auto; float:right; margin:2px 0 0 10px;}
body#share-playlists #share_playlists-formrow-form_send_copy .row-title label{color:#fff;}
body#share-playlists #subject-content{width:250px;}


div#downloads ul li,
div#playlists ul li { margin: 0 10px 5px 25px; padding: 2px 5px 2px 3px; background: #575757; }
div#playlists ul li { background: #575757; }
div#playlists ul li div { height: 15px; padding: 2px 0 0 0; background: url(/staticfiles/img/app/buttons-playlists.png) no-repeat left center; }
div#downloads ul li div { height: 15px; padding: 2px 0 0 0; background: url(/staticfiles/img/app/buttons-download.png) no-repeat left center; }

div#downloads ul li.selected,
div#playlists ul li.selected { background: #8E8937; }

div#downloads ul li.selected a,
div#playlists ul li.selected a { color: #000; }

div#downloads ul li.selected a:hover,
div#playlists ul li.selected a:hover { color: #000; text-decoration: underline; }

div#playlists ul li.edit-playlists { background:none; padding:0; }
div#playlists ul li.edit-playlists a { display:block; padding:5px 5px 5px 0;background: #fff200; color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:0;word-spacing: 0;}
div#playlists ul li.edit-playlists a:hover { background: #575757; color:#fff200; text-transform:uppercase; }

div#downloads ul li a,
div#playlists ul li a { color: #fff; text-decoration: none; padding-right: 10px; background: url(/staticfiles/img/app/yellow-arrow.png) no-repeat right center; }

div#downloads ul li a:hover,
div#playlists ul li a:hover { color: #fff000; text-decoration: underline; }

#playlists li.hover, div#downloads ul li.hover { background: #fff000; }

div#page-playlists ul { margin-right: 26px; list-style: none; padding: 0; }
div#page-playlists ul li { background: #313131; margin-bottom: 0.5em; padding: 3px 5px; }
div#page-playlists ul li a { color: #fff; text-decoration: none; }
div#page-playlists ul li a:hover { color: #fff000; text-decoration: underline; }
div#page-playlists .remove-playlist { float: right; }

div#downloads { margin-bottom: 2em; }
div#downloads ul { background-position: 15px top; }


#track-info p { margin-bottom: 1em; }
#track-info a { color: #fff; text-decoration: none; }
#track-info a:hover { color: #fff000; text-decoration: underline; }

#track-info dl { height: 175px; overflow: hidden;}
#track-info dt,
#track-info dd { float: left; margin-bottom: 0.3em; }
#track-info dt { clear: left; width: 85px; font-weight: bold; color: #fff000; text-transform: uppercase; }
#track-info dd { width: 175px; }

#track-info dt.track-info-keywords,
#track-info ds.track-info-keywords { margin-bottom: 0; }

/*#track-info dt.track-info-keywords { padding-top: 0.6em; width: auto; float: none; }
#track-info dd.track-info-keywords { width: auto; float: none; padding-top: 0.5em; border-top: 1px solid #666; }
*/
#lightwindow_title_bar_title { margin-left: 10px; color: #666; }
#lightwindow_contents { font-size:12px; line-height: 1.5em; color: #666; text-align: left; }
#lightwindow_contents h3 { color: #666; margin-bottom: 1em; }
#lightwindow_contents label { color: #666; font-size: 12px; }
#lightwindow_contents select { visibility: visible !important; }

/*-----------------------------------------------------------------------------------*/
/*new relreases*/
body#new-releases div.q_container{background:none;background-color:#000000;width:738px;padding:5px 15px 30px;}
div.new-releases-row {height:158px;background:#000000 url(/staticfiles/img/app/home-box-bg.jpg) repeat-x scroll 0 0;padding:6px 8px 3px 5px; }
div.quarter-container { clear:both;background-color:#000000; }
div.quarter-container h3 { font-family: "futura condensed", arial, sans-serif; margin:10px 0 20px 0;color:#FFF200; }
div.quarter-container h3 span.quarter-details{ color:white;font-size:13px; font-family: arial, sans-serif; }
div.album-item { float:left;height:130px;overflow:hidden;padding:0 12px 20px 0;width:228px; margin-bottom:8px;}
div.album-item img { float:left;margin:0 5px 25px 0; }
div.album-item div.album-title{ color:#FFF200;font-size:11px; }
div.album-item div.album-title a { color:#FFF200;font-size:11px; }
div.album-item div.album-code { font-size:10px; }
div.album-item div.album-desc { margin-top:25px;font-size:10px; }

div.album-item div.album-desc { margin-top:0.5em;font-size:10px; }

#plugplugLoginBlock_content { overflow: hidden; }
#form-auth_login {width:auto;}
#invalid-details {padding:0 0 5px 114px;color:#fff000;text-align:left;}
#the-form-auth_login { margin: 1em 0 0 0; }
#the-form-auth_login div.row-title {width: 7em; margin-right:4px;}
#the-form-auth_login div.row-content {float:left;width:auto;}
#the-form-auth_login label { margin: 0; padding: 0; }
#the-form-auth_login input { float: left; }
#the-form-auth_login div.form-row { margin-left: 2.9em; width: 30em; }
.row-title label em,
#the-form-auth_login span.form-error{color:#fff000;}
#the-form-auth_login div.form-submit { margin-left: 10.2em; }

/*-----------------------------------------------------------------------------------*/
/*privacy*/

dt, dd, dl { margin: 0; padding: 0; }
#privacy .content-container ol { margin: 0 0 1em 0;}
#privacy .content-container dt { font-weight: bold; }
#privacy .content-container dd { margin-bottom: 1em; }

/*-----------------------------------------------------------------------------------*/

#worldwide-agents .worldwide-agent,
#worldwide-agents h3 { margin: 10px; }
#worldwide-agents h3 { font-size: 16px; text-transform: uppercase; margin-bottom: 1em; line-height: 30px;}
#worldwide-agents h4 { font-size: 12px; border-bottom: 1px solid #fff; padding-bottom: 0.5em; margin-bottom: 0.5em; }
#worldwide-agents dt { width: 10em; float: left; clear: left; margin-bottom: 0.5em; font-weight: bold; }
#worldwide-agents dd { width: 15em; float: left; margin-bottom: 0.5em; }

/*--------------License MCPS Detils and FAQs--------------*/
#plugplugLicense h1{	font-size:18px;}
a.tab-link{display:block; padding:5px; margin:0 15px;float:left;}
a.tab-link.active { background:#313131;}
div.tab{clear:both; display:none; background:#313131; padding:5px 20px;}
div.tab.active-tab{display:block;}
h2.question {font-size:16px;}
#plugplugLicense td.ms-rteCustom-header{ margin-top:15px;}
#plugplugLicense table h2 { margin-top:15px;}

#auto_populate{margin-top:0;}
#auto_populate li{list-style:none;cursor:pointer;padding:2px 0 2px 6px;margin-top:1px;border:solid 1px #ccc;background: #666;}

/*steamlogo*/
div#steam-link { width: 1000px; margin: 15px auto; text-align: right; display: block; }
div#steam-link span { display: inline; }
div#steam-link p { line-height: 8px; color: #fff; float: left; margin-left: 840px;}


/*replace buttons in search*/
/*<img src="/staticfiles/img/app/buttons-play.png" alt="play" /> replaced with: */
span.buttons-play { background: url(/staticfiles/img/app/buttons-play.png); width: 15px; height: 15px; }

/*<img src="/staticfiles/img/app/buttons-edits.png" alt="edits" /> replaced with:*/
span.buttons-edit {background: url(/staticfiles/img/app/buttons-edits.png); width: 15px; height: 15px; }

/*<img src="/staticfiles/img/app/buttons-playlists.png" alt="playlist" /> replaced with:*/
span.buttons-playlists {background: url(/staticfiles/img/app/buttons-playlists.png); width: 15px; height: 15px; }

/*<img src="/staticfiles/img/app/buttons-download.png" alt="save" /> replaced with:*/
span.buttons-download {background: url(/staticfiles/img/app/buttons-download.png); width: 15px; height: 15px; }		

/*<img src="/staticfiles/img/app/buttons-remove.png" alt="remove" /> replaced with:*/
span.buttons-remove {background: url(/staticfiles/img/app/buttons-remove.png); width: 15px; height: 15px; }				
		
/*more replace shenanigans - 'titles'*/
h3#about-title,
h3#about-title span { background: url(/staticfiles/img/app/titles/about.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#info-title,
h3#info-title span { background: url(/staticfiles/img/app/titles/information.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#faq-title,
h3#faq-title span { background: url(/staticfiles/img/app/titles/faq.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#mcps-faq-title,
h3#mcps-faq-title span { background: url(/staticfiles/img/app/titles/mcps-faq.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#news-title,
h3#news-title span { background: url(/staticfiles/img/app/titles/news.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#contact-title,
h3#contact-title span { background: url(/staticfiles/img/app/titles/contact-details.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#worldwide-title,
h3#worldwide-title span { background: url(/staticfiles/img/app/titles/worldwide-agents.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#licensing-title,
h3#licensing-title span { background: url(/staticfiles/img/app/titles/uk-licensing.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#mcps-title,
h3#mcps-title span { background: url(/staticfiles/img/app/titles/mcps-production.png) no-repeat; width: 333px; height: 25px; color: yellow; }
h3#releases-title,
h3#releases-title span.replace { background: url(/staticfiles/img/app/titles/new-releases.png) no-repeat; width: 333px; height: 25px; color: yellow; }

h3#about-title, 
h3#info-title,
h3#faq-title,
h3#mcps-faq-title,
h3#news-title,
h3#contact-title,
h3#worldwide-title,
h3#licensing-title,
h3#mcps-title,
h3#releases-title
{ 
	margin: 8px 0; 
}

h3#about-title span,
h3#info-title span,
h3#faq-title span,
h3#mcps-faq-title span,
h3#news-title span,
h3#contact-title span,
h3#worldwide-title span,
h3#licensing-title span,
h3#mcps-title span,
h3#releases-title span.replace
{ 
	position: relative; 
} 

h3#licensing-title,
h3#mcps-title,
h3#about-title,
h3#info-title 					{ margin-left: 15px; }
h3#mcps-faq-title,
h3#faq-title 						{ margin-left: 25px; }
h3#news-title 					{ margin-left: 30px; }
h3#contact-title,
h3#worldwide-title 			{ margin-left: 10px; }

span.quarter-details 		{ margin: 5px 0 0 130px;}

.dark-box p a {text-decoration:none;color:white;}
body#faq a.tab-link {color:yellow;text-decoration:none;font-size:12px;padding:5px 8px;}

/*#form-auth_register {padding-left:16px;}*/


body#licence div.content-container table {width:auto;margin:15px 0 15px 15px ;}

body#licence div.content-container table td{text-align:center;}

body#licence div.content-container table td.td-bold {font-weight:bold;}
body#licence div.content-container table td.td-both {padding:4px 15px;}
body#licence div.content-container table td.td-bold-both {font-weight:bold;padding:4px 15px;}
body#licence div.content-container table td.td-bold-left {font-weight:bold;padding-right:15px;text-align:left;}

body#licence div.content-container table td.td-left {text-align:left;}


body#licence div.content-container h2 {margin-top:16px;}
body#licence div.content-container h2.question {margin-bottom:0;padding-bottom:0;}
body#licence h3#mcps-title{margin-top:22px;}


span.quarter-details 		{ margin: 5px 0 0 130px;}
span.btn-key img			{ padding-right:5px; vertical-align:text-bottom;}

#search-results-key h5 		{ font-size: 13px; margin: 0; color: #fff000; }
#search-results-key dt 		{ margin: 1em 0 0 0; color: #fff000; }

span.edit-playlist-comments{ width:250px;}

/*----------Downloads list--------*/
#plugDownloadSongs a{ color:#fff;}
#plugDownloadSongs #track-description p{margin:0 0 0.3em;}
div#cred_change_form {padding:15px 10px;}
div#cred_change_form h3 {margin-bottom:16px;}
div#cred_change_form a {color:white;}
div#cred_reset {padding:15px 10px;font-size:13px;}

#plugDownloadSongs #track-description p {margin:0 0 0.5em;}
#plugDownloadSongs #search-listings .track-desc{width:210px;margin-left:2px;}
#plugDownloadSongs #search-listings .track-date{width:100px;}
#plugDownloadSongs #search-listings .track-format{width:50px;margin-left:2px;}

#track-description strong { color: #fff000; }
#track-description a { color: #fff; font-weight: bold; }
#track-description a:hover { color: #fff000; text-decoration: underline; }

#form-auth_profile{margin-left:18px;}

/* add/edit playlists
--------------------------------------------------------------*/

#playlist-new { padding: 20px 0; } 
#edit-playlist-new { font-weight: bold;}
#edit-playlist-new:hover	{ color: #fff000; }
.edit-playlist-comments { color: #000; }

body#contact div.q_container{padding:10px 0 20px;}
#profile_message { font-size: 18px; }
body#contact #the-form-contact{padding:10px 0 20px;}

.share-selected a { font-weight: bold; }