@charset "UTF-8";
/* CSS Document */

/* player style */
/* container has a background image */
img {
border: 0;
}
a {
   outline: none;
}
#playlist {
	width:417px;
	/* height:447px; */
	height:420px;
	overflow-y:scroll;
	overflow-x:hidden;
	/* border:1px solid #ccc; */
	border:1px solid #b6b6b6;
	padding:0;
	background:#efefef url(../images/playlist/bg_playlist.jpg) no-repeat bottom;
	float:left;
	margin-top:22px;
}
#playlist_header{display: block; height:32px; width:417px; background:#efefef url(../images/playlist/bg_playlist_header.gif) repeat-x; border-top:1px solid #b6b6b6; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6;
}
#playlist_header p{ margin:6px 0 0 8px;}
#playlist_header p span{ font-size:16px; color:#004596;}
#playlist_header .playlist_duration {
	/*background-color:#b4dffd;*/
	background: url(../images/playlist/bg_duration_div.png) repeat-x center;
	border-left:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
	border-top:1px solid #ccc;
	display:block;
	margin-left:-1px;
	margin-top:7px;
	position:relative;
	width:408px;
	font-size:12px;
	padding-left:9px;
}
#playlist_header .playlist_duration .duration_count{
	color:#004596;
	margin-left:-2px;
}
ol#sortable { display:block; margin:0; padding:5px; list-style-type:decimal; color:#005986; font-family:Arial, Helvetica, sans-serif; font-size:20px; list-style-position: inside; font-weight:normal; 
}
#sortable li span{
	padding:0; 
	/* margin:6px 3px 5px 8px; */
	margin:0 0 0 -8px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:bold;
	color:#000;
}
#sortable li .buttons{
	padding:0; 
	/* margin:6px 3px 5px 8px; */
	margin:5px 0 0 2px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:bold;
	color:#000;
}
#sortable li .buttons span{
	top:-9px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:normal;
	color:#6c6c6c;
	position:relative;
}
.myButtonPlay{margin:6px 0 0 -3px; background:transparent;}
.myButtonPause{margin:6px 0 0 -3px; background:transparent;}
.myButtonUp{/*margin:11px 0 0 0;*/ margin:6px 1px 0; background:transparent; float:right;}
.myButtonDown{/*margin:11px 0 0 0;*/ margin:6px 2px 0; background:transparent; float:right;} 
.mybuttonComment {/*margin:11px 0 0 0;*/ margin:4px 4px 0; background:transparent; float:right;} 
.deleteButton{/*margin:11px 4px 0 0;*/ margin:6px 6px 0 0; background:transparent; float:right;}
#sortable li{
	margin:1px 4px 4px -1px; padding-left:6px; width:386px; height:63px; background:url(../images/playlist/bg_playlist_item.gif) repeat-x; border:#c0c0c0 1px solid; cursor:move; 
}
#sortable li.current {
	margin:1px 4px 4px -1px; padding-left:6px; width:386px; height:63px; background:url(../images/playlist/bg_playlist_item_a.gif) repeat-x; border:#c0c0c0 1px solid; 
}
#sortable li.current span{
	padding:0; 
	/* margin:6px 3px 5px 8px; */
	margin:0 0 0 -8px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:bold;
	color:#800000;
}
#sortable li.current .buttons span{
	top:-9px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:normal;
	color:#6c6c6c;
	position:relative;
}
.btn_settings{ float:right;
height:0;
position:relative;
right:5px;
top:-18px;}

/* PopUp start */
#confirm-header{display: block; height:32px; width:320px; background:#efefef url(../images/playlist/bg_playlist_header_popup.gif) repeat-x; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;
}
#confirm-header p{ margin:5px 0 0 11px; font-size:16px; font-family: Verdana, Geneva, sans-serif; text-align:left;}
#confirm-header p span{ font-size:16px; color:#004596;}
#lists_header{display: block; height:37px; width:700px; background:#efefef url(../images/playlist/bg_playlist_header_popup.gif) repeat-x; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;
}
#lists_header p{ margin:5px 0 0 11px; font-size:18px; font-family: Verdana, Geneva, sans-serif; text-align:left;}
#lists_header p span{ font-size:16px; color:#004596;}
#lists_header p a#create_list{ 
float:right;
height:0;
position:relative;
right:15px;
top:-2px;}
#lists {
	width:700px;
	/* height:447px; */
	height:420px;
	overflow-y:scroll;
	overflow-x:hidden;
	/* border:1px solid #ccc; */
	border:1px solid #b6b6b6;
	padding:0;
	background:#efefef url(../images/playlist/bg_playlist_popup.jpg) no-repeat left bottom;
	float:left;
	cursor:default;
}
ul#playlist_ol { display:block; margin:0; padding:5px; list-style-type:none; color:#005986; font-family:Arial, Helvetica, sans-serif; font-size:20px; list-style-position: inside; font-weight:normal; 
}
#playlist_ol li span a{
	padding:0; 
	/* margin:6px 3px 5px 8px; */
	left:11px;
