/* Artiste Revamp Temp CSS */
#big-body-bg {
	padding-top: 25px;
}

#big-body-bg-nokia {
	padding-top: 30px;
}

.artiste_new #big-body-bg {
	padding-top: 0;
}

/* ----- Module head (shocking pink color) ----- */
.artiste-module-head {
	display:block;
	width:inherit;
    height:30px;
   	background-color:#F21C62; 
    cursor:pointer; 
	text-decoration:none;
}

.artiste-module-head:hover {
	display:block;
	width:inherit;
    height:30px;
   	background-color:#F95086; 
    cursor:pointer; 
	text-decoration:none;
}

.artiste-module-head .calendar-icon {
	float:left;
	margin:5px 5px 3px 12px;
	background-image:url(http://img.tvb.com/artiste/images/index/1/icon_module_calendar.png);
	background-position:center top;
        background-repeat:no-repeat;
	width:20px;
	height:20px;
	display: inline;
}

.artiste-module-head .ranking-icon {
	float:left;
	margin:5px 5px 3px 12px;
	background-image:url(http://img.tvb.com/artiste/images/index/1/icon_module_ranking.png);
	background-position:center top;
        background-repeat:no-repeat;
	width:20px;
	height:20px;
	display: inline;
}

.artiste-module-head div.title {
	float:left; 
	margin:6px 2px 3px 5px; 
	font-size:15px; color:#FFF;
	display: inline;
}

.artiste-module-head .more-icon {
	background-image:url(http://img.tvb.com/artiste/images/index/1/icon_more_large_white.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	float:right; 
	margin:5px;
	display: inline;
}

/* ----- Module sub head (dotted background) ----- */
.artiste-module-subhead {
	display:inline-block;
	width:290px;
	height:25px;
	cursor:pointer;
	background-image:url(http://img.tvb.com/artiste/images/index/1/bkg_filter.png);
	background-repeat:repeat;
	background-position:left top;
	text-decoration:none;
}

.artiste-module-subhead:hover {
	display:inline-block;
	width:290px;
	height:25px;
	cursor:pointer;
	background-image:url(http://img.tvb.com/artiste/images/index/1/bkg_filter_hover.png);
	background-repeat:repeat;
	background-position:left top;
	text-decoration:none;
}

.artiste-module-subhead img.leftIconStyle {
	float:left;
	margin:5px 5px 3px 10px;
}

.artiste-module-subhead div.title {
	float:left; 
	margin:5px 2px 3px 5px; 
	font-size:13px;
	font-weight:bold;
	color:#000;
}

.artiste-module-subhead img.riteIconStyle {
	float:right; 
	margin:5px;
}

/* ----- Ranking specific style ----- */
#artiste-ranking {
	margin-bottom:15px;
}

#artiste-ranking-tab {
	height:30px;	
}


#artiste-ranking-tab1 {
	display:block;
	width:145px;
	height:25px;
	background-color:#B9B9B9;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
}

#small-body-bg .artiste-ranking-tab-style {	
	display:block;
	width:144px;
	height:25px;
	background-color:#B9B9B9;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	float:left;
	line-height:25px;
}

#small-body-bg .artiste-ranking-tab-style-nokia {	
	display:block;
	width:115px;
	height:25px;
	background-color:#B9B9B9;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	float:left;
	line-height:25px;
}

#small-body-bg .artiste-ranking-tab-style:hover {	
	color:#000;
	background-image:url(http://img.tvb.com/artiste/images/index/1/bkg_filter.png);
	background-repeat:repeat;
	background-position:left top;
}

#small-body-bg .artiste-ranking-tab-style-nokia:hover {	
	color:#000;
	background-image:url(http://img.tvb.com/artiste/images/index/1/bkg_filter.png);
	background-repeat:repeat;
	background-position:left top;
}

