#status_panel {
	float: left;
	margin: 0px 0px 5px 2px;
	width: 200px;
	height: 400px;
	background: #666;
	border: 1px solid #333;
	padding: 1px 1px 1px 1px;
	color: #6fc
}

#status_panel dl dt {
	font-weight: bold;
}

#preview_area {
	width: 100%;
	background: #000;
	border: 1px solid #333;
	text-align: center;
}


#playlist-selector {
	margin: 0px 0px 5px 2px;
	width: 200px;
	height: 350px;
	background: #666;
	border: 1px solid #333;
	padding: 1px 2px 1px 2px;
	overflow-y:scroll;
	color: #000;
}

.ui-widget-content {
	border: 1px solid #000;
	margin: 1px 0px 2px 0px;
	padding: 4px 2px 4px 2px;
	background: #fff;
	cursor: pointer;
}

.ui-selecting {
	background: #ccc;
}

.ui-selected {
	background: #999;
}


#panel2 {
	float: left;
	margin: 0px 0px 5px 2px;
	width: 210px;
	height: 400px;
	background: #666;
	border: 1px solid #333;
	padding: 1px 1px 1px 1px;
	color: #6fc;
}

#panel3 {
	float: left;
	margin: 0px 0px 5px 2px;
	width: 300px;
	height: 400px;
	background: #666;
	border: 1px solid #333;
	padding: 1px 1px 1px 1px;
	color: #6fc
}

#playlist-item-selector {
	margin: 0px 0px 5px 2px;
	width: 290px;
	height: 300px;
	background: #666;
	border: 1px solid #333;
	padding: 1px 2px 1px 2px;
	overflow-y:scroll;
	color: #000;
}


.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 4px 0 4px 4px;
    padding: 4px 4px 4px 30px;
}

.error {
    background: #fff3f3 url(../images/skin/exclamation.png) 8px 50% no-repeat;
    border: 1px solid red;
    color: #cc0000;
    margin: 4px 0 4px 4px;
    padding: 4px 4px 4px 30px;
}

.footer {
	clear: both;
	margin: 4px 0px 0px 0px;
	text-align: center;
}