@import url('menu_bottom.css');
@import url('nav.css');

#imp_wrapper {
	position: absolute;
	top:0;
	left:0;
}
a.scroller img {
	display: block;
}
#nav {
	height: 440px;
	width: 340px;
}

#nav .indentation #scene_nav {
	/*margin-left:55px;*/
	margin-left:20px;
}
#nav .indentation #scene_material {
	margin-left:20px;
}

#scene_notes {
	width: 252px;
	height: 183px;
	position: relative;
	padding: 7px 7px 7px;

	font-size: 11px;
	/*line-height: 13px;*/

	background: url(../images/pix/scenes_notes_frame.png)
}
#scene_notes label {
	float: right;
	color: #ff6600;

	/*font-family: futura, century gothic, arial, sans;*/
	font-size: 11px;
}
#scene_notes .scrollable {
	clear: both;
	width: 240px;
	position: relative;
	height: 170px;
	overflow:hidden;
}
.note + .note {
	margin-top: 20px;
}

#scene_titles {
	width: 236px;
	position: absolute;
	bottom:20px;
	padding: 7px;

	font-size: 10px;
	line-height: 13px;
	font-style: italic;
}
#scene_titles table {
	border-spacing: 0;
	border-collapse: 0;
	border:0px none;
}
#scene_titles table td {
	vertical-align: top;
	padding:0;
}
#scene_titles .title {
	padding-left: 0.5em;
}
#scene_titles .scrollable {
	height: 104px;
	position: relative;
	overflow:hidden;
}
#scene_titles .selected a,
#scene_titles a.selected {
	color: #ff6600;
}
#scene_frame {
	position: absolute;
	width: auto;
	right:0px;
	padding-right: 25px;
	margin-left: auto;
	top: 65px;
}
#scene_frame .scroll_ctrl {
	position: absolute;
	right:-15px;
	#left: 618px;
	bottom:0px;
	width: 10px; 
	height: 22px;
}
.scroll_ctrl .up {
	position: absolute;
	top: 0px;
}
.scroll_ctrl .down {
	position: absolute;
	left:0px;
	bottom: 0px;
}
#scenes {
	position: relative;
	/* width: 608px;*/
	width: 528px;
	height: 406px;
	overflow: hidden;

	font-family: Courier new, Courier;
	font-size: 11px;
	line-heigth: 14px;
}

#scenes .selected {
	color: inherit !important;
}

#scenes * object {
	display: none;
}

.scene {
	margin-bottom: 42px;
}
.scene + .scene {
	
}

.scroller {
	pointer:cursor;
}
.title_tgl {
	cursor: pointer;
}
.title_tgl:hover {
	color: #ff6600;
}

#scene_material {
	overflow: hidden;
	width: 300px;
	height: 240px;
	text-a
}

#scene_material * img {
	height: 240px;
}

#scene_nav {
	position: relative;
	margin-top: 30px;
	
}

#scene_nav .meta {
	width: 320px;
	border: 0px none;
	border-spacing: 0;
	border-collapse: collapse;
	
	position: absolute;
	margin:0;
	padding:0;
}
#scene_nav .meta .height .middle,
#scene_nav .meta .height .small {
	padding-top: 2px;
}
#scene_nav .meta tr td {
	vertical-align: bottom;
}
#scene_nav .meta tr + tr td {
	vertical-align: top;
}
#scene_nav .meta .middle {
	font-size: 10px;
	text-align: right;
	min-width: 60px;
}
#scene_nav .meta .small {
	padding-left:3pt;
	font-size: 10px;
	width: 0%;
}
.imp .ctrl .tape {
	vertical-align: sub;
	padding-bottom: 1px;
	cursor: pointer;
}
#scene_nav .info {
}
#scene_nav .title {
	font-size: 10px;
	font-style: italic;
	color: #ff6600;	
	line-height: 15px;
}
#scene_nav .menu {
	position: absolute;
	top:0;
	right:0;
	width: 70px;
	
	font-size: 10px;
	margin:0;
	padding:0;
	list-style-type: none;
}
#scene_nav .meta * a {
	cursor: pointer;
}