﻿html
{
 height: 100%; min-height: 100%;
}
body, body.scriptEnabled
{
	min-height: 100%;
	height: 100%;
	margin: 0px;
	text-align: center;
	font-family:klavika,"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: .83em;
	color: #333333;
	background-color: #FFFFFF;
	position: relative;
	line-height: 18px;
}
*
{
	position: static;
	z-index: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li
{
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}
ol, ul
{
	margin-left: 0px;
	padding: 0px;
}
ul
{
	list-style-type: disc;
}
a
{
	color: #3B5998;
	text-decoration: none;
	vertical-align: baseline;
}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	color: #3B5998;
}
#bodyContainer{position:relative;width:962px;vertical-align:top;margin-left:auto;margin-right:auto;text-align:left;background-color:#FFFFFF;}
#subVis{display:none;}
#bodyBorderLeft{background:transparent url('ytl_border.png') repeat-y scroll 0 0;width:10px;position:absolute;z-index:2;top:0px;height:100%;width:10px;background-color:#FFFFFF;left:0px;}
#bodyBorderRight{background:transparent url('ytl_border.png') repeat-y scroll -10px 0;width:10px;position:absolute;z-index:2;top:0px;height:100%;width:10px;background-color:#FFFFFF;right:0px;}
#bodyBorderLeftTopCap{background:transparent url('ytl_bg.png') no-repeat scroll 0 0;width:10px;height:130px;overflow:hidden;position:absolute;height:130px;width:10px;background-color:#FFFFFF;top:0px;}
#bodyBorderLeftBotCap{background:transparent url('ytl_bg.png') no-repeat scroll 0 -260px;width:10px;height:130px;overflow:hidden;position:absolute;height:130px;width:10px;background-color:#FFFFFF;bottom:0px;}
#bodyBorderRightTopCap{background:transparent url('ytl_bg.png') no-repeat scroll 0 -130px;width:10px;height:130px;overflow:hidden;position:absolute;height:130px;width:10px;background-color:#FFFFFF;top:0px;}
#bodyBorderRightBotCap{background:transparent url('ytl_bg.png') no-repeat scroll 0 -390px;width:10px;height:130px;overflow:hidden;position:absolute;height:130px;width:10px;background-color:#FFFFFF;bottom:0px;}
#bodyContainerBgOutTop{background:transparent url('ytl_grad.png') repeat-x scroll 0 -16px;height:130px;position:absolute;z-index:0; left: 0px; height:130px;width:100%; }
#bodyContainerBgInTop{background:transparent url('ytl_bg.png') no-repeat scroll 0 -520px;width:600px;height:130px;overflow:hidden;position:absolute;z-index:0;height:130px;width:600px;margin:0px 171px;}
#bodyContainerBgOutBot{background:transparent url('ytl_grad.png') repeat-x scroll 0 -146px;position: relative;z-index:0;height:45px;width:100%;bottom:0px;}
#bodyContainerBgInBot{background:transparent url('ytl_bg.png') no-repeat scroll 0 -650px;width:600px;height:45px;overflow:hidden;position:relative;z-index:0;width:600px;right:0px;}
#bodyHeader{min-height:0px;margin: 0 20px 10px 20px;padding-top:8px;position:relative;width:100%;cursor:default;}
#bodyNavBar{min-height:0px;position:relative;padding-left:29px;display:inline-block;width:100%;margin-top:0px;clear:both;z-index:3;cursor:default;}
#bodyContentPane{min-height:0px;position:relative;width:960px;clear:both;display:inline-block; overflow: hidden;}
#bodyFooter{width:100%;clear:both;margin: 30px 20px 0px 20px; color: black; text-align: center; font-family: Arial;z-index:99999; position: relative;}
#logo{ background: url("/logo.png") no-repeat; width: 151px; height: 33px; float: left; display: block; margin:4px 0 0 0;border:0;}
.search-form{border: 3px solid #7BBDF7;width: 555px;margin: 0 0 0 40px;height: 27px; padding: 3px !important; background: white; text-align: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; display: inline-block;}
.search-form:hover{box-shadow: 0 0 5px #999999;-moz-box-shadow: 0 0 5px #999999;-webkit-box-shadow: 0 0 5px #999999; border: 3px solid #0080C0;}
#txtInput{height: 20px; font-size: 11px; border: 0; background-color: transparent; margin: 0 !important; width: 415px; padding: 5px 0 0 5px !important; outline: none; position: absolute; z-index: 999999 !important; left: 0px; text-indent: 0 !important;}
#txtInputAlt{height: 20px; font-size: 11px; border: 0; background-color: white; margin: 0 !important; width: 415px; padding: 5px 0 0 5px !important; outline: none; position: absolute; z-index: 0 !important; left: 0px; text-indent: 0 !important; color: #aaaaaa;}
#btnLoop{height: 26px; border: 0px; background: #7BBDF7;margin: 0px; width: 100px; cursor: pointer; color: white; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btnLoopAlike{height: 26px; border: 0px; background: #0C9C8B;margin: 0px; width: 150px; cursor: pointer; color: white; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; }
#btnLoop:hover { background: #0080C0}
.btnLoopAlike:hover { background: #0080C0}
#topMenu{margin: 20px 20px 0px 20px; text-align: right}
#topMenu a{ background: #9FE0F9; color: White;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px 5px 3px 5px; font-size: 11px; margin-right: 10px; }
#topMenu a:hover{background: #1EB8F2; text-decoration: none;box-shadow: 1px 1px 1px #cccccc;-webkit-box-shadow: 1px 1px 1px #cccccc;-moz-box-shadow: 1px 1px 1px #cccccc;}
#TitleArea{margin: 10px 20px 0px 20px; overflow: hidden; line-height: 22px; text-align: justify}
#TitleArea h1{color: #3B5998; margin-top: 10px; font-size: 22px; font-weight: bold; 	text-shadow: 1px 1px 1px #D0D0D0;	-webkit-text-shadow:  1px 1px 1px #D0D0D0;	-moz-text-shadow:  1px 1px 1px #D0D0D0;}
.WelcomeMe{color: #22436C; padding: 0px; margin: 10px 0 10px 0; font-weight: bold; 	text-shadow: 1px 1px 1px #D0D0D0;	-webkit-text-shadow:  1px 1px 1px #D0D0D0;	-moz-text-shadow:  1px 1px 1px #D0D0D0;}
#TitleArea li { display: inline-block; color: #999999; list-style-type:none; background: #F6F6F6;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px 5px 3px 5px; font-size: 11px; margin: 0px 5px 5px 0px; cursor: pointer; }
#TitleArea li:hover{background: #11A0D3; box-shadow: 1px 1px 1px #cccccc;-webkit-box-shadow: 1px 1px 1px #cccccc;-moz-box-shadow: 1px 1px 1px #cccccc;}
#TitleArea a{color: #22436C; }
#TitleArea a:hover{ text-decoration: none; color: white; }
#TitleArea .TermHeadline{ font-weight: bold;}
.ParaSep{margin-top: 5px;}
#playerArea{margin: 0px 11px 0px 11px;}
#PlayMe{margin: 0px 11px 5px 11px;}
#youtubeDiv{margin:5px 10px 0px 10px;}
#youtubeDiv h4{font-weight: bold; cursor: pointer; display: inline-block;}
#ToolsArea{margin: 10px 20px 0px 20px; font-size: 11px; overflow: hidden;}
#Footer{margin: 10px 10px 0px 10px;}
div.section-gradient-top{background:transparent url('gl_horizontal_grad_search.png') repeat-x scroll 0 -24px;height:24px;position:relative;width:100%;border-top:solid 1px #FFFFFF;}
div.section-gradient-top div.nearCap{background:transparent url('gl_horizontal_grad_search.png') no-repeat scroll 0 -107px;width:77px;height:24px;overflow:hidden;position:absolute;left:0px;top:0px;}
div.section-gradient-top div.farCap{background:transparent url('gl_horizontal_grad_search.png') no-repeat scroll -77px -83px;width:77px;height:24px;overflow:hidden;position:absolute;right:0px;top:0px;}
#videos2
{
	margin-top: 5px;
}
#videos2 h3
{
	
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	color: #22436C;
}
#videos2 h4{overflow: hidden; height: 40px; line-height: 40px; vertical-align: middle}
#videos2 h4 span
{
	height: 25px;
	margin: 5px 20px 5px 0;
	cursor: pointer;
	font-weight: bold;
	color: #22436C;
	padding: 5px;
	background: #F6F6F6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 13px;
}
#videos2 h4 span:hover
{
	background: #DDDDDD;
}
#videos2 img
{
	max-height: 35px;
	min-height: 35px;
	max-width: 47px;
	min-width: 47px;
	padding: 1px;
	margin-right: 7px;
	background-color: white;
	border: 0px !important;
	box-shadow: 2px 2px 2px #CAC2BF;-webkit-box-shadow: 2px 2px 2px #CAC2BF;-moz-box-shadow: 2px 2px 2px #CAC2BF;
	display: block;
}
#videos2 ul {padding-left: 15px; margin-top: 5px;}
#videos2 li
{
	margin: 0 8px 10px 0;
	font-size: 10px;
	vertical-align: middle;
	height: 51px;
	font-family: Tahoma !important;
	font-size: 12px;
}
.hoverShadow
{
-webkit-box-shadow: 1px 1px 5px 3px #a1a1a1 !important;
-moz-box-shadow: 1px 1px 5px 3px #a1a1a1 !important;
box-shadow: 1px 1px 5px 3px #a1a1a1 !important;
}
.big
{
    font-weight: bold;
    
}
#videos2 .rating
{
	color: gray;
	font-size: 11px;
}
#videos2 a
{
	color: #3B5998;
}
#logo1
{
 background: url("/logo.png") no-repeat;	
 width: 154px; 
 height: 40px;
 float: left;
 display: block;
 margin:0 18px 0 0;
}
#txtInput
{
	color: #1268A5 !important;
	text-indent: 5px;
}
#youtubelist
{
	overflow: hidden;
	padding: 5px; margin: 0px;
}
#youtubelist li
{
	float: left;
	width: 216px;
	height: 180px;
	min-height: 180px;
	max-height:180px;
	font-size: 12px;
	margin-right: 8px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
	font-size: 11px;
	overflow: hidden;
}
#youtubelist li a { color: Black;}
#youtubelist img
{
	max-width: 160px;
	min-width: 160px;
	width: 160px;
	height: 120px;
	min-height: 120px;
	max-height: 120px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 5px #333333;-webkit-box-shadow: 0px 0px 5px #333333;-moz-box-shadow: 0px 0px 5px #333333;
	border: 1px solid #666666;
	padding: 1px;
}

#youtubeDiv h3
{
	color: #0033CC;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}#youtubeDiv h4
{
	margin: 5px 0 5px 0;
	color: #22436C;
}
#searchTerm {overflow:hidden; font-size: 10px; color: #B2B2B2;}
#searchTerm li{ display: inline-block; float: left; margin-right: 15px;height: 15px; }
#Terms { text-align: left;}
#Terms a{ cursor: pointer; background: #D8DFEA; color: #3B5998; font-family: Tahoma; font-weight: 

; font-size: 11px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; margin-right: 5px; padding: 0 5px 0px 5px; margin-bottom: 4px; display: inline-block;}
#Terms a:hover{ color: #333; background: #EFF2F7;}
.ToolboxArea
{
}
#ToolBoxLink
{
	float: right; width: 500px; text-align: right;
	line-height: 27px;
}
#ToolBoxLink a
{
	margin-left: 10px;
	color: Black;

}
#CommentArea
{
	 line-height: 25px;
	 	overflow: hidden;
	 	padding: 0px 5px 5px 5px;
}

#CommentArea h3
{
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	color: #22436C;
}
#CommentArea li
{
	list-style-type: none;
	width: 162px;
	float: left;
	margin: 10px 10px 0 0;
	font-size: 10.5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 50px;
	overflow: hidden;
	padding: 5px;
	text-align: justify;
	background-color: #F6FCFC;
	
	cursor: pointer;
}
#CommentArea li:hover
{
	color: #284870;
	box-shadow: 0 0 5px #666666;
	-moz-box-shadow: 0 0 5px #666666;
	-webkit-box-shadow: 0 0 5px #666666;
}
#CommentArea .hehe
{
	
}
#CommentArea .hehe li
{
	list-style-type: none;
	margin: 5px 35px 0 0;
	font-size: 10.5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	padding: 5px;
	text-align: justify;
	background-color: #F6FCFC;
	background: -moz-linear-gradient(100% 100% 180deg, #F6FCFC, #FFFFFF);
	background: -webkit-gradient(linear, left top, right top, from(#F6FCFC), to(#FFFFFF));
	cursor: pointer;
	font-size: 11px;
	width: auto !important;
	height: auto !important;
	vertical-align: middle;
	float: left;
	display: block;
}
.hehe li a
{
	color: #333333;
}
#CommentArea .hehe li:hover
{
	background-color: #F6FCFC;
	background: -moz-linear-gradient(100% 100% 0deg, #F6FCFC, #FFFFFF);
	background: -webkit-gradient(linear, right top, left top, from(#F6FCFC), to(#FFFFFF));
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
	
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.spanSelected
{
	color: white !important;
	background: #1EB8F2 !important;
}
#RecentView{ overflow: hidden;}
#RecentView h3
{
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	color: #22436C;
}
#RecentView a
{
	line-height: 20px;
	color: Black;
}
#RecentView p
{
	width:45%;
	float: left;
	margin: 5px 15px 0 0;
	height: 70px;
	overflow: hidden;
}
.moinhat
{
	padding: 2px 9px 2px 8px;
	border-right: 1px solid #CCCCCC;
	line-height: 20px;
}
#ClipPartLoop
{
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	text-align:left;
	color: #333333;
	background: url('ytl_partloop.png') repeat-x;
	margin: 1px 9px 0 11px;
	font-size: 11px;
	font-family: Tahoma !important;
}
#ClipPartLoop .timebox
{
	 text-align: center;
	 width: 50px;
	 background: none;
	 border: 0;
	 color: black;
	 vertical-align: middle;
	 outline: none;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: bold;
	  border-bottom: 2px solid #777777;
}
#ClipPartLoop .timebox:hover
{
	border-bottom: 2px solid yellow;
}
#ClipPartLoop .timebutton
{
	 text-align: center;
	 border: 0px solid #cccccc;
	 cursor: pointer;
	 font-size: 11px;
	 height: 20px;
	 background:#DDDDDD;
	 
	 background: -moz-linear-gradient(100% 100% 60deg, #DDDDDD, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF));
	 
	 border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	 box-shadow: 0px 0px 3px #666666;
	-webkit-box-shadow: 0px 0px 3px #666666;
	-moz-box-shadow: 0px 0px 3px #666666;
}
#ClipPartLoop .timebutton:hover
{
	box-shadow: 0px 0px 4px #333333;
	-webkit-box-shadow: 0px 0px 4px #333333;
	-moz-box-shadow: 0px 0px 4px #333333;
}
#likebutton
{
	float: left; width: 410px; z-index: 9999;
}
#likebutton iframe
{
	border: 0px !important;
}
#CurrentLocation
{
	font-weight: bold;
	color: black;
}
#LoopPartShareLink
{
	color: Black;
	 width: 270px;
	 font-size: 10px;
	 background: #CACACA;
	 border: 1px solid #888;
	 height: 18px;
	 line-height: 18px;
	 vertical-align: middle;
	 text-align: center;
}
#SearchSuggestion
{
	visibility: hidden;
	width: 558px;
	z-index: 999999;
	 background: #FFFFFF;
	 border: 3px solid #7BBDF7;
	 border-top: 0px;
	 margin-left: 200px;
	 font-size: 11px;
	 position:relative;
}
#SearchSuggestion h4 { padding: 0px 3px 3px 0px; color: #1EB8F2; margin: 0; text-align: right; cursor: pointer;}
#SearchSuggestion ul{padding: 5px; margin: 0; overflow: hidden;}
#SearchSuggestion li{padding: 3px; cursor: pointer; font-weight: bold;}
#SearchSuggestion li:hover{ background: #9DE1FB !important;}
.search-query-hig {color: #000; background: #F6F6F6; padding: 3px;}
#SearchSuggestion .looply {width: 102px; float: right; color: #FFFFFF; cursor: pointer;font-weight: normal !important;}
#SearchSuggestion .looply:hover{color: black}
#SearchSuggestion li b {color: #666666; font-weight: normal !important;}
#DescriptionArea { line-height: 18px; margin-top: 5px; overflow:hidden; cursor:n-resize; height: 108px; display: block; text-align: justify}
.Ads-234-60{ width: 468px; height: 60px; float: left; margin-right: 5px;}
#lbVideoDesc{ display:block; height: 0px; overflow: hidden;}
#ShowFullDesc {display: none; border: none; cursor: pointer; color: #3A8800; font-size: 10px; font-family: Arial; }
#HideFullDesc {display: none; border: none; cursor: pointer; color: #3A8800;font-size: 10px; font-family: Arial;}
#SearchTag{height: 25px; overflow: hidden;}
#litSearchTerm {display:block}
.maidao{ font-size: 12px; color: #66CC5A; font-weight: bold}
.fbtool{ background: url(tool-item.png) no-repeat scroll 0px -28px; padding: 0 0 0 19px; height: 14px;}
.videotool{background: url(tool-item.png) no-repeat scroll 0px -14px; padding: 0 0 0 19px; height: 14px;}
.audiotool{background: url(tool-item.png) no-repeat scroll 0px 0px; padding: 0 0 0 19px; height: 14px;}
.SongChord{background: url(chords.png) no-repeat scroll 0px 0px; padding: 0 0 0 19px; height: 14px;}
.SongFact{background: url(facts.png) no-repeat scroll 0px 0px; padding: 0 0 0 19px; height: 14px;}
.Ads-160-600{width: 160px; height: 600px; float: left;}
.vListAvatar
{
	 padding: 5px;
}
.vListAvatar img 
{
	max-width: 120px;
	min-width: 120px;
	border: 1px solid #CCDEFF !important;
	padding: 1px !important;
	margin-right: 10px;
}
.vListInfo
{
	 padding: 5px;
}
.VideoList
{
	width: 600px;
	float: left;
}
.VideoList h3
{
	font-size: 18px;
	 text-align: left;
	 border-bottom: 3px solid #E44097;
	 padding: 9px 0 9px 0;
	 color: #E44097;
	 margin-left: 1px;
}
.vListPager h3
{
	font-size: 18px;
	 text-align: left;
	 border-bottom: 3px solid #F57325;
	 padding: 11px 0 9px 0;
	 color: #F57325;
	 margin-left: 1px;
}
.vListPager
{
	font-size: 10px;
	line-height: 20px;
}
.vListPager a
{
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background: #EBF2FF;
 background: -moz-linear-gradient(100% 100% 60deg, #EBF2FF, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#EBF2FF), to(#FFFFFF));
	 
	 box-shadow: 1px 1px 3px #dddddd;
	-webkit-box-shadow: 1px 1px 3px #dddddd;
	-moz-box-shadow: 1px 1px 3px #dddddd;


border:1px solid #CCDEFF;
color:#0066CC;
margin:5px;
display: inline-block;
width: 40px;
text-align: center;
}
.vListPager a:hover
{
	box-shadow: 2px 2px 2px #dddddd;
	-webkit-box-shadow: 2px 2px 2px #dddddd;
	-moz-box-shadow: 2px 2px 2px #dddddd;
}
.selectedPage
{
	border:1px solid #E868C1 !important;
		background: #F7E6F0 !important;
background:-moz-linear-gradient(center top , #F7E6F0, #FFFFFF) repeat scroll 0 0 #F7E6F0 !important;
}
.dissdiss li
{
    
    height: 190px;
    overflow: hidden;
    
    border: 1px solid #AEC3CF;
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(white), to(#EFF7FE)); 
    background: -moz-linear-gradient(#ffffff, #EFF7FE) repeat scroll 0 0 transparent;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    
}
.dissdiss h2
{
    font-size: 18px !important;
    font-weight: bold;
    color: #22436C;
}
.dissdiss h3 a
{
    color: #22436C;
    font-weight: bold;
}
.dissdiss img
{
    padding: 1px;
    border: 1px solid #80BFE6;
    max-width: 125px;
    margin: 10px 0 0 14px;
}

.hehe1
{
    margin-bottom: 100px;
    overflow: hidden;
}
.dissdiss h3
{
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
     line-height: 30px; 
     border-bottom: 1px solid #2E5186;
    vertical-align: middle; padding-left: 10px; 
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#E0EFFD), to(white)); 
    background: -moz-linear-gradient(#E0EFFD, #FFFFFF) repeat scroll 0 0 transparent;
}
.round
{
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  border: 5px solid #E0EFFD;   
  overflow: hidden;
  margin: 12px 8px 0 8px;
  background: #E0EFFD;
  width: 432px;
    float: left;
}
.TranslateHeader
{
    width: 50%;
    text-align: left;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    background: #F8F8F8;
    padding: 0 !important;
    line-height: 30px;
}
.TranslateButton
{
    border: 1px solid #9DACCE;
    background: #ECEEF5;
    color: #3B5998 !important;
    padding: 3px 2px 3px 2px;
    font-size: 11px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    font-family: Arial;
    margin : 0.5em 0px;
    height: 24px;
}
#SongLyric, #TranslatedSongLyric
{
    font-family: Tahoma;
    font-size: 11px;
}
#GoogleAdVideoBottom
{
	padding-bottom: 10px;
	border-bottom: 1px solid #E4E4E4;
	text-align: center;
	margin-bottom: 10px;
}
.LoveMeDo h3
{
    color: #22436C;
    padding: 5px 0 5px 0;
}
.progress
{
    width: 300px;
    float: left;
    bottom: 5px;
    position: fixed;
    padding: 5px;
    background: #ECEEF5;
    border: 1px solid #0080C0;
    opacity:0.85;filter:alpha(opacity=85);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#TranslateLanguage
{
    display: inline;
    width: 120px;
    padding: 0px;
    margin : 0.5em 0px;
}
#HomepageText
{
     font-size: 16px;
     margin: 30px 40px 30px 40px; overflow: hidden; line-height: 22px; text-align: justify;
     display: none;
}
#HomepageText h4
{
    font-weight: bold;
    color: #22436C;
    font-size: 18px;
}
#HomepageText ul
{
    margin: 10px 0 10px 40px;
}
#HomepageText li
{
    margin-left: 10px;
    list-style-type: circle;
}
#FootNavigator
{
    display: none;
}
.ScreenImage
{
     border: 4px solid #BCE7FE;
     background: white;
     padding: 1px;
}
#BillOuter h4
{
    font-weight: bold;
    color: #22436C;
    font-size: 18px;
    margin-bottom: 15px;
}
#BillOuter 
{
    margin: 30px 40px 30px 40px;
    display: none;
     overflow: hidden;
}
#BillboardSample ul
{
    margin: 15px 0 0 0;
    overflow: hidden;
}
#BillboardSample li
{
    height: 39px;
    font-size: 11px;
}
#BillboardSample a
{
    color: default;
    
}
.billavatar
{
    padding: 1px; border: 1px solid #BCE7FE;
}
#ToHide
{
    z-index: 999999;
    border: 3px solid #7BBDF7;
    padding: 0px 20px 20px 20px;
    margin: 10px 0 10px 0;
    background: #F9FEFF;
    display: none;
     
}
.SubmitLyricCol1
{
    width: 100px;
     vertical-align: top;
     text-align: right;
}
.SubmitLyricCol2
{
    width: 255px;
    vertical-align: top;
    text-align: right;
}
.SubmitLyricCol3
{
    width: 455px;
     vertical-align: top;
}
.LyricInput
{
    width: 250px;
}
#MeNhaNo
{
    width: 100%; text-align: right; height: 16px; padding: 0; margin: 0;
}
.HienRaDiEm { overflow: hidden; position: relative;}
.CloseForm
{
    background: #B7F2FF;
    color: #333;
    font-weight: bold;
    border: 0px solid #F9FEFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 30px;
    width: 30px;
    line-height: 30px;
     vertical-align: middle;
     padding: 0; margin: 0;
     cursor: pointer;
}
.RelatedLeft
{
    width: 450px;
    float: left;
    overflow: hidden;
}
.RelatedRight
{
    width: 450px;
    float: right;
    overflow:hidden;
}
#ArtistArea
{
    margin: 0 20px 0 20px;
}
#ArtistSummary
{
    margin: 10px 0 0 0 !important;
    text-align: justify;
    border: none;
}
#ArtistSummary img
{
    float: right;
    padding: 3px;
    border: 1px solid #F6F4F4 !important;
    margin: 0 0 10px 10px;
}
#ArtistSummary h1
{
    text-transform: capitalize;
}
#RelatedArtist, #GreatestHit
{
    margin: 20px 0 0 0;
    text-align: justify;
    border-top: 1px solid #F2F5FB;
}
#RelatedArtist li
{
    display: block;
    width: 33%;
    float: left;
    text-align: center;
}
#TopTracks
{
        margin: 10px 0 10px 0;
        text-align: justify;
}
#TopTracks ul{ margin: 0 0px 0 40px}
#TopTracks li
{
     display: block;
    width: 49%;
    float: left;
}
#TopAlbums
{
            margin: 20px 0 10px 0;
    border-top: 1px solid #F2F5FB;
}
#TopAlbums ol
{
    width: 357px; float: left;
}
#TopAlbums li
{
    list-style-type: decimal; margin-left: 18px;
}
#TopAlbums img
{
    padding: 3px; border: 1px solid #ddd; float: right; width: 50px; height: 50px; background: #F8F8F8;
}
.loadingnormal
{
    float: none !important;
    width: 16px !important; height: 11px !important; border: none !important;
    padding: none !important; background: white !important;
}
#RelatedArtist h2, #TopAlbums h2, #GreatestHit h2
{
    font-size: 18px !important;
}
#GreatestHit h4
{
    padding-top: 14px;
}
#GreatestHit li
{
    display: inline-block;
    float: left;
    width: 33%;
    height: 22px;
    overflow: hidden;
}
#TopAlbums h3
{
    padding-bottom: 2px;
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 13px;
}
.TagStyleBig, .TagStyleQuiteBig, .TagStyleNormal, .TagStyleSmall,.TagStyleTiny
{
    display: inline-block; margin: 0 7px 0 0;
}
.TagStyleBig{ font-size: 18px;}
.TagStyleQuiteBig{ font-size: 16px;}
.TagStyleNormal{ font-size: 14px;}
.TagStyleSmall{font-size: 12px;}
.TagStyleTiny{font-size: 10px;}
#LeftAlbum
{
    width: 440px; float: left;
    
}
#RightAlbum
{
    width: 440px; float: right;
    
}
.albumitem
{
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 8px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(242,242,242)),
    color-stop(0.73, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(242,242,242) 0%,
    rgb(255,255,255) 73%
);


}
.albumitem h3
{
    margin-bottom: 15px !important;
}
.albumitem h3 a
{
    width: 300px;
    display: inline-block;
    overflow: hidden;
}
.albumitem ol
{
    margin: 5px 0 5px 5px;
}

.albumitem1
{
    float:left;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 8px;
    
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(242,242,242)),
    color-stop(0.73, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(242,242,242) 0%,
    rgb(255,255,255) 73%
);


}
.albumitemlink
{
    float:left;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 8px;
    width:780px;
    height:200px;
    overflow:auto;
    
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(242,242,242)),
    color-stop(0.73, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(242,242,242) 0%,
    rgb(255,255,255) 73%
);


}

.albumitem12
{
    float:right;
    border: 1px solid #ddd;
    padding: 8px;
    
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(242,242,242)),
    color-stop(0.73, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(242,242,242) 0%,
    rgb(255,255,255) 73%
); 
font-size:12px; text-align:left; width:230px;
max-height:100px;
overflow:auto;
}

.albumitem123
{   float:right;
    border: 1px solid #ddd;
    padding: 10px;
    
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(242,242,242)),
    color-stop(0.73, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(242,242,242) 0%,
    rgb(255,255,255) 73%
); 
font-size:12px; text-align:left; width:200px;
height:160px;
overflow:auto;
}


.albumitem1 h3
{
    margin-bottom: 15px !important;
}
.albumitem1 h3 a
{ 
   display: inline-block;
   overflow: hidden;
}

.albumitem1 ol
{
    margin: 5px 0 5px 5px;
}

.loadtrack
{
    display: block;
    height: 30px;
    line-height: 30px;
    background: transparent url(playlist.gif) no-repeat;
    vertical-align: middle;
    font-size: 11px;
    text-indent: 35px;
    color: #A1A1A1;
}
.FullBio
{
    width: 223px;
    height: 25px;
    background: white url(full-bio.gif) no-repeat;
    border: none;
    cursor: pointer;
}
.SummaryOnly
{
    width: 223px;
    height: 25px;
    background: white url(summary-only.gif) no-repeat;
    border: none;
    cursor: pointer;
}
#TopAlbumPages ul, #TopAlbumPagesUnder ul
{
    text-align: right;
}
#TopAlbumPages li, #TopAlbumPagesUnder li
{
    display: inline-block;
    list-style-type: none !important;
    padding: 0;
    margin: 0 10px 0 0;
    text-align: left;
    
}
#TopAlbumPages .current, #TopAlbumPagesUnder .current
{
    font-weight: bold;
    font-size: 150%;
}
#TopAlbumPages .SortMeABC, #TopAlbumPagesUnder .SortMeABC
{
    background: white url(sortaz.jpg) no-repeat;
    text-indent: 27px;
    margin-left: 30px;
    cursor: pointer;
}
#TopAlbumPages .SortMeRating, #TopAlbumPagesUnder .SortMeRating
{
    background: white url(sortrating.jpg) no-repeat;
    text-indent: 27px;
    margin-left: 30px;
    cursor: pointer;
}
.MoreFromWiki
{
     display: inline-block;
     color: #0080C0;
     float: right;
    border: none;
}
#GreatestHitList li
{
    cursor: pointer;
}


.Playing
{
    font-weight: bold;
}
.Playing a
{
    color: #3B5998;
}
.Playing span
{
    background: transparent url(playing.gif) no-repeat;
}
#playSpan,#nextSpan,#stopSpan,#AlwaysListenOnline
{
    font-weight: bold;
    cursor: pointer;
    float: right;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 0 0 0 10px;
    padding: 0;
        text-shadow: 1px 1px 1px #D0D0D0;
    -webkit-text-shadow: 1px 1px 1px #D0D0D0;
-moz-text-shadow: 1px 1px 1px #D0D0D0;
}
#AlwaysListenOnline {color: #888888; display: none;}
#chkListenOnline
{
    margin: 0;
}
#playSpan{ color: #AC0527;}
#nextSpan{ color: #2DA7A4; display: none;}
#stopSpan{color: #DE5528;display: none;}
#TopHitsPlayerHolder
{
    margin-top: 20px;
    display: none;
}
#TopHitsPlayerHolder h4
{
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: bold;
    color: #22436C;
    text-shadow: 1px 1px 1px #D0D0D0;
    -webkit-text-shadow: 1px 1px 1px #D0D0D0;
-moz-text-shadow: 1px 1px 1px #D0D0D0;
}
#AjaxLoading
{
    display: none;
    width: 100%;
    text-align: center;
}
#AjaxLoading img
{ width: 16px; height: 11px; float: none; padding: 0; border: none;}
.playthishit
{
    background: url(playhit.gif) no-repeat;
    width: 18px;
    height: 18px;
     display: inline-block;
     margin-right: 5px;
     cursor: pointer !important;
}

.playthishit:hover
{
    background: url(playhover.gif) no-repeat;
}
.findlyric
{
    margin-left: 5px;
    background: transparent url(lyric.gif) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.findlyric:hover
{
    background: transparent url(lyric_hover.gif) no-repeat;
}
.playalbum
{
    background: url(playalbum.gif) no-repeat;
    width: 80px;
    height: 20px;
     display: inline-block;
   
     cursor: pointer !important;
     float: right;
}
.stopalbum,.nexttrack
{
    display: none;
        font-weight: bold;
    cursor: pointer;
    float: right;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 0 0 0 10px;
    padding: 0;
        text-shadow: 1px 1px 1px #D0D0D0;
    -webkit-text-shadow: 1px 1px 1px #D0D0D0;
-moz-text-shadow: 1px 1px 1px #D0D0D0;
}
.nexttrack{ color: #2DA7A4; display: none;}
.stopalbum{color: #DE5528;display: none;}
.SearchChoice
{
    font-family: Tahoma;
    font-size: 12px;
    color: #0080C0;
}



/*---------Album page start---------*/

.heading_bk_album{ float:left; width:922px; padding:25px;}
.heading_bk_album1{ float:left; width:922px; padding:5px 20px 5px 30px;}
.head_left_album{ float: left; margin-right:30px;}
.head_left_album_g{ float: left; margin-right:30px; padding-left:60px;}
.mainhead_album_g{ width:100%; float:left;  font-weight:bold; font-size:24px; color:#000000;}
.mainhead_album{ width:100%; float:left; line-height:32px; font-weight:bold; font-size:24px; color:#000000;}

.subhead_album{ float:left; line-height:18px; font-size:12px; font-weight:bold; color:#999999;}
.artistname{ float:left; padding-left:5px;}
.artistname a{ float:left; font-size:14px; line-height:18px; color:#076CA3; font-weight:bold; text-decoration:none; padding-left:2px;}
.artistname a:hover{ float:left; font-size:14px; line-height:18px; color:#076CA3; font-weight:bold; text-decoration:underline; padding-left:2px;}
.head_right_album{ float: right; width:310px; display:block; }
.head_right_album1{ float: right; width:100%; display:block; padding-top:20px;}
.head_left1_album{ float: left; width:158px; margin-right:20px; border:1px solid gray; padding:5px; height:158px;}
.head_right1_album{ float: right; width:724px; font-size:11px; text-align:justify; line-height:18px;}
.head_right1_album_subhd{ float:left; width:100%; padding-bottom:15px; }
.otherlink{ float:left; width:100%; padding-bottom:10px; padding-top:10px;}
.fulldetails{float:left; padding-bottom:15px; }
.fulldetails a{ color:#999999; font-size:12px; font-weight:normal; text-decoration:none;}
.fulldetails a:hover{ color:#999999; font-size:12px; font-weight:normal; text-decoration:none;}
.head_right1_album_wikepedia{ float:right; }
.head_right1_album_wikepedia a{ color:#1FB5DE; font-size:12px; font-weight:normal; text-decoration:none; }
.head_right1_album_wikepedia a:hover{ color:#1FB5DE; font-size:12px; font-weight:normal; text-decoration:none; }
.head_right1_album_subhd1{ float:left; width:100%; padding-bottom:5px; }
.song_list{ float:left; width:290px; margin-right:100px; background:#e8eae9; padding:5px;}
.song_list ol{ display:block; list-style-type:decimal; padding-left:20px;}
.song_list ol li{ display:block; font-size:11px; line-height:16px; font-weight:normal; color:Blue; list-style-type:decimal;}
.facebook_like{ float:right; width:470px;padding-right:5px; padding-top:20px;}
.sign_in_bg{
	width:400px;
	position:absolute;
	left: 690px;
	top: 0px;
	
}
.sign_in_bg1{
	width:165px;
	position:absolute;
	left: 760px;
	top: 0px;
	
}
.sign_in_bg_indro{
	float:right;
	padding-right:20px;
	
	
}
a.link{ float:left; display:block; text-decoration:none; outline:none; color:#999999; margin-right:5px;} 
a.link1{ float:left; display:block; text-decoration:none; outline:none; color:#999999; margin-right:5px;} 
.steave_image{width:158px; height:158px; float:left; display:block; padding-right:10px;}
.music_collection1{width:600px; float:right; height:460px; overflow-y:scroll; }
.music_collection1 ul{padding-left:10px; margin:0px; list-style-type:none; }
.music_collection1 li{float:left; margin-right:10px; margin-top:10px; width:159px; display:block; border:1px #dcdcdc solid; height:200px; padding:8px; background:#ffffff;}
.music_collection1 li:first-child{margin-left:0px; }
.wrapper{width:95%; float:left; display:block; padding:3%;}
.music_collection_text{ width:280px; float:left; display:block; color:#959696;  font-size:16px;  text-align:right; padding-right:30px;}
.reg_label_3{ width:100px; float:left; line-height:24px; }
.music_collection1{width:600px; float:right; height:460px; overflow-y:scroll; }
.music_collection1 ul{padding-left:10px; margin:0px; list-style-type:none; }
.music_collection1 li{float:left; margin-right:10px; margin-top:10px; width:159px; display:block; border:1px #dcdcdc solid; height:200px; padding:8px; background:#ffffff;}
.music_collection1 li:first-child{margin-left:0px; }

.music_collection2{width:100%; float:left;}
.music_collection2 ul{padding-left:10px; margin-left:25px;margin-right:100px;margin-top:30px; list-style-type:none; }
.music_collection2 li{float:left; margin-right:10px;  width:159px; display:block; border:1px #dcdcdc solid; height:200px; padding:8px; background:#ffffff;}
.music_collection2 li:first-child{margin-left:0px; }

.g_normal{width:100%; padding-bottom:10px; float:left;}

.music_collection{width:600px; float:right; height:530px; overflow-y:scroll; }
.music_collection ul{padding:0px; margin:0px; list-style-type:none; }
.music_collection li{float:left; margin-right:10px; margin-top:10px; width:159px; display:block; border:1px #dcdcdc solid;height:200px; padding:8px; background:#ffffff;}
.music_collection li:first-child{margin-left:0px; }
.wingade{text-align:left; font-size:12px; color:#0074b1; font-style:normal; float:left; width:100%; font-weight:normal; text-decoration:underline; line-height:20px;}
a.play{font-size:12px; font-style:normal; font-weight:bold; color:#7f0219; line-height:24px; outline:none;}
.artist{font-size:10px; font-style:normal; color:#000; float:right; line-height:24px; outline:none;}
a.click{font-size:12px; float:left; display:block; background:url(images/favicon.ico) no-repeat 0 5px; padding-left:20px; font-style:normal; font-weight:normal; text-decoration:none; outline:none; color:#ccc; height:27px; line-height:27px;}
.playthishit
{
    background: url(playhit.gif) no-repeat;
    width: 18px;
    height: 18px;
     display: inline-block;
     margin-right: 5px;
     cursor: pointer !important;
}
.playthishit:hover
{
    background: url(playhover.gif) no-repeat;
}
.pop_up_main_close{ position:absolute; cursor:pointer; height:28px; width:28px; float:right; left:590px; top:-8px;}
a.share{ background:url(images/share.jpg) no-repeat; float:left; width:60px; height:18px; padding-left:10px; font-size:11px; color:#ffffff; font-weight:bold;}

.editclass
{
    background: url(images/edit.png) no-repeat;
    width: 12px;
    height: 14px;
    display: inline-block;
    margin-right:4px;
   cursor: pointer !important;
}
.deleteclass
{
     background: url(images/deletetk.png) no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
   cursor: pointer !important;
}
.updateclass
{
     background: url(images/savetk.png) no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 3.5px;
   cursor: pointer !important;
}
.cancelclass
{
     background: url(images/canceltk.png) no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
   cursor: pointer !important;
}
/*---------Album page end---------*/


/*---------14.06.2012 css start---------*/

.headingbox{ float:left; width:100%; margin-bottom:20px;}
.recreate_music_tt{ float:left; width:95%; margin-right:10px; display:block;}
.signin_box{ float:right; width:25%; display:block;}
.latest_musicbox{ float:left; width:35%; margin-right:10px; display:block;}

.picture_album{ float:left; display:block; width:100%; margin-bottom:15px;}
.picture_album ul{ float:left; display:inline; list-style-type:none; width:100%;}
.picture_album ul li{ float:left; display:inline; list-style-type:none; margin-right:10px; border:none; background:url(images/albumcover_back.png) no-repeat; width:53px; height:53px; }
.picture_album ul li a{ float:left; display:inline; list-style-type:none; margin-right:10px;  border:none; outline:none; text-decoration:none; width:39px; height:39px; padding-left:11px; padding-top:5px; }

.picture_album1{ float:left; display:block; width:100%; margin-bottom:15px;}
.picture_album1 ul{ float:left; display:inline; list-style-type:none; width:100%;}
.picture_album1 ul li{ float:left; display:inline; list-style-type:none; margin-right:10px;  border:1px solid #000; width:41px; height:41px; padding:1px; }
.picture_album1 ul li a{ float:left; display:inline; list-style-type:none; margin-right:10px; outline:none; text-decoration:none; }


.popular_artistbox{ float:right; width:60%; display:block;}
.popar{height:380px; width:90%;  overflow-y:scroll;}