margin:0 0 0 -8px;
padding:0;
position:relative;
text-decoration:none;
top:8px;
float:left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#playlist_ol li .buttons{
	padding:0; 
	/* margin:6px 3px 5px 8px; */
	margin-right:8px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:bold;
	color:#000;
	float:right;
}
#playlist_ol li .buttons span{
	top:-9px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:normal;
	color:#6c6c6c;
	position:relative;
}
.btn_play {display:block;
float:left;
height:0;
margin-left:-60px;
margin-top:-2px;
position:relative;
}
#playlist_ol li .buttons a#renameList{
background:transparent; 
display:block;
float:left;
margin:3px 5px 4px 0;
	}
#playlist_ol li .buttons a#cleareList{
background:transparent; 
display:block;
float:left;
margin:3px 5px 4px 0;	
	}
#playlist_ol li .buttons a#deleteList{
background:transparent; 
display:block;
float:left;
margin:3px 0px 4px 0;
	}
#playlist_ol li .buttons a#insideList{
background:transparent; 
display:block;
float:left;
margin:3px 5px 4px 0;
	}
#playlist_ol li{
	margin:1px 4px 4px -1px; padding-left:66px; width:607px; height:63px; background:url(../images/playlist/bg_playlist_item.gif) repeat-x; border:#c0c0c0 1px solid;   
}
#playlist_ol li#empty_lists {
	margin:1px 4px 4px -1px; padding-left:66px; width:607px; height:63px; background:url(../images/playlist/bg_playlist_item_empty.gif); border:#d9d9d9 1px solid; 
}
#playlist_ol li#empty_lists span a{
	padding:0; 
	/* margin:6px 3px 5px 8px; */
	margin:0 0 0 -8px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:bold;
	color:#747474;
	text-decoration:none;
}
#playlist_ol li#empty_lists .buttons span{
	top:-9px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:normal;
	color:#6c6c6c;
	position:relative;
}
#playlist_ol li .durations {
	top:8px;
	left:4px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#6c6c6c;
	position:relative;
	float:left;
}
#playlist_ol li .quantity {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:normal;
	color:#000;
}
/* PopUp end */

#dialog-confirm-delete { 
	display: block;	
	width:300px; 
	height:120px;
	border:1px solid #b6b6b6;
	padding:10px;
	background:#efefef url(../images/playlist/bg_playlist.jpg) no-repeat bottom;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
#close_window {
float:right;
height:0;
position:relative;
right:-15px;
top:-35px;
}
#delete_ok {
	display:block;
	float:right;
	margin-top:14px;
}
#close_block {
	display:block;
	float:right;
	margin-top:14px;
}
#renameField {
	border:#063 1px solid;
	margin:0;
	padding:0;
	float:left;
}
#addPlaylistImput {
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
margin-top:13px;
padding:3px;
width:400px;
}
#addPlaylist {
	display:block;
	margin-left:10px;
	margin-top:10px;
}
#renameListImput {
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:16px;
margin-top:20px;
padding:1px;
width:320px;
}
#renameListCurrent {
float:left;
margin-left:4px;
margin-top:14px;
}
#renameCurrent {
margin-left:10px;
}
#all_playlists_div {
	width:47px; height:32px; display:block; position:relative; float:right; margin-right:-5px; margin-top:-7px;
}
#tooltip_c.tooltip_insideList {
   width:300px; padding-top:30px; position: absolute; background-color:#fff; border:1px solid #999; z-index:999; left:80px; padding:0 10px 15px; left:90px; margin-top:10px;
   color:#000;
   -moz-box-shadow: 0px 3px 14px #9e9e9e;
	-webkit-box-shadow: 0px 3px 14px #9e9e9e;
	box-shadow: 0px 3px 14px #9e9e9e;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9e9e9e')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9e9e9e');
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn_close_insideList {
z-index:9999;
display:block;
position:absolute;
top:3px;
left:300px;
cursor:pointer;
}
.tooltip_insideList_arrow {
display:block;
left:15px;
position:relative;
top:-10px;
width:300px;
z-index:9999;
}
.items_insideList {
	font-size:14px; display:block; padding:3px; border-bottom:1px solid #eeeeee;
}