/* @override http://popup-records.de/files/css/bums_releases_pop.css */

/* @override http://popup-records.de/files/css/bums_releases_pop.css */

/* @override http://popup-records.de/TEST/files/css/bums_releases_pop.css */

/*****************************************************************************
* Redefine HTML selectors												     *
*****************************************************************************/

body {
	font-family:		Verdana, Arial, sans-serif;
	font-size:			9px;
	color:				#333333;
 
	background-attachment:fixed;
}

a {
	color:				#000000;
	text-decoration:	none;
}

a:hover {
	color:				#000000; 
}

h1 {
	padding:			0px;
	margin:				0px;
}

h3 {
	margin:				0px;
	font-family:		Helvetica, Ariel, sans-serif;
	font-size:			18px;
	font-weight:		normal;
	color:				#999999;
}

h4 {
	margin:				0px;
	font-family:		Helvetica, Ariel, sans-serif;
	font-size:			16px;
	font-weight:		normal;
	color:				#333333;
}

h5 {
	margin:				0px;
	font-size:			12px;
	font-weight:		normal;
	font-family:		Helvetica, Ariel, sans-serif;
	color:				#AAAAAA;
}

img {
	border:				0px;
	behavior:	url("http://www.popup-records.de/files/pngbehavior.htc");
}

table {
	font-size:			9px;
}

form {
	margin: 0px; 
	padding: 0px
}

/******************************************************************************
* Positional Elements														  *
******************************************************************************/

#wrapper {
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				760px;
	height:				100%;
	
	padding:			0px 0px 2em 0px;
}
/******************************************************************************
* Header Elements															  *
******************************************************************************/
#newsletterlogo {
	position:			absolute; 
	top:				0px;
	left:				85px;
}

#newslettertitle {
	position:			absolute;
	top:				0px;
	left:				180px;
}

#catLogo {
	position:			absolute;
	top:				20px;
	left:				10px;
}

#fatcatText {
	position:			absolute;
	top:				0px;
	left:				0px;
}

#splinterText {
	position:			absolute;
	top:				10px;
	left:				145px;
}

#thirteenText {
	position:			absolute;
	top:				72px;
	left:				85px;
}

#splitText {
	position: 			absolute;
	top:				10px;
	left:				200px;

}

#rightLogos {
	position:			absolute;
	top:				10px;
	right:				25px;
}

#diyLogo {
}

#demoLogo {
}

/******************************************************************************
* Audio Player																  *
******************************************************************************/

.fixedaudio {
	font-family: verdana;
	font-size: 9px;
}

#playerBar {
	height:				25px;
	padding:			0px 25px 0px 85px;

	width:				650px !important;
	width:				760px;
	width/**/:			/**/650px;
	
	background-color:	#CCCCCC;
}

#audioInfo {
	line-height:		25px;
	padding:			0px 0px 0px 5px;
	float:				right;
}

#audioControl {
	line-height:		25px;
	padding:			0px 0px 0px 5px;
	float:				right;
}

#audioControl img {
	padding:			7px 2px 0px 0px;
	border:				0px;
}

#audioList {
	float:				right;
	padding:			3px	0px	0px 5px;
}

#audioList select {
	height:				20px;
	width:				125px;
	text-decoration: overline;
}

/******************************************************************************
* Shopping Basket															  *
******************************************************************************/

#shoppingCart {
	float:				left;
	padding:			0px 0px 0px 2px;
}

.basketCase {
	position:			relative;
	top:				3px;
	border:				0px;
}

.buyButton {
	padding:			0em 0px 4px 4px;
	width:				75px;
	line-height:		10px;
	border:				1px solid #CCCCCC;
}

div.buyButton:hover {
	background-color:	#EEEEEE;		
}

.shopAdd {

}

.shopThumb {
	float:				left;
	padding:			0px 5px 0px 0px;
}



/******************************************************************************
* Main Navigation															  *
******************************************************************************/

.here {
	background-color:	#CCCCCC;
}

.blank {
	color: 	#cccccc;
}

#mainNav {
	margin:				0px;
	padding:			0px 0px 0px 85px;
	
	font-family:		Helvetica, Ariel, sans-serif;
	font-size:			12px;
	color:				#333333;
	font-weight:		normal;
	
	/* Hide this from Mac IE 5 \*/
	clear:				both;
	/* End Hack */
}

#mainNav ul {
	padding:			0px;
	margin:				0px;
}

#mainNav a {
	color:				#333333;
	text-decoration:	none;
}

#mainNav a:hover {
	color:				#000000;
}

