* {padding:0;margin: 0;}
html, body {height: 100%;	margin: 0px;	padding: 0px; font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 13px;  background: #CCCCCC;}
	
#wrapper{background: url('/resources/graphics/test/theme_bg_content_group.png') #CCCCCC repeat-y center ; min-height: 100%;}
	
/* short cut  */
.left{float:left;}
.center{text-align: center; margin: 0px auto;}
.right{float:right;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.nomargin{margin:0px;}
.clear{clear:both;display:block;height:0pt;visibility:hidden;}
.clear:after{clear:both;content:".";display:block;height:0pt;visibility:hidden;}
.hidden{display:none;}
.show{display:block;}
a{-moz-outline: none;}
a:active, a:focus{ outline: none;-moz-outline-style: none; }

/* png fix on IE6 */

/*
* html img {
	position:relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "/resources/graphics/general/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}
*/


/* header */
#wosHeader{font-family: Tahoma, Verdana, sans-serif, Arial;  width:100%; margin: 0px auto;  text-align:center; overflow:hidden;}
#headerNavigator{ margin: 0px auto;  text-align:center; overflow:hidden;background:  url('/resources/graphics/test/bg_header_top_blue.png') #CCCCCC bottom no-repeat;padding-top: 20px;}
#headerLogo{float:left;margin-left: 10px;overflow:hidden;border:0px;}
#topNavigator{padding-bottom: 20px; margin: 0px auto; width:933px; text-align:left;}
#logo{display:none;}
#logo img{margin: 0 0 0 5px;border:none; }
#headerWrapper{margin: 0px auto; background: url('/resources/graphics/test/bg_header_gradient_navigator.png') #CCCCCC bottom no-repeat; overflow:hidden; clear:both; height: 70px;}
#headerControlBox{margin: 0px auto; width:933px; text-align:left;overflow:hidden;}
#headerButton{margin:5px 0px 0px  10px; float:left;width: 450px; }
* html #headerButton{margin-left: 10px;float:left;width: 450px; }
#main-nav {width: 515px; height: 30px; margin: 0 auto; padding: 0;}
#main-nav li, #main-nav li a {height: 30px; display:inline;margin-top: 5px;}
#main-nav li {list-style: none;}
#main-nav li a{float: left;display:inline;color:#000000;text-decoration: none; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 17px;padding:0 0 0 12px; height: 30px;line-height: 30px;text-align: center;cursor: pointer;}
#main-nav li a span{float: left;display:inline;padding: 0 12px 0 0px; }


#main-nav li a{color: #000000;	background: url('/resources/graphics/bg/bg_head_navigator_left.png') no-repeat;	background-position: left top;}
#main-nav li a span{color: #000000;background: url('/resources/graphics/bg/bg_head_navigator_right.png') no-repeat right top;}
#main-nav li a:hover{color: #FFFFFF;	background: url('/resources/graphics/bg/bg_head_navigator_left.png') no-repeat;	background-position: left top;}
#main-nav li a:hover span{color: #FFFFFF;background: url('/resources/graphics/bg/bg_head_navigator_right.png') no-repeat right top;}
#main-nav li.headerActive a{color: #000000;	background: url('/resources/graphics/bg/bg_head_navigator_left.png') no-repeat; background-position: left bottom;}
#main-nav li.headerActive a span{color: #000000;background: url('/resources/graphics/bg/bg_head_navigator_right.png') no-repeat right bottom;}

/*
#main-nav li a{color: #000000;background: url('/resources/graphics/wossprite20090323.png') -0px -0px no-repeat;}
#main-nav li a span{color: #000000;background: url('/resources/graphics/wossprite20090323.png')  -325px -180px no-repeat;}
#main-nav li a:hover{color: #FFFFFF;background: url('/resources/graphics/wossprite20090323.png') -0px -0px no-repeat;}
#main-nav li a:hover span{color: #FFFFFF;background: url('/resources/graphics/wossprite20090323.png')  -325px -180px no-repeat;}
#main-nav li.headerActive a{color: #000000;background: url('/resources/graphics/wossprite20090323.png') -0px -30px no-repeat;}
#main-nav li.headerActive a span{color: #000000;background: url('/resources/graphics/wossprite20090323.png')  -325px -210px no-repeat;}
*/

* html #main-nav li a{color: #000000;	background: url('/resources/graphics/bg/bg_head_navigator_left.gif') no-repeat;	background-position: left top;}
* html #main-nav li a span{color: #000000;background: url('/resources/graphics/bg/bg_head_navigator_right.gif') no-repeat right top;}
* html #main-nav li a:hover{color: #FFFFFF;	background: url('/resources/graphics/bg/bg_head_navigator_left.gif') no-repeat;	background-position: left top;}
* html #main-nav li a:hover span{color: #FFFFFF;background: url('/resources/graphics/bg/bg_head_navigator_right.gif') no-repeat right top;}
* html #main-nav li.headerActive a{color: #000000;	background: url('/resources/graphics/bg/bg_head_navigator_left.gif') no-repeat; background-position: left bottom;}
* html #main-nav li.headerActive a span{color: #000000;background: url('/resources/graphics/bg/bg_head_navigator_right.gif') no-repeat right bottom;}


#badgeOption{ width: 330px;  color: #333333; font-size: 13px; padding-top:5px;	text-align:right; overflow: hidden;  }
#badgeProfile{width: 250px;float:right; padding-right: 5px;text-align:right;font-size: 13px;}
#badgeProfile ul{list-style:none;}
#badgeProfile li{display:inline;}
#badgeProfile li.divide{border-left: 1px solid #CCCCCC;padding-left: 5px;}
#badgeProfile div#nav-profile{float:right;clear:both; padding-top: 3px; background: url('/resources/graphics/icons/icon_home.png') no-repeat;}
#badgeProfile div#nav-profile a{color: #0099FF;padding-left: 25px;}
#badgeProfile div#nav-profile a:hover{color: #0099FF;padding-left: 25px;}
#badgeProfile a{text-decoration: none;color: #333333; background:transparent;}
#badgeProfile a:hover{text-decoration: underline;color: #62A0BF;	background:transparent;}
#badgeProfile li.noMsg{background: url('/resources/graphics/icons/icon_email.png') no-repeat;}
#badgeProfile li.hasMsg{background: url('/resources/graphics/icons/icon_email_receive.gif') no-repeat;}
#badgeProfile li#nav-message a{padding-left: 20px; }
#badgeProfile li#nav-message a:hover{padding-left: 20px; }
#badgeProfile span#nav-accType{color: #62A0BF;}
#badgeAvatar{float:right;}
#badgeAvatar img{height:38px;width:38px;border:none;margin-right: 10px;-ms-interpolation-mode: bicubic;}

/* user page owner detail */

.pageOwnerDetail{clear:both; overflow:hidden;}
.pageOwnerDetail div.pageOwnerDetailBox{float:left;clear:both;}
.pageOwnerDetail h3, .pageProfileNavigator h3{padding:10px 10px 0px 5px; font-size: 20px; font-weight: normal;clear:both;}
.pageOwnerDetail h4, .pageProfileNavigator h4{padding:5px 10px 5px 5px; font-size: 14px; font-weight: normal;clear:both;}
.pageProfileTop{overflow:hidden; clear:both; width: 925px;}
.pageProfileNavigator{width: 925px;clear:both;}

/* stat box */
.pageProfileStatistic{width: 925px;overflow:hidden;}
.userStatisticDetail{/*border:1px solid #EFEFEF; background: #F7F7F7 url('/resources/graphics/bg/bg_gray_400x150.png') repeat-x; */ /*width: 578px; */ height: 100px; margin:15px 0px 0px 0px; font-size: 12px;}
.userStatisticDetail h4{padding: 5px; font-size: 13px; font-weight:normal;}
.userStatisticDetail h4 a{color: #0033CC;text-decoration:underline;}
.userStatisticDetail h4 a:hover{color: #62A0BF;text-decoration:underline;}
#stat-detail, #stat-graph{text-align:center;}
#stat-detail{/*padding-top: 10px;*/}
div#stat-all-views, div#stat-all-sms-vote, div#stat-all-sms-chat{width: 160px;clear:both;float:right;margin-right:7px;}
div#stat-all-views h4, div#stat-all-sms-vote h4, div#stat-all-sms-chat h4{font-size: 12px; font-weight: bold; clear:both;overflow:hidden;padding: 0px 0px 5px 0px;margin:0px;}
div.stat-all{background: #F7F7F7;border: 1px solid #DDDDDD;overflow:hidden;clear:both;width: 148px;padding: 5px;}
div.stat-all dl{width: 150px;clear:both;font-size: 13px;}
div.stat-all dt{float:left;}
div.stat-all dd{float:right;}
ul.statisticBadge{list-style:none;}
ul.statisticBadge li{display:inline; float:left;}
ul.statisticBadge li p.title{font-size: 13px;padding-top:10px;}
ul.statisticBadge li p.count{font-size: 20px;}
ul.statisticBadge li div.badge{width: 120px;height:70px;}
ul.statisticBadge li div.nobody{background: url('/resources/graphics/bg/bg_badge_nobody.png') no-repeat;color: #999999}
ul.statisticBadge li div.beginner{background: url('/resources/graphics/bg/bg_badge_beginner.png') no-repeat;color:#333333;}
ul.statisticBadge li div.intermediate{background: url('/resources/graphics/bg/bg_badge_intermediate.png') no-repeat;color:#333333;}
ul.statisticBadge li div.professional{background: url('/resources/graphics/bg/bg_badge_professional.png') no-repeat;color:#333333;}
ul.statisticBadge li div.expert{background:  url('/resources/graphics/bg/bg_badge_expert.png') no-repeat;color:#333333;}
div.nobody a, div.beginner a, div.intermediate a, div.professional a, div.expert a{text-decoration:none;}
div.nobody a:hover, div.beginner a:hover, div.intermediate a:hover, div.professional a:hover, div.expert a:hover{text-decoration:none;}
div.nobody a{color: #999999}
div.beginner a, div.intermediate a, div.professional a, div.expert a{color:#333333;}
div.nobody a:hover, div.beginner a:hover, div.intermediate a:hover, div.professional a:hover, div.expert a:hover{color:#FF0099;}
#statBox{float:right;}
div#mobileVoteBtn{float:right;width: 80px; height: 50px; background: #62A0BF;padding:5px;margin:5px 2px 0px 0px;}
#mobileVoteBtn a{font-size: 17px;text-decoration:none;}
#mobileVoteBtn a{color: #FFFFFF;}
#mobileVoteBtn a:hover{color: #FFFFFF;text-decoration:underline;}
#smsStatistic p.mobile, #generalStatistic span, #generalStatistic strong{font-size:25px;}
#smsStatistic span, #generalStatistic h4, #generalStatistic span{color: #333333;}
#userStatisticDetail h4{overflow:hidden;clear:both;}
#smsStatistic strong{color: #FF0099;}
#generalStatistic strong{color: #0099FF;}

/*
.pageProfile{}
.pageMusic{background:url('/resources/graphics/bg/header_usermusic.jpg') no-repeat top left; height: 200px; width: 925px;}
.pageVideo{background:url('/resources/graphics/bg/header_uservideo.jpg') no-repeat top left; height: 200px; width: 925px;}
.pagePhoto{background:url('/resources/graphics/bg/header_userphoto.jpg') no-repeat top left; height: 200px; width: 925px;}
.pageAlbum{background:url('/resources/graphics/bg/header_useralbum.jpg') no-repeat top left; height: 200px; width: 925px;}
.pageFriend{background:url('/resources/graphics/bg/header_userfriend.jpg') no-repeat top left; height: 200px; width: 925px;}
.pageGroup{background:url('/resources/graphics/bg/header_usergroup.jpg') no-repeat top left; height: 200px; width: 925px;}
.pageFanclub{background:url('/resources/graphics/bg/header_userfanclub.jpg') no-repeat top left; height: 200px; width: 925px;}
*/

/* terms of use */
#pageContent{padding:10px;}
#pageContent ul{}
#pageContent li{margin-left: 40px;}
#pageContent p{margin: 0px 5px}
#pageContent h1.static{margin-top: 5px;}
#pageContent h2.static{margin-top: 5px;}


/* user menu */

#user-nav{	position: relative;	padding: 0 0 0 5px;	margin: 0 auto 0 auto; height: 30px;list-style: none;}
#user-nav li{float:left;}

#user-nav li a{float: left;display: block;color:#000000;text-decoration: none; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 13px;padding:0 0 0 10px; height: 30px;line-height: 30px;text-align: center;cursor: pointer;}
#user-nav li a b{float: left;display: block; padding: 0 10px 0 0px;font-weight: normal;}
#user-nav li a{color: #333333;	background: url('/resources/graphics/bg/bg_user_navmenu.png') no-repeat;	background-position: left top;}
#user-nav li a b{color: #333333;background: url('/resources/graphics/bg/bg_user_navmenu.png') no-repeat right top;font-weight: normal;}
#user-nav li a:hover{color: #333333;	text-decoration: underline; background: url('/resources/graphics/bg/bg_user_navmenu.png') no-repeat;	background-position: left top;}
#user-nav li a:hover b{color: #333333; text-decoration: underline; background: url('/resources/graphics/bg/bg_user_navmenu.png') no-repeat right top;font-weight: normal;}
#user-nav li.current a{color: #000000; background: url('/resources/graphics/bg/bg_user_navmenu.png') no-repeat;	background-position: left bottom;}
#user-nav li.current a b{color: #000000;background: url('/resources/graphics/bg/bg_user_navmenu.png') no-repeat right bottom;font-weight: bold;}
#user-nav li.current a:hover{color: #000000; text-decoration: none;background: url('/resources/graphics/bg/bg_user_navmenu.png') no-repeat;	background-position: left bottom;}
#user-nav li.current a:hover b{color: #000000; text-decoration: none;background: url('/resources/graphics/bg/bg_user_navmenu.png') no-repeat right bottom;font-weight: bold;}



/* content */
#wosContent{font-family: Tahoma, Verdana, sans-serif, Arial; width: 925px; margin: 0px auto; overflow:hidden;}
#pageWrapper{margin: 5px 0px;}
#pageContainer{}

/* wos footer */
#wosFooter {margin: 0 auto; text-align:center; position: relative;margin-top: 0em; min-height: 100px; width:100%;background: url('/resources/graphics/test/footer_gradient_blue.png') #CCCCCC top no-repeat ;}
#wosFooterClear {margin: 0 auto; text-align:center; position: relative;margin-top: 0em; height: 50px; width:100%;background: url('/resources/graphics/test/footer_bottom_gradient_blue.png') #CCCCCC top no-repeat ;}

#footer_wos{font-size: 12px;}
#footer_wos a{color:#62A0BF ; text-decoration: none;}
#footer_wos a:hover{color: #62A0BF; text-decoration: underline;}

div#footer{color: #62A0BF;  display:block;padding:0pt 0pt 2em;visibility:visible;width:933px;margin: 0 auto;  text-align:center; }
* html div#footer{color: #62A0BF;  display:block;padding:0pt 0pt 2em;visibility:visible;width:933px; margin: 0 auto;  text-align:center; }
#footer_links{padding-top: 20px;	margin:0pt auto;	text-align:center;	width:925px;}
div.footer_col{float:left;margin:5px 10px 5px 10px;	text-align:left;width:150px;}
div.footer_col h4{}
div.footer_col p{}
#footer_copyright{font-size: 17px;font-weight: bold;}
#footer_termprivacy{}
#footer_termprivacy a{color: #62A0BF;text-decoration:none;}
#footer_termprivacy a:hover{color: #62A0BF;text-decoration:none;}
/* #footerNavigator{margin: 0px auto;  text-align:center; overflow:hidden;background:  url('/resources/graphics/test/bg_footer_bottom_blue.png') #CCCCCC bottom no-repeat;} */



/******* Page *********/
#pageHeader{clear:both; overflow:hidden;  width: 925px;}
#pageMain{clear:both; overflow:hidden; width: 925px;}
#pageFooter{clear:both; overflow:hidden; width: 925px;}

.topLargestBox{width: 925px; background: url('/resources/graphics/test/bg_top_largestbox.png') left top no-repeat;}
.topLargeBox{width: 650px; background: url('/resources/graphics/test/bg_top_largebox.png') left top no-repeat;}
.topMiddleBox{width: 435px; background: url('/resources/graphics/test/bg_top_middlebox.png') left top no-repeat;}
.topSmallBox{width: 250px; background: url('/resources/graphics/test/bg_top_smallbox.png') left top no-repeat;}
* html .topLargestBox{width: 925px; background: url('/resources/graphics/test/bg_top_largestbox.gif') left top no-repeat;}
* html .topLargeBox{width: 650px; background: url('/resources/graphics/test/bg_top_largebox.gif') left top no-repeat;}
* html .topMiddleBox{width: 435px; background: url('/resources/graphics/test/bg_top_middlebox.gif') left top no-repeat;}
* html .topSmallBox{width: 250px; background: url('/resources/graphics/test/bg_top_smallbox.gif') left top no-repeat;}
.bottomLargestBox{width: 925px;  background: url('/resources/graphics/test/bg_bottom_largestbox.png') left bottom no-repeat;}
.bottomLargeBox{width: 650px; background: url('/resources/graphics/test/bg_bottom_largebox.png') left bottom no-repeat;}
.bottomMiddleBox{width: 435px; background:url('/resources/graphics/test/bg_bottom_middlebox.png') left bottom no-repeat;}
.bottomSmallBox{width: 250px; background: url('/resources/graphics/test/bg_bottom_smallbox.png') left bottom no-repeat;}
* html .bottomLargestBox{width: 925px;  background: url('/resources/graphics/test/bg_bottom_largestbox.gif') left bottom no-repeat;}
* html .bottomLargeBox{width: 650px; background: url('/resources/graphics/test/bg_bottom_largebox.gif') left bottom no-repeat;}
* html .bottomMiddleBox{width: 435px; background:url('/resources/graphics/test/bg_bottom_middlebox.gif') left bottom no-repeat;}
* html .bottomSmallBox{width: 250px;  background: url('/resources/graphics/test/bg_bottom_smallbox.gif') left bottom no-repeat;}
.contentLargestBox{width: 925px;  background: url('/resources/graphics/test/bg_mid_largestbox.png') repeat-y;}
.contentLargeBox{width: 650px; background: url('/resources/graphics/test/bg_mid_largebox.png') repeat-y;}
.contentMiddleBox{width: 435px; background: url('/resources/graphics/test/bg_mid_middlebox.png') repeat-y;}
.contentSmallBox{width: 250px; background: url('/resources/graphics/test/bg_mid_smallbox.png') repeat-y;}
* html .contentLargestBox{width: 925px; height: 100%; background: url('/resources/graphics/test/bg_mid_largestbox.gif') repeat-y;}
* html .contentLargeBox{width: 650px; height: 100%; background: url('/resources/graphics/test/bg_mid_largebox.gif') repeat-y;}
* html .contentMiddleBox{width: 435px; height: 100%; background: url('/resources/graphics/test/bg_mid_middlebox.gif') repeat-y;}
* html .contentSmallBox{width: 250px; height: 100%; background: url('/resources/graphics/test/bg_mid_smallbox.gif') repeat-y;}

ul.globalView, ul.localView{list-style:none;}
ul.globalView li, ul.localView li{display:inline; }
ul.globalView li a, ul.localView li a{text-decoration:none;}
ul.globalView li a:hover, ul.localView li a:hover{text-decoration:none;}

div.buttonLink{float: right;overflow:hidden;margin-right: 5px;}
div.buttonLink a{text-decoration:none;}
div.buttonLink img{border:none;}

.contentPanel{padding: 10px;}
div.contentView{} /* to center box */

/* home */
.demoLeft h3, .demoRight h3{font-size:17px; font-weight: normal; margin: 5px 0px; color: #000000;background: #F7F7F7;padding: 5px;}
ol.newsEvent, ul.featJournal{list-style:none;}
ol.newsEvent li, ul.featJournal li{overflow:hidden;clear:both;font-size: 13px;padding: 2px 5px;}
ol.newsEvent li{margin: 0px 0px 5px 0px; }
.newsEvent li p{padding:0px 0px 2px 0px;}
.newsEvent li p.date{padding:0px 0px 3px 0px;color: #666666;}
.newsEvent li a{color: #0099FF;text-decoration:none;font-size:17px;}
.newsEvent li a:hover{color: #FF0099;text-decoration:underline;}
.newsEvent li span.link{float:left;width: 480px;}
.newsEvent li span.date{float:left;color: #333333;}
.newsEvent li img{border: 1px solid #DDDDDD;padding:5px;float:left;margin-right: 10px;}

p.introJournal{padding: 2px 5px;;color: #999999;font-size: 13px;}
.featJournal li span.link{float:left;width: 520px;}
.featJournal li span.journalist{float:left;}
.featJournal li img{border:0px;float:left;margin-right:5px;width: 35px; height: 35px;-ms-interpolation-mode: bicubic;}
.featJournal li .link a{color:#333333;text-decoration:none;}
.featJournal li .journalist a{color:#0099FF;text-decoration:none;}
.featJournal li a:hover{color:#0099FF;text-decoration:underline;}

/* cool pick people */
.coolpick{overflow:hidden;clear:both;height: 250px;}
.coolpick a, .coolpick a:hover{color: #FFFFFF;}
.cp_highlight{float:left}
.cp_highlight img{border: 2px solid #FFFFFF;margin-right:2px;}
.cp_highlight img:hover{border: 2px solid #DDDDDD;margin-right:2px;}
.view_recent_members{float:right;}
.cp_recent img{border: 3px solid #FFFFFF;}
.cp_recent img:hover{border: 3px solid #DDDDDD;}

/* cool artists */
.feat_artists{margin-bottom: 20px;}
.feat_artists p{padding:5px;color: #333333}

.artistRecommend{list-style:none;}
.artistRecommend li{clear:both;overflow:hidden;margin: 20px 0px;}
.artistRecommend li a{color: #0099FF;text-decoration:none;}
.artistRecommend li a:hover{color: #0099FF;text-decoration:underline;}
.artistRecommend li a.aListen{color: #0099FF; text-decoration:none;background: #F7F7F7;padding: 5px;}
.artistRecommend li a:hover.aListen{color: #FFFFFF; text-decoration:underline;background: #0099FF;padding: 5px;}
.artistRecommend li a.aRecord{color: #FF0099; text-decoration:none;background: #F7F7F7;padding: 5px;}
.artistRecommend li a:hover.aRecord{color: #FFFFFF; text-decoration:underline;background: #FF0099;padding: 5px;}
.artistRecommend li img{border:0px;}
.artistRecommend li div.aPhoto{position:relative; float:left;width: 250px;text-align:center;}
.artistRecommend .aPhoto img{border:0px;}
.artistRecommend li div.aDetailBox{float:right;overflow:hidden;width:330px;}
.artistRecommend li strong{font-size: 22px;font-weight:normal;color:#333333;}
.artistRecommend p.aComposer{}
.artistRecommend p.aDescription{padding-top: 5px;}
.artistRecommend p.aAction{margin-top: 5px;padding: 3px; font-weight: 600;}
.artistRecommend p.aMore{text-align:right;padding-top: 10px;}
.artistRecommend p.aContributor{text-align:right;}
.artistRecommend img.avatarSmallest {width: 50px; height: 50px;-ms-interpolation-mode: bicubic;}

/* ajax navigator and highlight: people, music, groups, contests [Public Portal] */
#peopleHomeNav, #musicHomeNav, #groupHomeNav, #contestHomeNav{border-bottom: 1px solid #DDDDDD;}
#peopleHomeNav ul.globalView, #musicHomeNav ul.globalView, #musicHomeNav ul.globalView ,#groupHomeNav ul.globalView, #contestHomeNav ul.globalView{padding:10px ;margin: 0px;}
#peopleHomeNav li, #musicHomeNav li, #musicHomeNav li, #groupHomeNav li, #contestHomeNav li{display:inline; font-size: 17px;}
#peopleHomeNav li a, #musicHomeNav li a, #musicHomeNav li a, #groupHomeNav li a, #contestHomeNav li a{text-decoration: none; color: #999999;background: #EEEEEE;padding: 5px 5px 10px 5px;}
#peopleHomeNav li a:hover,#musicHomeNav li a:hover, #musicHomeNav li a:hover, #groupHomeNav li a:hover, #contestHomeNav li a:hover{text-decoration: none; color: #62A0BF;padding: 5px 5px 10px 5px;}
#peopleHomeNav li:hover a:hover, #musicHomeNav li:hover a:hover, #musicHomeNav li:hover a:hover, #groupHomeNav li:hover a:hover, #contestHomeNav li:hover a:hover{background: #DDDDDD;  text-decoration: none; color: #62A0BF;padding: 5px 5px 10px 5px;}
#peopleHomeNav li.active a, #musicHomeNav li.active a, #musicHomeNav li.active a, #groupHomeNav li.active a, #contestHomeNav li.active a{background: #DDDDDD;text-decoration: none; color: #333333;padding: 5px 5px 10px 5px;}

/* ajax navigator and highlight: music, videos, photos, albums, friends, fanclubs, groups */
#musicPageNav{border-bottom: 1px solid #DDDDDD;}
#musicPageNav div.buttonLink img{margin-top: 5px;margin-right: 10px}
#musicPageNav ul.globalView {float:left; width: 400px; padding:10px ;margin: 0px;}
#musicPageNav li{display:inline; font-size: 17px;}
#musicPageNav li a{text-decoration: none; color: #999999;background: #EEEEEE;padding: 5px 5px 10px 5px;}
#musicPageNav li a:hover{text-decoration: none; color: #62A0BF;padding: 5px 5px 10px 5px;}
#musicPageNav li:hover a:hover{background: #DDDDDD;  text-decoration: none; color: #62A0BF;padding: 5px 5px 10px 5px;}
#musicPageNav li.active a{background: #DDDDDD;text-decoration: none; color: #333333;padding: 5px 5px 10px 5px;}

#photoPageNav{border-bottom: 1px solid #DDDDDD;}
#photoPageNav div.buttonLink img{margin-top: 5px;margin-right: 10px}
#photoPageNav ul.globalView {float:left; width: 400px; padding:10px ;margin: 0px;}
#photoPageNav li{display:inline; font-size: 17px;}
#photoPageNav li a{text-decoration: none; color: #999999;background: #EEEEEE;padding: 5px 5px 10px 5px;}
#photoPageNav li a:hover{text-decoration: none; color: #62A0BF;padding: 5px 5px 10px 5px;}
#photoPageNav li:hover a:hover{background: #DDDDDD;  text-decoration: none; color: #62A0BF;padding: 5px 5px 10px 5px;}
#photoPageNav li.active a{background: #DDDDDD;text-decoration: none; color: #333333;padding: 5px 5px 10px 5px;}


/* page: home */
div.homeLeft{float:left; width: 425px; margin: 0px; padding: 0px;background: #DDE3F7; }
div.homeRight{float:right; width: 425px; margin: 0px; padding: 0px;background: #FCD8FC; }

/* featured box */
#homeHeaderContentWrap{background: /* #BCDDEE */ #FFFFFF;}
#homeHeaderContent{color: #999999;}
#demoWrapper{}
/* #demoInner{margin:5px 10px 0px 10px; background: url('/resources/graphics/bg/home_intro.jpg') no-repeat;width: 905px; height: 200px; overflow:hidden; clear:both;} */
#demoInner{margin:5px 10px 0px 10px; background: url('/resources/graphics/bg/home_intro_singfortheking.png') no-repeat;width: 905px; height: 200px; overflow:hidden; clear:both;}

#introTheWOS{width: 200px; height: 200px;float:left;}
#introContent{width: 700px; height: 200px;float:right}
.slideContainer{width: 700px; height: 190px;}
.slide{width: 700px; height: 200px;}

.demoLeft{width: 595px; float:left; }
.demoRight{width: 310px; float:right; }

/* .intro1{background: url('/resources/graphics/splash/intro_home.png') top left no-repeat;} */
.intro1{background: url('/resources/graphics/splash/intro_singfortheking.png') top left no-repeat;}

#introContent h3{font-size: 25px;color: #FFFFFF;margin: 10px 0px 0px 10px;}
div.featured-slide{margin: 10px 0px 0px 10px;}
div.featured-slide div.ftList{width: 170px;font-size: 13px;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;}
.ftList a{text-decoration:none;color: #FFFFFF;}
.ftList a:hover{text-decoration:underline;color: #FFFFFF;}
.ftList strong{font-weight:bold;}
.ftList p{margin:2px 0px 2px 0px;}
.ftList a img.avatarSmallest{border: 3px solid #EEEEEE;}
.ftList a img.avatarSmallest:hover{border: 3px solid #FFFFFF;}

#homeMiddleContent{margin:10px 10px 0px 10px; width: 915px; overflow:hidden; clear:both;}
/* .demoLeft h4{color: #333333; font-size: 17px; height: 24px; padding: 8px; font-weight:normal;background: url('/resources/graphics/bg/bg_home_header_box595.png') top left no-repeat ;} */
.demoLeft h4{color: #333333; font-size: 17px; height: 24px; padding: 8px; font-weight:normal;background: url('/resources/graphics/wossprite20090323.png') -0px -1647px no-repeat ;}
.demoRight h4.gray, .demoRight h4.pink, .demoRight h4.blue{color: #333333; font-size: 17px; height: 24px; padding: 8px; font-weight:normal;}
/* .demoRight h4.gray{background: url('/resources/graphics/bg/bg_home_header_300gray.png') top left no-repeat ;}
.demoRight h4.pink{background: url('/resources/graphics/bg/bg_home_header_300pink.png') top left no-repeat ;} 
.demoRight h4.blue{background: url('/resources/graphics/bg/bg_home_header_300blue.png') top left no-repeat ;} */
.demoRight h4.gray{background: url('/resources/graphics/wossprite20090323.png') -300px -542px no-repeat;}
.demoRight h4.pink{background: url('/resources/graphics/wossprite20090323.png') -0px -542px no-repeat ;width: 284px;}
.demoRight h4.blue{background: url('/resources/graphics/wossprite20090323.png') -0px -582px no-repeat ;}
#slideSomebody{height:320px;}
#featuredPeopleBox{width: 595px;  margin-bottom:5px;} 
#featuredPeopleBox a{text-decoration:none; color: #0099FF;}
#featuredPeopleBox a:hover{text-decoration:underline; color: #FF0099;}
#featuredVideoBox{margin: 10px;}
#featuredPromotedContent{width: 595px;  margin-bottom:5px; overflow:hidden;clear:both;}
#featuredSponsor{width: 160px; margin:0px;background: #EEEEEE;float:left; }
#featuredMusicBox{width: 420px; margin-bottom:5px;float:right;background: #EFEFEF;}
#featuredMusicBox h3{background: url('/resources/graphics/bg/bg_home_header_420white.png') top left no-repeat;color: #333333; font-size: 17px; height: 24px; padding: 8px; font-weight:normal;}
#featuredMusicBox ol{list-style:none;overflow:hidden;clear:both;}
#featuredMusicBox li{display:block;clear:both;margin: 2px 2px;height:81px;border-bottom: 1px solid #DDDDDD;}
#featuredMusicBox li img{width: 75px; height: 75px;border: 3px solid #FFFFFF;float:left;margin-right: 5px;}
#featuredMusicBox li p{font-size: 17px;}

#featuredMusicBox li strong{color: #0099FF; font-weight: normal;}
#featuredMusicBox li a, .featuredMusicBox li a:hover{text-decoration:none;}
#featuredMusicBox li a{color:#333333;}
#featuredMusicBox li:hover{background:#FFFFFF;}
#featuredMusicBox li:hover a{color:#FF0099;}
#featuredMusicBox li a:hover{color:#333333;text-decoration:underline;}
#featuredMusicBox li:hover a:hover{color:#333333;text-decoration:underline;}

#featuredPeopleBox ul, .featuredPeopleBox2 ol{list-style:none; margin: 10px 0px;overflow:hidden;}
#featuredPeopleBox li{display:inline-block;float:left;width: 190px;overflow:hidden;}
.featuredPeopleBox2 li{display:inline-block;float:left;width: 270px;overflow:hidden;}
#featuredPeopleBox li img, .featuredPeopleBox2 li img{border: 0px solid #EEEEEE;}
#featuredPeopleBox li img:hover, .featuredPeopleBox2 li img:hover{border: 0px solid #CCCCCC;}
div.featuredPeopleInfo{width: 180px;margin:-40px 5px 0px 5px;color:#222222;}
.featuredPeopleInfo h5, .featuredVideoInfo h5{font-size: 17px;font-weight:normal;}
.featuredVideoInfo{text-align:left;padding: 0px 10px 10px 10px;}
#featuredVideoBox{background: #F7F7F7;padding:10px;}
#featuredVideoBox ul{list-style:none; overflow:hidden; text-align:center;margin: 0 auto;width:780px;}
#featuredVideoBox li{display:inline-block;float:left;width: 260px;overflow:hidden;text-align:left;}
#featuredVideoBox li img{border: 3px solid #EEEEEE;}
#featuredVideoBox li img:hover{border: 3px solid #CCCCCC;}
div.featuredVideoInfo{width: 260px;}



.highlightRemixedMusic{width:300px; background: #E4E9ED;margin-bottom: 5px;}
#home-more-featured-music{padding: 5px;text-align:center;font-size: 13px;}
#home-more-featured-music a{text-decoration:underline;color: #0099FF;}
#home-more-featured-music a:hover{text-decoration:underline;color: #FF0099;}
/*
#comingFeatures{width:300px; background: #E4E9ED;margin-bottom: 5px;}
#homeWhatnew ul{list-style:square; padding: 10px;margin-left: 20px;color: #333333;}
*/
#homeRecentMasterMusic{width: 300px; background: #F7F7F7;margin-bottom:5px; }
#homeRecentRemixedMusic{width: 300px; background:#F7F7F7;margin-bottom:5px; }

ol.homeRecentMasterMusicList, ol.homeRecentRemixedMusicList, ul.homeFeaturedRemixedMusicList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.homeRecentMasterMusicList li, .homeRecentRemixedMusicList li, .homeFeaturedRemixedMusicList li{color: #333333;  border-bottom: 1px solid #DDDDDD; width: 300px;  overflow:hidden; clear:both;}
.homeRecentMasterMusicList li img, .homeRecentRemixedMusicList li img, .homeFeaturedRemixedMusicList li img{border: 3px solid #FFFFFF;}
.homeRecentMasterMusicList li img.avatarSmallest, .homeRecentRemixedMusicList li img.avatarSmallest, .homeFeaturedRemixedMusicList li img.avatarSmallest{width: 56px; height: 56px;-ms-interpolation-mode: bicubic;}
.homeRecentMasterMusicList li img.avatarSmallest, .homeRecentRemixedMusicList li img.avatarSmallest, .homeFeaturedRemixedMusicList li img.avatarSmallest{float:left;margin-right: 5px;}
.homeRecentMasterMusicList li p.trackTitle, .homeRecentRemixedMusicList li p.trackTitle, .homeFeaturedRemixedMusicList li p.trackTitle{font-size: 13px;margin-top:5px;height:16px;overflow:hidden;}
.homeRecentMasterMusicList li strong.pink, .homeRecentRemixedMusicList li strong.pink, .homeFeaturedRemixedMusicList li strong.pink{color: #FF0099; font-weight: normal;}
.homeRecentMasterMusicList li strong.blue, .homeRecentRemixedMusicList li strong.blue, .homeFeaturedRemixedMusicList li strong.blue{color: #0099FF; font-weight: normal;}
.homeRecentMasterMusicList li a, .homeRecentMasterMusicList li a:hover, .homeRecentRemixedMusicList li a, .homeRecentRemixedMusicList li a:hover, .homeFeaturedRemixedMusicList li a:hover{text-decoration:none;}
ol.homeRecentMasterMusicList li a, ol.homeRecentRemixedMusicList li a, ul.homeFeaturedRemixedMusicList li a {color:#333333;}
ol.homeRecentMasterMusicList li:hover, ol.homeRecentRemixedMusicList li:hover, ul.homeFeaturedRemixedMusicList li:hover{background:#FFFFFF;}
ol.homeRecentMasterMusicList li:hover a, ol.homeRecentRemixedMusicList li:hover a, ul.homeFeaturedRemixedMusicList li:hover a{color:#FF0099;}
ol.homeRecentMasterMusicList li a:hover, ol.homeRecentRemixedMusicList li a:hover, ul.homeFeaturedRemixedMusicList li a:hover {color:#333333;text-decoration:underline;}
ol.homeRecentMasterMusicList li:hover a:hover, ol.homeRecentRemixedMusicList li:hover a:hover, ul.homeFeaturedRemixedMusicList li:hover a:hover{color:#333333;text-decoration:underline;}


/* page: public people */

#peoplePageContainer{overflow:hidden;clear:both;margin: 10px}
#peopleBrowserContainer{overflow:hidden;clear:both;margin: 10px 5px;}
#peopleTop{margin-bottom:20px; clear:both; overflow:hidden;}
#peopleLeft{float:left; width: 730px; margin: 0px; padding: 0px;}
#peopleBrowserResult{float:left; width: 550px; margin: 0px; padding: 0px;}
#peopleBrowserResult{background:#F7F7F7;margin: 0px 10px 0px 10px; }
#people-alphabet-selector-list h4{font-size:17px;color: #333333;}
h5#people-browse-result-head{font-weight:normal;font-size: 13px;font-family:Arial, sans-serif;margin: 0px 10px 0px 10px; width: 550px; border-bottom: 1px solid #DDDDDD;}
#peopleRight{float:right; width: 160px;overflow:hidden;}
#peopleBrowseAds{float:right; width: 320px;overflow:hidden;}
#peopleBrowseAds{text-align:center;margin: 0 auto;}
#peopleBrowseResultContainer{overflow:hidden;clear:both;margin-top:10px;}
#peopleBoxHeader{border-bottom:1px solid #DDDDDD;}
#featuredPeopleHomeBox, #generalPeopleHomeBox, #inactivePeopleHomeBox{width: 730px; margin: 0px; padding: 0px;clear:both;}
#peopleBoxHeader h4, #featuredPeopleHomeBox h4, #generalPeopleHomeBox h4, #mostViewedPeopleHomeBox h4{font-size: 17px; color: #333333; padding: 5px; font-weight:normal;}
#peopleBottom{margin-bottom:20px; clear:both; overflow:hidden;}
.topMediumBlueBox h3{font-size: 25px; color: #FFFFFF; padding: 5px;}
.topMediumPinkBox{background: url('/resources/graphics/bg/bg_music_small_box_pink.png') repeat-x;overflow:hidden;height: 40px;}
.topMediumBlueBox{background: url('/resources/graphics/bg/bg_music_small_box_blue.png') repeat-x;overflow:hidden;height: 40px;}
.topMediumGrayBox{background: url('/resources/graphics/bg/bg_music_small_box_gray.png') repeat-x;overflow:hidden;height: 40px;}
#people-alphabet-selector-box{margin: 10px;}
ol.people-alphabet-list{list-style:none;margin:10px 0px;text-align:center;}
ol.people-alphabet-list li{width:15px;height: 20px;font-size: 17px; text-align:center;font-family: Arial, sans-serif;font-weight:bold;display:inline-block;float:left;padding: 5px;margin: 2px;border: 1px solid #DDDDDD;}
ol.people-alphabet-list li a{text-decoration:none;color: #0099FF;}
ol.people-alphabet-list li a:hover{text-decoration:none;color: #FF0099;}
#peopleChart{width: 160px;margin:0px;float:left;}
#peopleChart h4{padding: 5px 0px;font-size: 17px; color: #333333;}
#peopleExtContent{margin: 10px 0px;float:right;width:160px;}
ol.peopleList{list-style:none;margin: 5px;padding: 0px;}
.peopleList li{float:left; margin-right: 5px; margin-bottom: 5px;}
.peopleList li a:hover img.avatarSmall{border: 5px solid #CCCCCC;}
.peopleList li img{border:none;}
.peopleList li img.avatarSmall{width: 75px; height: 75px; padding: 0px; border: 5px solid #FFFFFF;background: #F7F7F7 url('/resources/graphics/general/sprite_loading_small_gray.gif') no-repeat scroll center center;display:block;}

#view_peopleCategoryList{}
/* 
ul.peopleCategoryList{list-style:none;}
.peopleCategoryList li{padding:0px 0px; width: 160px;} 
*/
div.peopleSkillBox{overflow:hidden;clear:both;padding: 10px 0px;text-align:center;}
ul.peopleCategoryList{list-style:none;}
.peopleCategoryList li{float:left;padding: 0px;display:inline;}
.peopleCategoryList li:hover{background: #FFFFFF;}
.peopleCategoryList li a{padding:0px 10px; text-decoration: none;font-size: 15px;/* 17px */color:#0099FF;}
.peopleCategoryList li a:hover{padding:0px 10px; text-decoration: none;font-size: 15px;/* 17px */color:#FF0099;}
.peopleCategoryList li.active{background: #0099FF;}
.peopleCategoryList li.active a{color:#FFFFFF; text-decoration:none;}


a.tt{position:relative; z-index:24; color:#3CA3FF; font-size: 12px; text-decoration:none;}
a.tt span{ display: none; }
a.tt:hover{ z-index:1000; }
a.tt:hover span.tooltip{display:block; position:absolute;  top:-45px; left:50px;	padding: 15px 0 0 0;	width:270px;	  filter: alpha(opacity:90);	KHTMLOpacity: 0.90;	MozOpacity: 0.90;	opacity: 0.90;}
* html a.tt:hover span.tooltip{display:block; position:absolute; top:-25px; left:50px; padding: 55px 0 0 0; width:270px;  filter: alpha(opacity:90);	KHTMLOpacity: 0.90;	MozOpacity: 0.90;	opacity: 0.90;}
*:first-child+html a.tt:hover span.tooltip{display:block; position:absolute; top:-25px; left:50px; padding: 55px 0 0 0; width:270px; filter: alpha(opacity:90);	KHTMLOpacity: 0.90;	MozOpacity: 0.90;	opacity: 0.90;}
a.tt:hover span.top{text-align: left; display: block;	padding:5px 5px 5px 50px;   background: url(/resources/graphics/test/tooltip_arrow.gif) no-repeat left top; color:#333333;font-weight: bold; font-size: 13px;}
a.tt:hover span.middle{text-align: left; display: block;	padding: 0 25px 0 50px; background: url(/resources/graphics/test/tooltip_middle.gif) repeat-y left bottom; }
a.tt:hover span.bottom{text-align: left; display: block; padding: 5px 5px 5px 50px; background: url(/resources/graphics/test/tooltip_bottom.gif) no-repeat left top;}
a.tt:hover span.middle i{color: #333333; font-style: normal;}

/*  page: public music  */
#musicFinderMain{width: 905px; margin: 0 auto;clear:both;overflow:hidden;}
#musicFinderContainer{text-align:center;margin: 0 auto;}
#musicFinderBox{margin-bottom: 5px;}
#musicFinderBox label, #musicFinderBox input, #musicFinderBox select, #photoHomeSearchBox, #photoHomeSearchBox input, #videoHomeSearchBox, #videoHomeSearchBox input{font-size: 19px;}
#btn-music-browse-container{padding: 5px; /* border: 1px solid #DDDDDD; */ width: 300px; margin: 0 auto; text-align:center;color: #DDDDDD;}
#btn-music-browse-container a, #btn-music-browse-container a:hover{color: #DDDDDD; text-decoration:none;}

#alphabet-selector-box{width: 820px;margin: 0 auto; text-align:center;margin-bottom: 10px;}
#alphabet-selector-list{}
ol.alphabet-list{list-style:none;}
.alphabet-list li span{color: #CCCCCC;}
.alphabet-list li{width:15px;height: 20px;font-size: 17px; text-align:center;font-family: Arial, sans-serif;font-weight:bold;display:inline-block;float:left;padding: 10px;margin: 2px;border: 1px solid #DDDDDD;}
.alphabet-list li a{color: #9900FF;text-decoration:none;}
.alphabet-list li a:hover{color: #FF0099; text-decoration:none;}

#musicFinderResult{overflow:hidden;clear:both;margin-top: 10px;}
#musicFinderResultLeft{float:left;width:735px;}
#musicFinderResultRight{float:right;}
#musicFinderHeader{border-bottom:1px solid #DDDDDD;}
#musicFinderHeader h5{font-family:Arial, sans-serif;font-weight:normal;font-size:12px;padding: 5px 0px;}
#musicModifier, #peopleModifier, #photoModifier, #videoModifier{padding: 5px 0px;border-bottom: 1px solid #DDDDDD;}
#photoModifier, #videoModifier{border-top: 1px solid #DDDDDD;}
#peopleModifier ul, #videoModifier ul{list-style:none;text-align:center;}
#musicModifier ul, #photoModifier ul{list-style:none;text-align:left;}
#musicModifier li, #peopleModifier li, #photoModifier li, #photoModifier li, #videoModifier li{display:inline; font-size:16px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding:0px 10px;}
#musicModifier li.divide, #peopleModifier li.divide, #photoModifier li.divide, #videoModifier li.divide, #mm-period-controller li.divide{border-left: 1px solid #CCCCCC;}
#musicModifier li a, #peopleModifier li a, #photoModifier li a, #videoModifier li a, #mm-period-controller li a{color: #0099FF;text-decoration:none;}
#musicModifier li a:hover, #peopleModifier li a:hover, #photoModifier li a:hover, #videoModifier li a:hover, #mm-period-controller li a:hover{color: #FF0099; text-decoration:underline;}
#musicModifier li a.active, #peopleModifier li a.active, #photoModifier li a.active, #videoModifier li a.active, #mm-period-controller li a.active{color: #000000; text-decoration:none;font-weight:bold;}
#musicModifier li span.disable, #peopleModifier li span.disable, #photoModifier li span.disable, #videoModifier li span.disable, #mm-period-controller li span.disable{color: #CCCCCC; text-decoration:none;}

#mm-spotlight{margin: 10px 0px;clear:both;overflow:hidden;}
.recom-music img{background: #DDDDDD; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
.recom-music img:hover{background: #DDDDDD;  opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}
a img.mm-profile{border: 5px solid #DDDDDD; float:left;}
a:hover img.mm-profile{border: 5px solid #BBBBBB;}
a img.mm-avatarSmall{border: 3px solid #DDDDDD; float:left;width:75px;height: 75px;background: url('/resources/graphics/general/sprite_loading_small_gray.gif') no-repeat scroll center center;display:block;}
a:hover img.mm-avatarSmall{border: 3px solid #BBBBBB;}
div.recom-music-detail{float:left;padding: 0px 10px 0px 10px; width: 450px;}
.recom-music-title a{text-decoration:none;color: #FF0099;font-size: 17px;}
.recom-performer a{text-decoration:none;color: #0099FF;}
.recom-performer a:hover{text-decoration:underline;color: #0099FF;}
.recom-description{margin: 3px 0px;color: #333333;}
.recom-description a{text-decoration:none;color:#666666;}
.recom-panel a{color: #0099FF;}
.recom-panel a:hover{color: #FF0099;}

ol.musicFinderList{list-style:none;}
.musicFinderList li{overflow:hidden;clear:both;margin-bottom: 10px;}
.musicFinderList div.statistic{float:right;width: 150px;color: #333333;border-left: 1px solid #DDDDDD; padding-left: 5px;}
div.master-music, div.remixed-music{width: 550px;}
.master-music div.detail, .remixed-music div.detail{float:left; margin: 0px 10px 0px 10px;width: 440px;}
div.detail a{font-size: 17px; color: #0099FF;text-decoration:none;}
div.detail a:hover{font-size: 17px; color: #0099FF;text-decoration:underline;}
div.detail p.description{color: #333333;margin-top: 3px;}
.master-music div.panel, .remixed-music div.panel{text-align:right;}
.master-music div.panel a, .remixed-music div.panel a{text-decoration:none;color: #0099FF;}
.master-music div.panel a:hover, .remixed-music div.panel a:hover{text-decoration:underline;color: #FF0099;}
.master-music strong, .remixed-music strong{color: #FF0099;}
p.description-controller a{color:#0033CC;text-decoration: underline;font-size: 12px;font-family:Tahoma,Verdana, Arial, sans-serif;}
p.description-controller a:hover{color: #62A0BF; text-decoration:underline;font-size: 12px;font-family:Tahoma,Verdana, Arial, sans-serif;}

#mm-period-controller{border-top:1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;clear:both;overflow:hidden;}
#mm-period-controller ul{list-style:none;text-align:left;padding: 5px 0px; clear:both;}
#mm-period-controller li{display:inline; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding:0px 10px;}
#mm-period-controller a.active{color: #000000; font-weight:bold;display:inline; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin: 0px;}


#music-browse-result-head{color: #333333;}
#music-find-result-head{color: #333333;}
#view_musicFinder{margin: 10px 0px;background: #FFFFFF;padding: 5px;}

#musicLabelList{background: #EFEFEF; /* url('/resources/graphics/bg/bg_flora_bluepink1.png') no-repeat top right; */ margin-bottom: 10px;overflow:hidden;clear:both;padding: 5px;text-align:right;}
#musicLabelList h4{font-size: 30px;font-weight: normal;}
#musicLabelList p{font-size: 13px;}
#recordMusicLabel ul{list-style:none;text-align:left;}
#recordMusicLabel li{display:inline; font-size:48px;margin-left: 10px;}
#recordMusicLabel li a, #musicFinderContainer a{text-decoration:none;color: #0099FF;}
#recordMusicLabel li a:hover, #musicFinderContainer a:hover{text-decoration:underline;color: #FF0099;}

#musicPageContainer{overflow:hidden;clear:both;margin: 10px 0px;}
#musicContainerLeft{float:left; width: 905px; margin:0 0 0 10px; padding: 0px;}
* html #musicContainerLeft{float:left; width: 905px; margin:0 0 0 5px; padding: 0px;}
#musicContainerRight{float:right; width: 0px;}
#view_music{min-height: 400px; /* height: 100%; */ }


/* user music */
#musicLeft{float:left; width: 905px; margin:0px; padding: 0px;}
#musicRight{float:right; width: 0px;}
#userMusicContentContainer{width: 905px; margin: 0 auto; text-align:center;}
#userMusicContentList {text-align:left;}
#userMusicContentList h4{padding: 5px; font-size: 17px;}
#userMasterMusicContent, #userRemixedMusicContent{border: 1px solid #EFEFEF;margin-bottom: 20px;background:  #F7F7F7;}

/* old style [for user music] */
ol.musicList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.musicList li{margin-left: 1px; color: #333333; border-bottom: 1px solid #DDDDDD; width: 100%; overflow:hidden; clear:both;}
.musicList li img{border: none;}
.musicList li img.avatarSmall, .musicList li div.musicDetail, .musicList li div.musicExt{float:left;}
.musicList li img.avatarSmall{width: 37px; height: 37px;-ms-interpolation-mode: bicubic;}
div.musicDetail{margin: 5px 0 5px 5px; font-size: 17px; width: 30%;}
div.musicDetail p{height:21px;overflow:hidden;}
div.musicExt{font-size: 13px;}
div.musicDetail p, div.musicExt p{margin: 0px;}

.musicList li div.actionPanel{float:right; margin: 5px 5px 0 0;}
.musicList div.actionPanel img{padding-left:2px;}
.musicList li a, .musicList li a:hover{text-decoration:none; }
ol.musicList li a:hover {color:#FF3D01;}
ol.musicList li:hover{background:#FFFFFF;}
ol.musicList li:hover a {color:#FF3D01;}
ol.musicList li:hover a:hover {color:#EE81DF;}
ol.musicList li.inactive{background: #CCCCCC;}
ol.musicList li.deleted{background: #CCCCCC; color:#FF0000;}

/* new style */
div.featuredContainer{margin: 0 0 10px 0; background: #EFEFEF url('/resources/graphics/bg/bg_flora_bluepink1.png') no-repeat top right; width: 905px; overflow:hidden;clear:both;}
div.featuredContainer h4{font-size: 27px; color: #333333; font-weight:normal;margin:5px;}
div.featuredContainer a{}
div.featuredContainer a:hover{}


div.featVocalList{/* overflow:scroll;height: 240px;*/ }
div.featVocal{width: 430px;display:inline;float:left;}
div.featVocal div{float:left;width: 110px;}
div.featVocal p{margin: 0px 5px 10px 5px; font-weight: bold;color: #333333;}
div.featVocal img{border: 5px solid #FFFFFF; margin: 5px; }
div.featVocal ul{list-style:none;margin: 5px; width: 310px; overflow:hidden;}
.featVocal li{font-size: 13px;}
.featVocal li a{text-decoration:none;color: #0099FF;}
.featVocal li a:hover{text-decoration:underline; color: #FF0099;}
.featVocal a:hover img{border: 5px solid #CCCCCC;}
.featVocal li span{}

/*
div.featuredBKList ol.featuredBKList{}
ol.featuredBKList li{font-size: 17px;list-style:none;}
ol.featuredBKList li a{text-decoration:none;color: #666666;}
ol.featuredBKList li a:hover{text-decoration:underline; color: #0099FF;}
div.musicHomeContainer{clear:both; overflow:hidden;width: 905px;}
*/

div.musicHomeLeft{float:left; width: 425px; margin: 0px; padding: 0px;background: #DDE3F7; }
div.musicHomeRight{float:right; width: 425px; margin: 0px; padding: 0px;background: #FCD8FC; }
div.musicHomeLeft h3, div.musicHomeRight h3{font-weight: normal;}
ol.masterMusicHomeList, ol.remixedMusicHomeList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.masterMusicHomeList li, .remixedMusicHomeList li{color: #333333;  border-bottom: 1px solid #DDDDDD; width: 425px;  overflow:hidden; clear:both;}
.masterMusicHomeList li img, .remixedMusicHomeList li img{border: 3px solid #FFFFFF;}
.masterMusicHomeList li img.avatarSmall, .remixedMusicHomeList li img.avatarSmall{width: 75px; height: 75px;}
.masterMusicHomeList li img.avatarSmall, .remixedMusicHomeList li img.avatarSmall{float:left;margin-right: 5px;}
.masterMusicHomeList li p.trackTitle, .remixedMusicHomeList li p.trackTitle{font-size: 17px;height:21px;overflow:hidden;}
.masterMusicHomeList li strong.pink, .remixedMusicHomeList li strong.pink{color: #FF0099; font-weight: normal;}
.masterMusicHomeList li strong.blue, .remixedMusicHomeList li strong.blue{color: #0099FF; font-weight: normal;}
.masterMusicHomeList li a, .masterMusicHomeList li a:hover, .remixedMusicHomeList li a, .remixedMusicHomeList li a:hover{text-decoration:none;}
div.masterActionHomePanel, div.remixedActionHomePanel{margin: 0px; padding: 0px;}

ol.masterMusicHomeList li a, ol.remixedMusicHomeList li a {color:#333333;}
ol.masterMusicHomeList li:hover, ol.remixedMusicHomeList li:hover{background:#FFFFFF;}
ol.masterMusicHomeList li:hover a, ol.remixedMusicHomeList li:hover a  {color:#FF0099;}
ol.masterMusicHomeList li a:hover, ol.remixedMusicHomeList li a:hover {color:#333333;text-decoration:underline;}
ol.masterMusicHomeList li:hover a:hover, ol.remixedMusicHomeList li:hover a:hover {color:#333333;text-decoration:underline;}
ol.masterMusicHomeList li.inactive, ol.remixedMusicHomeList li.inactive{background: #CCCCCC;}

div.hasMusic a, div.hasMV a, div.hasBK a, div.noMusic a, div.noMV a, div.noBK a {font-weight:normal; float:right; cursor:hand; margin-top: 5px; width: 75px;height: 30px; margin-left: 2px;text-align:center;}
div.hasMusic a{background: url('/resources/graphics/test/icon_playmusic.png') top left no-repeat;}
div.hasMV a{background: url('/resources/graphics/test/icon_playmv.png') top left no-repeat;}
div.hasBK a{background: url('/resources/graphics/test/icon_record.png') top left  no-repeat;}
div.noMusic a{background: url('/resources/graphics/test/icon_nomusic.png') top left no-repeat;}
div.noMV a{background: url('/resources/graphics/test/icon_nomv.png') top left no-repeat;}
div.noBK a{background: url('/resources/graphics/test/icon_norecord.png') top left no-repeat;}
div.hasMusic b, div.hasMV b, div.hasBK b, div.noMusic b, div.noMV b, div.noBK b{display:none;}

div.topMusicSmallBlueBox h3, div.topMusicSmallPinkBox h3{font-size: 25px; color: #FFFFFF; padding: 5px;}
.topMusicSmallBlueBox{background: url('/resources/graphics/bg/bg_music_small_box_blue.png') repeat-x}
.topMusicSmallPinkBox{background: url('/resources/graphics/bg/bg_music_small_box_pink.png') repeat-x}
.topMusicSmallestBlueBox{background: url('/resources/graphics/bg/bg_head_smallest_blue.png') repeat-x}
.topMusicSmallestPinkBox{background: url('/resources/graphics/bg/bg_head_smallest_pink.png') repeat-x}
.topMusicSmallestWhiteBox{background: url('/resources/graphics/bg/bg_head_smallest_white.png') repeat-x}
.topMusicSmallestGrayBox{background: url('/resources/graphics/bg/bg_head_smallest_graymetalic.png') repeat-x}
.topMusicSmallestBlackBox{background: url('/resources/graphics/bg/bg_head_smallest_black.png') repeat-x}

/* page: public photos, videos*/
/*
#photoHomeViewContainer, #videoHomeViewContainer{background: #F7F7F7;margin: 10px;}
#photoHomeViewContainer h4, #videoHomeViewContainer h4{padding: 10px;font-family: Tahoma, Verdana, Arial;font-size: 17px; font-weight:normal;}
*/
#photoHomeSearchContainer, #videoHomeSearchContainer{margin: 0 auto;text-align:center; width: 925px;}
#photoHomeSearchBox, #videoHomeSearchBox{margin: 10px;}

#photoHomeLeft, #videoHomeLeft{margin: 10px 0px 10px 10px;float:left;overflow:hidden;width: 595px;}
#photoHomeRight, #videoHomeRight{margin: 10px 0px 10px 0px;float:right;overflow:hidden;width: 300px;}
#photoHomeExtContent img, #videoHomeExtContent img{margin: 0px;}
#photoTagLeft, #videoTagLeft{margin: 10px 0px 10px 10px;float:left;overflow:hidden;width: 595px;}
#photoTagRight, #videoTagRight{margin: 10px 20px 10px 0px;float:right;overflow:hidden;width: 270px;}
h5#photo-tag-title, h5#video-tag-title{font-size:19px; font-weight: 400; color: #0099FF;}
span#keyword-tag{font-size:19px; font-weight: 400; color: #FF0099;}
#photoTagRight h4, #videoTagRight h4{font-size: 17px; font-weight: 400;color: #333333;}
#photoTagRight h5, #videoTagRight h5{font-size: 14px; font-weight: 400;color: #333333; margin-top: 20px;}
#photoTagRight p, #videoTagRight p{color: #999999; padding: 5px 0px;}
p#relatedTagList{color: #CCCCCC;}
p.tag-description{color: #666666;padding-top:5px;}

div#contentTags{margin-top: 20px;}
div#contentTags h4{font-size: 14px;font-weight:400;color: #333333;margin-top:10px;}
div#contentTags a, div#contentTags a:hover{color: #0099FF;text-decoration:underline;}
div#tagList{margin: 10px 0px;font-size: 13px; color: #666666; font-weight:400;}
div#tagList a.tagName{text-decoration:none; color: #666666;}
div#tagList a.tagName:hover{text-decoration:underline; color: #666666;}
div#tagList a.deleteTag{text-decoration:none;color: #FF0099;font-weight:bold;}
div#tagList a.deleteTag:hover{text-decoration:underline;color: #FF0099;}
div#tagList a span{}
div#add-tag-box-container input{font-size: 14px;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight:400;}

ol.photoHomeList, ol.videoHomeList{list-style:none; margin: 0px;padding: 0px; overflow:hidden; clear:both;}
.photoHomeList li.detail, .videoHomeList li.detail{clear:both;overflow:hidden;margin-bottom:20px;}	
.photoHomeList li.thumbnail, .videoHomeList li.thumbnail{float:left;display:inline;overflow:hidden;margin: 20px;}
.photoHomeList li.thumbnail img, .videoHomeList li.thumbnail img{border: 2px solid #EEEEEE;}
.photoHomeList li.grid{float:left;display:inline;overflow:hidden;margin:10px;}
.photoHomeList li.grid img{border: 2px solid #EEEEEE;width: 75px;height: 75px;background: #F7F7F7 url('/resources/graphics/general/sprite_loading_small_gray.gif') no-repeat scroll center center;display:block;}

.photoAlbumItemTB{width: 250px;height: 250px;text-align: center;overflow: hidden;line-height: 250px;display:table;vertical-align:middle;background: url('/resources/graphics/general/sprite_loading_small_gray.gif') no-repeat scroll center center;}
.photoItemTB{display:table-cell;width:100%;position:relative;	vertical-align:middle;}
* html #photoItemTB {top:50%; left:0;} 
#photoItemTB img{top:-50%;position:relative; }
 * html #photoItemTB img {top:-50%;position:relative;}
.videoAlbumItemTB{text-align: center;overflow: hidden;}  
.videoItemTB{}

.photoHomeList li a, .videoHomeList li a{text-decoration:none;color:#0099FF;text-decoration:none;}
.photoHomeList li a:hover, .videoHomeList li a:hover{text-decoration:none;color:#0099FF;text-decoration:underline;}
.photoHomeList li:hover a, .videoHomeList li:hover a{color:#0099FF;}
.photoHomeList li:hover a:hover, .videoHomeList li:hover a:hover{color:#0099FF;}
.photoHomeList div.photoAlbumItem, .videoHomeList div.videoAlbumItem{position:relative; float:left;width: 250px;text-align:center;}
.photoHomeList div.photoAlbumItem img, .videoHomeList div.videoAlbumItem img{border:0px;background: url('/resources/graphics/general/sprite_loading_small_gray.gif') no-repeat scroll center center;}
div.photoAlbumHomeDetail, div.videoAlbumHomeDetail{float:right;overflow:hidden;width:330px;}
div.photoAlbumHomeDetail h3, div.videoAlbumHomeDetail h3{color: #111111;font-size: 20px;font-weight: 400;}
div.photoAlbumHomeDetail img, div.videoAlbumHomeDetail img{float:left;width: 38px; height: 38px;margin-right: 5px;border: 0px;-ms-interpolation-mode: bicubic;}
div.photoAlbumHomeDetail div.ownerDetail, div.videoAlbumHomeDetail div.ownerDetail{overflow:hidden;margin-top:5px;}
div.photoAlbumHomeDetail div.ownerDetail img, div.videoAlbumHomeDetail div.ownerDetail img{float:left;}
div.photoAlbumHomeDetail div.panel, div.videoAlbumHomeDetail div.panel{float:left;width: 280px;}
div.photoAlbumHomeDetail p, div.videoAlbumHomeDetail p{font-size: 13px;clear:both;}
div.photoAlbumHomeDetail p.description, div.videoAlbumHomeDetail p.description{font-size: 13px;font-weight: 400;color: #111111;margin-top: 5px;clear:both;}
#photoViewModifier, #videoViewModifier{margin:5px 0px 15px 0px;clear:both;overflow:hidden;}
#photoViewModifier h4, #videoViewModifier h4{color: #333333; font-size: 14px; font-weight: 400;}
#photoViewModifier ul.photoView, #videoViewModifier ul.videoView{list-style:none;}
#photoViewModifier ul.photoView li, #videoViewModifier ul.videoView li{display:inline;padding: 0px;margin:0px;}
#photoViewModifier ul.photoView li a, #videoViewModifier ul.videoView li a{text-decoration:none;color: #0099FF;padding: 0px 5px;}
#photoViewModifier ul.photoView li a:hover, #videoViewModifier ul.videoView li a:hover{text-decoration:underline;color: #0099FF;}
#photoViewModifier ul.photoView li.active a, #videoViewModifier ul.videoView li.active a{text-decoration:none;background: #0099FF;color: #FFFFFF;padding: 0px 5px;}
#photoViewModifier ul.photoView li.active a:hover, #videoViewModifier ul.photoView li.active a:hover{text-decoration:none;background: #0099FF;color: #FFFFFF;}
#photoHomeRight h4, #videoHomeRight h4{color: #333333; font-size: 20px; font-weight: 400;}
#photoHomeRight h5, #videoHomeRight h5{color: #333333; font-size: 14px; font-weight: 400;padding: 5px 0px;clear:both;}
#photoHomeRight p, #videoHomeRight p{color: #666666; font-size: 13px;padding: 5px 0px;}
#photoHomeRight #view_tagList, #videoHomeRight #view_tagList{margin: 10px 0px;}
#photoHomeRight ol.tagList, #videoHomeRight ol.tagList, #popularTagContainer ol.tagList{list-style:none;}
#photoHomeRight ol.tagList li, #videoHomeRight ol.tagList li, #popularTagContainer ol.tagList li{font-size: 17px;font-weight: 400;}
#photoHomeRight ol.tagList li a, #videoHomeRight ol.tagList li a, #popularTagContainer ol.tagList li a{color: #0099FF;padding: 0px 5px;text-decoration:none;}
#photoHomeRight ol.tagList li a:hover, #videoHomeRight ol.tagList li a:hover, #popularTagContainer ol.tagList li a:hover{background: #0099FF;color: #FFFFFF;padding: 0px 5px;}

#photoTagListContainer h4, #videoTagListContainer h4{font-size: 17px;font-weight:400; color: #333333;}
#photoTagListContainer p.tagList, #videoTagListContainer p.tagList{border: 1px solid #DDDDDD;background: #F7F7F7;margin-top:10px;padding: 5px;font-size: 20px; font-weight: 400;}
#photoTagListContainer p.tagList a, #videoTagListContainer p.tagList a{color: #0099FF;text-decoration:none;padding: 0px 5px;}
#photoTagListContainer p.tagList a:hover, #videoTagListContainer p.tagList a:hover{color: #FFFFFF;background: #0099FF;text-decoration:none;}
form#photoFinderForm, form#videoFinderForm{font-size: 13px;font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
form#photoFinderForm label, form#videoFinderForm label{font-size: 19px;font-weight:400;}



/* page: public group */
#groupPageContainer{overflow:hidden;clear:both;margin: 10px 10px;}
#groupLeft{float:left; width: 0px;display:none;}
#groupRight{float:right; width: 900px; margin: 0px; padding: 0px;}
#groupLeft img{padding-top: 10px;}
#groupLeft h4{padding: 10px 0px; text-align:left; font-size: 19px;font-family: Arial,sans-serif;color: #000000;font-weight:normal;}
#empty-group-list{text-align:center; color: #666666; padding: 20px;}
#view_groupList{min-height: 200px;}
div#group-list h4, span#group-category-title{font-size: 19px;font-family: Arial,sans-serif; padding: 10px 0px;}
div#group-list h4{color: #333333; font-weight:normal;}
span#group-category-title{color: #000000;font-weight:bold;}
ol.groupList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.groupList li{color: #333333; border-bottom: 1px solid #DDDDDD; width: 560px; padding: 10px; background: #EFEFEF; overflow:hidden; clear:both;}
.groupList li img{border: none;margin: 5px;}
.groupList li img.avatarGroup, .groupList li div.groupDetail{float:left;}
.groupDetail{margin: 0 5px 0 0; }
.groupList div.groupTitle{font-size: 14px; font-family:Arial, Helvetica, sans-serif;font-weight: bold;}
.groupList li div.actionPanel{float:right;clear:both;}
.groupList li a{text-decoration:none; color: #0088CC;}
.groupList li a:hover{text-decoration: underline; color: #0088CC;}

ol.groupCategoryList{list-style:none;margin: 0px; padding: 0px;font-size: 17px;}
.groupCategoryList li{border-bottom: 1px solid #FFFFFF; overflow:hidden; clear:both;width: 300px;}
.groupCategoryList li a{text-decoration: none; display: block; background: /* #BCDDEE*/ #EFEFEF; color: #333333;overflow:hidden;  padding: 10px;}
.groupCategoryList li a:hover{text-decoration:none; display:block; background: /* #66BEDE*/  #DDDDDD; color: #333333;overflow:hidden;cursor: pointer; padding: 10px;}
.groupCategoryList li.active a{text-decoration:none; display:block; background: /* #66BEDE*/  #DDDDDD; color: #0088CC;overflow:hidden;cursor: pointer; padding: 10px;}

#group-featured h3{font-size: 27px; font-weight:normal;color:#333333;}
/* #group-featured img{border: 0px;margin-top:10px;} */
#groupHomeEx{padding: 10px 0px 10px 0px;font-size: 13px;color: #444444;}
#groupHomeEx h3{font-size: 17px; font-weight:normal;color: #0099FF;}
#groupHomeEx p{margin: 10px 0px 0px 0px; padding: 5px 0px; }
#groupHomeEx span{color: #FF0099;}
div.featGroup{border:1px solid #DDDDDD; margin-top: 10px; padding: 5px;clear:both;overflow:hidden;}
div.feat-group-head{float:left;width: 350px;}
div.feat-group-head h4{font-size: 17px;font-weight: 400;color: #0099FF;}
div.feat-group-head h4 a{color:#0099FF;text-decoration:none;}
div.feat-group-head h4 a:hover{color:#0099FF;text-decoration:underline;}
div.feat-group-head p{color: #444444; font-size: 13px;}
div.feat-group-head p a, div.feat-group-head p a:hover{color: #0033CC;text-decoration:underline;}
div.feat-group-stat{float:right;width: 175px;}
div.feat-group-stat p{text-align:right;/* border: 1px solid #EEEEEE;background: #F7F7F7;margin-bottom: 5px;padding: 5px 0px; */}
div.feat-group-stat a{color: #FFFFFF;text-decoration:none;background: #0099FF;padding: 0px 5px;}
div.feat-group-stat a:hover{color: #FFFFFF;text-decoration:none;background: #FF0099;}
div.feat-group-stat ul{list-style:none;}
div.feat-group-stat li{color: #666666;}
div.feat-group-stat li b{color: #111111;font-weight:normal;}
div.feat-group-info{margin-bottom:10px;overflow:hidden;clear:both;}
div.feat-group-update{clear:both;}

/* page: public contest */
#contestPageContainer{overflow:hidden;clear:both;margin: 10px 0px;}
#contestLeft{float:left; width: 650px; margin: 0px; padding: 0px;}

#contestRight{float:right; width: 250px;}
#view_contestList{min-height: 200px; height: 100%;}
ol.contestList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.contestList li{color: #333333; border-bottom: 1px solid #DDDDDD; width: 100%; overflow:hidden; clear:both;}
.contestList li img{border: none;margin: 5px;}
.contestList li img.avatarContest, .contestList li div.contestDetail{float:left;}
.contestDetail{margin: 0 5px 0 0; width: 300px;}
.contestList li div.actionPanel{float:right;clear:both;}
.contestList li a{text-decoration:none;}
.contestList li a:hover{text-decoration: none;}
.avatarContest{width: 125px; height: 125px; border:none;}

#contestUnderCon{font-size: 17px; color: #333333; text-align:center;}


/******* Upload **********/

/* page: upload -> wosupload.css for artist and general user */


/* page: user home -> wosuserhome.css */
#userMessageContainer{}
#userMessageHeader{}
#userMessageFooter{}
#userMessageMain{}
#messageBox{width: 925px;clear:both; overflow:hidden;margin: 20px 0px;}
#messageBox h4{font-size: 17px; font-weight: normal; padding: 10px;}
#navBox{float:left; width: 200px;overflow:hidden; }
#messageNavBox{}

#messageNavBox ul.msgNavList{list-style:none; margin: 0pt; padding: 10px;font-size: 13px;}
.msgNavList li{border-bottom:  1px dashed #B3D9FF;}
.msgNavList li a{text-decoration: none; color: #333333; display: block; padding:5px;}
.msgNavList li a:hover{text-decoration: underline; color: #333333; background: #B3DDFF;display:block; padding:5px;}
.msgNavList li.active a{text-decoration: none; color: #333333; background: #B3DDFF; display: block; padding:5px;}
#accountNav{margin-top: 20px;}
#accountNav ul.accountNavList{list-style:none; margin: 0pt; padding: 10px;font-size: 13px;}
.accountNavList li{border-bottom:  1px dashed #B3D9FF; }
.accountNavList li a{text-decoration: none; color: #333333; display: block; padding:5px;}
.accountNavList li a:hover{text-decoration: underline; color: #FFFFFF; background: #FF0099;display:block; padding:5px; }
.accountNavList li.active a{text-decoration: none; color: #FFFFFF; background: #FF0099;display:block; padding:5px; }

#settingContainer{margin: 5px;}
#settingContainer h3{font-size: 22px;color: #333333;margin-top: 10px;}
.settingItem{margin-top: 10px;width: 500px;clear:both;overflow:hidden;background: #F7F7F7;padding: 10px;}
.settingItem p{width: 320px;float:left;font-size: 13px;}
.settingItem select{width: 70px;padding: 5px;float:left;font-size: 14px;font-weight:bold;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;}
.settingItem input{width: 70px;float:right;font-size: 14px;font-weight:bold;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;}

#messageDetailBox{}
#messageBoxWrapper{float:right; width: 725px; overflow:hidden;}
#home_message{color: #333333; font-size: 17px;}
#home_message h3{margin-left: 10px;font-weight:normal;font-size: 20px;}
#home_message p{margin: 0px 10px;}
#home_message a{color: #3185D9; text-decoration:none;}
#home_message a:hover{color: #3185D9; text-decoration:underline;}
#announcement{margin: 20px 10px; padding: 10px; background: #F7F7F7; }
#view_messageContainer{width: 715px;}
#view_messageList{min-height: 350px;overflow:hidden;clear:both;}
.messageList em{color: #666666; font-style:normal;}
ol.messageList{list-style:none; padding-bottom:1px; }
.messageList li{padding: 5px 0px;clear:both;overflow:hidden; border-top: 1px solid #DDDDDD;background: #F7F7F7; }
.messageList li:hover{padding: 5px 0px;clear:both;overflow:hidden; border-top: 1px solid #DDDDDD; background: #EFEFEF; }
.messageList li a{color: #62A0BF;text-decoration:none;}
.messageList li a:hover{color: #62A0BF;text-decoration:underline;}
.messageList li img.avatarSmall{width: 38px; height: 38px; -ms-interpolation-mode: bicubic;border: 3px solid #FFFFFF;margin: 0px 5px;float:left;}
.messageList span{}
.messageList li.unReadMsg{font-weight:bold;}
.messageList li.readMsg{padding: 5px 0px;clear:both;overflow:hidden; background: #F7F7F7;}
.messageList li:hover.readMsg{padding: 5px 0px;clear:both;overflow:hidden; background: #EFEFEF;}

.messageList li img.photo{border: 3px solid #FFFFFF;margin: 5px 0px;}
.messageList li img.video{border: 3px solid #FFFFFF;margin: 5px 0px;}

#friendFeedContainer, #invitationContainer, #invitationHistoryContainer{width: 683px;font-size: 13px; padding: 10px; margin: 10px; background: #F7F7F7;border: 1px solid #DDDDDD;clear:both;overflow:hidden;}


/** invitation box **/
#invitationContainer h3, #invitationHistoryContainer h3{font-size: 20px; font-weight:normal;margin-bottom: 5px;}
p.invitationDescription{font-size: 14px;}
#invitationBox{clear:both;overflow:hidden;margin: 10px 0px;}
#invitationLeft{float:left;width: 400px;}
#invitationLeft div{clear:both;overflow:hidden;margin-bottom: 5px;}
#invitationLeft label{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 13px; color: #333333;float:left;text-align:right;width: 70px;padding-right: 10px;}
#invitationLeft textarea#inv-msg, #invitationLeft input#invite-single-email{float:right;width: 296px; padding: 2px; margin:0px;font-family:Tahoma,Vernada, Arial; font-size: 13px; color: #333333;}
#invitationLeft div#invite-pre-email, #invite-box-list-container{float:right;width: 296px; padding: 0px; margin:0px;}
#invitationLeft input#inv-send-btn{margin-left: 20px;}
p.invite-history-remark, p.invite-remark{font-size: 11px;color: #666666;}
p.invite-remark{width: 296px; padding: 0px; margin:0px;float:right;text-align:left;}

div#invite-pre-email-box, ol.invitedUserList li{border: 1px solid #FFFFFF;background: #62A0BF;float:left;padding: 2px 5px;color: #FFFFFF;font-size: 14px;}
div#invite-pre-email-box:hover,  ol.invitedUserList li:hover{background: #62AADF;color: #EEEEEE;border: 1px solid #EEEEEE;}
div#invite-pre-email-box span, ol.invitedUserList li span{font-weight:600;}
div#invite-pre-email-box a, ol.invitedUserList li a{color: #FFFFFF;text-decoration:none;}
div#invite-pre-email-box a:hover, ol.invitedUserList li a:hover{color: #FF0099;text-decoration:underline;}

ol.invitedUserList{list-style:none;text-align:left;}
ol.invitedUserList li{display:inline;}

ol.inviteHistoryList{list-style:none;}
ol.inviteHistoryList li{border-bottom: 1px solid #DDDDDD; margin-bottom: 3px;overflow:hidden;clear:both;padding: 5px;color: #333333;font-size: 13px;}
ol.inviteHistoryList div.ihEmail{width: 250px;float:left;}
ol.inviteHistoryList div.ihDate{width: 200px;float:left}
ol.inviteHistoryList div.ihState{width: 180px;float:right}
ol.inviteHistoryList li a.remind, ol.inviteHistoryList li a.remind:hover{color: #0099FF;text-decoration:underline;}
ol.inviteHistoryList li a.cancel, ol.inviteHistoryList li a.cancel{color: #FF0099;text-decoration:underline;}

#invitationRight{float:right;width: 250px;}
#importContact a, #invitationHistory a{text-decoration:none;color: #62A0BF;font-size: 15px;}
#importContact a:hover, #invitationHistory a:hover{text-decoration:underline;color: #62A0BF;}
#importContact span{display:none;}
#importContact p, #invitationHistory p{padding: 5px 0px;}
#importContact div.email{background: url('/resources/graphics/icons/icon_email_logo.png') no-repeat;height: 50px;width: 200px;}
#invitationHistory{padding: 5px 0px;margin: 10px 0px;border-top: 1px solid #DDDDDD;}

ol.import-contact-list{margin: 5px 0px;text-align:left;}
ol.import-contact-list li{list-style:none;padding: 5px; margin-bottom: 1px;clear:both; background: #F7F7F7;overflow:hidden;width: 330px;font-size: 13px; line-height:normal;}
ol.import-contact-list li:hover{background:#EEEEEE;}
ol.import-contact-list li.active{background:#0099FF;color: #FFFFFF;}
ol.import-contact-list li.active span.ct_name, ol.import-contact-list li.active span.ct_email{color: #FFFFFF;}
ol.import-contact-list li input{float:left;margin-right:3px;}
ol.import-contact-list li span.ct_name{float:left;font-size: 12px; color: #333333;}
ol.import-contact-list li span.ct_email{float:right;font-size: 12px; color: #333333;}
ol.import-contact-list li span.title{font-weight:bold;}

#importLoginBox{}
#importContainer{}
#import-signin{}
#import-signin p{margin-bottom: 3px;overflow:hidden;clear:both;}
#import-signin label{font-size: 14px;float:left;width: 100px;margin-left: 30px;}
#import-signin input#email_box, #import-signin input#password_box{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 14px;width: 170px;}
#import-signin select#provider_box{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 14px;width: 170px;}
#import-signin input#import-btn, #import-signin input#invite-close-button, #import-signin input#get-contact-btn{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 14px;}
#import-msg{color: #FF0033;}





/********  Account  *********/
/*  user Account  */
div#accountContainer{width: 905px; background: #FFFFFF; padding:10px; clear:both; overflow:hidden;}
div#accountContainer h3{font-family: "Century Gothic", "Lucida Grande",Helvetica, Tahoma, Arial, sans-serif;color: #62A0BF;font-size: 25px; }
div#accountContent{width: 705px; background: #FFFFFF; padding:0px;float:left;}
div#accountAds{ margin: 10px 0px; width: 180px; height: 500px; padding:0px;float:right;}

#accountMenu{margin-top:20px;}
#accountMenu a {text-decoration:none;font-weight:bold; color:#2777A1;}
#accountMenu ul.subsection_tabs{list-style:none;margin:0;	padding:0; border-bottom:1px solid #CCCCCC;	height:26px;	clear:both;}
#accountMenu ul.subsection_tabs li {float:left;margin-right:7px;text-align:center;color:#333333;font-size:17px;line-height:26px;}
#accountMenu ul.subsection_tabs li a {display:block; height:26px;padding:0 6px 0 6px;background-color:#FFFFFF;color:#666666;width:120px;}
#accountMenu ul.subsection_tabs li a:hover {color: #62A0BF;}
#accountMenu ul.subsection_tabs li.active a {background-color:#EEEEEE;}

/* accountTab */
div#tabAccount{}
div#tabAccount h3{font-family:Tahoma, Arial, sans-serif, Helvetica;overflow:hidden;clear:both;font-size: 17px;margin: 10px 0px;}
div#tabAccount span.description{font-family:Tahoma, Arial, sans-serif, Helvetica;color: #333333; font-size: 13px; margin: 5px 0px;}

div#tabAccount div#accountDetail{width: 550px;padding: 5px;margin: 0 auto;}
div#tabAccount div#accountDetail p{position:relative;margin: 10px 0px;}
div#tabAccount div#accountDetail label{color: #333333;position:relative; font-size: 17px}
div#tabAccount div#accountDetail input{font-family:Tahoma, Arial, sans-serif, Helvetica;color: #333333;position: absolute; left: 150px; font-size: 17px}
div#tabAccount div#accountDetail span#username, div#tabAccount div#accountDetail span#accountType, div#tabAccount div#accountDetail span#email{color:#1B9DE2;position: absolute; left: 150px; font-size: 17px}
div#tabAccount div#accountDetail button#btn_saveEmail{font-family:Tahoma, Arial, sans-serif, Helvetica;float:right;clear:both;margin-top:10px;margin-bottom: 10px; font-size: 17px;color: #333333;}

div#tabAccount div#avatarDetail{width: 550px;padding: 5px;margin: 0 auto;}
div#tabAccount div#avatarDetail p{position:relative;margin: 10px 0px;}
div#tabAccount div#avatarDetail label{color: #333333;position:relative; font-size: 17px}
div#tabAccount div#avatarDetail input{font-family:Tahoma, Arial, sans-serif, Helvetica;color: #333333;position: absolute; left: 130px; font-size: 17px}
div#tabAccount div#avatarDetail button#btn_saveAvatar{font-family:Tahoma, Arial, sans-serif, Helvetica;float:right;clear:both;margin-top:30px;margin-bottom: 10px; font-size: 17px;color: #333333; }

div#tabAccount div#addressDetail{width: 550px;padding: 5px;margin: 0 auto;}
div#tabAccount div#addressDetail p{position:relative;margin: 10px 0px;}
div#tabAccount div#addressDetail label{color: #333333;position:relative; font-size: 17px}
div#tabAccount div#addressDetail textarea{font-family:Tahoma, Arial, sans-serif, Helvetica;color: #333333;position: absolute; left: 150px; font-size: 17px}
div#tabAccount div#addressDetail button#btn_saveAddress{font-family:Tahoma, Arial, sans-serif, Helvetica;float:right;clear:both;margin-top:30px;margin-bottom: 10px;  font-size: 17px;color: #333333; }


/* statistic tab*/
div#tabStatistic h3{font-family:Tahoma, Arial, sans-serif, Helvetica;overflow:hidden;clear:both;font-size: 17px;margin: 10px 0px;}
div#tabStatistic div#levelDetail, div#tabStatistic div#statisticDetail{width: 550px;padding: 5px;margin: 0 auto;}
div#levelDetail div#classDetail{font-size: 17px;margin: 0px; padding: 5px;}
div#levelDetail div#classDetail span.highlight{color: #993300}
div#levelDetail div#ratingDetail{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
div#levelDetail div#ratingDetail ul{background: #EEEEEE; margin: 0px;padding: 0px;}
div#levelDetail div#ratingDetail li{list-style:none;margin:0px;}
div#levelDetail div#ratingDetail dl{margin: 0px; padding: 5px;}
div#levelDetail div#ratingDetail dt{font-size: 13px; font-weight:bold; color: #333333;}
div#levelDetail div#ratingDetail dd{font-size: 13px;color: #333333;}

div#statisticDetail div#logStatistic{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
div#statisticDetail div#logStatistic h4{font-family:Helvetica;overflow:hidden;clear:both;font-size: 17px;color: #666666;}
div#statisticDetail div#logStatistic ul{margin: 5px 0px;}
div#statisticDetail div#logStatistic li{list-style:none; padding: 2px 6px;  margin: 2px 0px;clear:both; background: #EEEEEE;overflow:hidden;}
div#statisticDetail div#logStatistic li span.logTitle{float:left;font-size: 13px; font-weight:bold;color: #333333;}
div#statisticDetail div#logStatistic li span.logDetail{float:right;font-size: 13px; font-weight:bold;color: #333333;}

ul.quotaList{list-style:none;}
ul.quotaList li{font-size: 14px;margin: 5px 0px;}



/* user preference */

#settingContainer{}
#settingContainer h1{}



/******** Profile ************/
/* page: user profile -> userprofile.css */
#userPageHeader{overflow:hidden; clear:both;height: 10px;width: 925px;}
#userInfoHead{float:right;clear:both;text-align:right; padding: 10px; font-family: Geneva, Arial, Helvetica, sans-serif, Linotype; }
#userInfoHead h2{font-size: 25px;}
#userInfoHead h4{font-size: 17px;}
#userPageFooter{clear:both; overflow:hidden;}
#userPageMain{clear:both; overflow:hidden;}


#profileAccType{text-align:center;margin: 0 auto;width: 150px; }
#profileAccType div.staff{ width: 150px; height: 30px; padding: 10px 0px; color: #333333;background: url('/resources/graphics/icons/icon_acc_staff1.png') top left no-repeat;}
#profileAccType span{display:none;}



/**** test profile ****/
div#music ul, div#photo ul, div#group ul{margin: 0px 10px;}
.userContent{overflow:hidden;clear:both;width: 910px;margin: 0 auto;}
.userContentDetail{width: 740px;float:left;margin-top:10px;}
.userContentAd{width: 160px;float:right; }
.userContentAd img{border:0px;}
.userContentLeft{width: 300px; float:left;}
.userContentRight{width: 430px; float:right;}

#userProfileContentSwitch{width: 428px; border-right: 1px solid #EFEFEF;border-left: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;margin-bottom: 20px;background:  #F7F7F7;}
#userProfileWall{width: 428px; border: 1px solid #EFEFEF; margin-bottom: 10px;background: /* url('/resources/graphics/test/bg_meta_profile.png') repeat-x top */ #F7F7F7; }
#userProfileWall h4, #user-profile-feed h4, #updateStatus h4{padding: 5px;color: #333333;}

#userProfileSwitcher ul{width: 430px;margin:0px;padding:6px 0px 5px 0px;border-bottom: 1px solid #EFEFEF;}
ul.switchProfile li{display:inline; font-size: 13px; font-weight: bold;}
ul.switchProfile li a, ul.switchProfile li a:hover{text-decoration: none;padding: 5px 10px 5px 10px;}
ul.switchProfile li a{color: #3B5998;background: #EFEFEF;}
ul.switchProfile li a:hover{color: #62A0BF;}
ul.switchProfile li.active a{color: #333333;background: #F7F7F7;border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;border-top: 1px solid #EFEFEF;text-decoration: none;padding: 5px 10px 6px 10px;}


/* profile app */
.profileApp {color: #333333; margin-bottom: 10px; width: 300px;background: #F7F7F7; }
.profileApp h4{text-align:left; font-size: 17px; font-weight: normal;clear:both;overflow:hidden;}
.profileApp strong{padding-top: 10px;}
.profileApp a{text-decoration:none;color: #333333; font-size: 13px; padding: 0px;}
.profileApp a:hover{text-decoration:underline; color: #62A0BF;font-size: 13px; padding: 0px;}
.profileApp ul.globalView{margin:0px;padding: 0px;}
.topUserProfileBox, .contentUserProfileBox, .bottomUserProfileBox{width: 290px;clear:both;margin: 0 auto;}
.topUserProfileBox{}
.contentUserProfileBox{}
.bottomUserProfileBox{}

/* profile info */
p#profileStatus strong.online{color: #00FF00;font-size: 17px;}
p#profileStatus strong.offline{color: #FF0000;font-size: 17px;}
#user-profile-feed{margin-bottom:30px;clear:both;}
#user-profile-status, user-profile-feed{overflow:hidden;clear:both;}
#user-profile-status h4{color: #666666; padding-bottom: 5px; font-size: 13px;}
#user-profile-feed h4{font-size: 17px;font-weight:normal;}
#user-profile-feed h4 a{text-decoration:none;color:#333333;}
#user-profile-greeting, #user-profile-info, #user-profile-toy{width: 430px;clear:both;}
#embedBox{text-align:center;padding: 5px;}

#userProfileAbout{padding: 5px;margin: 5px 0px;clear:both;font-size: 13px; color: #333333;}
#user-profile-basic{clear:both;}
#user-profile-basic p{position:relative;}
#user-profile-basic span{position:absolute; left:100px;}
#user-profile-basic, #edit-profile-btn{padding: 5px;}
#user-profile-advance{}
#userProfileAbout{padding: 5px;margin: 5px 0px;}
#userProfileAbout p#myGreetingFull, #userProfileAbout p#myGreetingLess{clear:both;margin-top: 5px;}
#userProfileAbout p#aboutme-controller{}
#userProfileAbout p#aboutme-controller a, #userProfileAbout a, #edit-profile-btn a{color:#0033CC;text-decoration: underline;}
#userProfileAbout p#aboutme-controller a:hover, #userProfileAbout a:hover, #edit-profile-btn a:hover{color: #62A0BF; text-decoration:underline;}
#user-profile-statistics{}
#user-profile-basic p{color: #333333; font-size: 13px;}
#edit-profile-btn{float:right; clear:both; text-align:right;}
#profileThemeContainer{width: 925px;text-align:center;margin: 0 auto;}
#edit-theme-btn{width: 210px;text-align:center;margin: 0 auto;}
#view-theme-area{width:925px;text-align:center;margin:0 auto;}
#update-theme-box{background: #EFEFEF;width: 198px; padding: 5px;border: 1px solid #CCCCCC;margin-bottom:5px;}
#update-theme-box a{color: #0099FF;text-decoration:none;}
#update-theme-box a:hover{color: #FF0099;text-decoration:underline;}
#profile_theme_head{}
#userProfileThemeEditorBox h3{margin-bottom:5px;font-weight:normal;font-size: 17px;}
#userProfileThemeEditorBox h5{margin-bottom:5px;font-weight:normal;font-size: 13px;}
input#i_themeUrl{width: 700px;font-size: 14px;font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}


/** profile dlg **/
#userProfileEditorBox{width: 680px; margin: 20px 0px;}
#userProfileEditorBox h3{font-size: 35px; font-weight: normal; color: #333333;}
#userProfileEditorBox p{margin: 10px 0px; position:relative; }
#userProfileEditorBox label{left: 0px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; color: #333333;}
#userProfileEditorBox input{left: 200px; padding: 2px; font-family:Tahoma,Vernada, Arial; font-size: 17px; color: #333333;}
#userProfileEditorBox select{left: 200px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; width: 80px; text-align:center; color: #333333;}

#userAboutMeEditorBox, #forumBoardEditorBox{width: 680px; margin: 20px 0px;}
#userAboutMeEditorBox h3{font-size: 25px; font-weight: normal; color: #333333;}
#forumBoardEditorBox h3{font-size: 20px; font-weight: normal; color: #333333;}
#userAboutMeEditorBox p, #forumBoardEditorBox p{margin: 5px 0px; position:relative; }
#userAboutMeEditorBox textarea, #forumBoardEditorBox textarea{width: 670px;font-family:Tahoma,Vernada, Arial; font-size: 17px; color: #333333;}
#userAboutMeEditorBox input, #forumBoardEditorBox input{padding: 2px; font-family:Tahoma,Vernada, Arial; font-size: 17px; color: #333333;}

#userToyEditorBox{width: 680px; margin: 20px 0px;}
#userToyEditorBox h3{font-size: 25px; font-weight: normal; color: #333333;}
#userToyEditorBox p{margin: 10px 0px; position:relative; }
#userToyEditorBox label{font-family:Tahoma,Vernada, Arial; font-size: 17px; color: #333333;}
#userToyEditorBox textarea{width: 670px;font-family:Tahoma,Vernada, Arial; font-size: 17px; color: #333333;}
#userToyEditorBox input{padding: 2px; font-family:Tahoma,Vernada, Arial; font-size: 17px; color: #333333;}

/* update status module */
#statusProfileBox{background: url('/resources/graphics/bg/bg_profile_shoutbox.png') no-repeat top left;padding-left: 10px;}
#statusMessageInputBox{width:408px; text-align:left; font-size: 13px; padding: 10px; border: 1px solid #DDDDDD; font-weight: normal;clear:both;overflow:hidden;}
#statusMessageInputBox textarea#statusMessage{float:left;width: 320px; height: 50px;color: #666666; border: 1px dotted #CCCCCC; background: #F7F7F7;  font-size: 13px;font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
#statusMessageInputBox input#statusMessageBtn{float:left;width: 70px;height:50px;margin-left: 10px; color: #333333;font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px;}

/* user feed module */

#miniFeedView{margin:0px 10px;color: #333333;clear:both;}
div.storyBox{padding: 0px;overflow:hidden;clear:both;}
div.feedDate{font-weight: bold; color: #666666; border-bottom: 1px solid #AAAAAA; margin: 10px 0px 3px 0px;}
div.feedIconStatus, div.feedIconVideo, div.feedIconPhoto{padding-left: 20px;}
div.feedIconStatus{background: url('/resources/graphics/icons/icon_feed_status_info.png') no-repeat}
div.feedIconVideo{background: url('/resources/graphics/icons/icon_feed_video.png')  no-repeat}
div.feedIconPhoto{background: url('/resources/graphics/icons/icon_feed_photo.png') no-repeat}
ol.feedPhoto, ol.feedProfile{padding-left: 20px;}
ol.feedPhoto, ol.feedFriend, ol.feedVideo, ol.feedPhotoAlbum, ol.feedMasterMA, ol.feedMasterMV, ol.feedMasterBT, ol.feedRemixedMA, ol.feedProfile{list-style:none;}
.feedPhoto li, .feedVideo li{display:inline;}
.feedProfile li, .feedPhotoAlbum li{display:block;}
ol.feedProfile{background: url('/resources/graphics/icons/icon_feed_status_info.png') no-repeat; padding-left: 20px}
.feedPhotoAlbum li {background: url('/resources/graphics/icons/icon_feed_photo.png') no-repeat; padding-left: 20px}
.feedFriend li {background: url('/resources/graphics/icons/icon_feed_friend.png') no-repeat; padding-left: 20px}
.feedMasterMA li, .feedMasterMV li, .feedMasterBT li, .feedRemixedMA li{background: url('/resources/graphics/icons/icon_feed_music.png') no-repeat; padding-left: 20px}
.feedPhoto li img{width: 38px; height: 38px;-ms-interpolation-mode: bicubic;margin: 2px 5px 2px 0px;}
.feedPhoto li a img, .feedVideo li a img{border: 5px solid #FFFFFF;}
.feedPhoto li a:hover img, .feedVideo li a:hover img{border: 5px solid #CCCCCC;}
ol.feedVideo {margin: 15px;}
.feedVideo li img{width: 120px; height: 90px;margin: 3px;}
span.feedStatus{font-weight: normal; color: #62A0BF;}
span.feedTime{font-weight: normal; color: #AAAAAA;}
.feedIconStatus a, .feedMasterMA li a, .feedMasterMV li a, .feedMasterBT li a, .feedRemixedMA li a, .feedPhotoAlbum li a, .feedFriend li a{color: #62A0BF; text-decoration:none;}
.feedIconStatus a:hover, .feedMasterMA li a:hover, .feedMasterMV li a:hover, .feedMasterBT li a:hover, .feedRemixedMA li a:hover, .feedPhotoAlbum li a:hover, .feedFriend li a:hover{color: #62A0BF; text-decoration:underline;}
a.delete-feed-story, a.delete-feed-message{text-decoration:none;color: #FF0099;font-weight:bold;float:right;padding: 0px 2px;}
a.delete-feed-story:hover, a.delete-feed-message:hover{text-decoration:none; color: #FFFFFF; background: #FF0099; float:right;padding: 0px 2px;}



/* music module */
#view_masterMusicList, #view_remixedMusicList{}
#view_masterMusicList ol.masterMusicList, #view_remixedMusicList ol.remixedMusicList{list-style:none;}
.masterMusicList li, .remixedMusicList li{color: #333333; border-bottom: 1px solid #DDDDDD; width: 100%; overflow:hidden; clear:both;}
.masterMusicList li p, .remixedMusicList li p{float:left;}
/* .masterMusicList li div.actionPanel, .remixedMusicList li div.actionPanel{float:right; margin:0px;padding: 0px} */
.masterMusicList li img, .remixedMusicList li img{border:none;}
.masterMusicList li a, .remixedMusicList li a{text-decoration:none;}
.masterMusicList li:hover, .remixedMusicList li:hover{background: #FFFFFF;}
.masterMusicList li a:hover, .remixedMusicList li a:hover{text-decoration: none;}

/* .masterMusicList li:hover a, .remixedMusicList li:hover a{text-decoration:none; background: #FFFFFF;} */

.listenBtn, .watchBtn, .recordBtn{float:right;width: 30px;}
.listenBtn span, .recordBtn span, .watchBtn span{display:none;}
.listenBtn a{padding: 0px; height: 24px; background: url('/resources/graphics/btn/btn_listen.png') no-repeat center; display:block; cursor: hand;}
* html .listenBtn a{padding: 0px; height: 24px; background: url('/resources/graphics/btn/btn_listen.gif') no-repeat center; display:block; cursor: hand;}
.recordBtn a{padding: 0px; height: 24px; background: url('/resources/graphics/btn/btn_record.png') no-repeat center; display:block; cursor: hand;}
* html .recordBtn a{padding: 0px; height: 24px; background: url('/resources/graphics/btn/btn_record.gif') no-repeat center; display:block; cursor: hand;}
.watchBtn a{padding: 0px; height: 24px; background: url('/resources/graphics/btn/btn_watch.png') no-repeat center; display:block; cursor: hand;}
* html .watchBtn a{padding: 0px; height: 24px; background: url('/resources/graphics/btn/btn_watch.gif') no-repeat center; display:block; cursor: hand;}


#view_videoList{overflow:hidden;clear:both;margin: 0 auto; text-align:center;}
#view_videoList ol.userVideoList{list-style:none;margin-left: 5px; padding: 0px;}
.userVideoList li{float:left; margin: 0px 3px; text-align:center; margin-bottom: 5px;}
.userVideoList li a{}
.userVideoList li a:hover img{border: 5px solid #CCCCCC;}
img.videoThumbnailSmall{width: 120px; height: 90px; padding: 0px; border: 5px solid #FFFFFF;}

#view_photoList{overflow:hidden;clear:both;margin: 0 auto; text-align:center; }
#view_photoList ol.userPhotoList{list-style:none;margin-left: 5px; padding: 0px;}
.userPhotoList li{float:left; margin: 0px 3px; text-align:center; margin-bottom: 5px;}
.userPhotoList li a:hover img{border: 5px solid #CCCCCC;}
.userPhotoList .photoThumbnailSmall{width: 75px; height: 75px; padding: 0px; border: 5px solid #FFFFFF;}

#view_friendList{overflow:hidden;clear:both;margin: 0 auto; text-align:center; }
#view_friendList ol.userFriendList{list-style:none; margin-left: 5px; padding: 0px;}
.userFriendList li{float:left; margin: 0px 3px; text-align:center; margin-bottom: 5px;}
.userFriendList li a:hover img{border: 5px solid #CCCCCC;}
.userFriendList li img.avatarSmall{width: 38px; height: 38px; -ms-interpolation-mode: bicubic;padding: 0px; border: 5px solid #FFFFFF;}

/*
#view_fanList{overflow:hidden;clear:both;margin: 0 auto; text-align:center; width: 300px;}
#view_fanList ol.userFanList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.userFanList li{float:left; margin: 0px 3px; text-align:center; margin-bottom: 5px;}
.userFanList li a:hover img{border: 5px solid #CCCCCC;}
.userFanList li img.avatarSmall{width: 50px; height: 50px; padding: 0px; border: 5px solid #FFFFFF;}

#view_myGroupList{overflow:hidden;clear:both;margin: 0 auto; text-align:center; width: 300px; }
#view_myGroupList ol.userGroupList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.userGroupList li{float:left; margin: 5px; margin-bottom: 5px;}
.userGroupList li a:hover img{border: 5px solid #CCCCCC;}
.userGroupList li img.avatarSmall{width: 50px; height: 50px; padding: 0px; border: 5px solid #FFFFFF;}

#view_joinedGroupList{overflow:hidden;clear:both;margin: 0 auto; text-align:center; width: 300px;  }
#view_joinedGroupList ol.userJoinedGroupList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.userJoinedGroupList li{float:left; margin: 5px; margin-bottom: 5px;}
.userJoinedGroupList li a:hover img{border: 5px solid #CCCCCC;}
.userJoinedGroupList li img.avatarSmall{width: 50px; height: 50px; padding: 0px; border: 5px solid #FFFFFF;}
*/

/* profile greeting section */
#wallGreeting{clear:both;}
#addReplyBox{float:right;}
#addReplyBox input#btn_add_greetingText{font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; }
#writeGreetingContainer{width: 430px; height: 200px;clear:both;overflow:hidden}
#writeGreetingBox{margin: 5px;text-align:left; width: 420px; height:200px;}
#writeGreetingBox h3{font-size: 17px; font-weight: normal; color: #333333;margin-bottom: 5px;}
#writeGreetingBox textarea#greeting-text{font-family:Tahome, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; width: 420px;}
#submit-greeting-panel{float:right;clear:both;}
#submit-greeting-panel input#submit-greeting-btn, #submit-greeting-panel input#preview-greeting-btn{margin-top: 5px; font-family:Tahome, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; }

ol.greetingList{list-style:none;display:block;}
.greetingList li{clear:both;overflow:hidden; margin-bottom: 5px;}
.greetingList li a{text-decoration: none; color: #62A0BF;}
.greetingList li a:hover{text-decoration: underline; color: #62A0BF;}
.greetingList li a img.avatarNormal{float:left; margin-left:5px; width: 75px; height: 75px; padding: 0px; border: 5px solid #FFFFFF;}
.greetingList li a:hover img.avatarNormal{float:left; margin-left:5px; width: 75px; height: 75px; padding: 0px; border: 5px solid #CCCCCC;}
.greetingBox{float:left; margin-left:5px;padding: 5px; background: #FFFFFF; width: 320px;min-height: 75px;}
.greetingPreviewBox{float:left; margin-left:5px;padding: 5px; background: #FFFFCC; width: 320px;min-height: 75px;}
.greetingBox p{padding-top: 5px;}
.greetingPanel{text-align:right;clear:both;}

.postTopicPreview{float:left; padding: 5px; background: #FFFFCC; width: 390px;min-height: 75px;margin-top: 5px;}

/* page: profile user, fanclub, group meta section */
#profileImage{padding: 10px;text-align:center;position:relative;clear:both;}
#profileImage span#user-profile-photo-controller{position:absolute;bottom: 15px; left: 83px; margin: 0 auto; padding: 3px;text-align:center;background:#0099FF;color: #FFFFFF;font-size: 11px;}
#profileImage a{color: #FFFFFF;text-decoration:none;padding: 3px;}
#profileImage a:hover{color: #FFFFFF;text-decoration:underline;padding: 3px;}
#profileImage div#user-greeting-video{}
#profileImage img{border: 2px solid #CCCCCC;}
#profileAction{}
ul.profileAction{list-style:none; margin: 0pt; padding: 10px;}
.profileAction li{border-bottom:  1px dashed #B3D9FF; }
.profileAction li a{text-decoration: none; color: #333333; display: block; }
.profileAction li a:hover{text-decoration: underline; color: #333333; background: #EFEFEF;display:block; }

/* pp selector */
.ppSelectType ul {font-size: 17px;}
.ppSelectType li{list-style:none;padding: 5px;}
.ppSelectType li a{text-decoration:none;color: #0099FF;background:#FFFFFF;padding: 2px 5px;}
.ppSelectType li a:hover{text-decoration:none;color: #FFFFFF;background: #0099FF;padding: 2px 5px;}
.ppSelectType li span{text-decoration:none;color: #999999;background:#FFFFFF;padding: 2px 5px;}


/* page: group profile section */
#groupHeader, #fanclubHeader{overflow:hidden; clear:both;width: 925px;}
#groupFooter, #fanclubFooter{clear:both; }
#groupContent, #fanclubContent{overflow: hidden; clear:both;margin: 10px 0px 10px 0px;}
#topicAds{width: 160px;float:left;}
#topicAds img{border:0px;}
#groupInfoHead, #fanclubInfoHead{float:right;clear:both;text-align:right; font-family: Geneva, Arial, Helvetica, sans-serif, Linotype; padding-right: 10px;}
#groupInfoHead h2, #fanclubInfoHead h2{font-size: 27px;color:#DDDDDD;}
#groupInfoHead h4, #fanclubInfoHead h4{font-size: 17px;}
#groupMeta, #fanclubMeta{clear:both; overflow:hidden; width: 925px; background: url('http://www.thewos.com/resources/graphics/test/bg_meta_profile.png') top left repeat-x;}
#groupMetaLeft, #fanclubMetaLeft{float:left; width: 595px;}
#groupMetaRight, #fanclubMetaRight{float:right; width: 320px; margin: 0 auto; text-align:center;}
#groupProfileBage, #fanclubProfileBage{width: 240px;text-align:center; margin: 0 auto;}
#groupProfileAction div#group-join-btn, #groupProfileAction div#group-leave-btn{font-size: 17px; margin: 5px 0px;border: 1px solid #AAAAAA;padding: 3px;}
#groupProfileAction a{color: #666666;text-decoration:none;}
#groupProfileAction a:hover{color: #111111; text-decoration:underline;}
p#edit-group-btn{text-align:right;float:right;}
#edit-group-btn a, #discuss-info-controller a#btn-edit-board, div#addBoardBox a{text-decoration: underline;color:#0033CC;}
#edit-group-btn a:hover, #discuss-info-controller a:hover#btn-edit-board, div#addBoardBox a:hover{text-decoration:underline;color: 	#62A0BF; cursor:pointer;}
#groupInfo, #groupDescriptionContainer, #groupMemberBox h4, #fanclubInfo, #fanclubDescriptionContainer, #fanclubFanBox h4{padding: 5px;}
#groupMemberBox h4, #fanclubFanBox h4{font-size: 20px;color: #333333;font-weight: normal;}
#groupInfo p, #fanclubInfo p{font-size: 13px;color: #666666;}
#groupInfo p#groupName{font-size: 17px; color: #111111;}
#groupInfo p#groupTitle, #groupInfo p strong, #groupDescription, #fanclubDescription{font-size: 13px; color: #111111;font-weight:normal;}
#groupContentBox, #fanclubContentBox{width: 925px; clear:both;overflow:hidden;margin:10px 0px;}
.groupContentLeft, .fanclubContentLeft{background: #F7F7F7;clear:both; }
.groupContentRight, .fanclubContentRight{background: #F7F7F7;clear:both;}
#groupMusicBox{}
#groupVideoBox{}
#groupPhotoBox{}
#groupMemberBox, #fanclubFanBox{}
#groupDiscussionBox, #fanclubDiscussionBox{}
#disallow-info-dis{padding: 10px; text-align:center;}
#groupAdsBox, #fanclubAdsBox{padding: 10px;}
#groupAdsBox a, #fanclubAdsBox a{text-decoration:none;}
#groupAdsBox img, #fanclubAdsBox img{border:0px;margin-bottom: 10px;}
#view_member, #view_fan{margin: 0 auto; text-align:center; overflow:hidden;clear:both;}
#view_member ol.memberList, #view_fan ol.fanList{list-style:none;margin: 5px;}
.memberList li, .fanList li{float:left; margin: 0px 3px; margin-bottom: 5px;}
.memberList li a, .fanList li a{}
.memberList li a:hover img, .fanList li a:hover img{border: 5px solid #CCCCCC;}
.memberList .avatarSmall, .fanList .avatarSmall{width: 75px; height: 75px; padding: 0px; border: 5px solid #FFFFFF;}


/* page: group, fanclub discussion profile section */
#non-member-msg{border: 1px solid #AAAAAA;padding: 5px;text-align:center;color: #AAAAAA;  margin: 5px 0px 5px 0px;}
#headForum{margin: 0 auto; padding: 5px; text-align:center; width: 905px;overflow:hidden;clear:both;}
#headForum h4{text-align:left;padding: 5px 0px; font-size: 20px;color: #333333;font-weight: normal;}
#addTopicBox{float:right;clear:both;}
#headForum input{}
div#writeTopicBox input#topic-title{font-size: 13px;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;}
div#writeTopicBox textarea#topic-description{font-size: 13px;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;}
div#writeTopicBox input#preview-topic-btn,div#writeTopicBox input#submit-topic-btn{font-size: 13px; }
#topicListHead{overflow:hidden;clear:both;font-size: 17px;}
#mainForum{margin: 0 auto; text-align:center; width: 905px;overflow:hidden;clear:both;}
#view_topicList{text-align:left; overflow:hidden;clear:both;margin-left:5px;}
ol.topicList{list-style:none;}
#replyList-panel-controller{text-align:right;}
.topicList li{font-size: 13px ;color: #333333; background: #FFFFFF; margin-top:5px;overflow:hidden; clear:both; width: 895px;}
.topicList li:hover{font-size: 13px ;background: #FFFFEE;margin-top:5px;overflow:hidden; clear:both; width: 895px;}
.topicTitleHead{float:left; width: 600px; color: #333333; text-align:left;overflow:hidden;}
.topicTitle{font-family:Vernada; font-size: 13px;color: #333333; float:left; width: 600px;text-align:left;overflow:hidden;}
.topicTitle img.avatarSmall{float:left;}
.topicTitle a{text-decoration:none; color: #333333;}
.topicTitle a:hover{text-decoration:none; color: #FF0099; /* #62A0BF; */}
.topicDetail{float:left;width: 520px; margin: 5px 5px;}
.topicDetail p.topicTitle{font-size: 15px;}
.topicDetail p{height: 20px;overflow:hidden;}
.topicTitle .avatarSmall{width: 38px; height: 38px; padding: 0px; border: 5px solid #FFFFFF;}
.topicViews{float:left;width: 70px;text-align:center;}
.topicReply{float:left;width: 70px;text-align:center;}
.topicUpdate{float:left;width: 130px;text-align:left;}

/* page: group, fanclub topic page */
#groupTopic, #fanclubTopic{/*float:right;*/text-align:center;margin: 0 auto;width: 890px; background: #F7F7F7;padding:5px 0px 5px 0px;}
#headTopic{margin: 0 auto; text-align:center; overflow:hidden;clear:both;}
#headTopic h4{text-align:left; font-size: 17px; font-weight:normal;color: #333333;}
#headTopic a{text-decoration:none;color: #333333;}
#headTopic a:hover{text-decoration:none;color: #000000;}
#ref-group-link {padding:10px;font-size: 17px;}
#ref-forumBoard{padding: 10px; font-size: 13px; color: #333333;}
#ref-group-link a{text-decoration:none; color: #62A0BF;}
#ref-group-link a:hover{text-decoration:underline; color: #0088CC;}
#addReplyBox{float:right;clear:both;}
#headTopic input{}
.groupTopicTopBox, .groupTopicContentBox, .groupTopicBottomBox,.fanclubTopicTopBox, .fanclubopicContentBox, .fanclubTopicBottomBox{text-align:left;}
#mainTopic{overflow:hidden;clear:both; width:860px; text-align:center; margin: 0 auto;}
#topic{text-align:left;font-size: 13px;overflow:hidden;clear:both;width: 860px;border-bottom: 2px solid #FFFFFF;padding-bottom: 5px;}
#topic img.avatarNormal{float:left;width: 75px; height: 75px; padding: 0px; border: 5px solid #FFFFFF;}
#topic a{text-decoration: none; color: #62A0BF;}
#topic a:hover{text-decoration: underline; color: #62A0BF;}
#discussTopic{float:left; margin-left:5px;padding: 10px; background: #FFFFFF; width: 750px;min-height: 85px;}
#discussTopic h5{font-size: 17px;font-weight:normal;}
#discussTopic p{padding: 10px;font-size: 15px;}
#topicPanel{text-align:right;clear:both;}

#replyTopicContainer{text-align:left;font-size: 14px;overflow:hidden;clear:both;}
#view_replyList{text-align:left; overflow:hidden;clear:both;}
#view_replyList ol.replyList{list-style:none;}

ol.replyTopicList{list-style:none;display:block;}
.replyTopicList li{clear:both;overflow:hidden;}
.replyTopicList li.level1{margin:5px 0 0 0px; width: /* 620px; */  /*710px;*/ 860px;}
.replyTopicList li.level2{margin:5px 0 0 180px; width: 530px;}
.replyTopicList li.level3{margin:5px 0 0 270px; width: 477px;}
.replyTopicList li.level1 a, .replyTopicList li.level2 a, .replyTopicList li.level3 a{text-decoration: none; color: #62A0BF; }
.replyTopicList li.level1 a:hover.replyTopicList li.level2 a:hover, .replyTopicList li.level3 a:hover{text-decoration: underline; color: #62A0BF;}
.replyTopicList li.level1 a img.avatarSmall{float:left;width: 75px; height: 75px; padding: 0px; border: 5px solid #FFFFFF;}
.replyTopicList li.level1 a:hover img.avatarSmall{float:left; width: 75px; height: 75px; padding: 0px; border: 5px solid #CCCCCC;}
.replyTopicList li.level2 a img.avatarSmall, .replyTopicList li.level3 a img.avatarSmall{float:left; width: 75px; height: 75px;  padding: 0px; border: 5px solid #FFFFFF;}
.replyTopicList li.level2 a:hover img.avatarSmall, .replyTopicList li.level3 a:hover img.avatarSmall{float:left;  width: 75px; height: 75px; padding: 0px; border: 5px solid #CCCCCC;}
div.replyTopicDetailBox{float:left; margin-left:5px;padding: 5px; background: #FFFFFF;  }
.replyTopicDetailBox p{padding: 5px;font-size: 15px;}
.level1 div.replyTopicDetailBox{width: /* 520px; */ /*610px;*/ 760px; min-height: 75px;}
.level2 div.replyTopicDetailBox{width: 430px; min-height: 75px;}
.level3 div.replyTopicDetailBox, .level4 div.replyTopicDetailBox, .level5 div.replyTopicDetailBox{width: 340px; min-height: 85px; }
.replyTopicList div.owner{background: #DFDFDF;}
.replyTopicPanel span.userLoveScore a{color: #FF0099;}
.replyTopicPanel{text-align:right;clear:both;}
.level1 div.replyTopicInputBox{clear:both;overflow:hidden; margin:1px 0px 5px 90px; background: #FFFFFF;  width: /* 410px; */ /* 520px;*/ 670px; min-height: 85px;}
.level2 div.replyTopicInputBox{clear:both;overflow:hidden; margin:1px 0px 5px 52px; background: #FFFFFF;  width: 347px; min-height: 85px;}
.level1 div.replyTopicInputBox p, .level2 div.replyTopicInputBox p{padding: 0px 10px;}
.level1 div.replyTopicInputBox textarea{width: /* 380px */ /* 470px; */ 620px}
.level2 div.replyTopicInputBox textarea{width: 327px}
.replyTopicInputBox textarea, .replyTopicInputBox input{font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; ;font-size: 13px;}
.replyTopicInputPanel{text-align:right;clear:both;}
.replyTopicInputPanel input.reply_btn{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;color: #333333;font-size:13px;font-weight:normal;}
.replyTopicInputPanel span.m_add-reply{font-size: 13px;color: #FF0000;font-weight: normal;}


/* page: user video */
#videoPageContainer{overflow:hidden;clear:both;margin: 10px 0px;}
#videoPageContainer h4{font-size: 17px;}
#videoLeft{float:left; width: 905px; margin: 0px 10px; padding: 0px;}
#videoLeft h4{font-size: 17px; font-weight: normal; color: #333333;padding: 10px 0px 10px 20px; margin: 0px;clear:both;}
#videoRight{float:right; width: 0px;}
#userVideoContent{border: 1px solid #EFEFEF;margin-bottom: 20px;background:  #F7F7F7;}
ol.videoList{margin: 0px;padding: 0px; overflow:hidden; clear:both;}
.videoList li{list-style:none; float:left; width: 260px;  margin: 20px; padding: 0px;}
.videoList li a:hover{text-decoration:none;color:#62A0BF;}
.videoList li:hover{background:#FFFFFF;}
.videoList li:hover a{color:#FF3D01;}
.videoList li:hover a:hover{color:#EE81DF;}

img.editVideo{border:none;}
img.setGreetingVideo{border:none;}
div.videoDetail{clear:both;font-size: 13px;padding: 10px;}
.videoList div.videoItem{position:relative; width: 260px; height: 200px; /* height: 154px; */ float:left;background: #FFFFFF;}
div.videoItem img.videoThumbnail{border:none;width:240px; height: 180px; /* height: 134px; */ margin:10px;}
div.videoItem div.btn_edit_video{position:absolute;right: 0px; bottom: 0px;}
div.btn_edit_video img.editVideo{border:none;margin:10px 10px 10px 2px;}
div.btn_edit_video img.setGreetingVideo{border:none;margin:10px 2px 10px 2px;}
* html div.videoItem div.btn_edit_video{position:absolute; right: -10px; top: -40px;}
* html div.btn_edit_video img.editVideo{border:none;margin:10px 10px 10px 2px;}
* html div.btn_edit_video img.setGreetingVideo{border:none;margin:10px 2px 10px 2px;}


/* page: user photo  */
#photoPageContainer{overflow:hidden;clear:both;margin: 10px 0px;}
#photoPageContainer h4{font-size: 17px;}
#photoPageContainer p{font-size: 13px;}
#photoLeft{float:left; width: 905px; margin: 0px 10px; padding: 0px;}
#photoRight{float:right; width: 0px;}
#userPhotoContent{border: 1px solid #EFEFEF;margin-bottom: 20px;background:  #F7F7F7;}
ol.photoAlbumList{margin: 0px;padding: 0px; overflow:hidden; clear:both;}
.photoAlbumList li{list-style:none; float:left; width: 260px; height: 300px; margin: 10px 20px 10px 20px; padding: 0px;}	
* html .photoAlbumList li{list-style:none; float:left; width: 260px; height: 350px; margin: 20px; padding: 0px;} 
.photoAlbumList li a:hover{text-decoration:none;color:#62A0BF;}
/* .photoAlbumList li:hover{background:#FFFFFF;} */
.photoAlbumList li:hover a{color:#FF3D01;}
.photoAlbumList li:hover a:hover{color:#EE81DF;}

img.editPhotoAlbum{border:none;}
img.setPhotoAvatar{border:none;}
div.photoAlbumDetail{clear:both;font-size: 13px;padding: 10px;}
.photoAlbumList div.photoAlbumItem{position:relative; float:left;background: #FFFFFF;}
div.photoAlbumItem img.photoAlbumThumbnail{border:none; padding: 10px;}
div.photoAlbumItem div.btn_edit_photoAlbum{position:absolute;right: 0px; bottom: 0px;}
div.btn_edit_photoAlbum img.editPhotoAlbum{border:none;margin: 10px 10px 10px 2px;}
div.btn_edit_photoAlbum img.setPhotoAvatar{border:none;margin: 10px 10px 10px 2px;}
* html div.photoAlbumItem div.btn_edit_photoAlbum{position:absolute; right: -10px; top: -40px;}
* html div.btn_edit_photoAlbum img.editPhotoAlbum{border:none;margin: 10px 10px 10px 2px;}
* html div.btn_edit_photoAlbum img.setPhotoAvatar{border:none;margin: 10px 10px 10px 2px;}

/* navigator: info, visibility, sms for music, photo, video */
ul.edit-nav-controller{list-style:none;margin: 5px 25px 5px 5px; padding: 5px 0px;border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; background: #FFFFFF;overflow:hidden;}
ul.edit-nav-controller li{display:inline; font-size:16px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding:0px 5px;}
ul.edit-nav-controller li a{text-decoration:none; color:	#0099FF; }
ul.edit-nav-controller li a:hover{text-decoration:underline;color:	#FF0099;}
ul.edit-nav-controller li.active a{color:#000000;text-decoration:none;font-weight:bold; }

/* page: album  */
#albumPageContainer{overflow:hidden;clear:both;margin: 10px 0px;}
#albumPageContainer h4{font-size: 17px;}
#albumPageContainer p{font-size: 13px;}
#albumLeft{float:left; width: 905px; margin: 0px 10px; padding: 0px;}
.album-page-detail{width: 700px;float:left;}
.editAlbumBtn{margin: 10px 0px 10px 20px;}
#albumLeft div.album-page-detail h4{font-size: 17px; font-weight: normal; color: #333333;padding: 10px 0px 10px 20px; margin: 0px;}
#albumLeft div.album-page-detail p{font-size: 13px; font-weight: normal; color: #333333; padding: 0px 0px 10px 20px; margin: 0px;}
#albumRight{float:right; width: 0px;}
#userPhotoAlbumContent{border: 1px solid #EFEFEF;margin-bottom: 20px;background:  #F7F7F7;}
ol.photoList{margin: 0px;padding: 0px; overflow:hidden; clear:both;}
.photoList li{list-style:none; float:left; width: 260px; height: 350px;margin: 20px; padding: 0px;}
.photoList li a:hover{text-decoration:none;color:#62A0BF;}
/* .photoList li:hover{background:#FFFFFF;} */
.photoList li:hover a{color:#FF3D01;}
.photoList li:hover a:hover{color:#EE81DF;}

div.photoDetail{clear:both;font-size: 13px;padding: 10px;}
.photoList div.photoItem{position:relative; float:left;background: #FFFFFF;}
div.photoItem img.photoThumbnail{border:none; padding: 10px;}


/* page: user contact  */
#contactPageContainer{overflow:hidden;clear:both;margin: 10px 0px;}
#contactLeft{float:left; width: 742px; margin: 0px 10px; padding: 0px;}
#contactLeft h4{font-size: 17px; font-weight: normal; color: #333333;padding: 10px 0px 10px 20px;}
#contactRight{float:right; width: 160px;}
#contactRight h4{padding: 10px 0px; text-align:center; font-size: 17px;}
#userContactContent{border: 1px solid #EFEFEF;margin-bottom: 20px;background:  #F7F7F7;}
ol.contactList{list-style:none;padding: 10px;}
.contactList li{float:left; margin-right: 5px; margin-bottom: 5px;}
.contactList li a:hover img{border: 5px solid #CCCCCC;}
.contactList li img.avatarSmall{width: 75px; height: 75px; padding: 0px; border: 5px solid #FFFFFF;}
#view_contactList{min-height: 400px;}


/* page: user fanclub  portal --> wosuser.css */
#fanclubPageContainer{overflow:hidden;clear:both;margin: 10px 0px;}
#fanclubContent{overflow:hidden;clear:both;}
#fanclubLeft{float:left; width: 903px; margin: 0px 10px; padding: 0px;}
#fanclubRight{float:right; width: 0px;}
#fanclubRight h4{padding: 10px 0px; text-align:center; font-size: 17px;}
#userFanClubContent{border: 1px solid #EFEFEF;margin-bottom: 20px;background:  #F7F7F7;}

/*
#myclub{overflow:hidden;}
#joinedFanclub{margin: 20px 0px;overflow:hidden;}
ol.clubMemberList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.clubMemberList li{float:left; margin: 5px; margin-bottom: 5px;}
.clubMemberList li img{border: 0px;}
.clubMemberList li img.avatarSmall{width: 50px; height: 50px; padding: 0px; }
ol.fanclubList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.fanclubList li{float:left; margin: 5px; margin-bottom: 5px;}
.fanclubList li a:hover img{border: 5px solid #CCCCCC;}
.fanclubList li img.avatarSmall{width: 50px; height: 50px; padding: 0px; border: 5px solid #FFFFFF;}
#view_myFanList{min-height: 300px;}
#view_myFanClubList{min-height: 300px;}
*/


/* page: user group portal page --> wosuser.css */

#myGroup{overflow:hidden;}
#joinedGroup{margin: 20px 0px;overflow:hidden;}
ol.myGroupList, ol.joinedGroupList{list-style:none; margin: 0px; padding: 0px;overflow:hidden;}
.myGroupList li, .joinedGroupList li{color: #333333; border-bottom: 1px solid #DDDDDD; width: 100%; overflow:hidden; clear:both;}
.myGroupList li img, .joinedGroupList li img{border: none;margin: 5px;}
.myGroupList li img.avatarGroup, .myGroupList li div.groupDetail, .joinedGroupList li img.avatarGroup, .joinedGroupList li div.groupDetail{float:left;}
.myGroupList li div.actionPanel, .joinedGroupList li div.actionPanel{float:right;clear:both;}
.myGroupList li a, .joinedGroupList li a{text-decoration:none;}
.myGroupList li a:hover, .joinedGroupList li a:hover{text-decoration: none;}
.avatarGroup{width: 125px; height: 125px; border:none;}

/* page: user contest portal --> wosuser.css */


/* page display: music video photo playlist */

#pageLeft{float:left; width: 500px;}
#panelTop{height: 30px;}
#contentScreen{padding:10px;background: #DDDDDD;}
#contentScreenPlayList{padding:10px;background: #FFFFFF;}
#contentScreenPhoto{background: #FFFFFF; width: 500px;}
#photoViewport{text-align:center;display:block;margin: 0 auto;position:relative;}
#photoViewport img.thewos{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;}
#screenSwitcher{}
#screenSwitcher ul{height:30px;margin:0pt;	padding:0pt;	position:relative;}
#screenSwitcher li{list-style-image:none;list-style-position:outside;	list-style-type:none;	margin:0px;	padding:0px;	position:absolute;	top:0px;}
#screenSwitcher li, div#screenSwitcher a{display:block; height: 30px;}
#screenSwitcher li a{text-decoration:none;}
#screenSwitcher li a:hover{text-decoration:none;}
#switchMV{background:transparent url('/resources/graphics/btn/icon_switch_mv.png') repeat scroll 0pt 0px;left:0px;width:50px;cursor: pointer;}
#switchMusic{background:transparent url('/resources/graphics/btn/icon_switch_music.png') repeat scroll 0pt 0px;left:50px;width:50px;cursor: pointer;}
#viewMVMusicHistory{background:transparent url('/resources/graphics/btn/icon_musicmv_log.png') repeat scroll 0pt 0px;left:100px;width:50px;cursor: pointer;}
#switchMV span, #switchMusic span, #viewMVMusicHistory span{display:none;}

#photoBoxViewer{}
#photoBoxViewer ul{height:30px;margin:0pt;	padding:0pt; /* position: relative; */}
#photoBoxViewer li{margin-right:5px;	padding:5px; /* position:absolute;*/ top:0px;display:inline; height: 30px;font-size: 17px;}
#photoBoxViewer li a{text-decoration:none; color: #333333;}
#photoBoxViewer li a:hover{text-decoration:underline; color :#0099FF;}
#morePhotoPanel{text-align:center;overflow:hidden;clear:both;font-family:Arial, Helvetica, sans-serif;}
#morePhotoPanel div{font-size: 16px;font-weight: 400;background: #F7F7F7;border:1px solid #DDDDDD;}
#morePhotoPanel a{color: #62A0BF;text-decoration:none;padding: 5px;}
#morePhotoPanel a:hover{color: #FFFFFF;text-decoration:none; background: #62A0BF;}
#morePhotoPanel img{border:2px solid #DDDDDD;}
/*
#photo-size1{background:transparent url('') repeat scroll 0pt 0px;left:0px;width:50px;cursor: pointer;}
#photo-size2{background:transparent url('') repeat scroll 0pt 0px;left:50px;width:50px;cursor: pointer;}
#photo-size3{background:transparent url('') repeat scroll 0pt 0px;left:100px;width:50px;cursor: pointer;}
#photo-original{background:transparent url('') repeat scroll 0pt 0px;left:150px;width:50px;cursor: pointer;}
#photo-size1 span, #photo-size2 span, #photo-size3 span, #photo-original span{display:none;}
*/

#viewPortMusic{width:480px;height:360px;position:relative;}
#panelBottom{margin: 5px 0px 5px 0px;display:block;}
#mediaPanel{padding: 5px; border: #d7d7d7 1px solid;overflow:hidden;clear:both;}
#mediaPanel ul{list-style:none;}
#mediaPanel li{display:inline-block;float:left;font-size:17px;overflow:hidden;}
#mediaPanel li img{border:none;margin:0px;padding:0px;vertical-align:middle;padding-right: 5px;}
/* #mediaPanel li.fb{background:url(/resources/graphics/btn/btn_facebook_32.png) no-repeat;} */
#mediaPanel a{color: #3b5998;text-decoration:none;}
#mediaPanel a:hover{color: #3b5998;text-decoration:underline;}

/*
#musicPanel ul {height:30px;margin:0pt;	padding:0pt;	position:relative;width:400px;}
#musicPanel li {	list-style-image:none;	list-style-position:outside;	list-style-type:none;	margin:0px;	padding:0px;	position:absolute;	top:0px;}
#musicPanel li, #musicPanel a {	display:block;	height:30px;}
#singMusicAnchor{background:transparent url('/resources/graphics/btn/bg_musicpanel_sing.png') repeat scroll 0pt 0px;right:240px;width:75px;cursor: pointer;}
#singMusicAnchor a:hover{background:transparent url('/resources/graphics/btn/bg_musicpanel_sing.png') no-repeat scroll 0pt -30px;cursor: pointer;}
#embedMusicAnchor{background:transparent url('/resources/graphics/btn/bg_musicpanel_embed.png') repeat scroll 0pt 0px;right:160px;width:75px;cursor: pointer;}
#embedMusicAnchor a:hover{background:transparent url('/resources/graphics/btn/bg_musicpanel_embed.png') no-repeat scroll 0pt -30px;cursor: pointer;}
#shareMusicAnchor{background:transparent url('/resources/graphics/btn/bg_musicpanel_share.png') repeat scroll 0pt 0px;right:80px;width:75px;cursor: pointer;}
#shareMusicAnchor a:hover{background:transparent url('/resources/graphics/btn/bg_musicpanel_share.png') no-repeat scroll 0pt -30px;cursor: pointer;}
#reportMusicAnchor{background:transparent url('/resources/graphics/btn/bg_musicpanel_report.png') repeat scroll 0pt 0px;right:0px;width:75px;cursor: pointer;}
#reportMusicAnchor a:hover{background:transparent url('/resources/graphics/btn/bg_musicpanel_report.png') no-repeat scroll 0pt -30px;cursor: pointer;}
#singMusicAnchor span, #embedMusicAnchor span, #shareMusicAnchor span, #reportMusicAnchor span{display:none;}
*/

/* comment - rating box : music video photo */
#commentFormBox{clear:both;overflow:hidden;width:480px; padding: 10px;background: #EEEEEE;}
#commentFormBox form{}
#commentFormBox label{color: #333333;font-weight:bold;font-size:17px;}
#commentArea{color: #333333;font-weight:bold;font-size:17px;clear:both;overflow:hidden;}
#commentArea label{color: #333333;font-weight:bold;font-size:17px;}
#commentArea span {margin-left: 40px;}
#commentArea span a{color: #999999;font-size:14px;text-decoration:none;}
#commentArea span a:hover{color: #33AA22;font-size:14px;text-decoration:none;}
#commentArea textarea{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;color: #333333;font-size:17px; width: 480px; overflow:auto;}
#commentPanel{text-align:right;}
input#comment_btn{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;color: #333333;font-size:17px;font-weight:normal;}
#m_add-comment{font-size: 13px;color: #FF0000;font-weight: normal;}

/* comment content : music video  photo */
#userComment{margin: 20px 0px; background: #EEEEEE; width: 500px;clear:both;}
#userCommentHead{margin: 5px;}
#userCommentHead h4{font-size: 20px; font-weight: normal; padding: 10px;float:left;}
#userCommentHead div#pageControl{float:right;}
#mainComment{margin: 0 auto; text-align:center;  width: 500px;clear:both;}
#comment{text-align:left;font-size: 13px;clear:both;width: 500px;}
ol.commentList{list-style:none;display:block;}
.commentList li{clear:both;overflow:hidden;}
.commentList li.level1{margin:5px 0 0 5px; width: 490px;}
.commentList li.level2{margin:5px 0 0 95px; width: 400px;}
.commentList li.level3{margin:5px 0 0 148px; width: 347px;}
.commentList li.level1 a, .commentList li.level2 a, .commentList li.level3 a{text-decoration: none; color: #62A0BF; }
.commentList li.level1 a:hover, .commentList li.level2 a:hover, .commentList li.level3 a:hover{text-decoration: underline; color: #62A0BF;}
.commentList li.level1 a img.avatarSmall{float:left;width: 75px; height: 75px; padding: 0px; border: 5px solid #FFFFFF;}
.commentList li.level1 a:hover img.avatarSmall{float:left; width: 75px; height: 75px; padding: 0px; border: 5px solid #CCCCCC;}
.commentList li.level2 a img.avatarSmall, .commentList li.level3 a img.avatarSmall{float:left;width: 37px; height: 37px; -ms-interpolation-mode: bicubic;padding: 0px; border: 5px solid #FFFFFF;}
.commentList li.level2 a:hover img.avatarSmall, .commentList li.level3 a:hover img.avatarSmall{float:left; width: 37px; height: 37px; -ms-interpolation-mode: bicubic;padding: 0px; border: 5px solid #CCCCCC;}
/*
.commentList li.level1 a img.avatarNormal{float:left; width: 100px; height: 100px; padding: 0px; border: 5px solid #FFFFFF; }
.commentList li.level1 a:hover img.avatarNormal{float:left; width: 100px; height: 100px; padding: 0px; border: 5px solid #CCCCCC;}
*/
div.commentDetailBox{float:left; margin-left:5px;padding: 5px; background: #FFFFFF;  }
.commentDetailBox p{padding: 5px;}
.level1 div.commentDetailBox{width: 390px; min-height: 75px;}
.level2 div.commentDetailBox{width: 338px; min-height: 75px;}
.level3 div.commentDetailBox, .level4 div.commentDetailBox, .level5 div.commentDetailBox{width: 285px; min-height: 75px; }

.commentList div.owner{background: #DFDFDF;}
.commentPanel span.userLoveScore a{color: #FF0099;}
.commentPanel{text-align:right;clear:both;}

.level1 div.commentReplyBox{clear:both;overflow:hidden; margin:1px 0px 5px 90px; background: #FFFFFF;  width: 410px; min-height: 75px;}
.level2 div.commentReplyBox{clear:both;overflow:hidden; margin:1px 0px 5px 52px; background: #FFFFFF;  width: 347px; min-height: 75px;}
.level1 div.commentReplyBox p, .level2 div.commentReplyBox p{padding: 0px 10px;}
.level1 div.commentReplyBox textarea{width: 380px}
.level2 div.commentReplyBox textarea{width: 327px}
.commentReplyBox textarea, .commentReplyBox input{font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; ;font-size: 13px;}
.replyPanel{text-align:right;clear:both;}
input.reply_btn{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;color: #333333;font-size:13px;font-weight:normal;}
span.m_add-reply{font-size: 13px;color: #FF0000;font-weight: normal;}


/* right content: music video photo */
#pageRight{float:right; overflow:hidden; width: 400px;}
#contentStat{background: #EEEEEE; margin: 10px 0px;padding: 5px;}
#contentStat p{color: #333333;}
#contentStat p#contentType{font-size: 30px; color: #FFFFFF; background: #CCCCCC; text-align:right;padding:5px;}
#contentStat p#contentTitle{font-size: 22px;margin-top: 5px;}
#contentStat p#contentCreated{font-size: 13px;}
#contentStat p#contentView{font-size: 13px;}
#contentStat p.loveScore{font-size: 13px; color: #FF0099;}

#ownerBox{margin-top: 30px; overflow:hidden; clear:both; width: 400px}
#ownerBox p{font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 17px; color: #333333;}
#ownerBox img{float:left;}
#ownerDetail{float:left;padding: 5px;}

#ownerBox a{text-decoration: none; color: #62A0BF;}
#ownerBox a:hover{text-decoration: underline; color: #62A0BF;}
#ownerBox a img.avatarSmall{width: 75px; height: 75px; padding: 0px; border: 5px solid #EEEEEE;}
#ownerBox a:hover img.avatarSmall{width: 75px; height: 75px; padding: 0px; border: 5px solid #CCCCCC;}
#ownerBox a img.avatarNormal{width: 100px; height: 100px; padding: 0px; border: 5px solid #EEEEEE; }
#ownerBox a:hover img.avatarNormal{width: 100px; height: 100px; padding: 0px; border: 5px solid #CCCCCC;}

#ownerMusicListBox, #musicByOtherListBox, #ownerPlayListBox{margin: 10px 0px; padding: 5px; overflow:hidden; clear:both; width: 390px; background: #EFEFEF;}
#ownerMusicListBox h5, #musicByOtherListBox h5, #ownerPlayListBox h5{padding-bottom: 5px; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #333333;}
#ownerMusicListBox a, .musicByOtherList a, #ownerPlayListBox a{text-decoration:none; color: #62A0BF;}
#ownerMusicListBox a:hover, .musicByOtherList a:hover, #ownerPlayListBox a:hover{text-decoration:underline;color: #FF0099;}
#ownerMusicList ol, #musicByOtherListBox ol, #ownerPlayList ol{list-style:none;}
#ownerMusicList li, .musicByOtherList li, #ownerPlayList li{padding: 5px; font-size: 13px; border-top: 1px dashed #DDDDDD;overflow:hidden; clear:both;}
#ownerMusicList li a, .musicByOtherList li a, #ownerPlayList li a{text-decoration:none; color: #62A0BF;}
#ownerMusicList li:hover, .musicByOtherList li:hover, #ownerPlayList li:hover{background: #FFFFFF;}


.musicByOtherList li img{ border: 3px solid #FFFFFF;}
.musicByOtherList li img.avatarSmallest{width: 38px; height: 38px;-ms-interpolation-mode: bicubic;float:left;margin-right: 5px;}

.musicByOwnerList, .musicByOtherListDetail{float:left;}
p.musicDescriptionByOthers{width: 280px;overflow:hidden;height: 32px;}


#contentDescription{border-top: 2px solid #DDDDDD; border-bottom: 2px solid #DDDDDD;}
#contentDescription h4{font-size: 18px; padding: 10px 10px 0px 5px; color: #333333;}
#contentDescription p{font-size: 13px;padding: 5px; margin: 5px;background: #FFFFFF;}
#relatedContest{}
#relatedReward{}
#relatedContentBox{}
#adsBox{text-align:center;margin: 30px 0px;}



/******** Contest: manager, entry(user, music, video, photo)  *********/

.paginationTextLarge{font-size: 17px; clear:both;overflow:hidden; height: 40px;}
.paginationTextLarge a.previous{ color: #3185D9;text-decoration:none;padding: 10px;}
.paginationTextLarge a.previous:hover{color: #3185D9; text-decoration:underline;}
.paginationTextLarge a.next{color: #3185D9; text-decoration:none;padding: 10px;}
.paginationTextLarge a.next:hover{color: #3185D9; text-decoration:underline;}
.paginationTextLarge span{color: #333333;}


/**** Pagination box: *****/
.showpagenum{display:inline}
.hidepagenum{display:none;}
.pagination{padding: 2px; margin: 10px 0px; text-align:center;}
.pagination ul{margin: 0;padding: 0;text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 16px;}
.pagination li{list-style-type: none;display: inline;padding-bottom: 1px;}
.pagination a, .pagination a:visited{padding: 0 5px;border: 1px solid #9aafe5;text-decoration: none;color: #2e6ab1;cursor:hand;}
.pagination a:hover, .pagination a:active{border: 1px solid #2b66a5;color: #000;background-color: #FFFF80;}
.pagination a.currentpage{background-color: #2e6ab1;color: #FFF !important;border-color: #2b66a5;font-weight: bold;cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover{background-color: white;cursor: default;color: #929292;border-color: #929292;font-weight: normal !important;}
.pagination a.prevnext{font-weight: bold;}



/* modal dialogue  */
#modal_container {padding:5px; /* border:2px solid #62A0BF; */overflow:auto; font-family:Tahoma, Verdana, Arial;	font-size:12px;	color:#333333;text-align:left;}
#modal_container.beta {overflow:hidden;}

#modal_container div.dlgSmallBox_container{width: 400px;}
/* #modal_container div.dlgSmallBox_top{width: 400px; background: url('/resources/graphics/bg/bg_dlg_recording_small_top.png') top left no-repeat;height: 30px;} */ 
#modal_container div.dlgSmallBox_middle{width:400px; margin: 0 auto; text-align: center; overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_recording_small_middle.png') repeat-y ;}
/* #modal_container div.dlgSmallBox_bottom{width: 400px; background: url('/resources/graphics/bg/bg_dlg_recording_small_bottom.png') bottom left no-repeat;height: 30px;} */
#modal_container div.dlgSmallBox_top{background: transparent url('/resources/graphics/wossprite20090323.png') -400px -1333px no-repeat;width: 400px;	height: 30px;}
/* #modal_container div.dlgSmallBox_middle{	background: transparent url('/resources/graphics/wossprite20090323.png') -0px -350px;	width: 400px;height: 67px;	background-repeat:repeat-y;} */
#modal_container div.dlgSmallBox_bottom{background: transparent url('/resources/graphics/wossprite20090323.png') -0px -1333px no-repeat;width: 400px;height: 38px;}

* html #modal_container div.dlgSmallBox_top{width: 400px; background: url('/resources/graphics/bg/bg_dlg_recording_small_top.gif') top left no-repeat;height: 30px;}
* html #modal_container div.dlgSmallBox_middle{ width: 400px; margin: 0 auto; text-align: center;overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_recording_small_middle.gif') repeat-y ;}
* html #modal_container div.dlgSmallBox_bottom{width: 400px; background: url('/resources/graphics/bg/bg_dlg_recording_small_bottom.gif') bottom left no-repeat;height: 30px;}

#modal_container div.dlgMiddleBox_container{width: 500px;height: 300px; }
#modal_container div.dlgMiddleBox_top{width: 500px; background: url('/resources/graphics/test/dlg_top_middlebox.png') top left no-repeat;height: 30px;}
#modal_container div.dlgMiddleBox_middle{margin: 0 auto; text-align: center; width: 500px; overflow:hidden;clear:both; background: url('/resources/graphics/test/dlg_mid_middlebox.png') repeat-y ;}
#modal_container div.dlgMiddleBox_bottom{width: 500px; background: url('/resources/graphics/test/dlg_bottom_middlebox.png') bottom left no-repeat;height: 30px;}
* html #modal_container div.dlgMiddleBox_top{width: 500px; background: url('/resources/graphics/test/dlg_top_middlebox.gif') top left no-repeat;height: 30px;}
* html #modal_container div.dlgMiddleBox_middle{margin: 0 auto; text-align: center; width: 500px; overflow:hidden;clear:both; background: url('/resources/graphics/test/dlg_mid_middlebox.gif') repeat-y ;}
* html #modal_container div.dlgMiddleBox_bottom{width: 500px; background: url('/resources/graphics/test/dlg_bottom_middlebox.gif') bottom left no-repeat;height: 30px;}

#modal_container div.dlgBlueBox_container{width: 800px;}
#modal_container div.dlgBlueBox_top{width: 800px; background: url('/resources/graphics/bg/bg_dlg_recording_large_top.png') top left no-repeat;height: 30px;}
#modal_container div.dlgBlueBox_middle{width: 800px; margin: 0 auto; text-align: center; overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_recording_large_middle.png') repeat-y ;}
#modal_container div.dlgBlueBox_bottom{width: 800px; background: url('/resources/graphics/bg/bg_dlg_recording_large_bottom.png') bottom left no-repeat;height: 30px;}
* html #modal_container div.dlgBlueBox_top{width: 800px; background: url('/resources/graphics/bg/bg_dlg_recording_large_top.gif') top left no-repeat;height: 30px;}
* html #modal_container div.dlgBlueBox_middle{width: 800px; margin: 0 auto; text-align: center; overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_recording_large_middle.gif') repeat-y ;}
* html #modal_container div.dlgBlueBox_bottom{width: 800px; background: url('/resources/graphics/bg/bg_dlg_recording_large_bottom.gif') bottom left no-repeat;height: 30px;}

#modal_container div.dlgPinkBox_container{width: 800px;}
#modal_container div.dlgPinkBox_top{width: 800px; background: url('/resources/graphics/bg/bg_dlg_mediumbox_pink_top.png') top left no-repeat;height: 30px;}
#modal_container div.dlgPinkBox_middle{width: 800px; margin: 0 auto; text-align: center; overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_mediumbox_pink_middle.png') repeat-y ;}
#modal_container div.dlgPinkBox_bottom{width: 800px; background: url('/resources/graphics/bg/bg_dlg_mediumbox_pink_bottom.png') bottom left no-repeat;height: 30px;}
* html #modal_container div.dlgPinkBox_top{width: 800px; background: url('/resources/graphics/bg/bg_dlg_mediumbox_pink_top.gif') top left no-repeat;height: 30px;}
* html #modal_container div.dlgPinkBox_middle{width: 800px; margin: 0 auto; text-align: center; overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_mediumbox_pink_middle.gif') repeat-y ;}
* html #modal_container div.dlgPinkBox_bottom{width: 800px; background: url('/resources/graphics/bg/bg_dlg_mediumbox_pink_bottom.gif') bottom left no-repeat;height: 30px;}

#modal_container div.dlgWhiteBox_container{width: 800px;}
#modal_container div.dlgWhiteBox_top{width: 800px; background: url('/resources/graphics/bg/bg_dlg_mediumbox_white_top.png') top left no-repeat;height: 30px;}
#modal_container div.dlgWhiteBox_middle{width: 800px; margin: 0 auto; text-align: center; overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_mediumbox_white_middle.png') repeat-y ;}
#modal_container div.dlgWhiteBox_bottom{width: 800px; background: url('/resources/graphics/bg/bg_dlg_mediumbox_white_bottom.png') bottom left no-repeat;height: 30px;}
* html #modal_container div.dlgWhiteBox_top{width: 800px; background: url('/resources/graphics/bg/bg_dlg_mediumbox_white_top.gif') top left no-repeat;height: 30px;}
* html #modal_container div.dlgWhiteBox_middle{width: 800px; margin: 0 auto; text-align: center; overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_mediumbox_white_middle.gif') repeat-y ;}
* html #modal_container div.dlgWhiteBox_bottom{width: 800px; background: url('/resources/graphics/bg/bg_dlg_mediumbox_white_bottom.gif') bottom left no-repeat;height: 30px;}

#modal_container div.dlgEditInfoBox_container{width: 700px;}
#modal_container div.dlgEditInfoBox_top{width: 700px; background: url('/resources/graphics/bg/bg_dlg_updatecontent_top.png') top left no-repeat;height: 30px;}
#modal_container div.dlgEditInfoBox_middle{ width: 700px; margin: 0 auto; text-align: center;overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_updatecontent_middle.png') repeat-y ;}
#modal_container div.dlgEditInfoBox_bottom{width: 700px; background: url('/resources/graphics/bg/bg_dlg_updatecontent_bottom.png') bottom left no-repeat;height: 30px;}
* html #modal_container div.dlgEditInfoBox_top{width: 700px; background: url('/resources/graphics/bg/bg_dlg_updatecontent_top.gif') top left no-repeat;height: 30px;}
* html #modal_container div.dlgEditInfoBox_middle{width: 700px; margin: 0 auto; text-align: center; overflow:hidden;clear:both; background: url('/resources/graphics/bg/bg_dlg_updatecontent_middle.gif') repeat-y ;}
* html #modal_container div.dlgEditInfoBox_bottom{width: 700px; background: url('/resources/graphics/bg/bg_dlg_updatecontent_bottom.gif') bottom left no-repeat;height: 30px;}

#modal_container div.upload_container{width: 400px;text-align:left; margin: 0 auto; overflow:hidden; padding: 10px 10px;}
#modal_container div.add_music_container{width: 400px;text-align:left;  margin: 0 auto; overflow:hidden; padding: 10px 10px;}
#modal_container div.add-album-container{width: 400px;text-align:left;  margin: 0 auto; overflow:hidden; padding: 10px 10px;}
#modal_container div.edit_userprofile_container{width: 700px;text-align:left;  margin: 0 auto; overflow:hidden; padding: 10px 10px;}
#modal_container div.edit_info_container{width: 680px; text-align:left;  margin: 0 auto; overflow:hidden; padding: 10px 10px;}

/* update music, video, photo dialogue */
#modal_container input#add-music-button, #modal_container input#upload-button, #modal_container input#update-photo-button,#modal_container input#update-video-button,#modal_container input#update-music-button, #modal_container input#change-password-button, #modal_container input#close-button, #modal_container input#update-visibility-button, #modal_container input#preview-theme-button, #modal_container input#update-theme-button, #modal_container input#update-portal-button{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; }

/* delete music, photo, video */
div.userphoto_delete_btn, div.uservideo_delete_btn{text-align: left; margin-top: 0px; float:left; border: 1px solid #EEEEEE;background: #FFFFFF;width: 100px;padding: 5px;text-align:center;}
div.userphoto_delete_btn:hover, div.uservideo_delete_btn:hover{background: #FF0000;}
div.userphoto_delete_btn a, div.uservideo_delete_btn a{color:#FF0000; text-decoration:none;padding: 5px 32px 5px 32px;font-weight:bold;}
div.userphoto_delete_btn a:hover, div.uservideo_delete_btn a:hover{color:#FFFFFF; text-decoration:underline;padding: 5px 32px 5px 32px;font-weight:bold;}

div#update-photo-container, div#update-video-container, div#update-music-container{clear:both;overflow:hidden;}
div.thumbnail_info_box{width: 250px;margin: 0px;float:left;margin-left: 5px;}
div#update-info-thumbnail{height: 300px; }
div#update-info-thumbnail img{text-align:center; border: 3px #FFFFFF solid;}
div.update_info_box{width: 400px; margin: 0px;float:right;margin-right: 5px;}
div.update_info_box p{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; line-height: 23px;}
div.update_info_box input#photoTitle, div.update_info_box input#videoTitle, div.update_info_box input#musicTitle{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; width: 380px; line-height: 23px;}
div.update_info_box textarea#photoDescription, div.update_info_box textarea#videoDescription, div.update_info_box textarea#musicDescription{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 13px; width: 380px;}
div.update_visibility_box, div.update_portal_box{width: 380px;padding-top: 5px; }
div.update_visibility_box h4, div.update_portal_box h4{font-size: 17px; color: #333333; font-weight: normal;}
div.update_photo_btn, div.update_video_btn, div.update_music_btn{margin: 5px 20px 5px 0px;clear:both;text-align:right;}
div.update_portal_box label{font-size: 13px;}

#modal_container div#addMusicDetail{font-size: 17px;}
#modal_container input#masterMusicTitle{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; width: 250px; line-height: 23px;}
#modal_container input#photoFileName{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; width: 200px; line-height: 23px;}


#modal_overlay {	/* background: #000000; */}
#modal_overlay.blue {background-color:#CCCCCC;}
#modal_overlay.black {	background: #000000;}

/* upload */
div.upload_container a{color:#FF0000;text-decoration:none;}
div.upload_container a:hover{color:#FF0000;text-decoration:underline;}

/* progress text, bar upload */
.barProgress{text-align:left; background: #FFFFFF; height:10px ;padding: 0px; border: 1px  #EFEFEF solid;}
.textProgress{text-align:center; font-size: 17px;}



/* static pages */
#pageAbout{font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;margin: 0px 10px;}
#pageAbout h4{font-size: 24px; font-weight: bold;color: #333333;}
#pageAboutLeft{width: 400px;color: #333333;}
#pageAboutLeft p{font-size: 12px;margin: 5px 0px;}
#pageAboutright{width: 400px;font-size: 12px;}

#pageTeam{}
#pageSponsor{}
#pagePrivacy{}
#pageFAQ{}
#pageContact{}
#pageBlog{}

/* sign up */
#signUpContainer{width: 900px; margin: 50px 50px 0px 50px;}
#signUpContainer h2{font-size: 35px; font-weight: normal; color: #333333;}
#m_signUpForm, #m_username, #m_password, m_confirmPassword, m_email, m_accountType{color: #FF0000;}
#signUpInputBox{}
#signUpInputBox p{margin: 20px 0px; position:relative; }
#signUpInputBox label{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; color: #333333;}
#signUpInputBox input, #signUpInputBox select{position:absolute;left: 170px; width: 200px; height: 30px; padding: 2px; font-family:Tahoma,Vernada, Arial; font-size: 17px; color: #333333;}
#signUpInputBox span{position:absolute; left: 400px; padding-left: 10px; font-family:Tahoma,Vernada, Arial; font-size: 17px;}
p#status_signup{margin-top:5px;margin-left:170px;}
p#sub_newsletter{margin-left: 170px;margin-bottom: 10px;}
#sub_newsletter input#newsletter, #sub_newsletter span{font-size: 13px;font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
#encryptContainer{}
#encrypt_text{width: 400px; text-align:left;  font-size: 13px; height: 20px;margin-top: 25px;color: #333333;padding-left:15px;background: url('/resources/graphics/icons/icon_lock.png') no-repeat;}
input#signup-button{font-size: 17px;color: #333333;margin-left:170px;margin-top: 10px;width: 100px;}
p.mobile_text{color: #333333;padding-left:15px}

#unscriptionContainer{margin: 20px;padding: 20px;}
#unscriptionContainer h4{font-size: 25px;font-weight: normal; color: #333333;}
#unsubscriptionInputBox{}
#unsubscriptionInputBox p{margin: 20px 0px; position:relative; }
#unsubscriptionInputBox label{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 17px; color: #333333;}
#unsubscriptionInputBox input{position:absolute;left: 170px; width: 200px; height: 30px; padding: 2px; font-family:Tahoma,Vernada, Arial; font-size: 17px; color: #333333;}
#unsubscriptionInputBox span{position:absolute; left: 400px; padding-left: 10px; font-family:Tahoma,Vernada, Arial; font-size: 17px;}

/***** invitation *****/



/************** dialogue *****************/

/* account page */
#modal_container div.changePasswordBox{margin-left:20px; margin-right: 20px; text-align:left;width: 600px;  font-size: 15px; }
#modal_container div.changePasswordBox span{font-weight:normal; padding: 10px 10px;}
#modal_container div.changePasswordBox input{font-size: 13px; }


/* framework */
.inplaceeditor-empty {font-style: italic; color: #999999;}
form.inplaceeditor-form { /* The form */}
form.inplaceeditor-form input[type="text"] { /* Input box */}
form.inplaceeditor-form textarea { /* Textarea, if multiple columns */ font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 13px;}
form.inplaceeditor-form input[type="submit"] { /* The submit button */  margin-left:0em;}
form.inplaceeditor-form a { /* The cancel link */  margin-left:0em;}
input.editor_ok_button {font-size: 13px;}
input.editor_cancel_button{font-size: 13px;} 

/* FAQ */
h1.static, h2.static{font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
h1.static{font-size: 20px;}
h2.static{font-size: 18px;}
h2.static a{text-decoration: none; font-size: 13px;font-weight: normal; color: #62A0BF;}
h2.static a:hover{text-decoration: underline; font-size: 13px;font-weight:normal; color:#62A0BF;}

/* CONTACT */
#wosContactContainer{margin: 20px;overflow:hidden;clear:both;}
.addressMap{width: 350px; }
.addressMap img{border: 5px solid #EEEEEE;}
.addressMap a, .addressMap a:hover{color: #62A0BF; text-decoration: underline;}
.addressDetail{width: 450px; text-align: left;color: #333333;}
.addressDetail h3{color: #62A0BF;font-size: 20px; font-weight: normal;margin-bottom: 10px; }
#wosContactContainer p.wosContact{ font-size: 13px;margin-bottom:20px;}

.inplaceeditor-border{border: 1px #CCCCCC dashed; width: 378px}
#music-description-container textarea, #video-description-container textarea, #photo-description-container textarea{width: 378px;}

/** SMS **/

/* profile sms */
#mobileAppBox{background: /* #80CEFF*/ #D7DEE3 url('/resources/graphics/bg/bg_smschatbox.png') top no-repeat; padding-bottom: 10px; margin: 20px 0px;clear:both;}
#mobileAppBox h4{font-size: 17px; font-weight: normal;clear:both;margin-bottom: 5px;padding: 5px;}
#mobileAppBox h4 a{text-decoration:none;color:#333333;}
h4#sms_invite_text span#sms-list-edit{font-size: 13px;padding: 5px;}
span#sms-list-edit a{text-decoration:none;color:	#0033CC;}
span#sms-list-edit a:hover{text-decoration:underline;color:	#62A0BF;}
#smsPostBox{text-align:center; margin: 0 auto;clear:both;}
div#smsChatRegister_btn{padding-bottom: 5px;}
div#smsChatRegister_btn a{color:#0033CC;text-decoration:underline;font-weight:bold;}
div#smsChatRegister_btn a:hover{color:#62A0BF;text-decoration:underline;font-weight:bold;}
div#smsChatInfo_btn a{font-weight:bold;color: #FFFFFF;text-decoration:none;}
div#smsChatInfo_btn a:hover{text-decoration:underline;}
#smsChatInfo_btn{border: 1px solid #EEEEEE;background: #62A0BF;width: 330px;padding: 5px;text-align:center; margin: 0 auto;}
.mobile-remark{font-size: 13px; color: #FF0099;margin-top: 10px;}
/*
div#smsChatInfo_btn:hover {background: #FFFFFF;color:#62A0BF;}
div#smsChatInfo_btn:hover a:hover{background: #FFFFFF;color:#62A0BF;}
*/
ol.smsProfileList{list-style:none;display:block;margin-top:5px;}
.smsProfileList li{clear:both;overflow:hidden;margin:1px 0 0 5px; width: 424px;}
.smsProfileList li a{text-decoration: none; color: #62A0BF;font-size: 11.2px; }
.smsProfileList li a:hover{text-decoration: underline; color: #FF0099;font-size: 11.2px;}
.smsProfileList li label.reply{padding-top: 45px;}
.smsProfileList li textarea{margin-left:50px;width: 360px;height: 50px;font-family:Tahoma,Verdana, Arial, sans-serif;font-size: 13px;}
.smsProfileList li input.remLen, .smsProfileList li label.reply{margin-left: 50px;}
.smsProfileList li div.smsDetailBox{float:left; margin-left:5px;padding: 3px; background: #FFFFFF;width: 404px; min-height: 30px;clear:both;overflow:hidden;}
.smsProfileList li div.replyBox{margin-left:5px;width: 410px; min-height: 30px;clear:both;overflow:hidden;}
.smsProfileList li div.repliedText{background: #FFFFFF;clear:both; padding: 3px;margin: 1px 0px 0px 50px;}

.smsHeadPanel{font-family:Verdana,Arial, Helvetica, sans-serif;}
.smsHeadPanel b{font-weight:normal;}
.smsHeadPanel strong{color: #62A0BF;font-weight:bold;font-size: 11.2px;}
.smsHeadPanel b, .smsHeadPanel em{color:#666666;font-size: 11.2px;}
.smsDetailBox p{clear:both;}
.smsPanel span.userLoveScore a{color: #FF0099;}
.smsPanel{text-align:right;clear:both;}

/* music, photo, video SMS */
ol.smsContentList{list-style:none;display:block;margin-top:5px;}
.smsContentList li{clear:both;overflow:hidden;margin:1px 0 0 5px; width: 494px;}
.smsContentList li a{text-decoration: none; color: #62A0BF; font-size: 11.2px;}
.smsContentList li a:hover{text-decoration: underline; color: #FF0099;}
.smsContentList li label.reply{padding-top: 45px;}
.smsContentList li textarea{margin-left:50px;width: 430px;height: 50px;font-family:Tahoma,Verdana, Arial, sans-serif;font-size: 13px;}
.smsContentList li input.remLen, .smsContentList li label.reply{margin-left: 50px;}
.smsContentList li div.smsDetailBox{float:left; margin-left:5px;padding: 3px; background: #FFFFFF;width: 474px; min-height: 30px;clear:both;overflow:hidden;}
.smsContentList li div.replyBox{margin-left:5px;width: 480px; min-height: 30px;clear:both;overflow:hidden;}
.smsContentList li div.repliedText{background: #FFFFFF;clear:both; padding: 3px;margin: 1px 0px 0px 50px;}

/* drop down */
.chromestyle{
	font-family: Tahoma, Verdana, sans-serif;
	width: 99%;
	font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	border: 1px solid #BBBBBB;
	width: 100%;
	background: url(/resources/graphics/bg/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/resources/graphics/bg/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBBBBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBBBBB; /*THEME CHANGE HERE*/
	text-decoration: none;
	color: black;
}

* html .dropmenudiv a{  /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{
	/* background-color: #F0F0F0; */
}

/* content visibility */
#contentVisibility {margin-top: 5px;}
#contentVisibility p{font-size: 13px; font-family: Arial, sans-serif;overflow:hidden;clear:both;}
#contentVisibility span{float:left;padding: 5px;}
#contentVisibility a{text-decoration:none;float:right;color:#DDDDDD;padding: 5px;}
#contentVisibility a:hover{text-decoration:underline;color: #EEEEEE;padding: 5px;}
#contentVisibility p#visibility-private-box{background: #FF0099; border: 1px solid #FF0099;color: #FFFFFF;}
#contentVisibility p#visibility-public-box{background: #0099FF; border: 1px solid #0099FF; color: #FFFFFF;}
span.visibility-text-public{color: #666666;}
span.visibility-text-private{color: #FF0099;}

/** mobile dialogue **/
.mobileCode{width: 740px;margin: 0px 30px;clear:both;overflow:hidden;}
.mobileCode h4{font-family: Tahoma, Verdana, sans-serif;font-size: 17px;font-weight:normal;text-align:left;padding: 0px 10px;}
.mobileCode ul{list-style:none;}
.mobileCode li{text-align:left;clear:both;padding: 10px;}
.mobileCode li img.operator{border: 1px solid #DDDDDD;float:left;margin-right: 10px;}
.mobileCode li div.preText{font-size: 17px;color: #333333;}
.mobileCode li div.codeNumber{font-size: 17px;}
.mobileCode li b{font-size: 22px;}
.mobileCode li span.postText{}
.mobileCode div.codeContainer{float:left;}

#mobileInfo{color:#333333;}
#mobileInfo h4, #mobileBlockInfo h4{font-size: 24px; font-weight:normal;}
#mobileFCBoxList h4{font-size: 24px; font-weight:normal;padding:10px 0px 0px 10px;}
#mobileBlockTitle, #view_mobileBlockList{text-align:left;margin:10px 25px 10px 25px;}
#mobileFCTitle{margin:10px 15px 0px 15px;} 
#view_mobileFCList{margin:0px 15px 10px 15px;}

ol.mobileFCList{list-style:none;}
.mobileFCList li{clear:both;overflow:hidden;border-bottom: 1px solid #DDDDDD;padding:5px 0px 5px 0px;}
.mobileFCList li b{font-weight:normal;color: #0099FF;}
.mobileFCList li div{float:left;color:#444444;font-size: 14px;}
.mobileFCList li div.title{text-align:center;}
.mobileFCList li div.num{text-align:center;}
.mobileFCList li div.total{text-align:right;}
.mobileFCList li div.sNumber{width:120px;}
.mobileFCList li div.sName{width: 150px;}
.mobileFCList li div.scAudio{width: 60px;}
.mobileFCList li div.scVideo{width: 60px;}
.mobileFCList li div.scPhoto{width: 60px;}
.mobileFCList li div.scProfile{width: 60px;}
.mobileFCList li div.svAudio{width: 60px;}
.mobileFCList li div.svVideo{width: 60px;}
.mobileFCList li div.svPhoto{width: 60px;}
.mobileFCList li div.svProfile{width: 60px;}
.mobileFCList li div.siAudio{width: 60px;}
.mobileFCList li div.siVideo{width: 60px;}
.mobileFCList li div.siPhoto{width: 60px;}
.mobileFCList li div.siProfile{width: 60px;}
.mobileFCList li div.netTotal{width: 100px;}

ol.mobileBlockList{list-style:none;}
.mobileBlockList li{font-size: 14px;clear:both;overflow:hidden;margin-bottom: 2px;padding:2px;}
.mobileBlockList li.block{background: #FF0099;color: #FFFFFF;}
.mobileBlockList li.unblock{background: #EFEFEF;color: #333333;}
.mobileBlockList li div{margin-bottom: 2px;}
.mobileBlockList li div.simNumber{float:left;width: 200px;}
.mobileBlockList li div.simName{float:left;width: 250px;}
.mobileBlockList li div.simState{float:left;width: 100px;}
.mobileBlockList li div.simSet{float:right;margin:1px 1px 0px 0px; padding: 1px 0px;width: 120px;text-align:center;background: #FFFFFF;}
.mobileBlockList li a{color: #666666;font-size: 12px;text-decoration:none;}
.mobileBlockList li a:hover{color:#666666;font-size: 12px;text-decoration:underline;}

/* sign up beta */
#signUpBeta{width: 540px;height: 280px; background: url('/resources/graphics/splash/signUpBeta1.png') no-repeat center}

#graph {	margin-left: 10px;}
#graph .bar_holder {display: block;	position: relative;	width: 640px;background-color: #FFFFFF;border-top: 1px solid #CCCCCC;height: 40px;}
#graph .bar_value {	margin-top: 1px;margin-left: 5px;	background-color: #D3E4ED;display: block;height: 38px;float: left;width: 10px;	padding-left: 10px;color: #666666;font-size: 22px;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;}
#graph .score_value {	float: right;	font-size: 20px;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;color: #999999;font-weight: bold;}
#graph img{border: 1px solid #F7F7F7;}

/* playlist */
#userPlayListContainer{margin: 10px 5px 5px 5px; overflow:hidden; clear:both;}
#userPlayListLeft{float:left;width: 600px;overflow:hidden;}
#userPlayListLeft h4{font-size: 17px; color: #333333;font-weight:normal;margin: 10px 0px;}
#userPlayListContent{overflow:hidden;}
#userPlayListRight{float:right;width: 300px;overflow:hidden;}

ol.user_playList{list-style:none;}
.user_playList p.numMusic{color: #0099FF;}
.user_playList li{overflow:hidden;clear:both;margin-bottom: 10px;}
.user_playList li{overflow:hidden;clear:both;margin-bottom: 10px;}
.user_playList div.statistic{float:right;width: 150px;color: #333333;border-left: 1px solid #DDDDDD; padding-left: 5px;}
div.playlistbox{width: 440px;}
.playlistbox div.detail{float:left; margin: 0px 10px 0px 10px;width: 330px;}
.playlistbox div.panel{text-align:right;}
.playlistbox div.panel a{text-decoration:none;color: #0099FF;}
.playlistbox div.panel a:hover{text-decoration:underline;color: #FF0099;}
.playlistbox strong{color: #FF0099;}

/* playlist display  */

.pl_info{padding: 5px; border: 1px solid #DDDDDD;}
.pl_ms_info{padding: 5px; margin: 5px 0px;border: 1px solid #DDDDDD;clear:both;overflow:hidden;}
.pl_ms_info img{border: 3px solid #DDDDDD;}
.ms_info_small p.trackTitle{font-size: 17px;overflow:hidden;height:21px;width: 200px;}
.ms_info_middle p.trackTitle{font-size: 17px;overflow:hidden;height:21px;width: 370px;}
.pl_ms_info p.trackTitle a{color: #0099FF;text-decoration:none;}
.pl_ms_info p.trackTitle a:hover{color: #0099FF;text-decoration:underline;}
.pl_ms_info p.performer a{color: #FF0099;text-decoration:none;}
.pl_ms_info p.performer a:hover{color: #FF0099;text-decoration:underline;}

div#playlistManager{font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 13px;overflow:visible;clear:none;margin: 0px;padding: 0px;}
div#playlistManager div.actionPanel{width: 520px;height: 50px; position: fixed; z-index: 3; text-align: left; top: 0px; left: 0px;}
input#ms-playlist-save-button{font-weight:bold;}
ol.playList{list-style:none;margin:0px;padding: 0px;}
ol.limit300{height: 350px;overflow:scroll;clear:both;}
div.pl_small{width: 300px}
div.pl_middle{width: 470px}
div.pl_ms_editor, div.pl_list_editor_btn{width: 520px;background: #F7F7F7;}
div.pl_list_editor_btn{border-bottom: 1px solid #CCCCCC;}
div.pl_list_editor_btn{overflow:hidden;clear:both;}
.playList li{overflow:hidden;clear:both; background: #F7F7F7;}
.playList li a{color: #666666;text-decoration:none; cursor:pointer;}
.playList li a:hover{color: #000000;text-decoration:underline;}
.playList li a.active{color: #0099FF;}
.playList li a.private{color: #FF0099;}
.playList li.ms_list_handler:hover{cursor:move;background: #DDDDDD;}
div.pl_ms-small{border-bottom: 1px solid #DDDDDD; clear:both;overflow:hidden;padding: 2px; }
div.pl_ms-middle{border-bottom: 1px solid #DDDDDD; clear:both;overflow:hidden;padding: 5px; }
div.pl_title{float:left;overflow:hidden;}
div.pl_performer{float:right;overflow:hidden;}
div.tsmall{width: 200px;height: 16px;font-size: 11px;}
div.psmall{width: 80px;height: 16px;font-size: 11px;}
div.tmiddle{width: 320px;height: 16px;font-size: 13px;}
div.pmiddle{width: 120px;height: 16px;font-size: 13px;}
div.pl-title-editor{width: 320px;height: 16px;font-size: 13px;}
div.pl-performer-editor{width: 120px;height: 16px;font-size: 13px;}
div.pl-ms-delete{width: 20px;float:right;text-align:right;}
div.pl-ms-delete a{color: #FF0099;text-decoration:none;font-weight:bold;padding: 0px 5px 0px 5px;}
div.pl-ms-delete a:hover{color: #FF0099;text-decoration:underline;font-weight:bold;padding: 0px 5px 0px 5px;}

div#ms-list-editor-panel{margin: 10px 0px 0px 0px;font-size: 13px;font-family: Arial, Helvetica, sans-serif;text-align:center;}
div#ms-list-editor-panel a{color:#0099FF;text-decoration:none;font-weight:bold;}
div#ms-list-editor-panel a:hover{color: #0099FF;text-decoration:underline;font-weight:bold;}
div#btn-to-playlist{background: #62A0BF;width: 200px;margin: 0 auto;text-align:center;padding: 3px;}
div#btn-to-playlist a{color: #FFFFFF;text-decoration:none;padding:3px 10px 3px 10px;}
div#btn-to-playlist a:hover{color: #FFFFFF;text-decoration:underline;padding:3px 10px 3px 10px;}
div#playlist-box-info{margin-top: 10px; border: 1px solid #DDDDDD;padding: 10px;color: #333333;}
#create-playlist-box p{text-align:left;}
select#playlistId-added{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 13px;}
input#playlist-title, textarea#playlist-description{width: 475px;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 13px;}
input#add-playlist-btn, input#cancel-playlist-btn{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 13px;}


div.ms_list_edit_container{margin: 0px 30px 0px 30px;overflow:hidden;clear:both;}
#ms_list_edit_ads{float:left;}
#ms_list_edit_box{text-align:left;float:right;}

.playListEngine{text-align:center;}
.pl_panel{text-align:center;margin:5px 0px;overflow:hidden;}
div.pl_panelbox{width:122px;margin: 0 auto;text-align:center;list-style:none;}
.pl_panelbox div{float:left;height: 50px;display:inline-block;}
#pl_prev span, #pl_play span, #pl_stop span, #pl_next span{display:none;}
#pl_prev a, #pl_next a, #pl_stop a, #pl_play a{padding: 0px; height: 50px;}
div#pl_prev a{width: 35px;background: url('/resources/graphics/btn/btn_pl_prev.png') no-repeat; display:block; cursor: hand;}
div#pl_play a{width:50px;background: url('/resources/graphics/btn/btn_pl_play.png') no-repeat; display:block; cursor: hand;}
div#pl_stop a{width:50px;background: url('/resources/graphics/btn/btn_pl_stop.png') no-repeat; display:block; cursor: hand;}
div#pl_next a{width: 37px;background: url('/resources/graphics/btn/btn_pl_next.png') no-repeat; display:block; cursor: hand;}

/* repeat ? css */
.listenBtn span, .recordBtn span, .watchBtn span{display:none;}
.listenBtn a{padding: 0px; height: 24px; background: url('/resources/graphics/btn/btn_listen.png') no-repeat center; display:block; cursor: hand;}
* html .listenBtn a{padding: 0px; height: 24px; background: url('/resources/graphics/btn/btn_listen.gif') no-repeat center; display:block; cursor: hand;}

/* journal */
div#journalContainer{width: 925px;clear:both;overflow:hidden;margin: 0 auto;}
#userJournalContainer, #journalDisplayContainer, #createJournalContainer, #updateJournalContainer{width: 915px;clear:both;overflow:hidden;margin:5px;}

#userJournalLeft h4{font-family: Helvetica, Arial, sans-serif; font-size:28px; font-weight:700; color: #CCCCCC;margin: 10px 20px 10px 0px;letter-spacing: -2px;text-align:right;}
#userJournalRight h4{color: #333333;margin: 10px 0 10px 0;font-weight:normal;font-size:17px;}
#userJournalContent{margin: 10px 0px 10px 0px;}
#userJournalContent h3{overflow:hidden;clear:both;border-bottom:1px solid #D4CDCD;color:#999999;font-size:1.2em;font-weight:normal;margin:0 20px 5px 0;padding:0px;}
#userJournalContent div.headline{margin:0 10px 10px 0; padding:0 10px 0 0;font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 1.2em;
}
span.journal-edit-btn{font-size: 13px;}
span.journal-edit-btn a{color:#0099FF;text-decoration:none;}
span.journal-edit-btn a:hover{color:#0099FF;text-decoration:underline;}
#userJournalContent div.headline a{color: #666666;text-decoration:none;}
#userJournalContent div.headline a:hover{color: #0099FF;text-decoration:none;}

#createJournalLeft h4, #updateJournalLeft h4{font-size:22px;font-weight:normal;color: #333333;}
#createJournalLeft h5, #updateJournalLeft h5{font-size: 17px;padding: 5px 0px 5px 0px;font-weight:normal;color: #333333;}
#createJournalLeft p, #journalPublishBox p, #journalCommentPanel p, #journalCategoryBox p{padding: 0px;}
input#journalTopic{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:17px;width: 600px;}
input#journal-publish-btn, input#journal-savedraft-btn, input#journal-update-publish-btn, select#journal-site-category, select#journal-user-category{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 14px;}
select#siteCategoryId{font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:14px;}
#journalPublishBox, #journalCommentPanel, #journalBtnBox{margin-top: 10px;padding: 5px;}
#journalBtnBox p{padding-bottom: 10px;}
#journalCategoryBox{margin-top:25px;padding: 5px;}
#journalPublishBox h4, #journalCommentPanel h4, #journalCategoryBox h4{font-size: 17px;font-weight:normal;color: #333333;}
#createJournal-btn{background: #EFEFEF;border: 1px solid #DDDDDD; font-size: 17px; font-weight: bold;padding:5px; text-align:center;}
#createJournal-btn a{color:#62A0BF;text-decoration:none;}
#createJournal-btn a:hover{color:  #999999;text-decoration:underline;}
#journalDeleteBox{margin-top:130px;padding: 5px;}
#journalDeleteBox a{color: #FF0000;text-decoration:underline;padding:1px;}
#journalDeleteBox a:hover{color: #FFFFFF;background: #FF0000;text-decoration:underline;padding:1px;}
#journal-message{color:#FFFFFF;text-align:center;background:#FF0099;font-size: 14px;font-weight:bold;padding: 5px 0px 5px 0px}
#journal-stage-draft span, #journal-stage-public span{font-weight:bold;}
#journalDisplayLeft, #userJournalLeft, #createJournalLeft, #updateJournalLeft{width: 600px;float:left;}
#journalDisplayRight, #userJournalRight, #createJournalRight, #updateJournalRight{width: 300px;float:right;}
#journalDisplayHeadLine{padding: 5px;text-align:left;}
#journalDisplayHeadLine div#jWriter{padding-top:10px;}
#journalDisplayHeadLine div#jDate, #journalDisplayHeadLine div#jWriter{ 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: 100;	
}
#journalDisplayHeadLine div#jDate{color: #BBBBBB;clear:both;overflow:hidden;}
#journalDisplayHeadLine div#jWrite, #journalDisplayHeadLine a, #journalDisplayHeadLine a:hover{color: #0099FF;}
#journalDisplayHeadLine div#jHeadline{
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 1.2em;
	padding-top: 5px;
}


#jDspBody{padding: 5px;font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;color: #333333;}
#jDspBody span{}
#jDspBody p{padding: 5px 0px 5px 0px;font-size:14px;font-weight:400;line-height: 18px;}
#jDspBody a{color: #0099FF;text-decoration:none;}
#jDspBody a:hover{color: #FF0099;text-decoration:underline;}
#jDspBody img{}
#jDspBody a img{border:6px solid #EFEFEF;}
#jDspBody a:hover img{border:6px solid #DDDDDD;}
#jDspBody h1{font-size: 24px;}
#jDspBody h2{font-size: 20px;}
#jDspBody h3{font-size: 18px}
#jDspBody b{font-weight:bold;}
#jDspBody i{font-style:italic;}
#jDspBody ol{list-style:decimal;}
#jDspBody ul{list-style:square;}
#jDspBody li{margin-left: 20px;font-size:14px;}

#userJournalHead{clear:both;overflow:hidden;}
#userJournalPanel{float:left;margin-top: 25px;}

#userJournalTitle{float:right;}

#journalComment{border-top: 1px solid #EEEEEE;}
#journalDisplayRight h4, #journalComment h4{font-size: 20px;font-weight:normal;margin: 5px 0px 5px 0px;color: #333333;}
#recentJournalList{}
ol.journal_list, ol.draftJournalList{list-style:none;}
ol.journal_list li{width: 300px;border-bottom:1px dashed #DDDDDD;background: #F7F7F7;clear:both;display:block;font-size:14px;font-weight:400;padding: 5px;}
ol.journal_list li:hover{background: #EFEFEF;border-bottom:1px dashed #DDDDDD;}
ol.journal_list li:hover a{color: #FF0099;text-decoration:none;background: #EFEFEF;}
ol.journal_list li a{color: #0099FF;text-decoration:none;}
ol.journal_list li a:hover{color: #FF0099;text-decoration:none;}

ol.draftJournalList li{width: 300px;clear:both; display:block; font-size:14px;margin-top:10px;border-top:1px dashed #DDDDDD;}
ol.draftJournalList li a{color: #0099FF; text-decoration:none;}
ol.draftJournalList li a:hover{color: #FF0099;text-decoration:none;}
ol.draftJournalList li p{color: #999999;font-size:13px;}
ul.jpanel-type{list-style:none;}
ul.jpanel-type li{display:inline;font-size: 14px;}
ul.jpanel-type li a{color: #0099FF;text-decoration:none;}
ul.jpanel-type li a:hover{color: #0099FF;text-decoration:underline;}
ul.jpanel-type li a.active{color: #333333;font-weight:bold;text-decoration:none;}
ul.jpanel-type li a.active:hover{color: #333333;font-weight:bold;text-decoration:none;}
ul.jpanel-type li.divide{border-left: 1px solid #CCCCCC;padding-left: 5px;}

#journalAds{margin-top: 10px;}
#journal_comments, ul.jCategoryList li{color: #CCCCCC; font-size: 12px;}
ul.jCategoryList{list-style:none;}

div.uploadMediaBoxContainer{margin: 0 auto;text-align:center;width: 360px;}
div.uploadMediaBox{/*background: #F7F7F7;border: 1px solid #AAAAAA; padding: 10px; */text-align:left;width: 360px;}
div.uploadMediaBox span.pbText{color: #111111;}
div.uploadMediaBox a{text-decoration:none;color:#0099FF;}
div.uploadMediaBox a:hover{text-decoration:underline;color:#FF0099;}
div.uploadMediaBox b.fileLabel{color: #000000;font-size: 13px;}
div.uploadMediaBox form.uploadForm{margin:0px 0px 0px 0px;padding: 0px;}
div.uploadMediaBox div.progress-process{height: 10px; position:absolute;background: #0099FF;z-index:5;}
div.uploadMediaBox div.progress-upload{height: 10px; position:absolute;background: #FF0099;z-index:4;}
div.uploadMediaBox div.extText{color: #333333;font-size: 11px;padding: 3px 0px;}

#flashcontent embed#wos, #flashcontent object#wos{z-index:1;}

/* music independent */
#i_musicLeft{width: 595px;float:left;margin-left: 10px;}
#i_musicLeft h1{font-weight:normal;font-size: 25px;color: #0099FF;border-bottom: 1px solid #DDDDDD;padding: 5px 0px;margin: 5px 0px;}
#i_musicLeft h1 span{color: #FF0099;}
#i_musicRight{float:right;margin-right: 10px;}
#i_musicRight h3{font-weight:normal;font-size: 17px; color: #111111;margin-bottom:5px;}
#i-feat-artist{clear:both;margin-bottom: 10px;}
#i-feat-caption-box{display:block;position:relative;}
#i-feat-detail{display: block; position: absolute;left: 0px;bottom: 0px; width: 585px; padding: 5px; background: #000000; color: #FFFFFF; line-height: 1.272727em; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90);}
#i-feat-detail img{width: 37px; height: 37px;float:left;margin-right:5px;border: 1px solid #FFFFFF;-ms-interpolation-mode: bicubic}
#i-feat-detail strong{font-size:19px;}
#i-feat-detail a{color: #FFFFFF;text-decoration:none;}
#i-feat-detail a:hover{color: #FFFFFF;text-decoration:underline;}
ul.aiRecommend{list-style:none;}
ul.aiRecommend li{clear:both;overflow:hidden;margin: 20px 0px;}
ul.aiRecommend li a{color: #0099FF;text-decoration:none;}
ul.aiRecommend li a:hover{color: #0099FF;text-decoration:underline;}
ul.aiRecommend li a.iaListen{color: #000000;text-decoration:none;}
ul.aiRecommend li a:hover.iaListen{color: #666666; text-decoration:underline;}
ul.aiRecommend li img{border:0px;}
ul.aiRecommend li div.iaPhoto{position:relative; float:left;width: 250px;text-align:center;}
div.iaPhoto img{border:0px;}
ul.aiRecommend li div.iaDetailBox{float:right;overflow:hidden;width:330px;}
ul.aiRecommend li strong{font-size: 22px;font-weight:600;color:#333333;}
p.iaComposer{}
p.iaDescription{padding-top: 5px;}
p.iaMusic{margin-top: 5px;padding: 3px; color: #FF0099; font-weight: 600;background: #F7F7F7;}
p.iaMore{text-align:right;padding-top: 10px;}



.ia-title{float:right;font-size: 30px;padding: 5px;font-weight:600;line-height:1em;}
.ia_playlist{margin-bottom: 15px;}
ul.promote-music{list-style:none;}
ul.promote-music li{display:block;clear:both;overflow:hidden;margin: 5px 0px;position:relative;width: 300px;border-bottom: 1px solid #F7F7F7;}
ul.promote-music li a.title{color: #0099FF;text-decoration:none;font-size: 15px;}
ul.promote-music li a{color: #0099FF;text-decoration:none;}
ul.promote-music li a:hover{color: #0099FF;text-decoration:underline;}
ul.promote-music li a.ia-composer, ul.promote-music li a:hover.ia-composer{color:#FF0099;text-decoration:none;font-weight:bold;}
ul.promote-music li img{float:left;margin-right:5px;border:0px;}
ul.promote-music li p.ia-listenMore{text-align:right;position:absolute;bottom:0px;right:0px;padding: 5px;}

.demoLeft .activity_news{margin:5px;padding:0px 0px 5px 0px;}
.demoLeft .activity_news ol{list-style:none;}
.demoLeft .activity_news li{clear:both;overflow:hidden;padding-bottom: 2px;font-size: 13px;}
.demoLeft .activity_news li a{color: #333333;text-decoration:none;}
.demoLeft .activity_news li a:hover{color: #0099ff;text-decoration:underline;}