#small-body-bg .artiste-ranking-tab-style:active {	
	display:block;
	width:144px;
	height:25px;
	background-color:#B9B9B9;
	font-size:13px;
	font-weight:bold;
	color:#000;
	background-image:url(http://img.tvb.com/artiste/images/index/1/bkg_filter.png);
	background-repeat:repeat;
	background-position:left top;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	float:left;
}

#small-body-bg .artiste-ranking-tab-style-nokia:active {	
	display:block;
	width:115px;
	height:25px;
	background-color:#B9B9B9;
	font-size:13px;
	font-weight:bold;
	color:#000;
	background-image:url(http://img.tvb.com/artiste/images/index/1/bkg_filter.png);
	background-repeat:repeat;
	background-position:left top;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	float:left;
}

#small-body-bg .artiste-ranking-selected-tab-style {	
	display:block;
	width:144px;
	height:25px;
	background-color:#B9B9B9;
	font-size:13px;
	font-weight:bold;
	color:#000;
	background-image:url(http://img.tvb.com/artiste/images/index/1/bkg_filter.png);
	background-repeat:repeat;
	background-position:left top;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	float:left;
	line-height:25px;
}

#small-body-bg .artiste-ranking-selected-tab-style-nokia {	

	display:block;
	width:115px;
	height:25px;
	background-color:#B9B9B9;
	font-size:13px;
	font-weight:bold;
	color:#000;
	background-image:url(http://img.tvb.com/artiste/images/index/1/bkg_filter.png);
	background-repeat:repeat;
	background-position:left top;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	float:left;
	line-height:25px;
}

.artiste-ranking-row {
	cursor:pointer;
	border-bottom:1px #F0F0F0 solid;
	display:block;
	background-color: #ffffff;
	float: left;
	clear: both;
}

.artiste-ranking-row:hover {
	background-color:#F0F0F0;
}

.artiste-ranking-row .thumb_container{
	padding:2px 0px 3px 0px;
}

.artiste-ranking-row .thumb_container-nokia{
	padding:0px 0px 0px 0px;
}

.artiste-ranking-row .indicatorimg {
	padding-left:30px;
	/*margin: 10px 10px 10px 30px;*/
	/*vertical-align:middle;*/
}

.artiste-ranking-row .indicatorimg-nokia {
	/*padding-left:30px;
	padding-bottom:2px;*/
	margin: 10px 10px 10px 30px;
	vertical-align:middle;
}

.artiste-ranking-row .numimg {
	padding-left:7px;
	padding-top:10px;
	vertical-align:middle;
	line-height:40px;
	/*margin: 11px 10px 10px 6px;*/
}

.artiste-ranking-row .numimg-nokia {
	padding-left:7px;
	padding-top:5px;
	vertical-align:middle;
	line-height:40px;
	/*margin: 11px 10px 10px 6px;*/
}

.artiste-ranking-row .rank-num {
	line-height:44px;
	font-size:15px;
	color:#000;
	padding-left:12px;
}

.artiste-ranking-row .rank-num-nokia {
	line-height:36px;
	font-size:15px;
	color:#000;
	padding-left:12px;
}

.artiste-ranking-row .ratingpercent {
	display:inline;
	font-size:13px;
	color:#000;
}
/* ----- Artiste Feed Module ----- */
#artiste-latest-update-tab-container .artiste-latest-update-tab-style {
	display:block;
	width:100px;
	height:28px;
	background-color:#B9B9B9;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	float:left;
	margin-right:2px;
	line-height:28px;
}

body #artiste-latest-update-tab-container .artiste-latest-update-tab-style:hover {
	background-color:#F21C62;
	text-decoration:none;
}

#artiste-latest-update-tab-container .artiste-latest-update-selected-tab-style {
	display:block;
	width:100px;
	height:28px;
	background-color:#F21C62;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	float:left;
	margin-right:2px;
	line-height:28px;
}

.artiste-feed-container {
	margin:10px;
}

#artiste_profile_container {
	position: relative;
}

#toppanel {
	margin-bottom: 10px;
	width: 975px;
	height:330px;
}
