/* CSS Document */

body { 
	margin:0px;
	padding-top:10px;
	background:url(../images/themes/tokio_bg.jpg) center top no-repeat;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

.body_container{
  margin-left: auto ;
  margin-right: auto ;
    text-align:left;
	width:900px;
}


/*----------------------HEADER---------------------*/
.header {width:900px; float:left}
.logo { background:url(../images/themes/logo.png) bottom no-repeat; float:left; width:355px; height:85px;}

/*----------------------PROFILE STATUS---------------------*/
.status {background-image:url(../images/status/panel_bg.png); width:535px; height:85px; color:#FFFFFF; float:right;}
.status .pic {background-image:url(../images/status/user1.jpg); background-repeat:no-repeat; margin:8px 5px 0px 8px; width:70px; height:70px; float:left;}
.status .table {float:right; margin:8px 8px 8px 5px; width:438px;}
.status .greeting {color:#c1135a; font-size:14px; font-weight:bold;} 
.status .username {color:#FFFFFF; font-size:14px; font-weight:bold;}
.status .hrdivider {background-image:url(../images/blue_hr_divider.gif); background-repeat:repeat-x; background-position:center; margin:8px 0px 8px 0px;}
.status .link {color:#FFFFFF; text-decoration:none;}
.status .link a {color:#FFFFFF; text-decoration:none;}
.status .link:hover {color:#c1135a; text-decoration:none;}

/*----------------------PROFILE STATUS PRELOGIN---------------------*/
.status_pre {background-image:url(../images/status/prelogin_panel_bg.png); width:415px; height:85px; color:#FFFFFF; float:right;}
.status_pre .table {float:right; margin:8px 8px 8px 8px; width:519px;}
.status_pre .greeting {color:#c1135a; font-size:16px; font-weight:bold;} 
.status_pre .message {color:#ffffff; font-size:13px; font-weight:bold;} 
.status_pre .username {color:#FFFFFF; font-size:16px; font-weight:bold;}
.status_pre .hrdivider {background-image:url(../images/blue_hr_divider.gif); background-repeat:repeat-x; background-position:center; margin:8px 0px 8px 0px;}
.status_pre .link {color:#FFFFFF; text-decoration:none;}
.status_pre .link a {color:#FFFFFF; text-decoration:none;}
.status_pre .link:hover {color:#c1135a; text-decoration:none;}

/*-------------------NEW PROFILE STATUS PRELOGIN-------------------*/
.status_pre_new {background-image:url(../images/status/prelogin_panel_bg_new.png); width:535px; height:85px; color:#FFFFFF; float:right;}
.status_pre_new .table {float:right; margin:8px 8px 8px 8px; width:519px;}
.status_pre_new .greeting {color:#c1135a; font-size:16px; font-weight:bold;} 
.status_pre_new .message {color:#ffffff; font-size:13px; font-weight:bold;} 
.status_pre_new .username {color:#FFFFFF; font-size:16px; font-weight:bold;}
.status_pre_new .hrdivider {background-image:url(../images/blue_hr_divider.gif); background-repeat:repeat-x; background-position:center; margin:8px 0px 8px 0px;}
.status_pre_new .link {color:#FFFFFF; text-decoration:none;}
.status_pre_new .link a {color:#FFFFFF; text-decoration:none;}
.status_pre_new .link:hover {color:#c1135a; text-decoration:none;}

/*----------------------PLAYER---------------------*/
/*.player {width:900px; height:69px; float:left; background-image:url(../images/player/player_bg.png); background-position:center; background-repeat:no-repeat; margin-top:10px; color:#FFFFFF}
.player .playlist {width:314px; padding:8px; float:left}
.player .songlist {width:314px; padding:8px; float:left}
.player .listing {padding-left: 5px}
.player .controls {width:189px; padding:12px 6px 10px 10px; float:left}
.player .pop {width:19px; padding:8px; float:left}
.player .link {color:#FFFFFF; text-decoration:none}
.player .opacity {opacity: 0.3; filter:alpha(opacity=30);}
.player .link:hover {color:#c1135a; text-decoration:none}
.player .favourite {background: url(../images/player/icon_play_fav.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 5px 0px 5px;}
.player .favourite:hover {background: url(../images/player/icon_play_fav_o.gif) center no-repeat;}
.player .add {background:url(../images/player/icon_play_add.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 5px 0px 5px;}
.player .add:hover {background:url(../images/player/icon_play_add_o.gif) center no-repeat;}
.player .share {background:url(../images/player/icon_play_share.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 5px 0px 5px;}
.player .share:hover {background:url(../images/player/icon_play_share_o.gif) center no-repeat;}

.player .favouritelist {background: url(../images/player/icon_playlist_fav.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 5px 0px 5px;}
.player .favouritelist:hover {background: url(../images/player/icon_playlist_fav_o.gif) center no-repeat;}
.player .addlist {background:url(../images/player/icon_playlist_add.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 5px 0px 5px;}
.player .addlist:hover {background:url(../images/player/icon_playlist_add_o.gif) center no-repeat;}
.player .sharelist {background:url(../images/player/icon_playlist_share.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 5px 0px 5px;}
.player .sharelist:hover {background:url(../images/player/icon_playlist_share_o.gif) center no-repeat;}
.player .viasms {background:url(../images/player/viasms.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 5px 0px 5px;}
.player .viasms:hover {background:url(../images/player/viasms_o.gif) center no-repeat;}
.player .buypc {background:url(../images/player/buypc.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 5px 0px 5px;}
.player .buypc:hover {background:url(../images/player/buypc_o.gif) center no-repeat;}

.player .repeat {background:url(../images/player/icon_repeat.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 4px 0px 4px;}
.player .repeat:hover {background:url(../images/player/icon_repeat_o.gif) center no-repeat;}
.player .shuffle {background:url(../images/player/icon_shuffle.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:0px 4px 0px 4px;}
.player .shuffle:hover {background:url(../images/player/icon_shuffle_o.gif) center no-repeat;}

.player .volume {background:url(../images/player/volume.gif) center no-repeat; width:6px; height:21px; cursor:pointer; margin:0px 1px 0px 1px;}
.player .volume:hover {background:url(../images/player/volume_o.gif) center no-repeat;}
.player .speaker {background:url(../images/player/volumn.png) center no-repeat; width:23px; height:23px; cursor:pointer; margin:1px;}
.player .speaker:hover {background:url(../images/player/volumn_o.png) center no-repeat;}
.player .speaker:selected {background:url(../images/player/volumn_selected.png) center no-repeat;}

.player .playpause {background:url(../images/player/playpause.png) center no-repeat; width:45px; height:45px; cursor:pointer; margin:1px;}
.player .playpause:hover {background:url(../images/player/playpause_o.png) center no-repeat;}

.player .rev {background:url(../images/player/rev_btn.png) center no-repeat; width:29px; height:29px; cursor:pointer; margin:1px;}
.player .rev:hover {background:url(../images/player/rev_btn_o.png) center no-repeat;}

.player .forward {background:url(../images/player/forward_btn.png) center no-repeat; width:29px; height:29px; cursor:pointer; margin:1px;}
.player .forward:hover {background:url(../images/player/forward_btn_o.png) center no-repeat;}

.player .undock {background:url(../images/player/icon_pop.gif) center no-repeat; width:16px; height:16px; cursor:pointer; margin:1px;}
.player .undock:hover {background:url(../images/player/icon_pop_o.gif) center no-repeat;}
*/
.playermenu {background-color:#1f1e2a; width:330px; padding:2px; color:#FFFFFF;}
.playermenu .tabs {font-size:12px; color:#FFFFFF; font-weight:bold; padding:5px;}
.playermenu .tabs a {color:#FFFFFF; text-decoration:none;}
.playermenu .tabs a:hover {color:#C1135A; text-decoration:underline;}
.playermenu .tabs:selected {color:#C1135A; text-decoration:none;}

.playermenu .scrollup {background:url(../images/player/scrollup.gif); margin:2px; width:17px; height:17px; cursor:pointer;}
.playermenu .scrollup:hover {background:url(../images/player/scrollup_o.gif);}
.playermenu .scrolldown {background:url(../images/player/scrolldown.gif); margin:2px; width:17px; height:17px; cursor:pointer;}
.playermenu .scrolldown:hover {background:url(../images/player/scrolldown_o.gif);}

.musicmenulist {width:320px; background-color:#1f1e2a; float:left; margin:5px;}
.musicmenulist ul {margin:0; padding:0; list-style:none; display:block;}
.musicmenulist li {background:#1f1e2a;}
.musicmenulist li a{width:310px; height:25px; display:block; text-decoration:none; color:#FFFFFF; padding-left:5px; padding-top:10px;}
.musicmenulist li a:hover {background:#d5e8d4; color:#1f1e2a;}
.musicmenulist .divider {height:2px;}


/*-----------------------TOP NAVI----------------------*/
.topnavi {line-height:normal; background:url(../images/topnavi/navi_bg.png) no-repeat center; width:900px; height:49px; margin-top:10px; color:#FFFFFF; float:left;}
.topnavi ul {margin:0px 0px 0px 20px; padding:0px; list-style:none; display:block;}
.topnavi li{float:left; padding:0px; display:block; padding:12px 0px;}
.topnavi a {font-size:18px; display:block; color:#FFFFFF; text-decoration:none;}
.topnavi a:hover {color:#c1135a;}
.topnavi .divider {background:url(../images/topnavi/topnavi_divider.png) no-repeat center; width:52px; height:25px;}

/*--------------------FULL LENGTH NAVI--------------------*/
.topnavi_full {line-height:normal; background:url(../images/topnavi/full_navi_bg.png) no-repeat center; width:900px; height:49px; margin-top:10px; color:#FFFFFF; float:left;}
.topnavi_full ul {margin:0px 0px 0px 20px; padding:0px; list-style:none; display:block;}
.topnavi_full li{float:left; padding:0px; display:block; padding:12px 0px;}
.topnavi_full a {font-size:18px; display:block; color:#FFFFFF; text-decoration:none;}
.topnavi_full a:hover {color:#c1135a;}
.topnavi_full .divider {background:url(../images/topnavi/topnavi_divider.png) no-repeat center; width:52px; height:25px;}

/*-----------------------SEARCH----------------------*/
.searchinput {margin:0px 5px 0px 5px; color:#333333; font-size:11px; border:0px; background:none;}
.search {float:right; margin:8px 10px 5px 0px;}
.searchbg {background-image:url(../images/search_textfield_bg.gif); background-repeat:repeat-x; background-position:center;}
.searchleft {background:url(../images/search.png) no-repeat center; width:10px; height:31px;}
.searchbtn {background:url(../images/search_btn.png) no-repeat center; width:31px; height:31px;}




/*--------------------------------FLASH----------------------*/
.flashholder {float:left;}
.midplayer {float:left; margin-top:0px;}
/*--------------------------------BODY---------------------------*/
.bodycontent {background-image:url(../images/body_bg.png); background-position:top; background-repeat:no-repeat; width:900px; float:left; margin-top:10px;}
.endbodycontent {background-image:url(../images/end_body_bg.png); background-position:top; background-repeat:no-repeat; width:900px; float:left; height:9px;}

.leftpanel {float:left; width:635px; margin:5px 5px 0px 5px; }
/*--------------------------LANGUAGE PANEL-----------------------*/
.languagenavi {background-image:url(../images/language_bg.png); background-repeat:no-repeat; background-position:center; float:left; height:35px; width:635px; font-size:12px; color:#c7d9c8; }
.languagenavi ul {margin:0px 0px 0px 15px; padding:0px; list-style:none; display:block;}
.languagenavi li{float:left; display:block; padding:10px 0px 0px 0px;}
.languagenavi a {font-size:12px; display:block; color:#c7d9c8; text-decoration:none;}
.languagenavi a:hover {color:#c1135a;}
.languagenavi .selected{color:#c1135a;}
.languagenavi .space {width:30px; height:24px;}
.languagenavi .divider {background-image:url(../images/language_divider.png); width:39px; height:25px;}

.subnavigation { background:url(../images/subnavigation_bg.gif) bottom no-repeat; background-color:#f2f8f2; width:635px; float:left; height:35px;}
.subnavigation ul {margin:0px 0px 0px 15px; padding:0px; list-style:none; display:block;}
.subnavigation li {float:left; display:block; padding:10px 0px 0px 0px;}
.subnavigation a {font-size:11px; display:block; text-decoration:none; color:#333333;}
.subnavigation a:hover {color:#c1135a; text-decoration:underline;}
.subnavigation .selected{color:#c1135a;}
.subnavigation .space {width:30px; height:20px;}

.subsmallnavigation {height:30px;}
.subsmallnavigation ul {margin:0px; padding:0px; list-style:none; display:block;}
.subsmallnavigation li {float:left; display:block; padding:5px 0px 0px 0px;}
.subsmallnavigation .gap {width:20px; height:20px;}

.sub3navigation {width:635px; float:left; height:10px;}
.sub3navigatoin ul {margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.sub3navigation li {float:left; display:block; padding:0px 0px 5px 0px;}
.sub3navigation a {font-size:11px; display:block;}
.sub3navigation a:hover {color:#c1135a; text-decoration:underline;}
.sub3navigation .selected{color:#c1135a;}
.sub3navigation .space {width:20px; height:20px;}

.long_languagenavi {background-image:url(../images/long_language_bg.png); background-repeat:no-repeat; background-position:center; float:left; height:35px; width:900px; color:#c7d9c8;}
.long_languagenavi ul {margin:0px 0px 0px 15px; padding:0px; list-style:none; display:block;}
.long_languagenavi li{float:left; display:block; padding:10px 0px 0px 0px;}
.long_languagenavi a {font-size:12px; display:block; color:#c7d9c8; text-decoration:none;}
.long_languagenavi a:hover {color:#c1135a;}
.long_languagenavi .selected {color:#c1135a;}
.long_languagenavi .space {width:30px; height:24px;}
.long_languagenavi .divider {background-image:url(../images/language_divider.png); width:39px; height:25px;}

.long_languagenavi_regist {background-image:url(../images/long_language_bg.png); background-repeat:no-repeat; background-position:center; float:left; height:35px; width:900px; color:#ffffff;}
	
/*---------------------------------RIGHT PANEL-------------------------------*/
.rightpanel {float:right; width:245px; margin-right:5px;}
.rightheader {background-image:url(../images/smallheader_bg.png); background-repeat:no-repeat; background-position:center; width:245px; height:35px; color:#FFFFFF; float:left; margin-top:5px;}
.rightheader_flat {background-image:url(../images/smallheader_flat.gif); background-repeat:no-repeat; background-position:center; width:245px; height:35px; color:#FFFFFF; float:left;}
.rightbody {background-image:url(../images/smallpanel_bg.gif); background-repeat:no-repeat; background-color:#d5e8d4; background-position:top; width:245px; float:left;}
.rightbody_toplbl {background-image:url(../images/smallpanel_top_bg.gif); background-repeat:no-repeat; background-color:#d5e8d4; background-position:top; width:245px; float:left;}
.rightbody_newlbl {background-image:url(../images/smallpanel_new_bg.gif); background-repeat:no-repeat; background-color:#d5e8d4; background-position:top; width:245px; float:left;}
.rightbody_plain {background-color:#d5e8d4; width:245px; float:left; margin-top:3px;}
.rightbody_plain_first {background-color:#d5e8d4; width:245px; float:left;}

.ribbonbtn {background-image:url(../images/ribbonbtn.gif); background-color:#d5e8d4; background-repeat:no-repeat; width:248px; height:27px; background-position:150px; float:left;}
.ribbonbtn2 {background-image:url(../images/ribbonbtn.gif); background-color:#d5e8d4; background-repeat:no-repeat; width:315px; height:27px; background-position:217px; float:left;}
.ribbonbtn2_white {background-image:url(../images/ribbonbtn_white.gif); background-color:#ffffff; background-repeat:no-repeat; width:304px; height:27px; background-position:206px; float:left;}
.ribbonbtn3 {background-image:url(../images/ribbonbtn.gif); background-color:#d5e8d4; background-repeat:no-repeat; width:162px; height:27px; background-position:64px; float:left;}
.ribbonbtn_mid {background-image:url(../images/ribbonbtn.gif); background-color:#d5e8d4; background-repeat:no-repeat; width:460px; height:27px; background-position:362px; float:left;}
.ribbonbtn_white {background-image:url(../images/ribbonbtn.gif); background-color:#d5e8d4; background-repeat:no-repeat; width:638px; height:27px; background-position:540px; float:left;}
.ribbonlink {color:#FFFFFF; font-weight:bold; text-decoration:none; margin:6px 20px 5px 15px;}
.ribbonlink a{color:#FFFFFF; font-weight:bold; text-decoration:none;}
.ribbonlink a:hover{text-decoration:underline;}

.subtitle a {font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.subtitle a:hover {color:#c1135a;}
.subcontent {font-size:10px; color:#666666}

.pinkbtn {width:245px; height:35px; background:url(../images/pinkbtn.gif) center no-repeat; font-size:15px; color:#FFFFFF; text-decoration:none; font-weight:bold; cursor:pointer;}
.pinkbtn a {font-size:15px; color:#FFFFFF; text-decoration:none; font-weight:bold; cursor:pointer;}
.pinkbtn:hover {background:url(../images/pinkbtn_o.gif) center no-repeat; color:#000000;}

/*-----------------------MID CONTENT----------------------*/
.subbody {margin-top:10px; float:left; width:635px;}
.subbody .left {float:left; width:311px;}
.subbody .right {float:right; width:311px;}
.subbodypanel {float:left; width:311px; padding-bottom:10px}
.subbodypanel_subsetwhite {float:left; width:313px; padding:0px 2px 5px 2px;}
.subbodyheader {background-image:url(../images/midheader_bg.png); background-repeat:no-repeat; background-position:center; width:311px; height:35px; color:#FFFFFF;}
.subbody_toplbl {background-image:url(../images/whitepanel_top_bg.gif); background-position:top; background-color:#FFFFFF; background-repeat:no-repeat; width:311px; float:left;}

.subbodyalter_first {background-image:url(../images/alter_first.gif); background-color:#d5e8d4; background-position:top; background-repeat:no-repeat; width:311px; float:left; margin-top:10px;}
.subbodyalter_c2 {background-color:#d5e8d4; background-repeat:repeat; width:311px; float:left;}
.subbodyalter_c1 {background-color:#f2f8f2; background-repeat:repeat; width:311px; float:left;}
.subbodyalter_c2_1 {background-color:#d5e8d4; background-repeat:repeat; width:311px; float:left; margin-top:3px;}
.subbodyalter_white {background-color:#ffffff; background-repeat:repeat; width:300px; float:left;}

/*-----------------------HEADERS----------------------*/
.subheadertitle {font-size:15px; font-weight:bold; padding:9px 8px 8px 8px;}
.header0 {font-size:18px; font-weight:bold; color:#333333;}
.header1 {font-size:16px; font-weight:bold;}
.header2 {font-size:14px; font-weight:bold;}
.header3 {font-size:12px; font-weight:bold;}
.header_holder {padding:5px 0 0 5px; width:630px; float:left;}
.promoheader {background-image:url(../images/promo_headerbg.png); background-repeat:no-repeat; background-position:top; width:245px; height:30px; color:#333333; background-color:#d5e8d4; margin-top:5px; float:left;}

.midgreenshadow {background:url(../images/greenheader_withshadow.gif) top no-repeat; width:635px; float:left;}

/*----------------------BODY LONG CONTENTS--------------*/
.midlongcontent {float:left; width:635px; margin-top:5px;}
.longheader {background-image:url(../images/language_bg.png); background-repeat:no-repeat; background-position:top; float:left; height:35px; width:635px; color:#c7d9c8;}
.longheader_body {background-image:url(../images/longheader_body.gif); background-position:top; background-color:#FFFFFF; background-repeat:no-repeat; width:635px; float:left;}

.midlonggreenheader {background-image:url(../images/longgreen_header.png); float:left; width:635px; margin-top:10px; background-position:top; background-repeat:no-repeat;}
.midlonggreenheaderthin {background-image:url(../images/longgreen_header_thin.png); float:left; width:635px; margin-top:10px; background-position:top; background-repeat:no-repeat; height:5px;}
.midlonggreenheader_nomargin {background-image:url(../images/longgreen_header.png); float:left; width:635px; background-position:top; background-repeat:no-repeat}
.midlonggreentitle {font-size:15px; font-weight:bold; padding:9px 8px 8px 8px; color:#333333;}
.midlonggreentitle_thin {font-weight:bold; height:8px; color:#333333;}
.midlonggreenbody {background-color:#d5e8d4; width:635px; float:left;}
.midlonggreenfooter {background:url(../images/longgreen_footer.png) no-repeat center; width:635px; height:6px; float:left;} 

.submidwhiteroundedtip {background:url(../images/subcontent_roundedtop.png) no-repeat center; width:625px; height:5px; float:left;}
.submidwhiteroundedtip_btm {background:url(../images/subcontent_roundedbtm.png) no-repeat center; width:625px; height:5px; float:left;}
.submidwhiteroundedtip_short {background:url(../images/subcontent_roundedtop_short.png) no-repeat center; width:300px; height:5px; float:left;}

.whitecontentbox {background-color:#FFFFFF; float:left; margin-top:5px; width:615px;}
.whitecontentbox_mid {background-color:#FFFFFF; float:left; margin-top:5px; width:443px;}

.btn_white {background-image:url(../images/whitebtn_bg.png); font-size:12px; color:#bf1358; background-repeat:repeat-x; font-weight:bold; text-decoration:none;}
.btn_white a {background-image:url(../images/whitebtn_bg.png); font-size:12px; color:#bf1358; background-repeat:repeat-x; font-weight:bold; text-decoration:none;}
.btn_white a:hover {color:#333333; text-decoration:none;}

.commonlink {color:#333333; text-decoration:none;}
.commonlink a {color:#333333; text-decoration:none;}
.commonlink:hover {color:#bf1358; text-decoration:underline;}
.commonlink_selected {color:#bf1358; text-decoration:none;}
.commonlink_line {color:#000000; text-decoration:underline;}
.commonlink_line a{color:#000000; text-decoration:underline;}
.commonlink_line:hover {color:#bf1358; text-decoration:none;}
.commonwhitelink_line {color:#FFFFFF; text-decoration:underline;}
.commonwhitelink_line a {color:#FFFFFF; text-decoration:underline;}
.commonwhitelink_line:hover {color:#bf1358; text-decoration:none;}

.alertlink {color:#bf1358; text-decoration:none}
.alertlink a {color:#bf1358; text-decoration:none}
.alertlink:hover {text-decoration:underline}

.dotted {background-image:url(../images/dotted.gif); background-position:center; background-repeat:repeat-x; height:3px;}

.padders_2 {padding:2px; margin:2px;}
.padders_3 {padding:3px; margin:3px;}
.padders_5 {padding:5px; margin:5px;}
.padders_10 {padding:10px; margin:10px;}
.padders_15 {padding:15px; margin:15px;}
.padders_20 {padding:20px; margin:20px;}
.padders_5858 {padding:5px 8px 5px 8px;}
.gap10 {height:10px; float:left; width:10px;}
.gap2 {height:2px; width:10px; float:left;}
.margintop_10{margin-top:10px;}
.margintop_5{margin-top:5px;}

.smallText{font-size:10px;}
.greenboxdivider {background:url(../images/green_divider.gif) center repeat-y; height:100%; height:4px;}

.footer {background-color:#37363c; margin-top:10px; background-position:bottom; float:left; width:100%; color:#FFFFFF; z-index:-1}

.clear {clear:both;}

.colorgrey {background-color:#b9cdb8;}
.colorgreen {background:#d5e8d4;}
.colorlightgrey {background-color:#f2f8f2;}
.colorwhite {background-color:#FFFFFF;}

/*----------------------------------BLACK BOX-------------------------------*/
.blackbox {background-color:#202020; color:#FFFFFF; position:relative; float:left}
.blackboxcontent {background-color:#FFFFFF; padding:5px;}
.blackboxdivider {background:url(../images/blackbox_divider.gif) center repeat-x; width:100%; height:7px;}
.blackclose {background:url(../images/icons/blackboxclose.png) no-repeat; width:17px; height:17px; position:absolute; right:2px; top:3px}
.blackclose:hover {background:url(../images/icons/blackboxclose_o.png) center no-repeat; cursor:pointer;}
.blackbox_navibg {background:url(../images/blackbox_navibg.gif) center repeat-x; height:38px; width:100%; font-size:14; float:left}

.crossclosebtn {background:url(../images/icons/redclose.png) center no-repeat; width:9px; height:9px; cursor:pointer;}
.crossclosebtn:hover {background:url(../images/icons/redclose_o.png) center no-repeat; width:9px; height:9px;}

.redbtn {background-color:#bf1358; margin:3px; color:#FFFFFF; float:left;}

/*---------------------- Number Tile ------------------------*/
.tiling {width:225px; float:left; padding:10px;}
.tiling ul {margin:0px; padding:0px; list-style:none;}
.tiling li {float:left; display:block;}
.tiling li a {color:#333333; font-size:12px; display:block; text-decoration:none; background-color:#f2f8f2; padding:11px 4px 11px 4px; margin:2px; width:20px; text-align:center;}
.tiling li .stick {color:#333333; font-size:12px; display:block; text-decoration:none; background-color:#f2f8f2; padding:11px 4px 11px 4px; width:52px; text-align:center}
.tiling li a:hover {color:#ffffff; text-decoration:none; background-color:#c1135a;}
.tiling .selected{color:#ffffff; text-decoration:none; background-color:#c1135a;}
.tiling .space {width:20px; height:20px;}

/*---------------------- SWAP ICONS------------------------*/
.favouritebtn {background:url(../images/icons/favouritesong.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.favouritebtn:hover {background:url(../images/icons/favouritesong_o.png) center no-repeat;}
.favouritebtn:selected {background:url(../images/icons/favouritesong_o.png) center no-repeat;}
.addbtn {background:url(../images/icons/addsong.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.addbtn:hover {background:url(../images/icons/addsong_o.png) center no-repeat;}

.addoffbtn {background:url(../images/icons/addsong_disable.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.addoffbtn:hover {background:url(../images/icons/addsong_disable_o.gif) center no-repeat; }


.sharebtn {background:url(../images/icons/sharesong.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.sharebtn:hover {background:url(../images/icons/sharesong_o.png) center no-repeat;}

.shareoffbtn {background:url(../images/icons/sharesong_disable.gif) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.shareoffbtn:hover {background:url(../images/icons/sharesong_disable_o.gif) center no-repeat;}



.favouritelistbtn {background:url(../images/icons/favouritelist.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.favouritelistbtn:hover {background:url(../images/icons/favouritelist_o.png) center no-repeat;}
.favouritelistbtn:selected {background:url(../images/icons/favouritelist_o.png) center no-repeat;}
.addlistbtn {background:url(../images/icons/addlist.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.addlistbtn:hover {background:url(../images/icons/addlist_o.png) center no-repeat;}
.sharelistbtn {background:url(../images/icons/sharelist.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.sharelistbtn:hover {background:url(../images/icons/sharelist_o.png) center no-repeat;}

.purchaseviasmsbtn {background:url(../images/icons/purchase_sms.png) center no-repeat; width:14px; height:17px; cursor:pointer; margin:3px; display:block;}
.purchaseviasmsbtn:hover {background:url(../images/icons/purchase_sms_o.png) center no-repeat;}
.downloadviapcbtn {background:url(../images/icons/download_pc.png) center no-repeat; width:15px; height:17px; cursor:pointer; margin:3px; display:block;}
.downloadviapcbtn:hover {background:url(../images/icons/download_pc_o.png) center no-repeat;}

.purchaseviasmsbtn_big {background:url(../images/icons/purchase_sms.png) center no-repeat; width:16px; height:28px; cursor:pointer; margin:0px 4px 0px 4px; display:block;}
.purchaseviasmsbtn_big:hover {background:url(../images/icons/purchase_sms_o.png) center no-repeat;}
.downloadviapcbtn_big {background:url(../images/icons/download_pc.png) center no-repeat; width:21px; height:28px; cursor:pointer; margin:0px 4px 0px 4px; display:block;}
.downloadviapcbtn_big:hover {background:url(../images/icons/download_pc_o.png) center no-repeat;}

.unlimiteddownloadbtn {background:url(../images/icons/unlimited_dl.gif) center no-repeat; width:14px; height:17px; cursor:pointer; margin:3px; display:block;}
.unlimiteddownloadbtn:hover {background:url(../images/icons/unlimited_dl_o.gif) center no-repeat;}
.disunlimiteddownloadbtn {background:url(../images/icons/unlimited_dl_disable.gif) center no-repeat; width:14px; height:17px; cursor:pointer; margin:3px; display:block;}
.disunlimiteddownloadbtn:hover {background:url(../images/icons/unlimited_dl_disable_o.gif) center no-repeat;}

.buypermanentbtn {background:url(../images/icons/buypermanent.gif) center no-repeat; width:15px; height:17px; cursor:pointer; margin:3px; display:block;}
.buypermanentbtn:hover {background:url(../images/icons/buypermanent_o.gif) center no-repeat;}
.disbuypermanentbtn {background:url(../images/icons/buypermanent_disable.gif) center no-repeat; width:15px; height:17px; cursor:pointer; margin:3px; display:block;}
.disbuypermanentbtn:hover {background:url(../images/icons/buypermanent_disable_o.gif) center no-repeat;}

.addtoplaylist {background:url(../images/icons/small_addtoplaylist.png) center no-repeat; width:28px; height:28px; cursor:pointer; margin:3px; display:block;}
.addtoplaylist:hover {background:url(../images/icons/small_addtoplaylist_o.png) center no-repeat;}
.addtoplaylist_big {background:url(../images/icons/addtoplaylist.png) center no-repeat; width:35px; height:35px; cursor: pointer; margin:3px; display:block;}
.addtoplaylist_big:hover {background:url(../images/icons/addtoplaylist_o.png) center no-repeat;}

.expandarrow {background:url(../images/icons/expand_arrow.png) center no-repeat; width:14px; height:7px; cursor:pointer; display:block;}
.expandarrow:selected {background:url(../images/icons/collapse_arrow.png) center no-repeat;}

.collapsearrow {background:url(../images/icons/collapse_arrow.png); width:14px; height:7px; cursor:pointer; display:block;}
.collapsearrow:selected {background:url(../images/icons/expand_arrow.png); width:14px; height:7px; cursor:pointer;}

.expandarrow_black {background:url(../images/icons/expand_dark_arrow.png) center no-repeat; width:14px; height:7px; cursor:pointer; display:block;}
.expandarrow_black:selected {background:url(../images/icons/collapse_dark_arrow.png) center no-repeat;}

.collapsearrow_black {background:url(../images/icons/collapse_dark_arrow.png); width:14px; height:7px; cursor:pointer; display:block;}
.collapsearrow_black:selected {background:url(../images/icons/expand_dark_arrow.png); width:14px; height:7px; cursor:pointer;}

.addgroupsmall {background:url(../images/icons/addgroup.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.addgroupsmall:hover {background:url(../images/icons/addgroup_o.png) center no-repeat;}
.addgroup {background:url(../images/icons/add_to_group.png) center no-repeat; width:31px; height:28px; cursor:pointer; margin:3px; display:block;}
.addgroup:hover {background:url(../images/icons/add_to_group_o.png) center no-repeat;}

.editgroup {background:url(../images/icons/editgroup.png) center no-repeat; width:28px; height:28px; cursor:pointer; margin:3px; display:block;}
.editgroup:hover {background:url(../images/icons/editgroup_o.png) center no-repeat;}

.closebtn {background:url(../images/icons/close.png) center no-repeat; width:13px; height:13px; cursor:pointer; display:block;}
.closebtn:hover {background:url(../images/icons/close_o.png) center no-repeat;}

.deletesmall {background:url(../images/icons/delete.png) center no-repeat; width:17px; height:17px; cursor:pointer; display:block;}
.deletesmall:hover {background:url(../images/icons/delete_o.png) center no-repeat;}

.delete {background:url(../images/icons/delete.png) center no-repeat; width:28px; height:28px; cursor:pointer; margin:3px; display:block;}
.delete:hover {background:url(../images/icons/delete_o.png) center no-repeat;}


.sendmessage {background:url(../images/icons/sendmessage.png) center no-repeat; width:31px; height:28px; cursor:pointer; margin:3px; display:block;}
.sendmessage:hover {background:url(../images/icons/sendmessage_o.png) center no-repeat;}
.sendmessagesmall {background:url(../images/icons/sendmessagesmall.png) center no-repeat; width:18px; height:17px; cursor:pointer; margin:3px; display:block;}
.sendmessagesmall:hover {background:url(../images/icons/sendmessagesmall_o.png) center no-repeat;}

.sendgroupmessage {background:url(../images/icons/sendgroupmessage.png) center no-repeat; width:31px; height:28px; cursor:pointer; margin:3px; display:block;}
.sendgroupmessage:hover {background:url(../images/icons/sendgroupmessage_o.png) center no-repeat;}

.viewfriend {background:url(../images/icons/viewfriend.png) center no-repeat; width:28px; height:28px; cursor:pointer; display:block;}
.viewfriend:hover {background:url(../images/icons/viewfriend_o.png) center no-repeat;}

.blockfriend {background:url(../images/icons/blockfriend.png) center no-repeat; width:28px; height:28px; cursor:pointer; margin:3px; display:block;}
.blockfriend:hover {background:url(../images/icons/blockfriend_o.png) center no-repeat;}

.unblock {background:url(../images/icons/unblock.png) center no-repeat; width:28px; height:28px; cursor:pointer; display:block;}
.unblock:hover {background:url(../images/icons/unblock_o.png) center no-repeat;}

.addfriend {background:url(../images/icons/addfriend.png) center no-repeat; width:28px; height:28px; cursor:pointer; margin:3px; display:block;}
.addfriend:hover {background:url(../images/icons/addfriend_o.png) center no-repeat;}
.addfriendsmall {background:url(../images/icons/addfriendsmall.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.addfriendsmall:hover {background:url(../images/icons/addfriendsmall_o.png) center no-repeat;}

.question {background:url(../images/icons/question.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.question:hover {background:url(../images/icons/question_o.png) center no-repeat;}
/*---------------------- RATINGS  (FIONNE)--------------------------*/
.rate_outline { background:url(../images/rating/rate.gif) no-repeat; width: 100px; height:18px;}
.rate_outline2 { background:url(../images/rating/rate2.gif) no-repeat; width: 100px; height:18px }
.ratebody {background-color:#bf1358; width:60px; height:4px; float:left; margin:4px 0px 0px -1px}
.ratebody2 {background-color:#666666; width:60px; height:4px; float:left; margin:4px 0px 0px -1px}
.ratetext {color:#ffffff; font-size:9px; float:left; padding-left:4px}
.text_field {background:none; border:0px; text-align:center}

/*---------------------- LEFT DOCK (WEE LIEM)--------------*/
.leftdock{width:159px; float:left; margin-right:14px;}
.leftdock_header{background-image:url(../images/smallerheader_bg.png); background-repeat:no-repeat; width:159px; height:35px; color:#ffffff;}
.leftdock_greenheader{background-image:url(../images/smallerheader_greenbg.png); background-repeat:no-repeat; background-position:top; width:159px; height:5px; color:#ffffff;}
.leftdock_bodybg {background:#d5e8d4; width:159px;}
.leftdock{width:159px}
.leftdock ul{margin:0; padding:0; list-style:none; display:block;}
.leftdock li{background:#d5e8d4}
.leftdock li a{height:25px; display:block; text-decoration:none; font-size:12px; color:#333333; font-weight:700; padding-left:10px; padding-top:10px}
.leftdock li a:hover{color:#bf1358}
.leftdock .submenu {background-color:#f2f8f2;}
.leftdock .submenu a{width:149px; height:25px; display:block; text-decoration:none; font-size:12px; color:#333333; font-weight:700; padding-left:10px; padding-top:10px;}

.leftdock .expandable {height:25px; display:block; text-decoration:none; font-size:12px; color:#333333; font-weight:700; padding-left:10px; padding-top:10px;}
.leftdock .expandablelink a{width:125px; height:25px; text-decoration:none; font-size:12px; color:#333333; font-weight:700;}

.leftdock .divider{height:2px; background:#FFFFFF; margin:0; padding:0;}
.leftdock .divider5 {background:#FFFFFF; margin-top:5px; padding:0;}
.leftdock_footer{width:159px; height:6px; background:url(../images/smallerfooter.png)}

/*---------------------- CENTER DOCK (WEE LIEM)--------------*/
.centerdock{width:456px; float:left;}
.centerdock_header{background:url(../images/sort_bg.png); height:35px; width:456px; font-size:12px; color:#ffffff;}
.centerdock_bodybg {background:#d5e8d4;}
.centerdock_gap {height:5px; width:5px; clear:both;}
.centerdock_greenheader{background:url(../images/midheader_greenbg.png); height:5px; width:456px;}
.centerdock_greenfooter{background:url(../images/midheader_greenbg_btm.png); height:5px; width:456px; clear:both;}
.centerdock_header ul {margin:0px 0px 0px 15px; padding:0px; list-style:none; display:block;}
.centerdock_header li{float:left; display:block; padding:10px 0px 0px 0px;}
.centerdock_header li a {display:block; color:#c7d9c8; text-decoration:none;}
.centerdock_header li a:hover {color:#c1135a;}
.centerdock_header .selected {color:#c1135a;}
.centerdock .space {width:30px; height:24px;}
.centerdock .divider {background-image:url(../images/language_divider.png); width:39px; height:25px;}
.category{font-size:12px; color:#000000; font-weight:700; margin-top:10px;}
.category a{color:#000000; text-decoration:none}
.category .selected{font-size:12px; color:#bf1358; font-weight:700; text-decoration:underline}
.categoty_info_container{border:#000000 solid 1px; height:50px}
.category_info{background:#d5e8d4; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}
.category_info_title{font-weight:700; text-decoration:underline; color:#000000; font-size:12px; margin-left:10px}
.category_info_detail{color:#000000; font-size:12px; margin-left:10px; margin-top:3px}
.category_info_date{color:#666666; font-size:10px; margin-left:10px}
.category_divider{color:#FFFFFF; height:2px}
.category_page{font-size:11px; color:#000000; background:#d5e8d4; padding:15px}
.category_footer{height:6px; background:url(../images/category_footer.png)}
.recent_view_white{background:#FFFFFF}
.recent_view_divider{width:2px; background:url(../images/recent_divider.png); height:31px}
.recent_artist a{padding-left:15px; font-size:11px; font-weight:700; text-decoration:underline; color:#000000}


.browse_music ul{margin:0; padding:0; list-style:none; display:block;}
.browse_music li a{width:225px; height:25px; display:block; text-decoration:none; font-size:12px; color:#333333; font-weight:700; padding-left:20px; padding-top:10px}
.browse_music a:hover{color:#bf1358}
.browse_music .divider{height:2px; background:#FFFFFF; margin:0; padding:0}


/*------------Number steps----------------------*/
.number1 {background:url(../images/icons/no1.png) center no-repeat; width:60px; height:60px;}
.number1selected {background:url(../images/icons/no1_o.png) center no-repeat; width:60px; height:60px;}
.number2 {background:url(../images/icons/no2.png) center no-repeat; width:60px; height:60px;}
.number2selected {background:url(../images/icons/no2_o.png) center no-repeat; width:60px; height:60px;}
.number3 {background:url(../images/icons/no3.png) center no-repeat; width:60px; height:60px;}
.number3selected {background:url(../images/icons/no3_o.png) center no-repeat; width:60px; height:60px;}

/*------------Fionne punya CSS----------------------*/
.commonwhitelink {color:#FFFFFF; text-decoration:none;}
.commonwhitelink a {color:#FFFFFF; text-decoration:none;}
.commonwhitelink :hover {color:#bf1358; text-decoration:none;}
.top_margin {background-color:#333333; width:150px; float:left; margin-top:3px;}

/*---------------------------- Tabs --------------------------------*/
.mainTabs {
    color:#c7d9c8;
    float:left;
    line-height:normal;
	top:-14px;
	left:15px;
}
.mainTabs ul {
    margin:0;
    padding:0;
    list-style:none;
}
.mainTabs li {
    float:left;
    margin:0 2px 0 0;
    padding:0 0 0 10px;
}
.mainTabs a{
    display:block;
	background:url(../images/tabs/greendark_right.png) no-repeat right top;
	padding:5px 15px 7px 6px;
	font-weight:bold;
}
.mainTabs a.selected {color:#bf1358; text-decoration:none;}
.mainTabsleft {background:url(../images/tabs/greendark_left.png) no-repeat left top;}
.mainTabsleft_light {background:url(../images/tabs/green_left.png) no-repeat left top;}
.mainTabsleft_light a{
	display:block;
	background-image:url(../images/tabs/green_right.png);
	padding:5px 15px 7px 6px;
}
.tabstext {color:#FFFFFF; text-decoration:none;}
.tabstext:hover {color:#000000;}
.tabsgap {width:2px; height:20px;}
.tabfloat {float:left; margin-top:5px;}
/*--------------------------------------------------------------------*/
.floatleft {float:left;}

/* WEE LIEM CSS */
.myprofile_toggle{margin-top:8px; margin-bottom:4px; float:left; position:relative; color:#000000}
.myprofile_toggle_btt{position:absolute; right:15px; top:15px}
.myprofile_toggle_date{background:#d5e8d4; padding:0 0 0 15px; font-size:14px; font-weight:700}
.myprofile_toggle ul{list-style:none; margin:0; padding:0}
.myprofile_toggle li{display:block; background:#d5e8d4; padding:15px 20px 15px 30px}
.myprofile_toggle .divider{height:2px;background:#ffffff; padding:0px}
.myprofile_playlist ul{list-style:none; margin:0; padding:0; width:300px; margin:10px 0px 10px 0px; position:relative}
.myprofile_playlist li.white{display:block; background:#ffffff; padding:5px}
.myprofile_playlist li.green{display:block; background:#d5e8d4; padding:5px}
.myprofile_playlist .ribbonbtn {background-image:url(../images/ribbonbtn_white2.gif); background-color:#ffffff; background-repeat:no-repeat; width:303px; height:26px; background-position:235px; float:left}
.myprofile_playlist .ribbonlink {color:#FFFFFF; font-weight:bold; text-decoration:none; margin:6px 15px 5px 15px;}
.myprofile_playlist .ribbonlink a{color:#FFFFFF; font-weight:bold; text-decoration:none;}
.myprofile_playlist .ribbonlink a:hover{text-decoration:underline;}
.myprofile_toggle .pic{float:left; background:#FFFFFF; padding:2px; margin-right:5px}
.myprofile_toggle .friend{min-height:45px}
a.black{color:#000000}
a.red{color:#bf1358}