@charset "utf-8";
/* CSS Document */
#mediaContainer {
	position: relative;
	width: 900px;
	height: 600px;
	background: #ff9900;
	border: 1px solid #333333;
}

#mediaControls {
	position: relative;
	height: 30px;
	border: 0px solid #1683BC;
	background: #ff9900;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF
}

#mediaOutput {
	position: relative;
	height: 550px;
	background: #000;
	margin: 0px auto;
	overflow: auto;

}

/*#mediaContainer ul{
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}

*/

#mediaOutput li{
	width: 140px;
	height: 105px;
	float: left;
	margin: 5px 2px;
	overflow: hidden;
	cursor: pointer;
}

#mediaViewer {
	position: absolute;
	width: 900px;
	height: 540px;
	background:#000;
	padding-top: 10px;
	z-index: 1000;
	display: none;
	margin: 0px auto;
}

#mediaCurrent {
/*	width: 850px;
*/	height: 525px;
/*	float: left;
*/	background: #000;
	text-align: center;
	cursor: pointer;
}

#mediaPrev {
	width: 25px;
	height: 525px;
/*	float: left;
*/	background:#00;
	cursor: pointer;
}

#mediaNext {
	width: 25px;
	height: 525px;
/*	float: right;
*/	background:#000;
	cursor: pointer;
}