/*
 * Sony BMG Relaunch
 *
 * Style Definitionen für den Bereich Musik - Artists
 *
 * erstellt : 01.09.08
 * letzte Änderung 01.07.09
 */


h2 {
	font-size:24px;
	color:#929292;;	
	padding:5px 0px 5px 0px;	
}


/*
 * Tab-Navigation für den Artistsbereich
 */

#artistTabs {
    overflow: hidden;
    width: 100%;
    border-bottom: 2px solid #E83434;
    margin-bottom: 30px;
}

#artistTabs li {
    display: inline;
    float: left;
}

#artistTabs li a {
    display: block;
    font-size: 14px;
    padding: 0px 15px 0px 15px;
    border-right: 1px solid #C9C9C9;
}

#artistTabs li.active a, #artistTabs li a:hover {
    background-color: #E83434;
    border-right: 1px solid #E83434;
    color: #fff;
}


/* 
 * Releases, Artist News und Termine sitzen jeweils in einem Container mit voller Breite des Parents
 * und einer Überschrift. Jeweils drei Items sitzen in einem Container
 */

.announcements-container {
	width:100%;
	overflow:hidden;
}

.announcements-container h2 {
 	color:#E30202;
	font-size:25px;	
	padding:0px 0px 5px 15px;
	background:url(/images/icons.gif) 0px 10px no-repeat;
}


/*
 * Trenner für die Unterpunkte
 */

.separator {
	height:1px;
	width:100%;
	margin:10px 0px 18px 0px;
	background:url(/images/separator_background.gif) repeat-x;	
	clear:both;
}


/* Aktuelle Releases */

ul#currentreleases li {
	display:inline;									
	float:right;
	margin-left:1px;
	width:219px;
	overflow:hidden;	
}	

ul#currentreleases li div {
	padding:6px 5px 0px 10px;
	line-height:18px;		
}

ul#currentreleases li strong {
	padding:0px 0px 0px 10px;
}	
	
ul#currentreleases li a {
	display:block;
	width:100px;
	line-height:18px;	
	font-weight:bold;										
	color:#000;
	padding:0px 0px 0px 10px;
	background:url(/images/icons.gif) 0px -49px no-repeat;									
}

.announcements-container ul#currentreleases li a {
		width:200px;
}

/* Artist News */
ul#artistnews li {
	display:inline;									
	float:right;
	margin-left:1px;
	width:219px;
	overflow:hidden;	
}

ul#artistnews li div {
	padding:6px 5px 0px 10px;
	line-height:18px;	
}
		
ul#artistnews li strong {
	display:block;
	font-weight:bold;	
	padding:0px 5px 0px 5px;										
}
											
ul#artistnews li span {
	display:block;
	padding:0px 5px 0px 5px;
}																	
									
ul#artistnews li a {
	display:block;
	line-height:18px;
	font-weight:bold;										
	color:#E30202;
	padding:0px 0px 0px 15px;
	background:url(/images/icons.gif) 5px -49px no-repeat;									
}			

/* Termine 
 * im Jahre 2008 Tabellen zu verwenden sieht etwas ungewöhnlich aus, aber weil
 * das tatsächlich tabellarische Daten sind haben wir das so abgesprochen
 */

#events {
	width:100%;
	background:url(/images/separator_background.gif) bottom repeat-x;
	margin-bottom:10px;							
}
									
#events tr {
	width:100%;
	background:url(/images/separator_background.gif) top repeat-x;											
}			
									
/* Table head und foot sind nur der Vollständigkeit halber und werden nicht angezeigt */
#events thead, #events tfoot {
	display:none;
} 		

/* Tablehead Termine allgemein */
#events th {
	width:8%;
	vertical-align:top;
	font-family:"Trebuchet MS";
	line-height:18px;	
}

/* Tablehead Termine Artist Home  */			
.announcements-container #events th {
	width:25%;
	vertical-align:top;
	font-family:"Trebuchet MS";
	line-height:18px;	
}

/*
 * IE ist so zurückgeblieben dass er das Hintergrundbild der TR verliert
 * wenn der TH oder die Zellen ebenfalls ein Hintergrundbild haben, deswegen
 * kommt der Pfeil in ein Extra-Element
 */		
#events th span { 
    display:block;
    font-size:12px;
	font-weight:bold;
	color:#000;										
	padding:3px 10px 3px 10px;
	background:url(/images/icons.gif) 0px -47px no-repeat;
}

#events td {
	font-size:12px;
	padding:3px 0px 3px 0px;
	vertical-align:top;
	line-height:18px;
}

.announcements-container #events td {
	width:25%;
}

#events .name a {
	padding:0px 10px 0px 10px;
	background-image:url(/images/icons.gif);
	background-repeat:no-repeat;
	background-position:0px -212px;	
    display:block;
}

