.SideBarContainer{
	width: 156px;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	display:none;
	/*
	filter :progid:DXImageTransform.Microsoft.Alpha (opacity=20);		
	-moz-opacity: 0.2;
	opacity: 0.2;*/
}
.SideBarContent{
	width: 156px;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	display:none;
	}
.SideBarBackGround {
	background-image: url(Images/SideBar.png);
	background-repeat: repeat-y;
	background-position: left;
	width: 156px;
	height:100%;
}
* html .SideBarBackGround {
background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Themes/SideBar/Default/Images/SideBar.png", sizingMethod="scale");	
}

.SideBarUserIconArea
{
    background-color: transparent;
	background-image: url(images/IconArea.png);
	background-repeat: no-repeat;
	height:140px;
	width:140px;
	margin:0 auto;
    margin-right:auto; 
    margin-left:auto;	
}
* html .SideBarUserIconArea {
    background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Themes/SideBar/Default/Images/IconArea.png", sizingMethod="crop");	
}

.SideBarUserIcon{
width:114px;
height:114px;
position:relative;
top:13px;
left:13px;
overflow:hidden;
text-align:center;
vertical-align:middle;
}

.HeadPic
{
 height:114px;
 width:114px;
 cursor:pointer;
}
/*************************************************************美丽心情区域*****************************************************************/
.FeelingArea
{
  	background-color: transparent;
	background-image: url(images/Feeling.png);
	background-repeat: no-repeat;
	height:130px;
	width:118px;
	margin:0 auto;
    margin-right:auto; 
    margin-left:auto;	
}
* html .FeelingArea {
    background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Themes/SideBar/Default/Images/Feeling.png", sizingMethod="crop");
	height:130px;
	width:118px;
	margin:0 auto;
    margin-right:auto; 
    margin-left:auto;		
}
#FeelingTitle
{
	width:80px;
    height:20px;
	line-height:20px;
	color:#B5B301;	
	font-size:12px;
	margin:0 auto;
    margin-right:auto; 
    margin-left:auto;
    position:relative;
    top:12px;
}
#FeelingTitle span
{
 color:#FF0000;
}
#FeelingIconArea
{
	width:63px;
    height:63px;
	line-height:63px;
	overflow:hidden;	
	margin:0 auto;
    margin-right:auto; 
    margin-left:auto;
    position:relative;
    top:25px;   
}
#FeelingIcon
{
  width:60px;
    height:63px;
}

/*************************************************************音乐快捷区域*****************************************************************/

.MusicArea
{
  	background-color: transparent;
	background-image: url(images/MusicBg.png);
	background-repeat: no-repeat;
	height:93px;
	width:126px;
	margin:0 auto;
    margin-right:auto; 
    margin-left:auto;	
}
* html .MusicArea {
    background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Themes/SideBar/Default/Images/MusicBg.png", sizingMethod="crop");
	height:93px;
	width:126px;
	margin:0 auto;
    margin-right:auto; 
    margin-left:auto;		
}

.Play_Out{
	background-color: #00FF00;
	background-image: url(Images/MusicPlay.png);
	background-repeat: no-repeat;
	background-position: -8px 0px;
	height:15px;
	line-height:15px;
	font-size:0px;
	width:20px;
}
.Play_Over{
	background-color: #00FF00;
	background-image: url(Images/MusicPlay.png);
	background-repeat: no-repeat;
	background-position: -8px -15px;
	height:15px;
	line-height:15px;
	font-size:0px;
	width:20px;
}

.Pause_Out
{
    background-color: #00FF00;
	background-image: url(Images/MusicPlay.png);
	background-repeat: no-repeat;
	background-position: -90px 0px;
	height:15px;
	line-height:15px;
	font-size:0px;
	width:20px;
}
.Pause_Over
{
    background-color: #00FF00;
	background-image: url(Images/MusicPlay.png);
	background-repeat: no-repeat;
	background-position: -90px -15px;
	height:15px;
	line-height:15px;
	font-size:0px;
	width:20px;
}

.List_Over{
	background-color: #FFFFFF;
	background-image: url(Images/MusicBtn.png);
	background-repeat: no-repeat;
	background-position: -2px -5px;
	height:40px;
	width:25px;
}
.Show_Over{
	background-color: #FFFFFF;
	background-image: url(Images/MusicBtn.png);
	background-repeat: no-repeat;
	background-position: -42px -5px;
	height:40px;
	width:25px;
}
.Hide_Over
{
	background-color: #FFFFFF;
	background-image: url(Images/MusicBtn.png);
	background-repeat: no-repeat;
	background-position: -82px -5px;
	height:40px;
	width:25px;
}

.List_Out{
	background-color: #FFFFFF;
	background-image: url(Images/MusicBtn.png);
	background-repeat: no-repeat;
	background-position: -2px -45px;
	height:40px;
	width:25px;
}
.Show_Out{
	background-color: #FFFFFF;
	background-image: url(Images/MusicBtn.png);
	background-repeat: no-repeat;
	background-position: -42px -45px;
	height:40px;
	width:25px;
}
.Hide_Out
{
	background-color: #FFFFFF;
	background-image: url(Images/MusicBtn.png);
	background-repeat: no-repeat;
	background-position: -82px -45px;
	height:40px;
	width:25px;
}
.Volume_0{
background-color:#CCCCCC;
}
.Volume_1{
background-color:#555555;
}