#mainNav li {
	padding:			5px 0px 5px 8px;
	border-left:		1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;

	width:				46px !important;
	width:				50px;
	width/**/:			/**/46px;
	
	display:			block;
	float:				left;
}

#mainNav li:hover {
	background-color:	#EEEEEE;
}

#mainNav li.lastItem {
	border-right:		1px solid #CCCCCC;

	width:				60px !important;
	width:				60px;
	width/**/:			/**/60px;
}

#mainNav li.lastItemselected {
	border-right:		1px solid #CCCCCC;
	background-color:	#CCCCCC;
	width:				60px !important;
	width:				71px;
	width/**/:			/**/60px;
}


/******************************************************************************
* Bottom Bar																  *
******************************************************************************/

#bottomBar {
	padding:			0px 5px 0px 85px;
	clear:				both;
	width:				670px !important;
	width:				760px;
	width/**/:			/**/670px;

	position:			float;
	bottom:				0px;
	left:				85px;
	
	height:				15px;
	line-height:		15px;

	background-color:	#CCCCCC;
}

.miniMenu a {
	color:				#333333;
}

.miniMenu ul {
	padding:			0px;
	margin:				0px;
}

.miniMenu li {
	padding:			0px 10px 0px 1px;

	width:				30px !important;
	width:				41px;
	width/**/:			/**/30px;
	
	display:			block;
	float:				left;
}

.miniMenu li:hover {
	background-color:	#DDDDDD;
}

.credits {
	float:				right;
}


/******************************************************************************
* Main Column																  *
******************************************************************************/



#block {
	padding:			1px 0px 2em 5px;

	width: 760px;
	background-color: #ffffff;
}

#mainBody {
	padding:			0px 0px 0em 0px;
}

#mainColumn {
	float:				left;
	width:				350px;
}

.inlineImage {
	padding:			0px 0px 5px 0px;
	width:				100%;
}

/******************************************************************************
* Forum															  *
******************************************************************************/

#mainForumColumn {
	float:				left;
	width:				270px;
}

#subForumColumn {
	/*position:			absolute;*/
	padding:			0px 0px 2em 50px;
	
	width:				350px !important;
	width:				350px;
	width/**/:			/**/350px;

	float:				right;
	/*left:				435px;*/
}

/******************************************************************************
* Second Column																  *
******************************************************************************/

#subColumn {
	/*position:			absolute;*/
	padding:			0px 0px 2em 50px;

	width:				270px !important;
	width:				300px;
	width/**/:			/**/270px;

	float:				right;
	/*left:				435px;*/
}

/******************************************************************************
* Generic Elements															  *
******************************************************************************/

/* hack to  make elements that contain floats to stretch to content size. */
div.clearer {
	clear:				left;
	line-height:		0;
	height:				0;
	padding:			0 0 0 0;
}

.additionalInfo {
	padding:			0px 0px 2em 0px;
	clear:				both;
}

.additionalInfo ul {
	padding:			0px;
	margin:				0px;
}

.additionalInfo li {
	display:			block;
	list-style-type:	none;	
	line-height:		2em;
	border-bottom:		1px solid #CCCCCC;
	clear:				both;
}

.additionalInfo li:hover {
	background-color:	#EEEEEE;
}

.additionalInfo li a {
	color:				#333333;
}

.additionalInfo li a:hover {
	color:				#000000;
}

.relatedEntry {
	width:				100%;
	padding:			0px;
	border-top:			1px solid #CCCCCC;
}

.relatedEntry ul {
	padding:			0px;
	margin:				0px;
}

.relatedEntry li {
	display:			block;
	list-style-type:	none;
	line-height:		2em;
	border-bottom:		1px solid #CCCCCC;
}

.relatedEntry li:hover {
	background-color:	#EEEEEE;
}

.relatedEntry li a {
	color:				#333333;
}

.relatedEntry li a:hover {
	color:				#000000;
}

.imageSwitcher {
	padding:			0px;
	margin:				0px;
}

.imageSwitcher img {
	padding:			0px;
	margin:				0px;
}

/******************************************************************************
* Front Page																  *
******************************************************************************/

.newReleases {
	padding:			0px 0px 1em 0px;
	float:				right;
}

.newReleases a {
	color:				#333333;
}

.newReleases a:hover {
	color:				#000000;
}

.releaseOne {
	padding:			0px 8px 1em 0px;
	width:				125px !important;
	width:				135px;
	width/**/:			/**/125px;
	float:				left;
}

.releaseTwo {
	padding:			0px 0px 1em 12px;
	width:				125px !important;
	width:				135px;
	width/**/:			/**/125px;
	float:				right;
}

