/* page.css - defines specific css settings ajax pages */

h1 {
color: #898989;
}


.ajax-page-wrapper {
padding: 1px;
}

.ajax-page-wrapper .x-panel-body {
background-color:white;
}

.ajax-page-content-fullWrapper {
margin: 2px;
padding: 8px;
background-color: #FFFFFF;
border: 2px solid #B8B8B8;
}

.ajax-page-content {
*padding-bottom: 12px;
}


/* ajax-page-box */
.ajax-page-box {
position: relative;
margin: 4px;
border: 1px solid #EEE;
}

.ajax-page-box .x-tab-strip-top {
background:transparent;
/*border-bottom: 2px solid #E9E9E9;*/
border-bottom:0;
padding-left: 120px;
}

.ajax-page-box .x-tab-strip-top li {
margin: 0;
padding-top:1px;
}

.ajax-page-box .x-tab-strip-top .x-tab-right {
padding-left: 0;
}

.ajax-page-box .x-tab-strip-top .x-tab-left { /* this is right */
background: url(../images/bg_tab_right.gif) no-repeat right 80%;
}

.ajax-page-box .x-tab-strip-top .x-tab-right {
background: none;
/*
background: url(../images/bg_tab_left.gif) no-repeat left 80%;
*/
}

.ajax-page-box .x-tab-strip-top .x-tab-strip-inner {
background: url(../images/bg_tab_inner.gif) repeat-x right 80%;
}

.ajax-page-box .x-tab-strip-top .x-tab-strip-text {
font-family: 'Arial','Helvetica','Verdana';
font-size: 14px;
line-height:18px;
font-weight: bold;
color: #707070;
}

#chartDiv .ajax-page-box .x-tab-strip-top .x-tab-strip-text {
	font-size: 12px;
}


.videoCampaignDivClass .ajax-page-box .x-tab-strip-top .x-tab-strip-text {
    font-size:12px;
}

.ajax-page-box .x-tab-strip-active .x-tab-left {
background: url(../images/bg_tab_left_active.gif) no-repeat left 60%;
}

.ajax-page-box .x-tab-strip-active .x-tab-right {
background: url(../images/bg_tab_right_active.gif) no-repeat right top;
}

* html .ajax-page-box .x-tab-strip-active .x-tab-right {
background-position: right 1px;
}

.ajax-page-box .x-tab-strip-active .x-tab-strip-inner {
background: url(../images/bg_tab_inner_active.gif) no-repeat right 60%;
}

.ajax-page-box .x-tab-strip-active .x-tab-strip-text {
color: #fda711;
}


.ajax-page-box-header {
font-family: 'Arial', 'Verdana';
font-size: 18px;
font-weight:bold;
line-height: 27px;
height: 27px;
background-color: white;
color: #B2B2B2;
text-indent: 8px;
border-bottom: 1px solid #E9E9E9;
}

.ajax-page-box-slider-wrapper {
overflow: hidden;
width:100%;
position:relative; /* for IE7 */
}

.ajax-page-box-slider {
width: 5000px;
*padding-bottom:4px;
}

.ajax-page-box-body {
position: relative;
background-color: white;
}

.box-highlighted {
border-color:#f39a00;
}

.box-highlighted .ajax-page-box-header {
color: #FFFFFF;
border-bottom: 0;
background: #fea812 url(../images/bg_box_header_highlighted.gif) repeat-x top;
}

/* ajax-page-box2 */
.ajax-page-box2 {
/*border: 1px solid #B9B9B9;*/
margin: 0;
}

.ajax-page-box2-body {
position: relative;
background-color: white;
border-bottom: 1px solid #B9B9B9;
border-left: 1px solid #B9B9B9;
border-right: 1px solid #B9B9B9;
}

.ajax-page-box2 .x-tab-strip-wrap {
z-index: 99;
}

.ajax-page-box2 .x-tab-strip-top {
background:transparent;
/*border-bottom: 2px solid #E9E9E9;*/
border-bottom:0;
padding-left: 10px;
}

.ajax-page-box2 .x-tab-strip-top li {
margin: 0;
padding-top:1px;
}

.ajax-page-box2 .x-tab-strip-top .x-tab-right {
padding-left: 0;
}

.ajax-page-box2 .x-tab-strip-top .x-tab-left {
background: none;
/*
background: url(../images/bg_tab_left.gif) no-repeat left 3px;
*/
}

.ajax-page-box2 .x-tab-strip-top .x-tab-right {
background: url(../images/bg_tab_right2.gif) no-repeat right 3px;
}

.ajax-page-box2 .x-tab-strip-top .x-tab-strip-inner {
background: url(../images/bg_tab_inner2.gif) repeat-x right 3px;
}

.ajax-page-box2 .x-tab-strip-top .x-tab-strip-text {
font-family: 'Arial','Helvetica','Verdana';
font-size: 14px;
line-height:18px;
font-weight: bold;
color: #606060;
}

.ajax-page-box2 .x-tab-strip-active .x-tab-left {
background: url(../images/bg_tab_left_active.gif) no-repeat left 2px;
}

.ajax-page-box2 .x-tab-strip-active .x-tab-right {
background: url(../images/bg_tab_right_active.gif) no-repeat right 2px;
}

.ajax-page-box2 .x-tab-strip-active .x-tab-strip-inner {
background: url(../images/bg_tab_inner_active.gif) no-repeat right 2px;
}

.ajax-page-box2 .x-tab-strip-active .x-tab-strip-text {
color: #606060;
}

.ajax-page-box2-header {
font-family: 'Arial', 'Verdana';
font-size: 18px;
font-weight:bold;
line-height: 27px;
height: 27px;
color: #B2B2B2;
text-indent: 8px;
border-bottom: 1px solid #B9B9B9;
/*background: #dadada url(../images/bg_box2_header.gif) repeat-x top;*/
}


.borderless {
border: 0;
}

.thumb_album_m {
padding: 4px;
background: transparent url(../images/bg_thumb_album_m.gif) no-repeat center;
}

.thumb_album_m img {
width: 78px;
height: 78px;
}

.thumb_album_l {
padding: 4px;
}

.thumb_album_l img {
width: 120px;
height: 120px;
}

.thumb_album_h img {
width: 140px;
height: 140px;
}

.thumb_artist_l img {
width: 153px;
height: 153px;
}

.thumb_video_m {
padding: 4px;
background: transparent url(../images/bg_thumb_video_m.gif) no-repeat center;
}

.thumb_video_m img {
width: 112px;
height:84px;
}
/**
 * Cn-pharse5-0004 20100702 modify by frank Begin Add by frank 
 * 
 * ------Old
 * .thumb_video_l {
		padding: 4px;
		}
 * ------
 */


.thumb_video_l {
padding: -3px;
}
/**
 *  Cn-pharse5-0004 20100702 End
 */
.thumb_video_l img {
width: 160px;
height:120px;
}


.thumb_user_l img {
width: 100px;
height: 100px;
}


.star_full, .star_half, .star_empty {
float: left;
display:inline;
width:13px;
height: 13px;
}

.star_full {
background: transparent url(../images/ico_stars.gif) no-repeat 0 0;
}

.star_half {
background: transparent url(../images/ico_stars.gif) no-repeat -13px 0;
}

.star_empty {
background: transparent url(../images/ico_stars.gif) no-repeat -26px 0;
}

.slider-left-button[class] {
background: transparent url(../images/button_left_arrow.png) no-repeat center;
}

* html .slider-left-button {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/button_left_arrow.png');
}

.slider-right-button[class] {
background: transparent url(../images/button_right_arrow.png) no-repeat center;
}

* html .slider-right-button {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/button_right_arrow.png');
}

.ajax-page-btn {
}

.ajax-page-btn table {
height: 29px;
}

.ajax-page-btn .x-btn-over {
}

.ajax-page-btn .x-btn-click {
}

.ajax-page-btn .x-btn-pressed {
}

