/* CSS Document */

body{
  background-color:#ebebeb;
 margin:0;
 font-size:10px;
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 SCROLLBAR-FACE-COLOR: #fff;
 SCROLLBAR-HIGHLIGHT-COLOR: #b1b1b1;
 SCROLLBAR-SHADOW-COLOR: #fff;
 SCROLLBAR-3DLIGHT-COLOR: #fff;
 SCROLLBAR-ARROW-COLOR: #666;
 SCROLLBAR-TRACK-COLOR: #e1e1e1;
 SCROLLBAR-DARKSHADOW-COLOR: #b1b1b1;
 SCROLLBAR-BASE-COLOR: #b1b1b1;
 position:relative;
 margin:auto;
 width:1000px;
 height:602px;
}
img{border:0;}
.index{
 background-image:url(img/index_bg.jpg);
 background-repeat:no-repeat;
 background-position:top;
 width:1000px;
 height:602px;
 position:relative;
 margin:auto;
 }
select{
font-size:10px;
color:#595959;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:100px;
 border:none;
 height:15px;}
textarea{
 border:1px solid #999;
 color:#000;
 font-size:10px;
 font-family:Arial, Helvetica, sans-serif;}
#menu{
 position:absolute;
 left:108px;
 top:216px;}
#menu ul{
list-style:none;
margin:0;padding:0;
text-align:left;}
.li_space{
 height:35px;}
#VAS{
position:absolute;
left:145px;
top:471px;
color:#7c7c7c;
font-size:12px;}
#VAS a{
color:#7c7c7c;
font-size:12px;
text-decoration:none;}
#VAS a:hover{
color:#000;
font-size:12px;
text-decoration:none;}
#music{
position:absolute;
left:174px;
top:519px;
}
#about{
position:absolute;
left:268px;
top:92px;
width:356px;
height:60px;
padding-left:10px;
color:#7d7d7d;
font-size:10px;
text-align:left;
border-left:1px solid #d9d9d9;
}
.aboutTit{
color:#b8b8b8;
font-size:10px;
font-weight:bold;}
#latestRecommended{
 position:absolute;
 left:267px;
 top:175px;
 padding-top:66px;
 background-image:url(img/latestRecommended.jpg);
 background-repeat:no-repeat;
 width:169px;
 height:210px;
}
#mostDownloaded{
 position:absolute;
 left:455px;
 top:175px;
 padding-top:66px;
 background-image:url(img/mostDownloaded.jpg);
 background-repeat:no-repeat;
 width:169px;
 height:210px;
}
.songList{
 text-align:left;
 width:118px;
 height:18px;
 line-height:18px;
 border-bottom:1px solid #e3e3e3;}
 
.songList A{
	 COLOR: #ababab; 
}

.songNum{
text-align:left;
 width:28px;
 height:18px;
 line-height:18px;
 border-bottom:1px solid #e3e3e3;
 font-size:9px;
 color:#ababab;}
a.songName{
 color:#ababab;
 font-size:10px;
 text-decoration:none;
}
a.songName:hover{
 color:#000;
 font-size:10px;
 text-decoration:none;
}
.moreTd{
 height:18px;
 padding-top:4px;}
a.more{
display:block;
background-image:url(img/more.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:16px;
color:#00adef;
font-size:10px;
text-align:left;
text-decoration:none;}
a.more:hover{
display:block;
background-image:url(img/more1.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:16px;
color:#f63;
font-size:10px;
text-align:left;
text-decoration:none;}

#dialTunes{
position:absolute;
left:650px;
top:226px;
 padding-top:30px;
 padding-left:16px;
 background-image:url(img/dialTunesBg.jpg);
 background-repeat:no-repeat;
 width:169px;
 height:196px;

 }
#dialTunes ul{
list-style:none;
margin:0;padding:0;
text-align:left;}
#dialTunes ul li{
height:11px;
line-height:18px;}
a.dialTune{
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:11px;
color:#a5a5a5;
font-size:10px;
text-align:left;
text-decoration:none;
}
a.dialTune:hover{
background-image:url(img/arrow1.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:11px;
color:#000;
font-size:10px;
text-align:left;
text-decoration:none;
}
#bottomFlash{
position:absolute;
left:264px;
top:384px;
padding-top:7px;
background-image:url(img/bottomFlashBg.gif);
background-repeat:no-repeat;
width:519px;
height:146px;}
#bySorts{
position:absolute;
left:822px;
top:41px;}
#bySorts ul{
list-style:none;
margin:0;
text-align:left;}
#bySorts ul li{
height:31px;
line-height:31px;}
#bySorts ul li a{
color:#b2b2b2;
font-size:10px;
text-decoration:none;}
#bySorts ul li a:hover{
color:#f33;
font-size:10px;
text-decoration:none;}
#right{
position:absolute;
left:802px;
top:150px;}
#login{
position:relative;
background-image:url(img/loginBg.gif);
background-repeat: no-repeat;
width:200px;
height:135px;}
#Logininf{
position:absolute;
left:55px;
top:8px;
color:#00adef;
font-size:10px;}
#formNumber{
position:absolute;
left:72px;
top:36px;}
#formPwd{
position:absolute;
left:72px;
top:62px;}
#btnLogin{
position:absolute;
left:158px;
top:86px;}
#linkLogin{
position:absolute;
left:12px;
top:108px;
color:#00adef;
font-size:10px;}
#loginError{
position:absolute;
left:12px;
top:80px;
color:#f00;
text-align:left;
width:148px;
font-size:10px;}
.loginInBg{
background-image:url(img/loginInBg.gif);
background-repeat: no-repeat;
width:200px;
height:70px;
position:relative;
text-align:left;
padding-left:12px;
padding-top:20px;}
.userName{
font-size:10px;
color:#989898;
font-weight:bold;}
.userNum{
font-size:10px;
color:#989898;
}
.logoutBtn{
background:none;
border:none;
color:#00adef;
font-size:12px;
cursor:pointer;
margin-top:5px;
font-weight:bold;
}
.info{
 color:#00adef;
 font-family:Arial;
 font-size:10px;
 text-align:left;
 padding-left:4px;
 padding-bottom:8px;}
