#media-container {
	display: none;
	height: 1px; /* so jQuery regards it as visible when display is 'block' */
	}

#media-overlay {
	position: absolute; /* IE6 */
	position: fixed;
	top: 0;	
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 1000;
}

#media-window {
	position: absolute; /* IE6 */
	position: fixed;
	width: 775px;
	top: 5%;
	max-height: 85%;
	left: 50%;
	margin-left: -403px;
	background: #fff;
	overflow-y: auto;
	z-index: 1000;
}

#media-player {
	float: left;
	width: 500px;
	height: 300px;
	margin: 15px;
	}

#media-player.audio-player {
	margin-top: 52px;
	height: 20px;
	}

#media-text {
	width: 500px;
	margin: 15px;
	}
	
#media-window h2 {
	padding-top: 52px;
	line-height: 1;
}

#media-controls {
	height: 22px;
	padding: 15px;
	}

#media-prev, #media-next {
	float: left;
	text-indent: -5000px;
	height: 20px;
	width: 22px;
	}
#media-prev {
	background: transparent url(../images/buttons/prev.png);
	}
#media-next {
	background: transparent url(../images/buttons/next.png);
	}
#media-prev:hover, #media-prev:active, #media-prev:focus {
	background-image: url(../images/buttons/prev_over.png);
	}
#media-next:hover, #media-next:active, #media-next:focus {
	background-image: url(../images/buttons/next_over.png);
	}

#media-prev.inactive {
	background-image: url(../images/buttons/prev_inactive.png);
	}
#media-next.inactive {
	background-image: url(../images/buttons/next_inactive.png);
	}
	
#media-controls a.inactive {
	cursor: default;
	}	

#media-close {
	position: absolute;
	top: 15px;
	right: 15px;
	text-indent: -5000px;
	width: 66px;
	height: 22px;
        background: url(../images/buttons/closelabel.gif) scroll no-repeat center center;
        }
#media-close:hover, #media-close:active, #media-close:focus {
	background-image: url(../images/buttons/closelabel_over.gif);
	}

#media-controls a, #media-controls a:active, #media-controls a:focus {
	text-decoration: none !important;
	border: none !important;
	outline: none !important;
	}