.ajax-page-btn button {
line-height:29px;
font-size: 12px;
color :#222222;
height: 100%;
padding: 0;
}

.ajax-page-btn button:focus {
outline: 0;
}

.ajax-page-btn .x-btn-left {
background:transparent url(../images/bg_btn_left_w.gif) no-repeat center left;
}

.ajax-page-btn .x-btn-center {
padding: 0;
background:transparent url(../images/bg_btn_inner_w.gif) repeat-x center;
}

.ajax-page-btn .x-btn-right {
background:transparent url(../images/bg_btn_right_w.gif) no-repeat center right;
}

.btn_subscribe {
font-size: 10px;
border: 1px solid #888;
background: #a3a3a3 url(../images/bg_btn_subscribe.gif) repeat-x top;
}

.btn_unsubscribe {
font-size: 10px;
border: 1px solid #888;
background: #a3a3a3 url(../images/bg_btn_subscribe.gif) repeat-x top;
}

.btn_m {
font-size: 12px;
border: 1px solid #888;
background: #a3a3a3 url(../images/bg_btn_subscribe.gif) repeat-x top;
}

.btn_s {
font-size: 10px;
border: 1px solid #888;
background: #a3a3a3 url(../images/bg_btn_subscribe.gif) repeat-x top;
}

/* pager style */
.page-list-wrapper {
margin:8px;
}

.page-list {
border: 1px solid #DDDDDD;
float: right;
height: 24px;
line-height: 26px;
}
.page-list dd {
float: left;
padding: 0 8px;
}

.page-list .current {
font-weight: bold;
color: #FF6600;
}

/* signin */
#signin {
width:320px;
height:160px;
}

#signin .signinTable {
margin:16px auto;
width:280px;
font-size:16px;
line-height:18px;
}

#signin .signinTable input {
width:99%;
}

#signin .signinTable td {
padding:8px 0;
}

#signin .signinTable .label {
text-align:right;
font-weight:bold;
width:100px;
}

/* music - index */
#music-index .signinTable .label {
width:64px;
}

#music-index .ajax-page-canvas {
position: relative;
margin-left: auto;
margin-right: auto;
text-align:left;
width: 820px;
}

#music-index .mainWrapper {
float:left;
display:inline;
width:590px;
}

#music-index .mainWrapper .ajax-page-box {
width: 582px;
}


/**Old
#music-index .wingWrapper {
float:left;
display:inline;
width:215px;
margin-left: 10px;
}
***/

/**add by frank**/
#music-index .wingWrapper {
float:left;
display:inline;
width:215px;
margin-left: 8px;
}
/*****End****/



#music-index .albumDiv, 
.albumDragMusicIndex .albumDiv {
float:left;
display:block;
text-align:center;
margin: 8px 12px;
color: black;
overflow: hidden;
width: 120px;
height:140px;
}

#music-index .albumDiv:hover {
text-decoration: underline;
/*background-color: #EEEEEE;*/
}



#music-index .albumDiv strong, 
.albumDragMusicIndex strong {
display:block;
/*
line-height: 20px;
*/
line-height: 14px;
margin-top: 4px;
}

#music-index .albumDiv span, 
.albumDragMusicIndex span {
font-size: 10px;
}


#music-index .videoCampaignDiv {
float:left;
display:inline;
text-align:center;
margin: 8px 27px;
width: 138px;
height:162px;
overflow: hidden;
}

#music-index .videoCampaignDiv strong {
display:block;
line-height: 20px;
}

#music-index .videoCampaignDiv span {
font-size: 10px;
}


#music-index .videoDiv {
float:left;
display:inline;
text-align:center;
margin: 8px 27px;
width: 138px;
height:132px;
overflow: hidden;
}

#music-index .videoDiv strong {
display:block;
line-height: 20px;
}

#music-index .videoDiv span {
font-size: 10px;
}

#music-index .more-button {
display: block;
position: absolute;
top: -27px;
right: 4px;
text-align: right;
width: 52px;
height: 24px;
line-height:24px;
z-index: 30;
cursor:pointer;
padding-top: 2px;
padding-right: 20px;
font-size: 14px;
font-weight: bold;
color:#C1C1C1;
}

#music-index .box-highlighted .more-button {
color: #FFF;
}

#music-index .more-button {
background: transparent url(../images/ico_right_arrow_w.gif) no-repeat right center;
}

#music-index .box-highlighted .more-button[class] {
background: transparent url(../images/ico_right_arrow_white.png) no-repeat right center;
}

* html #music-index .box-highlighted .more-button {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/ico_right_arrow_white.png');
}


#music-index .slider-left-button {
position: absolute;
left: -8px;
top: 48px;
width: 17px;
height: 17px;
z-index: 99;
cursor:pointer;
}


#music-index .slider-right-button {
position: absolute;
right: -8px;
top: 48px;
width: 17px;
height: 17px;
z-index: 99;
cursor:pointer;
}
/*
#music-index #featuredDiv {
width:590px;
height:190px;
}
*/
#music-index #featuredDiv .ajax-page-box-header {
/*
background: #FFFFFF url(../images/bg_section_header_featured.gif) no-repeat left top;
*/
}

#music-index #featuredDiv .ajax-page-box-body {
height: 160px;
}

#music-index #videoCampaignDiv .ajax-page-box-body {
height: 180px;
}


/* Chart Div */
/*
#music-index #chartDiv {
width:590px;
height:258px;
}
*/

#music-index #chartDiv .ajax-page-inner-box ul {
float:left;
/*width: 265px;*/
width: 540px;
margin: 10px 0 10px 16px;
}

#music-index #chartDiv .ajax-page-inner-box ul li {
}

#music-index #chartDiv .ajax-page-inner-box ul li a {
display: block;
padding: 4px 10px;
margin: 8px 0;
border: 1px solid #E1E1E1;
color: #6d6d6d;
font-size: 14px;
}

#music-index #chartDiv .ajax-page-inner-box ul.top5 li:first-child a,
#music-index #chartDiv .ajax-page-inner-box ul.top5 li.first a {
color: #FFFFFF !important;
}

#music-index #chartDiv .ajax-page-inner-box ul.top5 li.top3 {
background-color: #E1E1E1;
}

#music-index #chartDiv .ajax-page-inner-box ul.top5 li:first-child,
#music-index #chartDiv .ajax-page-inner-box ul.top5 li.first {
background-color: #FFA200 !important;
}

#music-index #chartDiv .ajax-page-box-header {
/*
background: #FFFFFF url(../images/bg_section_header_chart.gif) no-repeat left top;
*/
padding-top:28px;
}

#music-index #chartDiv .ajax-page-box-header ul {
padding-left:4px;
}

#music-index #chartDiv .ajax-page-box-body {
height: 200px;
overflow: auto;
}

/* IE6 fix */
* html #music-index #chartDiv .ajax-page-inner-box ul.top5 {
margin-left:8px;
}

#music-index #latestVideoDiv .ajax-page-box-header {
width:100%;
border-bottom:0;
}

#music-index #wpalDiv .ajax-page-box-header {
width:100%;
height: 63px;
/*
background: white url(../images/bg_section_header_wpal.gif) no-repeat left top;
*/
border-bottom:0;
}

#music-index .wpalEntry {
padding: 1px;
}

#music-index .wpalEntry .thumb_album_s {
float:left;
display:inline;
margin: 0 5px;
}

#music-index .wpalEntry .thumb_album_s img {
width: 60px;
height: 60px;
}


#music-index .wpalEntry .name {
font-size:14px;
font-weight: bold;
color: black;
overflow: hidden;
height: 18px;
width: 129x
}

#music-index .wpalEntry p {
font-size:12px;
color: #444444;
}

#music-index .wpalEntry .listening {
margin-left: 68px;
margin-top: 8px;
text-indent: 16px;
font-size: 10px;
line-height:16px;
background: transparent url(../images/ico_listening.gif) no-repeat left center;
overflow: hidden;
width: 129px;
height: 16px;
}