.sleeve {
	display:			block;
	width:				125px;
	height:				125px;
	padding:			0 0 5px 0;
}


/******************************************************************************
* News																		  *
******************************************************************************/

.newsItem {
	border-bottom:		1px solid #333333;
	margin:				0px 0px 2em 0px;
}

.newsItem p {
	margin:				0px 0px 1em 0px;
}

.newsFilter select {
	width:				150px;
	padding:			0.5em 0px 0px 0px;
}

/******************************************************************************
* Events																	  *
******************************************************************************/

.eventFilters {
	float:				none;
}

.artistFilter select {
	padding:			1em 5px 0px 0px;
	
	width:				145px !important;
	width:				150px;
	width/**/:			/**/145px;
}


.locationFilter select {
	padding:			1em 5px 0px 0px;
	
	width:				145px !important;
	width:				150px;
	width/**/:			/**/145px;
}

table.eventTable {
	width:				675px;
	border-spacing:		0px;
	font-weight:		normal;
	border-bottom:		1px solid #333333;
	padding:			0px 0px 2em 0px;
	margin:				0px 0px 1em 0px;
}

.eventTable th {
	height:				16px;

	color:				#333333;
	text-align:			left;
	font-weight:		normal;
	
	border-top:			1px solid #333333;
	border-bottom:		1px solid #333333;

	margin:				0px 0px 0px 0px;
}

.eventTable tr {
	padding:			0px 0px 0px 0px;
}

.eventTable td {
	vertical-align:		top;
	border-bottom:		1px solid #EEEEEE;
	height:				2em;
	padding:			0px 0px 1em 0px;
}


td.locationColumn {
	width:				150px;
}

td.artistColumn {
	width:				150px;
}

td.descriptionColumn {
	width:				225px;
}

.eventTable a {
	color:				#333333;
}
.eventTable tbody {

}

td.dayColumn {
	width:				75px;
}

td.dateColumn {
	width:				75px;
}

.eventTable a:hover {
	color:				#000000;
}

/******************************************************************************
* Discography																  *
******************************************************************************/

.randomSleeves {
	padding:			2em 0px 0px 0px;
}

.randomSleevesView {
	padding:			2em 0em 0em 0em;
}

.randomSleeveViewImage {
	float:				left;
	padding:			10px 10px 0px 0px;
}

.randomSleeveImage {
	float:				left;
	padding:			0px 10px 0px 0px;
}


.filterBar {
	padding:			2em 0px 0px 0px;
	height:				50px;
	clear:				both;
}

.filterSelect {
	float:				left;
	width:				180px;
	padding:			0.5em 0px 0px 0px;
}




#linie {
	width:				755px;
	height: 1px;
	
	border-top: 1px;
	border-left: 0px;
	border-right:0px;
	border-bottom: 0px;

	border-color: #eeeeee;
	border-style: solid;

	/*border:		1px solid #333333;*/
	padding:			5px 0px 0em 0px;
	margin:				0px 0px 0em 0px;
	
}


#linie2 {
	width:				502px;
	height: 1px;
	
	border-top: 1px;
	border-left: 0px;
	border-right:0px;
	border-bottom: 0px;

	border-color: #000000;
	border-style: solid;

	/*border:		1px solid #333333;*/
	padding:			5px 6px 0px 0px;
	margin:				0px 0px 0px 5px;
	
}

#album1 {
	width:				200px;
	border-spacing:		0px;
	float:left;
	/*border:		1px solid #333333;*/
	padding:			10px 10px 0em 0px;
	margin:				0px 0px 0em 0px;
}

#album2 {
	width:				200px;
	border-spacing:		0px;
	float: left;
	/*border:		1px solid #333333;*/
	padding:			10px 10px 0em 0px;
	margin:				0px 0px 0em 0px;
}

table.discogTable {
	width:				745px;
	border-spacing:		0px;
	/*border:		1px solid #333333;*/
	padding:			0px 0px 0em 0px;
	margin:				0px 0px 0em 0px;
}

.discogTable th {
	height:				16px;
	
	font-weight:		normal;
	text-align:			left;
	
	border-top:			0px solid #333333;
	border-bottom:		1px solid #333333;
	padding: 			0 0 0 0;
	margin:				0 0 0 0;
}

.discogTable tr {
	padding:			0px;
}

.discogTable tbody tr:hover {
	background-color:	#ff9900;
}

/*
tr.odd {
	background-color:	#5b8c38;
}
*/

.discogTable td {
	border-bottom:		0px solid #EEEEEE;
	line-height:		2em;
	padding-left: 0px;
}

.discogTable th.artistColumn {
	width:				150px;
}