.search{
background-image:url(img/searchBg.gif);
width:198px;
height:120px;
position:relative;}
#search_keyword{
position:relative;
left:20px;
top:1px;*top:30px;_top:30px;
width:128px;
height:14px;
line-height:14px;
font-size:12px;
color:#666;
border:1px solid #999;
background-color:#eeeeee;}
#search_type{
position:relative;
left:20px;
top:1px;*top:30px;_top:30px;
width:134px;
height:16px;
line-height:16px;
font-size:10px;
color:#666;
font-weight:bold;
font:Helvetica;
border-style:none;
border:none;
background-color:#eeeeee;}
#search_sort{
position:relative;
left:47px;
top:1px;*top:30px;_top:30px;
width:134px;
height:16px;
line-height:16px;
font-size:10px;
color:#666;
font-weight:bold;
font:Helvetica;
border:none;
background-color:#eeeeee;}
#searchBtn{
position:relative;
left:1px;
top:25px;*top:55px;_top:55px;
background:none;
border:none;
color:#00adef;
font-size:12px;
cursor:pointer;
}
#rightDialTunes{
background-image:url(img/dialTunesBg.gif);
width:198px;
height:97px;
position:relative;
}
#rightDialTunes table{
position:absolute;
left:12px;
top:34px;}
#rightDialTunes td{
text-align:left;
padding-right:20px;
padding-bottom:6px;}
.loginInput{
border:none;
width:114px;
height:16px;
line-height:16px;
color:#c5c5c5;
font-size:12px;
background:none;}
.loginBtn{
background:none;
border:none;
height:15px;
color:#f33;
font-size:12px;
cursor:pointer;
text-decoration:none;}