#music-index #topSongDiv .ajax-page-box-header {
width:100%;
height: 34px;
/*
background: white url(../images/bg_section_header_topsong.gif) no-repeat left center;
*/
border-bottom:0;
}

#music-index #topVideoDiv .ajax-page-box-header {
width:100%;
height: 34px;
/*
background: white url(../images/bg_section_header_topvideo.gif) no-repeat left center;
*/
border-bottom:0;
}

#music-index #latestSharePlayListDiv .ajax-page-box-header {
width:100%;
height: 34px;
border-bottom:0;
}
#music-index #mostSubscribeSharePlayListDiv .ajax-page-box-header {
width:100%;
height: 34px;
border-bottom:0;
}
#music-index #artistShareingPlayListDiv .ajax-page-box-header {
width:100%;
height: 34px;
border-bottom:0;
}

#music-index #artistShareingPlayListDiv ul,
#music-index #mostSubscribeSharePlayListDiv ul,
#music-index #latestSharePlayListDiv ul,
#music-index #topSongDiv ul,
#music-index #topVideoDiv ul {
padding-left:30px;
list-style-type: decimal;
}


#music-index #artistShareingPlayListDiv ul li,
#music-index #mostSubscribeSharePlayListDiv ul li,
#music-index #latestSharePlayListDiv ul li,
#music-index #topSongDiv ul li,
#music-index #topVideoDiv ul li {
}

#music-index #artistShareingPlayListDiv .rankingEntry,
#music-index #mostSubscribeSharePlayListDiv .rankingEntry,
#music-index #latestSharePlayListDiv .rankingEntry,
#music-index #topSongDiv .rankingEntry,
#music-index #topVideoDiv .rankingEntry {
padding:4px 0;
}

#music-index #artistShareingPlayListDiv .rankingEntry .track,
#music-index #mostSubscribeSharePlayListDiv .rankingEntry .track,
#music-index #latestSharePlayListDiv .rankingEntry .track,
#music-index #topSongDiv .rankingEntry .track,
#music-index #topVideoDiv .rankingEntry .track {
font-size:14px;
font-weight:bold;
}


#music-index #artistShareingPlayListDiv .rankingEntry .artist,
#music-index #mostSubscribeSharePlayListDiv .rankingEntry .artist,
#music-index #latestSharePlayListDiv .rankingEntry .artist,
#music-index #topSongDiv .rankingEntry .artist,
#music-index #topVideoDiv .rankingEntry .artist {
font-size:10px;
}


#music-index #artistShareingPlayListDiv .rankingEntry .track a,
#music-index #mostSubscribeSharePlayListDiv .rankingEntry .track a,
#music-index #latestSharePlayListDiv .rankingEntry .track a,
#music-index #topSongDiv .rankingEntry .track a,
#music-index #topVideoDiv .rankingEntry .track a {
color: black;
}


#music-index #artistShareingPlayListDiv .rankingEntry .artist a,
#music-index #mostSubscribeSharePlayListDiv .rankingEntry .artist a,
#music-index #latestSharePlayListDiv .rankingEntry .artist a,
#music-index #topSongDiv .rankingEntry .artist a,
#music-index #topVideoDiv .rankingEntry .artist a {
color: #444444;
}
#music-index #artistShareingPlayListDiv ul li:first-child,
#music-index #artistShareingPlayListDiv ul li.first,
#music-index #topSongDiv ul li:first-child,
#music-index #topSongDiv ul li.first,
#music-index #mostSubscribeSharePlayListDiv ul li:first-child,
#music-index #mostSubscribeSharePlayListDiv ul li.first,
#music-index #latestSharePlayListDiv ul li:first-child,
#music-index #latestSharePlayListDiv ul li.first{
/*list-style:none !important;*/

}
#music-index #artistShareingPlayListDiv ul li:first-child .rankingEntry,
#music-index #artistShareingPlayListDiv ul li.first .rankingEntry,
#music-index #topSongDiv ul li:first-child .rankingEntry,
#music-index #topSongDiv ul li.first .rankingEntry,
#music-index #mostSubscribeSharePlayListDiv ul li:first-child .rankingEntry,
#music-index #mostSubscribeSharePlayListDiv ul li.first .rankingEntry,
#music-index #latestSharePlayListDiv ul li:first-child .rankingEntry,
#music-index #latestSharePlayListDiv ul li.first .rankingEntry{
margin-left:-30px;
width: 175px;
padding-left:30px;
/*background: #ffa200 url(../images/bg_ranking_no_1.gif) no-repeat 95% 100%;*/
background-color: #ffa200;
}

#music-index #artistShareingPlayListDiv ul li:first-child .rankingEntry .thumb_album_s,
#music-index #artistShareingPlayListDiv ul li.first .rankingEntry .thumb_album_s,
#music-index #topSongDiv ul li:first-child .rankingEntry .thumb_album_s,
#music-index #topSongDiv ul li.first .rankingEntry .thumb_album_s,
#music-index #mostSubscribeSharePlayListDiv ul li:first-child .rankingEntry .thumb_album_s,
#music-index #mostSubscribeSharePlayListDiv ul li.first .rankingEntry .thumb_album_s,
#music-index #latestSharePlayListDiv ul li:first-child .rankingEntry .thumb_album_s,
#music-index #latestSharePlayListDiv ul li.first .rankingEntry .thumb_album_s{
float:right;
display:inline;
margin: 1px 8px;
}

#music-index #artistShareingPlayListDiv ul li:first-child .rankingEntry .thumb_album_s img,
#music-index #artistShareingPlayListDiv ul li.first .rankingEntry .thumb_album_s img,
#music-index #topSongDiv ul li:first-child .rankingEntry .thumb_album_s img,
#music-index #topSongDiv ul li.first .rankingEntry .thumb_album_s img,
#music-index #mostSubscribeSharePlayListDiv ul li:first-child .rankingEntry .thumb_album_s img,
#music-index #mostSubscribeSharePlayListDiv ul li.first .rankingEntry .thumb_album_s img,
#music-index #latestSharePlayListDiv ul li:first-child .rankingEntry .thumb_album_s img,
#music-index #latestSharePlayListDiv ul li.first .rankingEntry .thumb_album_s img {
width: 60px;
height: 60px;
}

#music-index #newAlbumDiv {
background:#000;
height:331px;
}
/*
#music-index #newAlbumDiv .ajax-page-box-header {
background: #000;
border-color: #000;
}
*/
#music-index #newAlbumDiv .ajax-page-box-header {
background: #000;
border-color: #000;
width:100%;
border-bottom:0;
}

#music-index #newAlbumDiv #coverflow {
height: 300px;
}

/*
	music - new Arrival
	music - Featured
 */

#music-newArrival .albumDiv,
#music-featured .albumDiv, 
#album-search .albumDiv,
.albumDragBig .albumDiv {
float:left;
display:block;
width: 130px;
height: 186px;
text-align:center;
margin: 10px;
overflow:hidden;
}

#music-newArrival .albumDiv strong,
#music-featured .albumDiv strong,
#album-search .albumDiv strong,
.albumDragBig .albumDiv strong {
display:block;
line-height: 20px;
max-height: 40px;
overflow: hidden;
height: 20px;
width: 133px;
overflow: hidden;
}

#music-newArrival .albumDiv a,
#music-featured .albumDiv a,
#album-search .albumDiv a,
.albumDragBig .albumDiv a {
display:block;
color: black;
}

#music-newArrival .albumDiv span,
#music-featured .albumDiv span,
#album-search .albumDiv span,
.albumDragBig .albumDiv span {
font-size: 10px;
line-height: 16px;
overflow: hidden;
}


/*
	video - all Video
*/

#video-allVideo .videoDiv {
float:left;
display:inline;
/*
width: 160px;
height: 188px;
*/
text-align:center;
margin: 30px;
width: 166px;
height: 170px;
overflow: hidden;
}

#video-allVideo .videoDiv strong {
display:block;
line-height: 20px;
width: 166px;
height: 20px;
overflow: hidden;
}

