@charset "utf-8";

/* default element styles */
body { background-color:white; color:#b8b8b8; text-align:center; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a {float:left; display:inline;}
a:link    {color:#858585; text-decoration:none;}
a:visited {color:#858585; text-decoration:none;}
a:active  {color:#858585; text-decoration:none;}
a:hover   {color:#000000; text-decoration:none;}
table {border-collapse: collapse}
td {margin:0px; padding:0px;}
img {border:0px;}
form {padding:0px; margin:0px;}
em {font-style:normal; font-weight:normal; color:#ffffff;}
.clear{clear:both; font-size:0px;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:left; display:inline;}
select{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
textarea{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
div {float:left; display:inline; background-repeat:no-repeat; background-position:top left;}
span{float:left; display:inline;}
div.clear{float:none; display:block;}

div.content{width:100%; background-color:white; float:left; display:inline; }

div.menuTop{height:134px;width:100%; background-image:url(../images/topBarCommon.gif); text-align:left;}
div.searchBar{height:32px; width:100%; background-image:url(../images/bg_commonGoogleBar.gif);}
div.searchBar #search{height:16px; width:196px; margin:4px 0px 0px 452px; background-color:none;}
div.searchBar input.searchButton {background:transparent url(../images/btn_search.gif) no-repeat center; height:17px; width:17px; margin:7px 0px 0px 5px; text-indent:-1000em; border:0; cursor:pointer;}


div.bodyContent{width:100%; background-color:#FFFADE; background-image:url(../images/bg_blankBox.gif); background-repeat:repeat-x; background-position:top left;}
div.ksongContent{width:765px; background-color:white;}
div.bodyContent div.leftSide{width:266px; height:100%; background-color:white;}

div.loginBox{height:140px; width:256px; background-color:white; margin:-32px 0px 0px 10px; position:relative;}
div.loginBox div.checkboxes{ margin:0px 0px 10px 0px; font-size:11px;}
div.loginBox div.checkboxes span.greenText{color:#A69D5D; margin:2px 13px 0px 4px;}
div.loginBox div.loginLeft{width:185px; height:55px;}

div.blank{height:20px; width:43px;}
div.loginBox div.loginLeft div.emailText{background-image:url(../images/txt_email.gif); height:20px; width:43px; background-position:center; margin-bottom:6px;}
div.loginBox div.loginLeft div.passwordText{background-image:url(../images/txt_password.gif); height:20px; width:43px; background-position:center; margin-bottom:6px;}
div.loginBox div.loginLeft input.inputText{ height:16px; width:130px; border:1px solid #d1d3c3; margin-bottom:6px;}
div.loginBox a.memberReg{background-image:url(../images/btn_memberReg.gif); height:23px; width:79px; margin-top:5px;}
div.loginBox div.forgetLogin{line-height:23px; margin:5px 0px 0px 10px;}
div.loginBox a.login{background-image:url(../images/btn_login.gif); height:47px; width:51px;}

div.tvBox{height:216px; width:256px; background-image:url(../images/bg_tvBg.gif); padding:8px 5px; position:absolute; top:289px; left:0px; clear:both;}
div.leftBottomBox{width:266px; background-image:url(../images/bg_leftSideBg.gif); background-color:white; min-height:700px; height:expression(this.scrollHeight < 700 ? "700px" : "auto");}


div.bodyContent div.centerSide{width:499px; padding-bottom:30px; min-height:540px; height:expression(this.scrollHeight < 540 ? "540px" : "auto");}

div.arrowRight{background-image:url(../images/btn_arrowRight.gif); height:6px; width:4px; margin-top:4px;}
div.arrowRight_highlight{background-image:url(../images/btn_arrowRight_highlight.gif); height:6px; width:4px; margin-top:4px;}


div.mostHitBox{width:499px; padding-bottom:30px; background-color:white;}
div.mostHitBox div.titleMost{background-image:url(../images/title_mostHitBox.gif); height:106px; width:507px; margin:15px 0px 0px -8px; clear:both; position:relative;}
div.mostHitBox div.titleNew{background-image:url(../images/title_newHitBox.gif); height:106px; width:507px; margin:15px 0px 0px -8px; clear:both; position:relative;}
a.homePage{background-image:url(../images/btn_home.gif); height:19px; width:63px; float:right; margin:10px 25px 0px 0px;}

div.hitboxes{margin-left:30px; width:462px; height:430px; border-right:7px solid #d7d7d7; overflow:hidden;}
div.newboxes{margin-left:30px; width:462px; height:430px; border-right:7px solid #e3e3e2; overflow:hidden;}
div.hitBox{width:144px; margin:8px 10px 0px 0px;}
div.hitBox div.artistName{width:144px; height:12px; margin:10px 0px; overflow:hidden;}
div.hitBox div.artistName a:link, div.hitBox div.artistName a:active, div.hitBox div.artistName a:visited{width:144px; height:12px; overflow:hidden; text-align:left; color:#b8b8b8;}
div.hitBox div.artistName a:hover{color:#858585;}
div.hitBox div.songBox{width:144px; line-height:14px; margin-bottom:2px;}
div.hitBox div.songBox a.songTitle{width:115px; max-height:28px; height:expression(this.scrollHeight > 28 ? "28px" : "auto"); overflow:hidden; text-align:left; margin-left:5px;}
a.tv{background-image:url(../images/btn_tv.gif); height:14px; width:14px; float:right;}

div.bottomBar{width:499px; height:10px; background-color:#d7d7d7;}
div.bottomBarNew{width:499px; height:10px; background-color:#e3e3e2;}
a.moreBtn{background-image:url(../images/btn_more.gif); height:10px; width:53px; float:right; margin-right:7px; background-color:white; font-size:0px;}
a.lessBtn{background-image:url(../images/btn_less.gif); height:10px; width:53px; float:right; margin-right:7px; background-color:white; font-size:0px;}

div.blankBoxRight{display:none;} /*removed*/


/* details */
div.artistDetailBox{width:499px;}

div.artistHeadBox{width:467px; margin:30px 0px 15px 0px; }
div.artistHeadBox img{float:left; margin:0px 0px 10px 25px;}
div.artistHeadBox a.detailHome{margin:27px 0px 15px 0px;}
div.artistHeadBox div.breadCrumb{color:#7d7d7d; float:left; display:inline; margin:63px 0px 0px 13px;}
div.breadCrumb a:link, div.breadCrumb a:active, div.breadCrumb a:visited{color:#7d7d7d; float:none;}
div.breadCrumb a:hover{color:black; float:none;}
div.artistHeadBox div.slashLine{background-image:url(../images/bg_slashLines.gif); height:6px; width:436px; margin-left:20px;}
div.artistHeadBox a.backBox{ margin:8px 5px 0px 0px; float:right; display:inline; background-image:url(../images/btn_pageLeft.gif); width:40px; line-height:14px; height:14px; background-position:center left; background-repeat:no-repeat;}

div.artistSongBox{width:480px; height:370px;}
div.artistSongBox div.left{width:468px;}
div.artistSongs {width:410px; height:305px; overflow:hidden; margin:0px 0px 20px 27px;}
div.artistSong{width:410px; margin:0px 0px 4px 0px;}
div.artistSong a:link, div.artistSong a:active, div.artistSong a:visited{color:#A69D5D;}
div.artistSong a:hover{color:#858585;}
div.navBox{width:434px; color:#7d7d7d; margin-left:22px;}
div.totalPage{float:left;}
div.pages{float:right; margin:0px 5px 0px 0px;}
a.previousPage{background-image:url(../images/btn_pageLeft.gif); width:10px; height:12px; background-position:center; background-repeat:no-repeat;}
a.nextPage{background-image:url(../images/btn_pageRight.gif); width:10px; height:12px; background-position:center; background-repeat:no-repeat; margin-left:2px;}
a.page{margin-left:2px;}
div.artistSongBox div.right{width:12px; background-color:#f5f5f5; height:343px;}
div.artistSongBox div.right div.whiteBox{width:12px; background-color:white; height:85px;}
div.bottom{background-image:url(../images/bg_detailsBottom.gif); width:480px; height:27px;}

div.latestNewsBox{width:480px; height:166px; margin-top:10px;}
div.latestNewsBox div.left{width:468px;}
div.latestNewsBox div.left div.title{background-image:url(../images/title_latestNews.gif); height:70px; width:468px; background-position:right;}
div.latestNewsBox div.left div.latestNews{width:370px; height:76px; overflow:hidden; margin:15px 0px 0px 22px;}
div.latestNewsBox div.left div.latestNews div.newsTitle{width:370px; height:18px; line-height:18px; margin:0px 0px 12px 0px;}
div.latestNewsBox div.left div.latestNews div.newsTitle div.newsArrow{margin-top:6px;}
div.latestNewsBox div.left div.latestNews div.newsTitle div.date{color:#A69D5D; width:40px; text-align:left; margin-left:10px;}
a.boldTitle:link, a.boldTitle:active, a.boldTitle:visited{color:#6D6D1F; font-weight:bold; text-align:left; float:left; display:inline;}
a.boldTitle:hover{color:#A69D5D;}
div.latestNewsBox div.left div.latestNews div.newsContent{color:#858585; overflow:hidden; width:370px; height:46px; text-align:justify;}
div.latestNewsBox div.right{width:12px; background-color:#f5f5f5; height:172px;}
div.latestNewsBox div.right div.whiteBox{width:12px; background-color:white; height:28px;}


div.rightSide{width:250px; position:absolute; left:758px; top:206px; float:left; display:inline; clear:both;}
div.bannerRight{margin:0px 0px 20px 35px;}

div.footer{ float:left; display:inline; height:72px; width:100%; background-color:black;}
div.footer div.top{background-image:url(../images/bg_footerTop.gif); height:6px; width:100%; font-size:0px;}
div.footer div.links{ margin:15px 0px 12px 10px;}
a.footerLink:link, a.footerLink:active, a.footerLink:visited{ float:left; display:inline; color:#FEE003; margin:0px 15px;}
a.footerLink:hover{color:#7c7c7c;}
span.divider{float:left; display:inline; color:#7c7c7c;}
div.copyright{color:#7c7c7c; margin-left:25px; font-size:10px;}
div.footerBottom{height:8px; width:100%; background-color:#FEE003; font-size:0px;}