a.blue{
font-size:10px;
color:#00adef;
text-decoration:none;
font-family:Arial;
}
a.blue:hover{
font-size:10px;
color:#f33;
text-decoration:none;
font-family:Arial;
}

#rightFlash{
position:absolute;
top:142px;
left:-5px;
width:203px;
height:262px;
}

#bySorts{
position:absolute;
top:40px;
left:786px;*left:825px;_left:825px;
}


/* latest dial tunes ?? */
#latest_dialTunes{
 position:absolute;
 left:262px;
 top:138px;}
.pageTitle{
 color:#00adef;
 font-family:Arial;
 font-size:18px;
 text-align:left;
 padding-left:4px;
 padding-bottom:8px;}
.listTable{
background-color:#fff;
border:1px solid #bdbdbd;
width:528px;
font-size:9px;
}
.listTit{
background-color:#d9d9d9;
height:28px;
color:#000;
font-family:Arial;
font-size:10px;}
.listTd1{
background-color:#f2f2f2;
height:24px;
line-height:24px;
}
.listTd2{
background-color:#fff;
height:24px;
line-height:24px;
}
.pageTd{
height:24px;
color:#666;
font-size:10px;
text-align:right;}
.pageForm{
width:20px;
height:11px;
line-height:11px;
border:1px solid #666;
font-size:9px;
color:#666;}
.goBtn{
background:none;
border:none;
color:#00adef;
font-size:12px;
cursor:pointer;
margin-top:5px;
}
.bottomLink{
padding:5px;
padding-top:25px;
text-align:left;}


/* popular billboards */
.tabTable{
border-top:1px solid #bdbdbd;
border-left:1px solid #bdbdbd;
}
.tab{
width:90px;
height:24px;
line-height:24px;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #bdbdbd;
background-color:#d9d9d9;
color:#000;
text-align:center;
font-size:11px;
font-weight:bold;}
a.tabLink{
display:block;
width:90px;
height:24px;
line-height:24px;
background-color:#fff;
color:#959595;
text-decoration:none;
}
a.tabLink:hover{
display:block;
width:90px;
height:24px;
line-height:24px;
background-color:#d9d9d9;
color:#000;
text-decoration:none;
}

/* search by artist & tune */
.lettersTd{
height:32px;
line-height:32px;
display:block;
text-align:left;
background-color:#fff;
border:1px solid #ccc;
color:#00adef;
padding-left:18px;
font-size:10px;}

/*  search genre */
.genreMenuBg{
width:80px;
height:15px;
line-height:15px;
background-image:url(img/genreMenuBg.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;

 }
a.menuGrey{
font-size:9px;
color:#797979;
text-decoration:none;}
a.menuGrey:hover{
font-size:9px;
color:#000;
text-decoration:none;}
.genreSubPos{
position:absolute;
top:15px;
left:0px;
width:80px;
background-color:#acacac;
border-bottom:5px solid #acacac;}
.genreSubPos ul{
list-style:none;
margin:0;}
.genreSubPos li{
padding-left:4px;
padding-right:4px;
text-align:left;
}
.genreSubPos a{
display:block;
width:72px;
color:#e3e3e3;
text-decoration:none;
border-bottom:1px solid #d2d2d2;
font-size:10px;
}
.genreSubPos a:hover{
display:block;
width:72px;
color:#fff;
text-decoration:none;
border-bottom:1px solid #d2d2d2;
font-size:10px;
}

/*  search genre */
.myMenuBg{
width:100px;
height:15px;
line-height:15px;
background-image:url(img/myMenuBg.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;

}
.myMenuBga{
width:123px;
height:15px;
line-height:15px;
background-image:url(img/myMenuBga.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;

}
/*  my dial tunes */
.centerGray{
background-color:#ededed;
text-align:center;
 }
 .centerGray1{
background-color:#ededed;
text-align:center;
text-valign:bottom;
 color:#00adef;
 font-family:Arial;
 font-size:10px;
 padding-left:4px;
 padding-bottom:8px;
 }
.inpTxt{
height:13px;
line-height:13px;
font-size:12px;
background-color:#fff;
border:1px solid #999;}

/* my dial tunes library */

#myLibrary{
 position:absolute;
 left:262px;
 top:20px;}
.listName{
height:17px;
line-height:17px;
color:#000;
font-weight:bold;
text-align:left;
padding-left:10px;}
.myMenuSubPos{
position:absolute;
top:15px;
left:0px;
width:100px;
background-color:#acacac;
border-bottom:5px solid #acacac;
z-index:100;
}
.myMenuSubPos ul{
list-style:none;
margin:0;}
.myMenuSubPos li{
padding-left:4px;
padding-right:4px;
text-align:left;
}
.myMenuSubPos a{
display:block;
width:92px;
color:#e3e3e3;
text-decoration:none;
border-bottom:1px solid #d2d2d2;
font-size:10px;
}
.myMenuSubPos a:hover{
display:block;
width:92px;
color:#fff;
text-decoration:none;
border-bottom:1px solid #d2d2d2;
font-size:10px;
}
.btnWhite{
width:62px;
height:12px;
line-height:12px;
background:none;
background-image:url(img/btnWhite.gif);
color:#999;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
border:none;
cursor:pointer;
}
.addPos{
text-align:left;
padding-left:5px;}

/* my dial tune clusterMag add */
.leftLabel{
text-align:right;
color:#000;
font-size:10px;
height:19px;
line-height:19px;}
.rightCont{
text-align:left;
color:#f00;
font-size:10px;
height:19px;
line-height:19px;}

/* my dial tunes default set */

#myDefault{
 position:absolute;
 left:262px;
 top:10px;}
 .btnWhiteLong{
width:102px;
height:12px;
line-height:12px;
background:none;
background-image:url(img/btnWhiteLong.gif);
color:#999;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
border:none;
cursor:pointer;
}

/* error */
.errorTitle{
 color:#f33;
 font-family:Arial;
 font-size:18px;
 text-align:left;
 padding-left:4px;
 padding-bottom:8px;}
 .errorInfo{
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 width:400px;
 height:300px;
 padding-left:60px;
 text-align:left;
 vertical-align:top;
 padding-top:5px;
 color:#C00;
 background-image:url(img/error.gif);
 background-position:left top;
 background-repeat:no-repeat;}

 /* sign up */
.otherBg{
 background-image:url(img/otherBg.jpg);
 background-repeat:no-repeat;
 background-position:top;
 width:1000px;
 height:602px;
 position:relative;}
#menuOther{
 position:absolute;
 left:108px;
 top:128px;}
#menuOther ul{
list-style:none;
margin:0;padding:0;
text-align:left;}
#otherCenter{
 position:absolute;
 left:266px;
 top:135px;}
.otherTit{
background-image:url(img/otherTit.gif);
width:491px;
height:26px;
color:#00adef;
font-size:12px;
font-weight:bold;
text-align:left;
padding-left:24px;}
.otherCont{
background-color:#fff;
border:1px solid #dcdcdc;
border-top:none;
padding-top:10px;
padding-bottom:10px;}
.blueTxt{
text-align:left;
font-size:10px;
color:#00adef;}
#bySortsOther{
position:absolute;
left:820px;
top:71px;}
#bySortsOther ul{
list-style:none;
margin:0;
text-align:left;}
#bySortsOther ul li{
height:31px;
line-height:31px;}
#bySortsOther ul li a{
color:#b2b2b2;
font-size:10px;
text-decoration:none;}
#bySortsOther ul li a:hover{
color:#f33;
font-size:10px;
text-decoration:none;}
#VASother{
position:absolute;
left:88px;
top:537px;
color:#7c7c7c;
font-size:12px;}
#VASother a{
color:#7c7c7c;
font-size:12px;
text-decoration:none;}
#VASother a:hover{
color:#000;
font-size:12px;
text-decoration:none;}
#musicOther{
position:absolute;
left:920px;
top:581px;
}
#rightFlashOther{
position:absolute;
left:795px;
top:286px;
width:203px;
height:264px;
}