#video-allVideo .videoDiv a {
display:block;
color: black;
}

#video-allVideo .videoDiv span {
font-size: 10px;
}

/* playlist */
.x-grid3-row td, .x-grid3-summary-row td {
line-height:18px;
}

.x-grid3-row.highlighted .btn_remove_s[class] {
background:transparent url(../images/btn_remove_s.png) no-repeat scroll 2px 2px;
}

* html .x-grid3-row.highlighted .btn_remove_s {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/btn_remove_s.png');
}

/* music - artist */
#artist-index .ajax-page-canvas {
margin-left: auto;
margin-right: auto;
width: 810px;
}

#artist-index #promoDiv {
position: absolute;
width:803px;
height: 316px;
z-index: 199;
}
/*
#artist-index #promoDiv[id] {
background:transparent url(../images/temp/promo_03.jpg) no-repeat;
}

* html #artist-index #promoDiv {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/temp/promo_03.jpg');
}
*/

#artist-index .bodyWrapper {
position: relative;
/*padding-top: 290px;*/
padding-top: 316px;
}


#artist-index .mainWrapper {
margin-left:185px;
width: 410px;
}

#artist-index .leftWrapper {
position: absolute;
left: 0;
/*top: 290px;*/
top: 316px;
width: 180px;
}

#artist-index .rightWrapper {
position: absolute;
right: 0;
/*top: 290px;*/
top: 316px;
width: 210px;
}

#artist-index #artistNavDiv,
#artist-index #banner_1 {
margin: 4px;
position: relative;
z-index: 200;
}

#artist-index #artistNavDiv ul {
width: 100%;
}

#artist-index #artistNavDiv ul li{
margin-bottom: 4px;
line-height: 18px;
text-indent: 4px;
background: transparent url(../images/bg_artist_section.gif) no-repeat -127px center;
}

#artist-index #artistNavDiv ul li.selected {
background: transparent url(../images/bg_artist_section.gif) no-repeat right center;
}

#artist-index #artistNavDiv ul li a {
display:block;
color: #444444;
}

#artist-index #artistNavDiv ul li.selected a {
color: #ffffff;
}

#artist-index #adsDiv {
width: 100%;
text-align:center;
}

#artist-index #adsDiv img {
margin: 3px;
}


#artist-index #aumlDiv {
border: 2px solid #A6A6A6;
background-color: #FFFFFF;
}

#artist-index #aumlDiv .clearfix {
*padding-bottom: 8px;
}

#artist-index #aumlDiv .ajax-page-box-header {
height: 36px;
/*
background: #FFFFFF url(../images/bg_section_header_auml.gif) no-repeat 4px center;
*/
border-bottom: 0;
}

#artist-index #aumlDiv .artistDiv,
#artist-index #wpaDiv .artistDiv {
float: left;
display:block;
height: 64px;
width: 180px;
margin: 8px 0 8px 8px;
color: black;
cursor:pointer;
/*
text-align:center;
*/
overflow: hidden;
}

#artist-index #aumlDiv .artistDiv:hover,
#artist-index #wpaDiv .artistDiv:hover {
text-decoration: underline;
/*
background-color: #EEEEEE;
*/
}

#artist-index #aumlDiv .artistDiv .thumb_artist_m,
#artist-index #wpaDiv .artistDiv .thumb_artist_m {
float: left;
display: inline;
margin-right: 6px;
}

#artist-index #aumlDiv .artistDiv .thumb_artist_m img,
#artist-index #wpaDiv .artistDiv .thumb_artist_m img {
width: 60px;
height: 60px;
}

#artist-index #aumlDiv .artistDiv .name,
#artist-index #wpaDiv .artistDiv .name {
font-size: 14px;
font-weight: bold;
height: 36px;
overflow: hidden;
width:104px;
}

#artist-index #wpaDiv {
border: 2px solid #A6A6A6;
}

#artist-index #wpaDiv .clearfix {
*padding-bottom: 8px;
}

#artist-index #wpaDiv .ajax-page-box-header {
height: 70px;
/*
background: #FFFFFF url(../images/bg_section_header_wpa.gif) no-repeat 4px center;
*/
border-bottom: 0;

}


/* music - artistDetail */
#artist-detail .ajax-page-canvas {
position: relative;
margin-left: auto;
margin-right: auto;
text-align:left;
width: 810px;
}

#artist-detail .mainWrapper {
float:left;
display:inline;
width: 590px;
}

#artist-detail .wingWrapper {
float:right;
display:inline;
width: 215px;
}


#artist-detail #artistInfoDiv {
border: 2px solid #A6A6A6;
}

#artist-detail #artistInfoDiv .ajax-page-box-body {
padding: 12px;
}

#artist-detail #artistInfoDiv .thumb_artist_f {
float:left;
display:inline;
/*
width: 155px;
*/
width: 160px;
height: 160px;
}

#artist-detail #artistInfoDiv .thumb_artist_f img {
/*
width: 155px;
*/
width: 160px;
height: 160px;
border: 1px solid #000;
}

#artist-detail #artistInfoDiv .name {
font-size: 24px;
line-height: 30px;
font-weight: bold;
padding-left: 168px;
}

#artist-detail #artistInfoDiv .genre {
font-size: 16px;
font-weight: bold;
color: #888888;
padding-left: 168px;
}

#artist-detail .fans {
position: absolute;
right: 8px;
top: 4px;
text-align:right;
padding-left: 18px;
background: transparent url(../images/ico_hits.gif) no-repeat left center;
}

#artist-detail #artistInfoDiv .description {
padding-left: 168px;
}

#artist-detail #artistInfoDiv .description p {
padding: 8px 0;
line-height: 18px;
}

#artist-detail #latestAlbumDiv, 
#artist-detail #latestVideoDiv {
background-color: #FFFFFF;
}


#artist-detail #latestAlbumDiv .sort, 
#artist-detail #latestVideoDiv .sort {
float:right;
display:inline;
margin-right: 10px;
color: black;
font-size: 12px;
font-weight:normal;
}

#artist-detail #latestAlbumDiv .sort select, 
#artist-detail #latestVideoDiv .sort select {
margin-left: 6px;
}

#artist-detail #latestAlbumDiv .slider-left-button, 
#artist-detail #latestVideoDiv .slider-left-button {
position: absolute;
left: -8px;
top: 205px;
width: 17px;
height: 17px;
z-index: 99;
cursor:pointer;
}


#artist-detail #latestAlbumDiv .slider-right-button, 
#artist-detail #latestVideoDiv .slider-right-button {
position: absolute;
right: -8px;
top: 205px;
width: 17px;
height: 17px;
z-index: 99;
cursor:pointer;
}

#artist-detail #latestAlbumDiv .albumWrapper, 
#artist-detail #latestVideoDiv .videoWrapper {
width:50000px;
}

#artist-detail #latestAlbumDiv .albumDiv,
#artist-detail #latestVideoDiv .videoDiv, 
.albumDragArtistDetail .albumDiv {
float: left;
display:block;
width: 270px;
height: 89px;
margin: 8px;
color: black;
cursor: pointer;
}

#artist-detail #latestAlbumDiv .albumDiv .thumb_album_m,
#artist-detail #latestVideoDiv .videoDiv .thumb_video_m,  
.albumDragArtistDetail .albumDiv .thumb_album_m {
float:left;
display:inline;
margin-right: 8px;
}

#artist-detail #latestAlbumDiv .albumDiv .name,
#artist-detail #latestVideoDiv .videoDiv .name,
.albumDragArtistDetail .albumDiv .name {
font-size:14px;
font-weight:bold;
overflow:hidden;
height:55px;

}

#artist-detail #latestAlbumDiv .albumDiv .year,
#artist-detail #latestVideoDiv .videoDiv .year,
.albumDragArtistDetail .albumDiv .year {
color: #888888;
/*
margin-top: 34px;
*/
margin-top: 16px;
}



#artist-detail #actionDiv ul {
}