.discogTable th.titleColumn {
	width:				325px;
}

.discogTable th.catColumn {
	width:				100px;
}

.discogTable th.dateColumn {
	width:				100px;
}

.discogTable a {
	color:				#333333;
}

.discogTable a:hover {
	color:				#900000;
}




table.discoTable {
	width:				335px;
	border-spacing:		0px;
	/*border:		1px solid #333333;*/
	padding:			0px 0px 0em 25px;
	margin:				0px 0px 0em 0px;
}

.discoTable th {
	height:				16px;
	
	font-weight:		normal;
	text-align:			left;
	
	border-top:			1px solid #333333;
	border-bottom:		1px solid #333333;
	padding: 			0 0 0 0;
	margin:				0 0 0 0;
}

.discoTable tr {
	padding:			0px;
	text-align: left;
}

.discoTable tbody tr:hover {
	background-color:	#ff9900;
}

/*
tr.odd {
	background-color:	#5b8c38;
}
*/

.discoTable td {
	border-bottom:		1px solid #EEEEEE;
	line-height:		2em;
	padding-left: 0px;
	text-align: left;
}

.discoTable th.artistColumn {
	width:				150px;
}

.discoTable th.titleColumn {
	width:				325px;
}

.discoTable th.catColumn {
	width:				100px;
}

.discoTable th.dateColumn {
	width:				100px;
}

.discoTable a {
	color:				#333333;
}

.discoTable a:hover {
	color:				#900000;
}



/******************************************************************************
* Release Info																  *
******************************************************************************/

.formats li {
	line-height:		22px;
}

.formats .buyButton {
	margin:				0px;
	float:				right;
	border:				none;
	background-color:	#EEEEEE;
}

.formats .buyButton:hover {
	background-color:	#CCCCCC;
}

.formats .releaseDetails {
	padding:			0px 0px 0px 0px;
	float:				left;
	
}

.trackTitle {
	float:				left;
}

.trackClip {
	width:				50px;
	float:				right;
	
	text-align:			center;
	background-color:	#EEEEEE;
}

.trackClip a {
	color:				#900000;
}

.trackClip:hover {
	background-color:	#CCCCCC;
}

.mainImage {
	width:				350px;
	height:				350px;
}

/******************************************************************************
* Produce																	  *
******************************************************************************/

table.produceTable {
	width:				675px;
	border-spacing:		0px;
	border-bottom:		1px solid #900000;
	padding:			0px 0px 2em 0px;
	margin:				0px 0px 1em 0px;
}

.produceTable th {
	height:				16px;

	color:				#900000;
	font-family:		Helvetica, Ariel, sans-serif;
	font-size:			12px;
	font-weight:		normal;
	text-align:			left;
	
	border-top:			1px solid #900000;
	border-bottom:		1px solid #900000;

	margin:				0px;
}

.produceTable tr {
	padding:			0px;
}

.produceTable tbody tr:hover {
	background-color:	#EEEEEE;
}

/*
tr.odd {
	background-color:	#EEEEEE;
}
*/

.produceTable td {
	border-bottom:		1px solid #EEEEEE;
	height:				2em;
}

.produceTable tbody {

}

.produceTable th.artistColumn {
	width:				150px;
}

.produceTable th.titleColumn {
	width:				325px;
}

.produceTable th.catColumn {
	width:				100px;
}

.produceTable th.typeColumn {
	width:				100px;
}

.produceTable a {
	color:				#333333;
}

.produceTable a:hover {
	color:				#900000;
}

/******************************************************************************
* Media																		  *
******************************************************************************/

table.mediaTable {
	width:				650px;
	border-spacing:		0px;
	border-bottom:		1px solid #900000;
	padding:			0px 0px 2em 0px;
	margin:				0px 0px 1em 0px;
}

.mediaTable th {
	height:				16px;

	color:				#900000;
	font-family:		Helvetica, Ariel, sans-serif;
	font-size:			12px;
	font-weight:		normal;
	text-align:			left;
	
	border-top:			1px solid #900000;
	border-bottom:		1px solid #900000;

	margin:				0px;
}

.mediaTable tr {
	padding:			0px;
}

.mediaTable tbody tr:hover {
	background-color:	#EEEEEE;
}

/*
tr.odd {
	background-color:	#EEEEEE;
}
*/

.mediaTable td {
	border-bottom:		1px solid #EEEEEE;
	height:				2em;
}

.mediaTable tbody {

}

.mediaTable th.artistColumn {
	width:				150px;
}

.mediaTable th.titleColumn {
	width:				300px;
}

.mediaTable th.typeColumn {
	width:				100px;
}

