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

a.scroller img {
	display: block;
}
#nav {
	height: 440px;
	width: 265px;
}
#scene_notes {
	width: 252px;
	height: 183px;
	position: relative;
	padding: 7px 7px 7px;
	margin-left: 1px;

	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_menu {
	opacity: 0;
}
#scene_notes_menu span {
	cursor: pointer;
}
#scene_notes .note .editable {
	background-color: #FF6600;
}
#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;
	height: 406px;
	overflow: hidden;

	font-family: Courier new, Courier;
	font-size: 11px;
	line-heigth: 14px;
}
#scenes .selected {
	color: inherit !important;
}

.scene + .scene {
	margin-top: 50px;
}

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