#events td.tickets {
	text-align:right;
}

td.tickets a {
	display:block;
	line-height:18px;
	font-weight:bold;										
	color:#000;
	padding:0px 20px 0px 15px;
	background:url(/images/icons.gif) 90px -49px no-repeat;			
}

/*
 * Artist Download
 */

#musicbox {
	width:100%;	
	background:url(/images/separator_background.gif) repeat-x top #F3F3F3;	
	margin-bottom:20px;		
}

#musicbox div {
	padding:20px 20px 0px 20px;
}

#musicbox_foot  {	
	height:1px;
	margin:0px 0px 0px 0px;	
	background:url(/images/separator_background.gif) repeat-x bottom #F3F3F3;	
}


/* eingebettet in den inner footer */
#artist_metanavi {
    background: url(/images/releases-tools-verlauf.jpg) repeat-x;
    margin:0px 10px 0px 7px;
	height: 25px;		
}

#artist_metanavi ul {
	padding:0px 10px 0px 20px;
}

#artist_metanavi ul li {
	display:inline;
	float:left;
}

#artist_metanavi ul li a {
	display:block;
	padding:4px 10px 1px 10px;
	color:#fff;
	line-height:18px;
	background:url(/images/icons.gif) no-repeat 0px -241px;	
}

/* Die Links haben ein Trennzeichen das als Hintergrundbild eingefügt wird, bis auf den ersten */
#artist_metanavi ul > li:first-child a {
	background-image:none;
}


/* Klingeltöne */
#promobox_content {
    background: url(/images/inner_background.jpg) repeat-y;
    padding: 0px 10px 0px 25px;
    overflow: hidden;
	min-height:100px;
}

#promobox_head {
    width: 100%;
    background: url(/images/inner_head_background.jpg) no-repeat; 
	overflow:hidden;
	margin:30px 0px 0px 0px;	
}

#promobox_head div {
	float:left;
	margin:20px 0px 0px 20px;
	overflow:hidden;
}

#promobox_head div h2 {
	font-size:25px;
	color:#999999;
}

#promobox_head div h3 {
	font-size:18px;
	color:#E83434;
}

#promobox_foot {
    width: 100%;
    background: url(/images/inner_foot_background.jpg) no-repeat;
    height: 25px;
	margin:0px 0px 30px 0px;	
}

#promobox_content ul#ringtones {
	width:100%;	
	overflow:hidden;
	margin-top:20px;
}

#promobox_content ul#ringtones li {
	float:left;
	width:33%;	
	background:url(/images/separator_background.gif) repeat-x top;	
	padding-top:10px;	
	margin-top:10px;	
}

#promobox_content ul#ringtones img {
	float:left;	
}

#promobox_content ul#ringtones div {
	float:right;
	width:130px;
	margin-right:20px;	
}

#promobox_content ul#ringtones div h5 {
	font-weight:bold;	
	margin-bottom:2px;
}

#promobox_content ul#ringtones div a {
	display:block;	
	line-height:18px;
	padding:2px 0px 2px 10px;
	background:url(/images/icons.gif) 0px -48px no-repeat;
}

/* 
 * Video
 * Das eigentliche Video kommt in einem iframe
 */

#videoplayer {
 	margin-bottom:30px;
}

#videoplayer h2 {
	font-size:25px;
	color:#999999;	
} 

#videoplayer iframe {
	margin-left:-18px;
}


/*
 * Definitionen für die Seite "Artist News"
 */

#artistNews {
	margin:0px 0px 10px 0px;
	background:url(/images/separator_background.gif) repeat-x top;		
}

#artistNews div {
    display: inline;
    float: left;
    padding: 5px 0px 0px 0px;
    margin: 0px 20px 0px 20px;
}

#artistNews  li {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    clear: both;
	background:url(/images/separator_background.gif) repeat-x bottom;	
}

#artistNews  li a.date {
    display: block;
    float: left;
	color:#000;
    font-family: Georgia;
    padding: 5px 0px 5px 20px;
	margin:0px 0px 0px 0px;
    width: 70px;
	overflow:hidden;
    background: url(/images/icons.gif) no-repeat 10px -45px;
    vertical-align: bottom; /* für IE6  */
}

#artistNews  li a.readmore {
    float: right;
    display: block;
	color:#000;
    padding: 5px 10px 0px 20px;
    background: url(/images/icons.gif) no-repeat 10px -44px;
    vertical-align: bottom; /* für IE6  */
}

#artistNews li div  {
	padding:5px 0px 5px 10px;	
	margin-left:10px;	
	line-height:18px;
    background: url(/images/icons.gif) no-repeat left -208px;
    vertical-align: bottom; /* für IE6  */
}


/*
 * Definitionen für die Seite Artist News 
 */