#artist-detail #actionDiv ul li {
margin-bottom: 4px;
text-indent: 24px;
}

#artist-detail #actionDiv ul li.add_fans {

}

#artist-detail #actionDiv ul li.add_fans a {
display:block;
line-height: 17px;
/*
width: 210px;
background: #FF8400 url(../images/ico_add.gif) no-repeat left center;
*/
width: 182px;
padding-left:24px;
background: url(../images/ico_add.gif) no-repeat left top;
color: #FFFFFF;
}

#artist-detail #actionDiv ul li.add_fans a div {
background: #FF8400;
text-align:left;
text-indent:0;
padding:0 2px;
}

#artist-detail #actionDiv ul li.add_fans a:hover {
text-decoration: none;
}

#artist-detail #actionDiv ul li.freeBlog a {
display:block;
line-height: 17px;
width: 182px;
padding-left:24px;
padding-right:2px;
color: #FFFFFF;
}

#artist-detail #actionDiv ul li.freeBlog a div {
background-color: #AFAFAF;
text-align:left;
text-indent:0;
padding:0 2px;
}

#artist-detail #actionDiv ul li.freeBlog a:hover {
text-decoration: none;
}

#artist-detail[id] #actionDiv ul li.freeBlog a {
background: url(../images/ico_freeblog.png) no-repeat left top;
}

* html #artist-detail #actionDiv ul li.freeBlog a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/ico_freeblog.png');
}

#artist-detail #actionDiv ul li.ringtone {
}

#artist-detail #actionDiv ul li.ringtone a {
display:block;
line-height: 17px;
width: 210px;
background: #AFAFAF url(../images/ico_ringtone.gif) no-repeat left center;
color: #FFFFFF;
}

#artist-detail #tpsDiv {
background-color: #FFFFFF;
width:205px;
}

#artist-detail #tpsDiv .ajax-page-box-header {
border-bottom: 0;
}

#artist-detail #tpsDiv .ajax-page-box-header {
width:100%;
height: 34px;
border-bottom:0;
}

#artist-detail #tpsDiv ul {
padding-left:30px;
list-style-type: decimal;
}

#artist-detail #tpsDiv ul li {
}

#artist-detail #tpsDiv .rankingEntry {
padding:4px 0;
}

#artist-detail #tpsDiv .rankingEntry .artist {
font-size:14px;
font-weight:bold;
}

#artist-detail #tpsDiv .rankingEntry .track {
font-size:10px;
}

#artist-detail #tpsDiv .rankingEntry .artist a {
color: black;
}

#artist-detail #tpsDiv .rankingEntry .track a {
color: #444444;
}

#artist-detail #tpsDiv ul li:first-child,
#artist-detail #tpsDiv ul li.first {
list-style:none !important;
}

#artist-detail #tpsDiv ul li:first-child .rankingEntry,
#artist-detail #tpsDiv ul li.first .rankingEntry {
margin-left:-30px;
background: #ffa200 url(../images/bg_ranking_no_1.gif) no-repeat 95% 100%;
width:205px;
}

#artist-detail #tpsDiv ul li:first-child .rankingEntry .thumb_album_s,
#artist-detail #tpsDiv ul li.first .rankingEntry .thumb_album_s {
float:left;
display:inline;
margin: 1px 8px;
}

#artist-detail #tpsDiv ul li:first-child .rankingEntry .thumb_album_s img,
#artist-detail #tpsDiv ul li.first .rankingEntry .thumb_album_s img {
width: 60px;
height: 60px;
}

#artist-detail #pwlalDiv {
background-color: #FFFFFF;
width:205px;
}

#artist-detail #pwlalDiv .ajax-page-box-header {
height: auto;
line-height: 26px;
text-indent:0;
padding: 0 4px;
}

#artist-detail #pwlalDiv .ajax-page-box-header {
border-bottom: 0;
}

#artist-detail #pwlalDiv .artistDiv {
display:block;
width: 180px;
margin: 8px;
color: black;
cursor:pointer;
outline: none;
}

#artist-detail #pwlalDiv .artistDiv:hover {
text-decoration: underline;
background-color: #EEEEEE;
}

#artist-detail #pwlalDiv .artistDiv .thumb_artist_m {
float: left;
display: inline;
margin-right: 6px;
}

#artist-detail #pwlalDiv .artistDiv .thumb_artist_m img {
width: 60px;
height: 60px;
}

#artist-detail #pwlalDiv .artistDiv .name {
font-size: 14px;
font-weight: bold;
}

/* artist - allArtist */
#artist-allArtist .ajax-page-content-fullWrapper {
margin-left: 40px;
min-height: 540px;
}

#artist-allArtist .indexDiv {
position: fixed;
/*
width: 40px;
*/
width: 42px;
z-index: 99;
text-align:center;
color: #888;
font-size: 14px;
padding: 12px 0;
margin-top: 2px;
}

#artist-allArtist .indexDiv a {
display:block;
line-height: 20px;
}

#artist-allArtist .indexDiv a.selected {
border: 2px solid #BBB;
border-right: 0;
background: #FFF;
}

#artist-allArtist .indexDiv a:hover {
font-size: 20px;
color: orange;
font-weight: bold;
text-decoration: none;
}

#artist-allArtist h1 {
margin-bottom: 12px;
}

#artist-allArtist .groupDiv {
margin-bottom: 12px;
}

#artist-allArtist .groupDiv h3 {
display:block;
font-size: 24px;
font-weight: bold;
color: #B9B9B9;
padding: 2px 0 2px 18px;
background-color: #E9E9E9;
}

#artist-allArtist .artistDiv {
float: left;
display:inline;
/*
margin: 14px;
*/
margin:4px 8px;
width:160px;
height:192px;
overflow:hidden;
text-align:center;
}

#artist-allArtist .name {
text-align:center;
color: black;
font-size: 14px;
}

/* artist - search */
#artist-search .artistDiv {
float: left;
display:inline;
margin: 14px;
width: 160px;
height: 190px;
overflow: hidden;
}

#artist-search .artistDiv .name {
text-align:center;
color: black;
font-size: 14px;
}

/* artist - album */
#albumFlowDiv, #albumFlowDiv * {
margin: 0 !important;
border: 0 !important;
padding: 0 !important;
}
#albumFlowDiv {
width: 100% !important;
height: 100% !important;
background-color: #000;
}

/* music - albumDetail */
#music-albumDetail #albumInfoDiv {
border: 2px solid #B9B9B9;
}

#music-albumDetail #albumInfoDiv .ajax-page-box-body {
padding: 8px;
}

#music-albumDetail #albumInfoDiv .thumb_album_h {
float: left;
display: inline;
margin-right: 12px;
}

#music-albumDetail #albumInfoDiv .name {
font-size: 24px;
}

#music-albumDetail #albumInfoDiv .artist {
font-size: 14px;
color: #888888;
}

#music-albumDetail #albumInfoDiv .genre {
margin-top: 12px;
}

#music-albumDetail #albumInfoDiv .rating {
margin-top: 4px;
}

#music-albumDetail #albumInfoDiv .hits {
margin-top: 20px;
font-weight: bold;
}

#music-albumDetail #albumInfoDiv .actionDiv {
position: absolute;
width: 	200px;
top: 10px;
right: -14px;
}

#music-albumDetail #albumInfoDiv .actionDiv ul li {
margin-bottom: 4px;
text-indent: 24px;
}

#music-albumDetail #albumInfoDiv .actionDiv ul li.add_fans a {
display:block;
line-height: 17px;
/*
background: #FF8400 url(../images/ico_add_w.gif) no-repeat left center;
width: 200px;
*/
width: 172px;
padding-left:24px;
background: url(../images/ico_add_w.gif) no-repeat left top;
color: #FFFFFF;
}

#music-albumDetail #albumInfoDiv .actionDiv ul li.add_fans a div {
background: #FF8400;
text-align:left;
text-indent:0;
padding:0 2px;
}

