@charset "UTF-8";
/* CSS Document */
/* SPRITE 
html body .events .extraMenu span { background:url(/assets/img/events/buttonSprite.png) 0px 0px; }*/

div.cancelledevent {
	text-decoration: line-through;
}

.events .item span.subtitle{ font-size:14px; margin-top:10px; display:block;}
.events .description{color:#737373;}
.events .content table.eventsimage { width:170px;}
.events .content .item { width:450px;}
.events .content .item .present {color:#737373; font-size:12px; display:block; float:left; margin:5px 0 5px 0px;}
.events .content .item .present img{ margin-top:0px; margin-right:5px; display:block; float:left;}
.events .content .item h3 { display:block; float:left; margin-right:10px;}
.events .content .item span.subtitle{ display:block; clear:both; margin-top:15px; }

html body .events .content .item-listhover { border:0; border-top:1px solid #1d1d1d; border-bottom:1px solid #191919; cursor:pointer; background:#151515;}
.events .item-list { border:0; border-top:1px solid #000000; border-bottom:1px solid #0C0C0C; position:relative}
.events .item-list img.thumbsmall { margin-left:10px; float:left; margin-right:10px; border:none; }

.events .item-list span.title { font-size:14px; display:block; overflow:hidden; height:18px; width:550px; white-space:nowrap; position:relative;}
.events .item-list span.title:hover { text-decoration: underline;}
.events .item-list span.elipsis { display:none; width:46px; height:18px; background:url(/assets/img/events/eventsEllipsis.png) left top repeat-y; position:absolute; right:270px; z-index:999;}

.events .content table.eventsimage tr td {text-align: left;}

/* ///////////////////////////////
 * TRACK DETAIL PAGE
 ///////////////////////////////*/

span.uploadedtext {
	float: left;
	padding: 3px 0 0 8px;
	display: block;
}

/* IE 7 bug checken */
.events .item-list span.title img { margin-left:5px; margin-top:2px;}
.events .item-list span.subtitle { display:block; margin:5px 0 4px 0px;color:#737373; font-size:12px; width:620px;	}
.events .item-list span.subtitle img{ position:relative; top:2px;}
.events .content table.eventsimage tr td { vertical-align:top; padding-top:0px;}


/* IE7 */
*+html .events .item-list span.title {width:550px; padding:2px 15px 0 0; height:20px; }
*+html .events .item-list span.elipsis {width:46px; padding:2px 15px 0 0; height:20px; right:200px; }
*+html .events .item-list span.subtitle {width:550px;}
*+html .events .extraMenu a{ margin-top:-2px;}
*+html .events .content .item .present { margin-top:-10px;}

html body .events .item-listhover .extraMenu{ display:block;} 
.events .item .extraMenu{ display:block; float:none; margin-top:20px;} 
.events .item-list .extraMenu a.attending { background:none;}
.events .item-list .extraMenu { float:right; margin-top:10px; display:none; position:absolute; right:0; top:5px;}
.events .extraMenu a, .events .item .extraMenu a{ display:block; float:left; height:20px; margin:0; margin-left:30px; padding: 3px 15px 0 0; color:#fff; background:url(/assets/img/events/buttonBackground.png) top right; margin-right:10px;}
.events .extraMenu span, .events .item .extraMenu span{ display:block; float:left; height:22px; margin:0; margin-left:-30px; margin-top:-3px; width:30px; background:url(/assets/img/events/buttonBackground.png) top left;}
.events .extraMenu a:hover, .events .item .extraMenu a:hover{background-position: right -23px;}
.events .extraMenu a:hover span, .events .item .extraMenu a:hover span{background-position: left -23px ;}
.events .extraMenu a.attendButtonBlue, .events .item .extraMenu a.attendButtonBlue{background-position: right -46px; color:#000;}
.events .extraMenu a.attendButtonBlue span, .events .item .extraMenu a.attendButtonBlue span {background-position: left -46px;}
.events .extraMenu a.attendButtonBlue:hover, .events .item .extraMenu a.attendButtonBlue:hover {background-position: right -69px;}
.events .extraMenu a.attendButtonBlue:hover span, .events .item .extraMenu a.attendButtonBlue:hover span {background-position: left -69px;}

* html body .events .extraMenu a, * html body .events .item .extraMenu a { background:none; margin:0; padding:0; color:#C6E600}
* html body .events .extraMenu a, * html body .events .item .extraMenu span{ background:none; margin:0; padding:0;}
* html body .events .extraMenu a, * html body .events .item .extraMenu span img { display:none}
* html body .events .extraMenu a:hover, * html body .events .item .extraMenu a:hover { background:#C6E600; color:#000;}
* html body .events .extraMenu a:hover span, * html body .events .item .extraMenu a:hover span{ background:none;}
* html body .events .content .item { width:300px;}
* html body .events .content .item-listhover{ background:none;}
* html .events .item-list span.title {width:500px; position:static; }
* html .events .item-list span.elipsis { background:none;}
* html .events .item-list span.subtitle {width:500px;}
* html body .events .item-listhover span.title { width:500px;}

*+html .events .extraMenu a, *+html .events .item .extraMenu a {height:22px;padding: 2px 15px 0 0;} 
*+html .events .extraMenu span, *+html .events .item .extraMenu span {height:24px; margin-top:-2px;}

.events .extraMenu span img.thumbsUp { margin:3px 0px 0px 10px}
.events .extraMenu span img.tickets { margin:5px 0px 0px 8px}

.events .item-list a.link { color:#fff; margin:0; padding:0; display:block; cursor:pointer; float:left;}
.events .item-list a.link:hover { background:none;cursor:pointer; }
.events .item-list span.title:hover { text-decoration: underline;}

#eventmapsoutline{width: 632px; height: 350px; border: #313131 solid 1px; padding: 2px; margin-top: 10px;}
#eventmapscontainer {width: 632px; height: 350px;}