.paging {
    padding: 0px 20px 0px 0px;
	margin:0px 0px 10px 0px;
	overflow:auto;
}

.paging h1 {
  float:left;	
}

.paging ul {
 float: right;
 margin-top:10px;
}

.paging ul li {
    display: inline;
    line-height: 18px;
}

/* für Safari zur Ausrichtung */
.paging ul li span {
    display: inline-table;
}

#releaseslist {
    clear: both;
    margin-top: 20px;
}

#releaseslist li {
    margin: 0px 0px 15px 0px;
    height: 111px;
    background-color: #F4F4F4;
    position: relative;
    background: url(/images/releases-tools-verlauf.jpg) repeat-x bottom;
}

#releaseslist li img {
    float: left;
}

#releaseslist li div.release_data {
    margin-left: 135px;
}

#releaseslist li h5 {
    font-size: 16px;
	font-style:italic;
    padding: 20px 0px 0px 0px;
}

#releaseslist li .release_data a {
    color: #DE3300;
	display:block;
	line-height:18px;
    padding: 0px 0px 0px 10px;
    background: url(/images/icons.gif) no-repeat -18px -437px;
}

.release_toolbar {
    color: #fff;
    position: absolute;
    width: 540px;
    height: 28px;
    left: 121px;
    top: 83px;
}

.release_metadata {
    width: 45%;
    margin-left: 3%;
    float: left;
    line-height: 28px;
}

.release_tools {
    width: 45%;
    margin-right: 3%;
    float: right;
    text-align: right;
    line-height: 28px;
}

#releaseslist .release_toolbar .release_tools a {
	display:inline;
	line-height:30px;
	color: #fff;
    font-weight: bold;	
    margin: 0px 5px 0px 10px;
    padding: 0px 0px 0px 15px;
    background: url(/images/icons.gif) no-repeat 0px -372px;
}

#releasedetail-header {
	overflow:hidden;	
	margin:0px 0px 30px 0px;
}

#releasedetail-header img {
	float:left;
}

#releasedetail-header #releasedetail-text {
	margin-left:240px;
	background:url(/images/separator_background.gif) repeat-x bottom;
	padding:0px 0px 2px 0px;	
}

#releasedetail-header #releasedetail-text div {
	background:url(/images/separator_background.gif) repeat-x top;
	padding:1px 0px 0px 0px;	
	overflow:hidden;
}

#releasedetail-header #releasedetail-text h2 {
	display:block;
	background:url(/images/separator_background.gif) repeat-x bottom #F3F3F3;	
	font-size:24px;
	color:#000;	
	padding:5px 0px 5px 20px;
}

#releasedetail-header #releasedetail-text h3 {
	background:url(/images/separator_background.gif) repeat-x bottom #F3F3F3;	
	color:#929292;
	padding:5px 0px 5px 20px;	
}

#releasedetail-header #releasedetail-text h3 span {
	font-weight:bold;
}

#releasedetail-header #releasedetail-text a.back {
	display:block;	
	float:left;
	margin:79px 0px 0px 0px;
	padding:0px 0px 0px 12px;	
	font-weight:bold;
    background: url(/images/icons.gif) no-repeat 0px -554px;	
}

#releasedetail-header #releasedetail-text a.buynow {
	display:block;	
	float:right;	
	margin:70px 20px 0px 0px;
	font-weight:bold;		
}


/* Tracklist */

#tracklist h2 {
	font-size:24px;
	color:#999999;	
}

#tracklist ul {
	margin:0px 0px 30px 0px;
}

#tracklist ul li {
    padding: 5px 0px 5px 0px;
    overflow: hidden;
    background: url(/images/separator_background.gif) bottom repeat-x;
}

#tracklist ul li div.number {
    display: block;
    float: left;
    line-height: 18px;
    color: #000;
	font-weight:bold;
    padding: 0px 0px 0px 5px;
	margin:0px;
	vertical-align:bottom;
	width:3%;
}

#tracklist ul li div {
    display: block;
    float: left;	
	margin:0px 10px 0px 10px;
	width:75%;
	text-align:right;
}

#tracklist ul li div span {
 	float:left;
	display:inline;
}


#tracklist ul li a.listen {
    display: block;
    float: right;
    line-height: 18px;
    color: #000;
	font-weight:bold;
    padding: 0px 30px 0px 0px;
	vertical-align:bottom;
    background: url(/images/icons.gif) no-repeat right -517px;
}

#tracklist a.back {
	display:block;	
	float:left;
	margin:25px 0px 10px 0px;
	padding:0px 0px 0px 12px;
	font-weight:bold;
    background: url(/images/icons.gif) no-repeat 0px -554px;	
}

#tracklist a.buynow {
	display:block;	
	float:right;	
	margin:10px 20px 10px 0px;	
}