/* pop upÒ³Ãæ */
.popup{
 background-image:url(img/popup.jpg);
 background-repeat:no-repeat;
 background-position:top;
 width:500px;
 height:220px;
 text-align:center;
}
.popupTable{
width:340px;
background-color:#ebebeb;
border:1px solid #999;}

/* helpÒ³Ãæ */
#help{
position:absolute;
 left:262px;
 top:50px;}
.helpBg{
background-color:transparent;
 }
.helpTit{
background-image:url(img/helpTit.gif);
background-repeat:no-repeat;
background-position:left;
width:400px;
height:41px;
line-height:21px;
color:#06c;
font-size:10px;
font-weight:bold;
padding-left:30px;}
.hrLine{
border-bottom:1px solid #808080;
padding:5px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;}
a.helpLink{
 color:#06c;
 font-size:10px;
 text-decoration:none;
 font-family:Arial, Helvetica, sans-serif;
}
a.helpLink:hover{
 color:#f00;
 font-size:10px;
 text-decoration:none;
}

/* add by cx */
a.tabLinkNow{
display:block;
width:90px;
height:24px;
line-height:24px;
background-color:#d9d9d9;
color:#000;
text-decoration:none;
}
a.tabLinkNow:hover{
display:block;
width:90px;
height:24px;
line-height:24px;
background-color:#d9d9d9;
color:#000;
text-decoration:none;
}
.table-list {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
width: 100%;
background-color:#D9D9D9;
}
.indexTable {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 9px;
width: 100%;
}
.indexTr {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 10px;
width: 100%;
}
.ringlist-td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
}