#music-albumDetail #albumInfoDiv .actionDiv ul li.ringtone a {
display:block;
line-height: 17px;
width: 200px;
background: #AFAFAF url(../images/ico_ringtone_w.gif) no-repeat left center;
color: #FFFFFF;
}

#music-albumDetail #albumInfoDiv .actionDiv ul li a:hover {
text-decoration: none;
}


#music-albumDetail #albumInfoDiv .more {
position: absolute;
bottom: 0px;
right: 10px;
height: 22px;
line-height:22px;
padding-right: 22px;
background: url(../images/ico_right_arrow_w.gif) no-repeat right center;
}


#music-albumDetail #userReviewDiv {
border: 2px solid #B9B9B9;
}

#music-albumDetail #userReviewDiv .ajax-page-box-header {
border-bottom: 0;
line-height: 30px;
}

#music-albumDetail #userReviewDiv .ajax-page-box-header span {
margin-left: 8px;
}

#music-albumDetail #userReviewDiv .reviewDiv {
width: 70%;
padding: 12px;
}

#music-albumDetail #userReviewDiv .reviewDiv .rating {
float: left;
display: inline;
width: 100px;
}

#music-albumDetail #userReviewDiv .reviewDiv .title {
padding-left: 100px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

#music-albumDetail #userReviewDiv .reviewDiv .title span {
font-size: 12px;
margin-left: 12px;
}

#music-albumDetail #userReviewDiv .reviewDiv .content {
margin-top: 4px;
padding-left: 100px;
}

#music-albumDetail #userReviewDiv #reviewWrapper {
position:relative; /* for IE6 */
}

#music-albumDetail #userReviewDiv .more {
position: absolute;
bottom: 10px;
right: 18px;
height: 22px;
line-height:22px;
padding-right: 22px;
color: #A9A9A9;
}

#music-albumDetail #userReviewDiv .link {
color: black;
background: url(../images/ico_right_arrow_w.gif) no-repeat right center;
}

#music-albumDetail #userReviewDiv .ajax-page-box-body {
position:relative;
}

#music-albumDetail #userReviewDiv .createNew {
/*
position: absolute;
top: -16px;
right: 18px;
border:1px solid red;
*/
float: right;
line-height: 20px;
margin: 6px 8px;
}

#music-albumDetail #userReviewDiv #postReviewBtn {
}

#postReviewForm {
margin: 0;
border: 0;
}

#ratingDiv span {
margin-left: 12px;
}

#errorDiv {
display: none;
margin-top: 5px;
border: 1px solid red;
background-color: #FFCCCC;
}

#errorDiv p {
padding: 8px;
}


/* user - search */
#user-search .userDiv {
position: relative;
padding: 4px;
}

#user-search .alt {
background-color: #EEEEEE;
}

#user-search .userDiv .actionDiv {
position: absolute;
width: 210px;
right: 4px;
top: 4px;
}

#user-search .userDiv .actionDiv ul li{
margin-bottom: 4px;
text-indent: 24px;
}

#user-search .userDiv .actionDiv ul li a {
/*
display:block;
line-height: 17px;
width: 210px;
*/
display:block;
line-height: 17px;
width: 182px;
padding-left:20px;
padding-right:2px;
}

#user-search[id] .userDiv .actionDiv ul li a {
background: url(../images/ico_freeblog.png) no-repeat left top;
}

* html #user-search .userDiv .actionDiv ul li a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/ico_freeblog.png');
}

#user-search .userDiv .actionDiv ul li a div {
text-align:left;
text-indent:0;
padding:0 2px;
width:186px;
}

#user-search .userDiv .actionDiv ul li.add_friend a {
background: #FF8400 url(../images/ico_add_w.gif) no-repeat left center;
color: #FFFFFF;
}

#user-search .alt .actionDiv ul li.add_friend a {
background: #FF8400 url(../images/ico_add.gif) no-repeat left center;
}

/*
#user-search .userDiv .actionDiv ul li.message a,
#user-search .userDiv .actionDiv ul li.freeBlog a {
background: #AFAFAF url(../images/ico_ringtone_w.gif) no-repeat left center;
color: #FFFFFF;
}

#user-search .alt .actionDiv ul li.message a,
#user-search .alt .actionDiv ul li.freeBlog a {
background: #AFAFAF url(../images/ico_ringtone.gif) no-repeat left center;
}
*/

#user-search .alt .actionDiv ul li.freeBlog a {
/*
display:block;
line-height: 17px;
width: 182px;
padding-left:20px;
padding-right:2px;
background: url(../images/ico_freeblog.gif) no-repeat left top;
*/
color: #FFFFFF;
}

#user-search .alt .actionDiv ul li.freeBlog a div {
background-color: #AFAFAF;
/*
text-align:left;
text-indent:0;
padding:0 2px;
width:186px;
*/
}

#user-search .userDiv .actionDiv ul li a:hover, 
#user-search .alt .actionDiv ul li.freeBlog a:hover {
text-decoration: none;
}

#user-search .userDiv .thumb_user_l {
float: left;
display:inline;
margin-right: 18px;
}

#user-search .userDiv .name {
font-size: 18px;
font-weight: bold;
}

#user-search .userDiv .join {
color: #888888;
}

/* user - account */
#user-account .profile_error {
font-size:12px;
color:#F00;
}
#user-account #notificationDiv {
position: absolute;
height: 30px;
padding: 4px;
text-align:center;
}

#user-account .x-panel-body {
background-color: #FFF;
padding-bottom: 24px;
}

#user-account #accountDiv {
margin: 2px;
}

#user-account .ajax-page-panel-flip {
padding: 12px 24px;
}

#user-account #accountDiv .sectionDiv {
padding: 24px 0;
}

#user-account #accountDiv .sectionDiv .label {
width: 180px;
color: #A9A9A9;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
}

#user-account #accountDiv #account_sharing .sectionDiv {
padding: 24px 0 12px 0;
}

#user-account #accountDiv .sectionDiv .body {
color: #444444;
font-size: 16px;
vertical-align: middle;
}

#user-account #accountDiv .sectionDiv .edit {
width: 60px;
color: #A9A9A9;
font-size: 12px;
text-align:center;
}

#user-account #accountDiv .separator {
border-top: 1px solid #EEE;
}

#user-account #accountDiv .sectionDiv table {
width:100%;
border: 0;
}

#user-account #accountDiv .sectionDiv table td {
padding: 4px 4px;
}

#user-account #accountDiv #account_profile .sectionDiv table td {
padding: 6px;
}

#user-account #accountDiv #account_sharing .sectionDiv table .field_checkbox {
vertical-align:top;
}

#user-account #accountDiv .sectionDiv table td strong {
font-size: 14px;
}

#user-account #accountDiv #account_sharing .sectionDiv table td p {
padding: 4px 0;
}


#user-account #accountDiv .editable {
padding: 4px 8px;
border: 1px solid #FFF;
cursor: pointer;
text-decoration: underline;
font-weight:bold;
}

#user-account #accountDiv .ajax-page-panel-over {
border-top: 1px solid #999999;
border-left: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
border-bottom: 1px solid #D7D7D7;

background: url(../images/bg_editable.gif) repeat-x bottom;
}
/*
#user-account #accountDiv .editing {
font-size: 18px;
font-weight: bold;
padding: 2px;
width: 300px;
}
*/
#user-account .thumb_user_l {
float: left;
}

#user-account #accountDiv #edit_status {
float: none;
}


#user-account #accountDiv .field_checkbox {
width: 30px;
text-align:center;
}

#user-account .playlistDiv {
border: 1px solid #D9D9D9;
width: 400px;
height: 300px;
overflow: auto;
}

#user-account .playlistDiv ul li {
}

#user-account .playlistDiv .sectionDiv table {
vertical-align: middle;
}

#user-account #accountDiv .uploadDiv {
display:none;
position: relative;
padding: 12px;
background-color: #EEE;
margin: -12px 0;
height: 115px;
font-size:12px;
}

