﻿
.PlayListTitle
{
	background-image:url(../ImagesApp/playListTitle.jpg); 
	height:18px; 
	width:100%; 
	background-repeat:no-repeat;
	vertical-align:top;
}

.playListTitleTxt
{
	font : bold 10px arial;
	color : #1789C5;
}

.addPlayListItem
{
	text-align : right;
	font : bold 10px arial;
	color : #1789C5;
	padding : 0px 10px 0px 0px;
	cursor : pointer;
	text-decoration : underline;
}

.addPlayListItem:hover
{
	color : #1789C5;
	text-decoration : none;
}

.removePlayListItem
{
	text-align : right;
	font : bold 10px arial;
	color : #1789C5;
	padding : 0px 0px 0px 20px;
	cursor : pointer;
	text-decoration : underline;
}
.removePlayListItem:hover
{
	color : #1789C5;
	text-decoration : none;
}

.removePlayListItem a
{
}

.playListMainTbl
{
	height:100%; 
	/*border-left:solid 1px #bfbfbf; 
	border-bottom:solid 1px #bfbfbf;*/
	font : normal 12px arial;
}


.divSongDetails
{
	position:relative; 
	width: 120px;
    /*font: 14px Times New Roman, serif; */
    overflow: hidden;
    text-overflow: clip
}

.playListHeader
{
	font : bold 12px arial;
}

.divPlayListSongList
{
	position:relative;
	overflow:auto;
	height:65px;
	font : normal 10px arial;
	scrollbar-arrow-color: #4e658a;
	scrollbar-3dlight-color: #777799;
	scrollbar-darkshadow-color: #666677;
	scrollbar-face-color: #a1b1c3;
	scrollbar-highlight-color: #e9e9e9;
	scrollbar-shadow-color: #a1b1c3;
	scrollbar-track-color: #9faab8;
	/*background-image:url(../ImagesApp/headerBG.png);
	background-repeat:repeat-x;*/
}

.tdSongDetails
{
	width:40%;
	background-image:url(../ImagesApp/headerBG.png);
	background-repeat:repeat-x;
}

.imgSongDetails
{
	height: 70px;
	width : 70px;
}


.HideDiv
{
	display:none;
}

.showDiv
{
	display:block;
}

.mnuPlayList
{
	position:relative;
	overflow:auto;
	height:65px;
	width:100px;
	font : normal 10px arial;
	scrollbar-arrow-color: #4e658a;
	scrollbar-3dlight-color: #777799;
	scrollbar-darkshadow-color: #666677;
	scrollbar-face-color: #a1b1c3;
	scrollbar-highlight-color: #e9e9e9;
	scrollbar-shadow-color: #a1b1c3;
	scrollbar-track-color: #9faab8;
}

.mnuPlayList div
{
	cursor:pointer;
}

.PlayListSongList
{
	cursor : pointer;
	/*background-color:White;*/
}

.PlayListSongListPlayed
{
	color:Blue;
	cursor : pointer;
	/*background-color:Lime;*/
}

.spanSlectedPlayList 
{
	font : bold 10px arial;
	color:Blue;
}

.spanPlayList 
{
	font : normal 10px arial;
	color: black;
}

.txtPlaylistName 
{
	font : normal 12px arial;
	width : 180px;
	height : 12px;
}

.tdPlaylistSaveBtn 
{
	background-image : url(ImagesApp/BtnReg.gif);
	width : 70px;
	height : 21px;
	text-align : center;
	font : normal 12px arial;
	text-decoration : underline;
	cursor : pointer;
}
.tdPlaylistSaveBtn:hover
{
	background-image : url(ImagesApp/BtnReg.gif);
	width : 70px;
	height : 21px;
	text-align : center;
	font : normal 12px arial;
	text-decoration : none;
	cursor : pointer;
}

.tdPlaylistCancelBtn 
{
	background-image : url(ImagesApp/BtnReg.gif);
	width : 70px;
	height : 21px;
	text-align : center;
	font : normal 12px arial;
	text-decoration : underline;
	cursor : pointer;
}
.tdPlaylistCancelBtn:hover
{
	background-image : url(ImagesApp/BtnReg.gif);
	width : 70px;
	height : 21px;
	text-align : center;
	font : normal 12px arial;
	text-decoration : none;
	cursor : pointer;
}

.tdPlaylistText 
{
	font : normal 12px arial;
}

/** set mesage style **/
.divMessege
{
	width:200px; 
	height:100px;
	position: absolute;
	left: 150px; 
	top: 5px;
}

.labelMessege
{
	PADDING-RIGHT: 10px; 
	font : normal 12px arial;
	padding-left:10px; 
	PADDING-TOP: 10px; 
	HEIGHT: 39px;
}

.tableMessege
{
	background-image:url(../ImagesApp/ConsepPageBG_03.jpg); 
	WIDTH: 180px; 
	height:100px; 
	border:solid 1px #c9dff4;
}

.tdLinkButton
{
	background-image : url(../ImagesApp/BtnReg.gif);
	width : 69px;
	height : 21px;
	text-align : center;
	cursor : pointer;
}