.mediaTable a {
	color:				#333333;
}

.mediaTable a:hover {
	color:				#000000;
}

/******************************************************************************
* Forum																		  *
******************************************************************************/

div.formRow {
	padding:			0px 0px 1em 0px;
	/* Hide this from Mac IE 5 \*/
	clear:				both;
	/* End hack */
}

span.label {
	padding:			0px 20px 0px 0px;

	width:				60px !important;
	width:				80px;
	width/**/:			/**/60px;
	
	float:				left;
	text-align:			left;
	line-height:		2em;
}

span.input {
	float:				left;
	width:				120px;
	text-align:			left;
}

input.button {
}

.forumThreads {
	padding:			0px 0px 1em 0px;
}

.forumThreads ul {
	padding:			0px;
	margin:				0px;
	
	list-style-type:	none;
}

.forumThreads li {
	display:			block;
	width:				100%;
	border-bottom:		1px solid #CCCCCC;
	/* Hide this from Mac IE 5 \*/
	line-height:		2em;
	clear:				both;
	/* End Hack */
}

.forumThreads li:hover {
	background-color:	#EEEEEE;
}

.forumThreads li a {
	color:				#333333;
}

.forumThreads li a:hover {
	color:				#000000;
}

.reply li {
	border-bottom:		1px solid #FFFFFF;
}

.reply li:hover {
	background-color:	#E0E0E0;
}

.reply ul {
	background-color:	#EEEEEE;
	padding:			0px 0px 0px 10px;
}

li.reply {
	border-bottom:		none;
}

li.selected {
	background-color:	#E0E0E0;
}

li.selected:hover {
	background-color:	#E0E0E0;
}


.threadTitle {
	float:				left;
	width:				150px;
}

.threadAuthor {
	float:				right;
	width:				75px;
}

.threadDate {
	width:				70px;
	float:				right;
	text-align:			right;
	padding:			0px 5px 0px 0px;
}

.postHeader {
	padding:			0px 0px 0em 0px;
	border-top:			solid 1px #333333;
	
	font-size:			12px;
	font-family:		Helvetica, Ariel, sans-serif;

	/* Hide this from Mac IE 5 \*/
	clear:				both;
	/* End hack */
}

.authorName {
	color:				#999999;
	float:				left;
}

.postDate {
	float:				right;
	font-weight:		bold;
}

.postBody {
	width:				270px;
	border-bottom:		1px solid #333333;
	padding:			0px 0px 1em 0px;
	margin:				0px 0px 1em 0px;
}

.postReply {
}

.postReply textArea {
	width:				265px;
	height:				150px;
	margin:				1em 0px 0px 0px;
}

.postReply input {
	width:				70px;
	margin:				1em 5px 0px 0px;
}

.postRules {
	font-size:			9px;
	color:				#999999;
	border-top:			1px solid #999999;
	margin:				1em 0px 2em 0px;
}

/******************************************************************************
* Network																	  *
******************************************************************************/

.linkList {

}

.linkList ul {
	padding:			0px;
	margin:				0px;
}

.linkList li {
	padding:			0.5em 0px 0.5em 0px;
	display:			block;
	border-bottom:		1px solid #CCCCCC;
}

.linkList li:hover {
	background-color:	#EEEEEE;
}

.linkList li a {
	color:				#000000;
}

.linkList li a:hover {
	color:				#000000;
}

.linkImages {
	padding:			0em 0em 0em 0em;
}

.linkImage {
	float:				left;
	padding:			10px 15px 0px 0px;
}

.randomSleeveImage {
	float:				left;
	padding:			0px 10px 0px 0px;
	height:				120px;
}

networkImage {
	width:				120px;
	height:				160px;
}

/******************************************************************************
* Special Offers															  *
******************************************************************************/

.specialOffers {
	padding:			0px 0px 2em 0px;
	clear:				both;
}

.specialOffers ul {
	padding:			0px;
	margin:				0px;
}

.specialOffers li {
	display:			block;
	list-style-type:	none;	
	border-bottom:		1px solid #CCCCCC;
	clear:				both;
}

.specialOffers li a {
	color:				#333333;
}

.specialOffers li a:hover {
	color:				#000000;
}

.specialImage {
	float:				left;
	padding:			0px 5px 0px 0px;
}

.specialText {
	width:				300px;
	float:				left;
}

.specialPrice {
	width:				150px;
	float:				right;
}

.specialPrice li {
	padding:			2px 0px 2px 0px;
}
{
	width:				150px;
	float:				right;
}

.specialPrice li {
	padding:			2px 0px 2px 0px;
}
 0px 2px 0px;
}