#user-account #accountDiv .uploadDiv .thumb_user_l {
float: left;
margin-right: 12px;
}

#user-account #accountDiv .uploadDiv h2 {
color: #888888;
font-size: 18px;
font-weight:bold;
margin-bottom:12px;
}
#user-account #accountDiv .uploadDiv .uploadBox {
margin-bottom:18px;
}

#user-account #accountDiv .uploadDiv .uploadBtn {
position: absolute;
right: 18px;
top: 50px;
font-size: 16px;
font-weight: bold;
background:transparent url(../images/bg_upload_btn.gif) repeat-x bottom;
border: 1px solid #A9A9A9;
height: 40px;
outline: none;
}

#user-account #accountDiv .uploadDiv .disabled {
color: #B9B9B9;
}

#user-account #accountDiv #fans_of #numOfFansOf {
color:#666;
font-size:12px;
font-weight:bold;
/*
float:right;
*/
position:absolute;
top:12px;
right:12px;
}

#user-account #accountDiv #fans_of .artistDiv {
float:left;
width:180px;
height:186px;
margin:8px;
color:black;
cursor:pointer;
text-align:center;
display:block;
background:#FFF; /* for IE7 */
}

#user-account #accountDiv #fans_of .artistDiv .name {
width:180px;
height:30px;
overflow:hidden;
}

#user-account #accountDiv #fans_of .btn_remove {
display:block;
height:25px;
width:25px;
position:absolute;
top:-12px;
right:0px;
}

#user-account #accountDiv #fans_of .btn_remove[class] {
background:transparent url(../images/bg_remove_l.png) no-repeat scroll 0 0;
}

* html #user-account #accountDiv #fans_of .btn_remove {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/bg_remove_l.png');
}

/*
#user-account #fansOfListDiv {
border: 1px solid #D9D9D9;
width: 400px;
height: 300px;
overflow: auto;
}
*/

/* user - profile */
#user-profile .ajax-page-canvas {
position: relative;
margin-left: auto;
margin-right: auto;
text-align:left;
width: 810px;
}

#user-profile .ajax-page-box {
border: 2px solid #B6B6B6;
background: #FFF;
}

#user-profile .mainWrapper {
float:left;
/*
display:block;
*/
display:inline;
width: 580px;
position:relative;
}

#user-profile .wingWrapper {
float:right;
display:inline;
width: 220px;
}

#user-profile #userInfoDivWrap {
width:570px;
display:block;
}

#user-profile #userInfoDiv {
border: 2px solid #B6B6B6;
}

#user-profile #userInfoDiv .ajax-page-box-body {
padding: 4px;
}

#user-profile #userInfoDiv .thumb_user_l {
float: left;
margin-right: 12px;

}

#user-profile #userInfoDiv .name {
font-size: 20px;
font-weight: bold;
}

#user-profile #userInfoDiv .listening {
margin-left: 110px;
margin-top: 24px;
text-indent: 16px;
font-size: 12px;
line-height:16px;
background: transparent url(../images/ico_listening.gif) no-repeat left center;
}


#user-profile #sharedPlaylistDiv {
overflow:hidden;
position:relative;
width:560px;
height:338px;
}

#user-profile #sharedPlaylistGrid {
position:static;
border:0;
margin:0;
padding:0;
}

#user-profile #freeblogFriendDiv .friend-link,
#user-profile #freeblogArticleDiv .blog-link {
height:18px;
}

#user-profile #freeblogFriendDiv {
padding:4px;
}

#user-profile #freeblogFriendDiv .friend-avatar {
margin:4px;
}

#user-profile #freeblogFriendDiv img {
width: 64px;
height: 64px;
}

#user-profile #freeblogArticleDiv {
padding:4px;
}

#user-profile #freeblogArticleDiv .blog {
margin-top:1em;
}

#user-profile #freeblogArticleDiv .blog-title {
font-size:22px;
font-weight:bold;
/*
border-bottom:3px dotted #333;
*/
}

#user-profile #freeblogArticleDiv .blog-info {
color:#888;
}

#user-profile #freeblogArticleDiv .blog-content {
margin:1em 0;
}

#user-profile #freeblogArticleDiv th {
border-bottom: 1px dotted #666;
font-weight:bold;
}


#user-profile #actionDiv ul {
}

#user-profile #actionDiv ul li {
margin-bottom: 4px;
text-indent: 24px;
}

#user-profile #actionDiv ul li.add_fans a {
display:block;
line-height: 17px;
/*
width: 210px;
background: #FF8400 url(../images/ico_add.gif) no-repeat left center;
*/
width: 182px;
padding-left:20px;
padding-right:2px;
background: url(../images/ico_add.gif) no-repeat left top;
color: #FFFFFF;
}

#user-profile #actionDiv ul li.add_fans a div {
background-color: #FF8400;
text-align:left;
text-indent:0;
padding:0 2px;
width:186px;
}

#user-profile #actionDiv ul li.add_fans a:hover {
text-decoration: none;
}

#user-profile #actionDiv ul li.ringtone a {
display:block;
line-height: 17px;
width: 210px;
background: #AFAFAF url(../images/ico_ringtone.gif) no-repeat left center;
color: #FFFFFF;
}

#user-profile #actionDiv ul li.freeBlog a {
display:block;
line-height: 17px;
/*
width: 210px;
background: #AFAFAF url(../images/ico_freeblog.gif) no-repeat left center;
*/
width: 182px;
padding-left:20px;
padding-right:2px;
color: #FFFFFF;
}

#user-profile #actionDiv ul li.freeBlog a div {
background-color: #AFAFAF;
text-align:left;
text-indent:0;
padding:0 2px;
width:186px;
}

#user-profile #actionDiv ul li.freeBlog a:hover {
text-decoration: none;
}

#user-profile[id] #actionDiv ul li.freeBlog a {
background: url(../images/ico_freeblog.png) no-repeat left top;
}

* html #user-profile #actionDiv ul li.freeBlog a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/ico_freeblog.png');
}

#user-profile #fansOfDiv {
background-color: #FFFFFF;
}


#user-profile #fansOfDiv .ajax-page-box-header {
border-bottom: 0;
}

#user-profile #fansOfDiv .artistDiv {
display:block;
width: 195px;
margin: 8px;
color: black;
cursor:pointer;
}

#user-profile #fansOfDiv .artistDiv:hover {
text-decoration: underline;
background-color: #EEEEEE;
}

#user-profile #fansOfDiv .artistDiv .thumb_artist_m {
float: left;
display: inline;
margin-right: 6px;
}

#user-profile #fansOfDiv .artistDiv .thumb_artist_m img {
width: 60px;
height: 60px;
}

#user-profile #fansOfDiv .artistDiv .name {
font-size: 14px;
font-weight: bold;
}

#user-profile #fansOfDiv p {
margin: 8px ;
}

/* video - detail */
#video-detail {
padding: 0;
width: 100%;
height: 100%;
background-color: black;
}

#video-detail .ajax-page-canvas {
width: 100%;
height: 99%;
}

/* news - list */
#news-latestNews .newsBlockDiv {
margin-top: 28px;
padding-right: 18px;
}

#news-latestNews .newsBlockDiv #newsImg {
margin:2px 8px 2px 0;
width:96px;
height:96px;
}

#news-latestNews .newsTitleHeader {
font-size: 18px;
float: left;
margin-right: 20px;
}

#news-latestNews .newsDateDiv {
color: #999;
line-height:22px;
clear:right;
}

#news-latestNews .newsContentDiv {

margin-top: 8px;
font-size: 12px;
}

/* news - detail */
#news-detail .news_tag {
text-decoration: underline;
}

#news-detail .newsDateDiv {
margin-bottom: 17px;
}

#news-detail .newsContentWrapperDiv {
margin-bottom: 17px;
}
/*
#news-detail .newsImgDiv {
float: right;
max-width: 50%;
display: block;
margin-left: 18px;
margin-bottom:18px;
}
*/
#news-detail #newsImg {
float: right;
margin-left: 18px;
margin-bottom:18px;
}

