﻿.btn_whiteleft  {background-image:url('../images/whitebtn_left.png');width:14px;height:32px}
.btn_whiteright {background-image:url('../images/whitebtn_right.png');width:11px;height:32px}

.dlgSelectFriend .title {font-weight:bold;font-size:18pt}

.favouritebtn.selected {background:url(../images/icons/favouritesong_o.png) center no-repeat;}
.favouritelistbtn.selected {background:url(../images/icons/favouritelist_o.png) center no-repeat;}

    /*-- Style to use when displaying the icon in the select friend dialog --*/
   .dlgSelectFriend .friendsIcon {cursor:pointer;color:White;text-decoration:underline}   
   .dlgSelectFriend .friendsIcon.selected .iconFrame{cursor:pointer;background-color:white}
   
   .selectedFriendItem {white-space:nowrap; border:solid 1px black;background-color:#333333;color:White;padding:2px;margin:2px;margin-top:5px;}   
	.selectedFriendItem .removeFriend {background-image:url(../images/icons/close.png);background-repeat:no-repeat}
/*-- Button Addedum for FreeSMSDownload --*/
.freedownloadbtn {background:url(../images/icons/download_pc.png) center no-repeat; width:15px; height:17px; cursor:pointer; margin:3px; display:block;}
.freedownloadbtn:hover {background:url(../images/icons/download_pc_o.png) center no-repeat;}


/*-- Player Addedum CSS --*/
.player .listing {background-image:url(../images/player/menulist_bg.gif)}

.player .playlistitem {margin:1px 0 1px 0;padding:2px; border:solid 1px black;background-color:#403e4f;color:White}


.player .menulistleft {background-image:url(../images/player/menulist_left.gif);
                       width:14px;height:23px}
.player .menulistright {background-image:url(../images/player/menulist_right.gif);
                        width:29px;height:23px}
.player .menulistdarkbg {background-image:url(../images/player/menulist_left_dark_bg.gif)}
.player .btnDropSongList, .player .btnDropPlayList {cursor:pointer}

.player .plScrollUp, .player .plScrollDown,
.player .slScrollUp, .player .slScrollDown {cursor:pointer}

.player .divPlayListDisplay,
.player .divSongListDisplay {scrollbar-base-color:#403e4f;background-color:#403e4f}
/*-- styles to allow the buttons to be clicked --*/
.player .repeat div,
.player .shuffle div {width:17px;height:17px;margin:0px 4px 0px 4px;}

.player .favouritelist div,
.player .addlist div,
.player .sharelist div,
.player .viasms div,
.player .buypc div,
.player .favourite div,
.player .add div,
.player .share div  {width:17px;height:17px; margin:0px 5px 0px 5px;}

/* .player .plPage {width:229px;height:210px;background-color:Lime;} */
.player .share a:hover {color:Purple}
.player .favouritelist div {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 div {background: url(../images/player/icon_playlist_fav_o.gif) center no-repeat;}

.player .forward div, .player .rev div { width:29px; height:29px; cursor:pointer; margin:1px;}
.player .forward div {background:url(../images/player/forward_btn.png) center no-repeat; width:29px; height:29px; cursor:pointer; margin:1px;}
.player .forward:hover div {background:url(../images/player/forward_btn_o.png) center no-repeat;}

.player .playpause div {background:url(../images/player/playpause.png) center  no-repeat; width:45px; height:45px; cursor:pointer; margin:1px;}
.player .playpause:hover  div {background:url(../images/player/playpause_o.png) center no-repeat;}

.player .rev div{background:url(../images/player/rev_btn.png) center no-repeat; width:29px; height:29px; cursor:pointer; margin:1px;}
.player .rev:hover div {background:url(../images/player/rev_btn_o.png) center no-repeat;}


.player .speaker div { width:23px; height:23px; cursor:pointer; margin:1px;}
.player .playpause div {width:45px; height:45px; cursor:pointer; margin:1px;}
.player .volume div { width:6px; height:21px; cursor:pointer; margin:0px 1px 0px 1px;}

.player .undock div { width:16px; height:16px; cursor:pointer; margin:1px;}
a.addFriend {display:inline-block;width:28px; height:28px; border:0px; background-image:url(../images/icons/addfriend.png)}
a.addFriend:hover {background-image:url(../images/icons/addfriend_o.png)}


/*-- MidPlayerFlash clarence add 
.meta-data{float:left; height: 85px; position: relative; width: 465px; background: url(../images/MidPlayerFlash/transpBlack.png); margin-top:180px; margin-left:15px;}
.meta-data .title{}
.meta_data .message{}
.container{ width:635px; height:275px;}
.nav-thumb{float:right; height: 255px; position: relative; width: 80px; margin-right:20px; margin-top:10px; margin-bottom:10px;}
.nav-thumb .nav{border-width:0px; height:45px;}
.nav-thumb .nav .navimg{border-width:0px;}
.nav-thumb .nav .navimg:hover{border-width:3px; border-color:#a22453; border-style :solid; margin:-3px 0 0 -3px}
.nav-thumb .nav .navimgselect {border-width:3px; border-color:#a22453; border-style :solid; margin:-3px 0 0 -3px;}
.nav-thumb .navspace{height:20px;}--*/



#adslidshow #content 
        {
            display:none;
        }
        #adslidshow
        {
            width:635px;
            height:275px;
        }
        #adslidshow #divcontent #nav-thumb
        {
            float:right; 
            height: 255px; 
            position:absolute; 
            width: 80px; 
            margin-right:20px; 
            margin-top:10px; 
            margin-bottom:10px;
        }
        
        #adslidshow #divcontent #nav-thumb IMG.active
        {
            border-width:2px;
            border-color:#be1357;
            border-style:solid;
        }
        
        #adslidshow #divcontent #nav-thumb IMG:hover
        {
            border-width:2px;
            border-color:#be1357;
            border-style:solid;
        }
        #adslidshow #divcontent .msgconbg
        {
        	float:left; 
        	height: 85px; 
        	position: absolute; 
        	width: 465px;
        	margin-top:180px; 
        	margin-left:15px;
        	background-color:#942957;
        }
        
        #adslidshow #divcontent .msgcontext
        {
        	float:left; 
        	height: 85px; 
        	position: absolute; 
        	width: 465px;
        	margin-top:180px; 
        	margin-left:15px;
        	padding:10px 10px;
        }
       #adslidshow #msgtext a
        {
             font-size:25px; font-weight:bold;
        }
        #adslidshow #msgtext samp
        {
        	font-size:15px; font-weight:bold;
        }
        
        /*--MJ Add (fix to override <a> tag default values)--*/
.languagenavi a{ color:#c7d9c8; text-decoration:none }

/*--Standardize font for textarea also--*/
textarea{font-family:arial;font-size:11px;}


/*---------------------- jquery.alerts.js (Clarence Ngieng)--------------*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #000;
	border: solid 2px #000;
	color: #000;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #fff;
	background: #CCC url(../images/jqueryalert/title.gif) top repeat-x;
	border: solid 0px #FFF;
	border-bottom: solid 0px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../images/jqueryalert/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../images/jqueryalert/info.gif);
}

#popup_content.confirm {
	background-image: url(../images/jqueryalert/important.gif);
}

#popup_content.prompt {
	background-image: url(../images/jqueryalert/help.gif);
}

#popup_message {
	padding-left: 48px;
	color: #fff;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

.collapsearrow_black.hidden {background:url(../images/icons/expand_dark_arrow.png) center no-repeat; width:14px; height:7px; cursor:pointer; display:block;}
div .handleFriend
{
    right:3px;
    position:absolute;
    bottom:3px;
    background:url(../images/icons/magnify.png) no-repeat;
    width:18px;
    height:18px
}
div.selected .handleFriend
{
    background:url(../images/icons/minimise.png) no-repeat;
}
/** edit profile  **/
.validationsummary ul {margin:0px 0px 0px 0px; padding:0px; list-style:none;}

/** view profile menu **/
.centerdock_header .selected a { display:block; color:#c1135a; text-decoration:none;}

.topnavi a.selected {color:#c1135a;}

div.btnSongPreview {background:url(../images/PlayerTemp.png) center no-repeat; width:28px; height:28px; cursor: pointer; margin:3px; display:block;}
.btnSongPreview {cursor:pointer}
.watermark {color: #999 !important;}

.word_break{
	display:block;
}



.shiny_box {
	background: #1a1925;
	color: #FFF;
	width: 210px;
	overflow: hidden;
}
.shiny_box p {
	margin:10px;
}

.shiny_box .tl {
	background-position: -340px 0px;	
}
.shiny_box .tr {
	background-position: -350px 0px;	
}
.shiny_box .bl {
	background-position: -340px 10px;	
}	
.shiny_box .br {
	background-position: -350px 10px;	
}

.shiny_box_body {
	clear: both;
	padding: 0 10px;
	overflow: hidden;	
}
* html .shiny_box_body {
	height: 1%;	
}

.simple_box {
	width:200px;
	padding:10px;
	background-color:#D9E6F7;
	border:3px solid green;
}


.off .purchaseviasmsbtn {background:url(../images/icons/purchase_sms_disable.png) center no-repeat; width:17px; height:17px; cursor:pointer; margin:3px; display:block;}
.off .purchaseviasmsbtn:hover {background:url(../images/icons/purchase_sms_disable_o.png) center no-repeat;}

.new_topnavi {line-height:normal; background:url(../images/newnavi_top.png) no-repeat center; width:900px; height:49px; margin-top:10px; color:#FFFFFF; float:left;}
.new_topnavi ul {margin:0px 0px 0px 20px; padding:0px; list-style:none; display:block;}
.new_topnavi li{float:left; padding:0px; display:block; padding:12px 0px;}
.new_topnavi a {font-size:18px; display:block; color:#FFFFFF; text-decoration:none;}
.new_topnavi a:hover {color:#c1135a;}
.new_topnavi .divider {background:url(../images/topnavi/topnavi_divider.png) no-repeat center; width:52px; height:25px;}
.new_topnavi .selected {color : #c1135a}


.new_bottomnavi {background-image:url(../images/newnavi_bottom.png); background-repeat:no-repeat; background-position:center 50%; float:left; height:35px; width:900px; font-size:12px; color:#c7d9c8; }
.new_bottomnavi ul {margin:0px 0px 0px 15px; padding:0px; list-style:none; display:block;}
.new_bottomnavi li{float:left; display:block; padding:10px 0px 0px 0px;}
.new_bottomnavi a {font-size:12px; display:block; color:#c7d9c8; text-decoration:none;}
.new_bottomnavi a:hover {color:#c1135a;}
.new_bottomnavi .selected{color:#c1135a;}
.new_bottomnavi .space {width:30px; height:24px;}
.new_bottomnavi .divider {background-image:url(../images/language_divider.png); width:39px; height:25px;}