.table-style4 {
    font-family: Arial;
    font-size: 9pt;
    empty-cells: show;
    margin-top: 0;
    margin-left: 0;
	background-color:#01ADED;
	width: 100%;
}
.table-style2 {
    font-family: Arial;
    font-size: 9pt;
    empty-cells: show;
    margin-top: 0;
    margin-left: 0;
}

.font-bottom {
    font-family: Arial;
    font-size: 11px;
}

.input-bottom {
    border-right: 1px inset;
    border-top: 1px inset;
    vertical-align: text-bottom;
    border-left: 1px inset;
    border-bottom: 1px inset;
    font-family: Arial;
    font-size: 9pt;
    width: 5;
}
.input-searchmain{
font-size:10px;
color:#999;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:150px;
}
select.opertype{
font-size:10px;
color:#999;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:150px;}

select.ringgrp{
height:130px;
width:120px;
 }

select.callingtime{
font-size:10px;
color:#999;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:154px;
background-color:#fff;
border:1px solid #999;
 }

.input-timeedit{
font-size:10px;
color:#999;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:150px;
 background-color:#fff;
 border:1px solid #999;
}

.m_input {
	width: 40px;
	height: 14px;
	border: 0px solid black;
	font-family: "Verdana";
	font-size: 9px;
	text-align: right;
	ime-mode:disabled;
}
.m_arrow {
	width: 16px;
	height: 8px;
	font-family: "Webdings";
	font-size: 7px;
	line-height: 2px;
	padding-left: 2px;
	cursor: default;
}

.input-common{
    font-size:10px;
    color:#999;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    width:150px;
}
#dial{
 position:absolute;
 left:7px;
 top:5px;
 padding-top:10px; 
 background-repeat:no-repeat;
 width:168px;
 height:101px;
}
dialTunesan{
color:#a5a5a5;
font-size:10px;
text-align:left;
text-decoration:none;
}