/* popup styles */

#trigger {
	/*this seems to be important for elements without a set width*/
	
}

.popup_class {
	position: absolute;
	height: 500px;
	width: 381px;
	z-index: 999;
	/*make it offscreen so that the images load properly at first. Works with IEPNGFix*/
	left: -3000;
}
.popup_class .arrow {
	position: absolute;
	background: transparent url(../images/popup_arrow.png) no-repeat center center;
	width: 11px;
	z-index: 99;
	left: 0px;
}

.popup_class .container {
	position: absolute;
	width: 351px;
	z-index: 98;
	/* less than the width of the arrow image, so that the arrow overlaps the boarder*/
	/* about minus the width of the outter shadow of the container 11 - 2 = 9*/
	left: 9px;
}

.popup_class .top {
	height: 15px;
	background: transparent url(../images/popup_top.png) no-repeat bottom center;
}

.popup_class .bottom {
	height: 15px;
	background: transparent url(../images/popup_bottom.png) no-repeat top center;
}

.popup_class .content {
	color: #5F533B;
	background: transparent url(../images/popup_bg.png) repeat-y top center;
	height: auto;
	text-align:left;
	padding-left: 20px;
	padding-top:10px;
}


.disco {
	padding: 5px 0 5px 0;
}

.disco .art {
	float: left;
}

.disco .details {
	padding-left: 18px;
	float: left;
}

.disco .title {
	padding-top: 5px;
	font-weight: bold;
	font-size: 1.1em;
	color: #281F0E;
}

.disco .info {
	padding-bottom: 5px;
}

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