#sources {
	width: 100%;
	position: absolute;
	top: 240px;
	bottom: 0px;
	right: 0px;
	background: #303030;
}

#sources div {
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 20px;
	color: #888888;
}

#sources div:hover{
	cursor: default;
}

#SourceList {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 30px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y:auto;
	list-style-type: none;
}

#SourceList li div{
	height: 28px;
	width: 100%;
	position: relative;
}

#SourceList li p{
	position: absolute;
	left: 25px;
	right: 40px;
	height: 100%;
	line-height: 28px;
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
	
	color: #DDDDDD;
	
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	
}

#SourceList li {
	margin: 4px;
	height: 28px;
	
	border:1px solid;
	background: #444444;
	border-radius:3px;
	border-color: #333333;
}

#SourceList li div div.arrow {
	position: absolute;
	top: 4px;
	width: 16px;
	height: 20px;
	left: 4px;
	background:url("../imgs/doublearrowsmall.png");
}

#SourceList li div div.eye {
	position: absolute;
	top: 4px;
	right: 4px;
	
	width:37px;
	height:20px;
	
	background:url("../imgs/eyesprite.png") 0 -40px;
}

#SourceList li div div.eye:hover {
	cursor: pointer;
	background-position: 0 -60px;
}

#SourceList li div div.eye.off {
	background-position: 0 0px;
} 

#SourceList li div div.eye.off:hover {
	background-position: 0 -20px;
} 

#SourceList li:hover {
	background: #555555;
}

#SourceList li div p:hover {
	cursor: default;
}

#SourceList li.scene-placeholder {
	
	background: #222222;
}