#news-detail .newsContentDiv {
font-size: 14px;
}

#news-detail .newsTitleHeader {

}

/* artist album view controls */
#page_customs button.btn_views {
background: #fff url(../images/bg_btn_views.png) no-repeat;
height: 19px;
width: 24px;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
#page_customs .list_view {
background-position: 0 0 !important;
display: none !important;
}
#page_customs .list_view_pressed {
background-position: 0 -19px !important;
}
#page_customs .block_view {
background-position: 0 0 !important;
}
#page_customs .block_view_pressed {
background-position: 0 -19px !important;
}
#page_customs .coverflow_view {
background-position: -24px 0 !important;
}
#page_customs .coverflow_view_pressed {
background-position: -24px -19px !important;
}


/* gridPanel */
#gridPanel .rating {
text-align:center;
margin:auto;
width:66px;
}
#gridPanel .rating .star_full,
#gridPanel .rating .star_empty {
float: left;
display:inline;
width: 13px;
height: 13px;
}
#gridPanel .rating img {
width: 13px;
height: 13px;
}
#gridPanel .rating .star_full[class] {
background: transparent url(../images/star_full.png) no-repeat 0 0;
}
* html #gridPanel .rating .star_full {
background: transparent none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/star_full.png');
}
#gridPanel .rating .star_empty[class] {
background: transparent url(../images/star_empty.png) no-repeat 0 0;
}
* html #gridPanel .rating .star_empty {
background: transparent none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/star_empty.png');
}
#gridPanel .x-grid3-row .review {
display:block;
width: 50px;
height: 13px;
padding-left:15px;
text-align:left;
line-height:13px;
margin:0 auto;
}
#gridPanel .x-grid3-row .review[class] {
background: transparent url(../images/ico_review.png) no-repeat 0 0;
}
* html #gridPanel .x-grid3-row .review {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/mrs_web/images/ico_review.png');
}



.MRS_style_table {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}
.MRS_style_table .title td {
	min-height:30px ;
	_height:30px !important;
	padding:0 3px !important;
	color:#fff;
	font-weight:bold;
	background:url(../images/noncsl/bg_tableHeader.gif) repeat-x;
}

.MRS_style_table td {
	padding:5px 3px;
}
.MRS_style_table .bg_color1 {
	background:#fff;
}
.MRS_style_table .bg_color2 {
	background:#fafafa;
}

.lyric_content_style{
	padding:20px 10px;
	text-align: left;
	height:96%;
	overflow-x:hidden;
	overflow-y:scroll;
	color: #666666;
}

.lrc_clearfix:after {content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;}
.lrc_clearfix:after {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.lrc_clearfix:after {display: block;}
/* End hide from IE-mac */

.lyric_titlename_style{
	overflow:hidden;
	white-space:nowrap;
	width:95%;
	color:#000 
}

#webLrcShowDiv .x-panel-body{
border:1px solid #999;
}

#webLrcShowDiv .x-panel-header{
background-color:#E9E9E9;
background:url('/mrs_web/images/ext/gray/panel/white-top-bottom.gif') repeat-x;
border:1px solid #999;
color:#15428b;
font:12px tahoma,arial,verdana,sans-serif;
}

.x-layout-collapsed#webLrcShowDiv-xcollapsed{background-color:#E1E1E1;border:1px solid #999;}
.x-layout-collapsed-over#webLrcShowDiv-xcollapsed{cursor:pointer;background-color:#F5F5F5;}

#webLrcShowDiv .x-tool{background:transparent url(/mrs_web/images/ext/gray/panel/tool-sprites.gif) no-repeat;}
#webLrcShowDiv-xcollapsed .x-tool{background:transparent url(/mrs_web/images/ext/gray/panel/tool-sprites.gif) no-repeat;}
#webLrcShowDiv-xcollapsed .x-tool-expand-east{background-position:0 -180px;}
#webLrcShowDiv-xcollapsed .x-tool-expand-east-over{background-position:-15px -180px;}
#webLrcShowDiv .x-accordion-hd .x-tool-toggle{background-position:0 -255px;}
#webLrcShowDiv .x-accordion-hd .x-tool-toggle-over{background-position:-15px -255px;}
#webLrcShowDiv .x-tool-collapse-east{background-position:0 -165px;}
#webLrcShowDiv .x-tool-collapse-east-over{background-position:-15px -165px;}


.album_comment_content div:first-child {
	border-top:none;
}

.album_comment_section {
	border-top:1px solid #ccc;
	padding: 10px 0px 10px 0px;
	height: 180px;
}

.album_comment_content {
	padding: 0px 20px;
	color: #666666;
}
.album_comment_section .section_album{
	float:left;
	width:20%;
	margin-right:1%;
	/*border-right:1px solid #ccc;*/
}
.album_comment_section .section_comment{
	float:left;
	width:75%;
	height:100%;
	position:relative;
}
.album_comment_section .section_comment .commentbtn{
	position:absolute;
	left:0;
	top:160px;
	height:30px;
}

/* singing contest */

.upload_body {
	clear:both;
	padding:10px;
}
.upload_body input {vertical-align:middle;}
.upload_body h3 {
	font-size:18px;
	text-decoration:underline;
}

.uploadTitle h2 {font-size:16px;}

.topTabMenu {
	clear:both;
	height:28px;
	margin:5px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #666;
}
.topTabMenu ul {list-style:none;}
.topTabMenu ul li {
	position:relative;
	display:inline-block;
	float:left;
	margin-right:10px;
	padding:5px 10px;
	top:1px;
	border:1px solid #666;
	background:#aaa;
}
.topTabMenu ul li.iselected {
	color:#000;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #eee;
	background:#eee;
}
.topTabMenu .title {
	display:inline-block;
	float:left;
	padding-right:20px;
	font-size:18px;
}



.error_message {
	clear:both;
	width:50% !important;
	margin-top:10px;
	padding:10px;
	line-height:1.4em;
	border: 1px solid red;
	background-color: #e9afaf;
}
.error_message ul {list-style:none;background-color: #e9afaf;}
.error_message ul li {list-style:inside;background-color: #e9afaf;}
.error_message ul li ul {
	padding-left:30px;	background-color: #e9afaf;
}
.error_message li {
	padding-left:30px;	background-color: #e9afaf;
}

.upload_song {
	width:99%;
	margin:10px auto 20px auto;
}

.upload_song td {
	padding:3px;
}






.uploadItem {
	clear:both;
	line-height:1.5em;
}
.uploadItem input {
	width:50%;
	height:30px;
	line-height:30px;
	font-size:14px;
}
.uploadItem label {
	display:inline-block;
	float:left;
	width:120px;
}
.uploadItem a {
	text-decoration:underline;
}

.uploadForm {
	width:99%;
	margin:10px auto 20px auto;
	background:#333;	
}

.uploadForm td {
	padding:5px 3px;
	background:#c6c6c6;	
} 


.uploadForm input {
	margin:0 2px;
	padding:2px;
	/*
	border:none;
*/
	background:eee;
}

.upload_legend{
	/*font-size:25px;
	text-decoration:overline;
	*/
	font-size:16px;
	font-weight:bold;
	color: #000000;
}

.btn_div {
	clear:both;
	padding:10px;
	text-align:center;
}

.btn_div .btn_submit {
	width:80px;
	height:24px;
	line-height:24px;
	color:#000;
}

.clause {
	clear:both;
	padding:0 10px;
	font-size:14px;
}

.clause h3 {
	margin-bottom:10px;
	color:#f00;
	text-decoration:underline;
}

.clause ol, .clause li {
	list-style:none;
	display:block;
	clear:both;
}

.clause ol li {
	padding-bottom:10px;
}
.clause ol li ol {
	padding:0 0 5px 10px;
}
.clause ol li ol li {
	padding-bottom:5px;
}



 .txtclass{
border-top:0px;border-left:0px;border-right:0px;border-bottom:thin solid black;
}