body,h1,h2,h3,form,p {margin:0;padding:0;}
body{background:#6abeff;font-family:tahoma;font-size:10pt;height:100%;}
td,input,pre {font-family:tahoma;font-size:10pt;}
img, div { behavior: url(/css/iepngfix.htc) }
.subject {font-family:tahoma;color: #0f4b93;}
a {color:#024;text-decoration:none;}
a:link {color:#024;text-decoration:none;}
a:hover {color:#09F;}
#shadow {background-image: url(/images/bluecity/bg_shadow.gif);background-repeat:repeat-y;background-position:center top;background-attachment:fixed;}

.error{width:90%;line-height:24px;text-indent:16px;margin:5px auto 20px auto;font-size:9pt;font-family:tahoma;color:#fff;background:#f00;font-weight:bold;display:block;border:1px dashed #CA0;}
.success{width:90%;height:32px;margin:5px auto 20px auto;background:transparent url(http://www.hongsom.com/images/success.png) no-repeat scroll 0 0;text-indent:45px;color:#0C0;font-weight:bold;font-size:12pt;line-height:2em;}
.foreground{color:#0b5085;}

#top {margin:0 auto 0 auto;width:990px;height:345px;font-family:tahoma;font-size:12pt;overflow:hidden;background:#fff url(/images/bluecity/header_blue.jpg) no-repeat scroll 5px 0px;}
/* #top .logo {padding:18px 0 12px 28px;} */
#top .logo {padding:6px 0 6px 28px;}
#top .banner {display:block;background:#000;width:728px;height:90px;position:absolute;top:5px;left:245px;}
.no-header {background:#111;height:250px;}
.no-header-name {padding-top:80px;}
#login {float:left;}
#search {float:right;}
#main {margin:0 auto 0 auto;width:990px;padding-bottom:9px;font-family:tahoma;font-size:15px;background:#FFFFFF;overflow:hidden;}
#footer{margin:0 auto 0 auto;width:990px;font-family:tahoma;font-size:12pt;background:#002241;color:#999;overflow:hidden;}
#social {margin:0 auto 0 auto;width:990px;font-family:tahoma;font-size:9pt;background:#FFFFFF none repeat scroll 0 0;overflow:hidden;}
.main-top {background:#ffffff url(http://www.musicatm.com/images/newtheme/main_top.gif) repeat-x;width:990px;height:7px;overflow:hidden; }
#menu {	background: url(http://www.musicatm.com/images/newtheme/menu_bg.gif) repeat-x;width:980px;height:29px;margin:0 auto 0 auto; }
ul.menu
{
	list-style:none;
	line-height: 29px;
	margin:0;
	padding:0 0;
	display:block;
}
ul.menu li
{
	float: left;
	display:block;
	text-decoration: none;	
}
ul.menu strong
{
	padding:0 13px 0 13px;
}
ul.menu li.selected
{
	float: left;
	display: block;
	background: url(http://www.hongsom.com/images/menu_selected.png) no-repeat top center; 
}
ul.menu li.active {
	color: #eee;background-color: #027bf7;-webkit-transform: rotate(0deg) scale(1.2);-moz-transform: rotate(0deg) scale(1.2);-o-transform: rotate(0deg) scale(1.2);-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;z-index: 2002;margin-right:15px;	margin-left:15px;
}

.selected strong { padding:0 16px; }
.menu a{font-family:tahoma;font-size:10pt;color:#fff;text-decoration:none;}
.menu a:link{font-family:tahoma;font-size:10pt;color:#fff;text-decoration:none;}
.menu a:visited{font-family:tahoma;font-size:10pt;color:#fff;text-decoration:none;}
.menu a:hover{font-family:tahoma;font-size:10pt;color:#fff;text-decoration:none;}


#content {display:block;position:inherit;width:980px;margin:10px auto 0 auto;}
.col-left{float:left;width:160px;margin:0;}
.col-right{float:right;width:800px;margin:0;overflow:hidden;}
.col-right-full{width:800px;overflow:hidden;}
.col-right-center{float:left;width:490px;margin:0;font-size:10pt;}
.col-right-right{float:right;width:300px;margin:0 0 0 5px;}
.col-full{width:970px;margin:0 auto;overflow:hidden;}


.col-left2{float:left;width:670px;margin:0;}
.col-right2{float:right;width:300px;margin:0 0 0 10px;overflow:hidden;}


ul.content_head {
list-style-type:none;
width:490px;
overflow:hidden;
padding:0;
margin:0;
}
.content_head li.tab{
float:left;
background:transparent url(http://www.musicatm.com/images/new/6comment_tab2.gif) no-repeat scroll 0 0;text-align:center; 
padding: 5px 0 0 0;
width: 100px;
height: 23px;
overflow:hidden;
}
.content_head li.tab_selected{
float:left;
background:transparent url(http://www.musicatm.com/images/new/6comment_tab1.gif) no-repeat scroll 0 0;text-align:center; 
padding: 5px 0 0 0;
width: 100px;
height: 23px;
overflow:hidden;
text-decoration: none;
}
.content_head li.headtab{
float:left;
margin:0; 
overflow:hidden;
height: 23px;
font-weight:bold;
font-size:11pt;
background:#FFFFFF url(http://www.musicatm.com/images/new/6comment_line.gif) repeat-x scroll left bottom;
border-bottom:1px none;
}
.content_head li.head0tab{
width:490px !important;
}
.content_head li.head1tab{
width:390px !important;
}
.content_head li.head2tab{
width:290px !important;
}
.content_head li.head3tab{
width:190px !important;
}
.content_head a:link{color:#000 !important;}
.content_head a:hover{color:#F00 !important;}
.content_head a:visited{color:#000 !important;}
.content_head li.tab_selected a:link{color:#0c0 !important;font-weight:bold;}
.content_head li.tab_selected a:hover{color:#F00 !important;font-weight:bold;}
.content_head li.tab_selected a:visited{color:#0c0 !important;font-weight:bold;}


.titlebar{background:#ccc;line-height:30px;}
.titlebar_blue{background:transparent url(/images/bluecity/titlebar_blue.gif) 0 0 repeat-x;}
.titlebar_l{background:transparent url(/images/bluecity/titlebar_l.gif) 0 0 no-repeat;}
.titlebar_r{background:transparent url(/images/bluecity/titlebar_r.gif) 100% 0 no-repeat;}
.titlebar_c{color:#fff;padding:0 0 0 10px;}



ul.music_list{ 
list-style-type:none;
width:490px;
overflow:hidden;
margin:0;
padding:0;
}
.music_list li {
overflow:hidden;
line-height:1.5em;
overflow:hidden;
}
.music_list .title {
float:left;
width:225px;
height:20px;
margin-right:10px;
white-space:nowrap;
overflow:hidden;
}
.music_list .artist {
float:left;
width:205px;
height:20px;
white-space:nowrap;
overflow:hidden;
}
.music_list .status{
white-space:nowrap;
width:50px;
height:20px;
overflow:hidden;
float:right;
text-align:right;
}

ul.music_index_list_update{width:490px !important;}
.music_index_list_update li{width:241px;float:left;padding:0 !important;border:2px dashed #fff;}
.music_index_list_update .title{padding:2px 0 2px 15px !important;width:150px !important;}
.music_index_list_update .status2{padding:2px 2px 2px 0 !important;height:13px;}



.ringtone-box { width: 162px; margin:5px 2px 0 0;  }
.ringtone-top {width: 162px;  background:#ffffff; }
.ringtone-head {  border-left:1px solid #555555; border-right:1px solid #555555; }
.ringtone-body {  border-left:1px solid #555555; border-right:1px solid #555555;}
ul.ringtone_left_list{ 
list-style-type:none;
overflow:hidden;
width:160px;
margin:0;
padding:0;
}
.ringtone_left_list li {
font-size:9pt;
margin:0 5px;
padding:3px 0;
overflow:hidden;
white-space:nowrap;
overflow:hidden;
}
.ringtone-bottom {width: 162px;  background:#ffffff; }



.playlist-box { width: 162px; margin:5px 2px 5px 0;font-size:9pt;  }
.playlist-top {width: 162px;  background:#ffffff; }
.playlist-head {  border-left:1px solid #555555; border-right:1px solid #555555; }
.playlist-body {  border-left:1px solid #555555; border-right:1px solid #555555; }
.playlist-data {  text-align:center;}
.playlist-bottom {width: 162px;  background:#ffffff; }

ul.playlist_index_list {
list-style-type:none;
padding:0;
margin:0 10px 0 10px;
}
.playlist_index_list li{
width:140px;
line-height:1.5em;
display:block;
overflow:hidden;
border-top:1px dashed #aaa;
border-left:0px !important;
}
.playlist_index_list .title{
white-space:nowrap;
text-align:center;
width:120px;
overflow:hidden;
margin:0 5px;
}
.playlist_index_list .poster{
white-space:nowrap;
text-align:center;
width:120px;
overflow:hidden;
margin:0 5px;
}
.playlist_index_list .cover{
margin:0 35px;
}
.playlist_index_list .cover img{
padding:5px 0;
}

ul.music_index_list {
list-style-type:none;
width:300px;
padding:0;
margin:0;
overflow:hidden;
}
.music_index_list li{
background-repeat: no-repeat;
background-position: 5px 5px;
padding:5px 5px 5px 60px;
font-size:9pt;
line-height:1.5em;
}
.music_index_list .rank{
font-family:georgia;
font-size:20pt;
color:#009900;
margin-right:5px;
padding:0 0 5px 0;
}
.music_index_list .title{
white-space:nowrap;
width:230px;
overflow:hidden;
}
.music_index_list .artist{
white-space:nowrap;
float:left;
width:180px;
overflow:hidden;
}
.music_index_list .status{
white-space:nowrap;
width:50px;
overflow:hidden;
float:right;
text-align:right;
}
.music_index_list .status2{
white-space:nowrap;
width:50px;
overflow:hidden;
text-align:right;
float:right;
}

.indy .music_index_list a {color:#090;}
.indy .music_index_list a:link {color:#090;}
.indy .music_index_list a:hover {color:#F00;}
.indy .title{color:#030;}

.thai .music_index_list a {color:#09F;}
.thai .music_index_list a:link {color:#09F;}
.thai .music_index_list a:hover {color:#F00;}
.thai .title{color:#039;}

.inter .music_index_list a {color:#F3F;}
.inter .music_index_list a:link {color:#F3F;}
.inter .music_index_list a:hover {color:#F00;}
.inter .title{color:#939;}


ul.rank_index_list {
list-style-type:none;
width:300px;
padding:0;
margin:0 auto;
overflow:hidden;
}
.rank_index_list li{
background-repeat: no-repeat;
background-position: 5px 5px;
padding:5px 5px 5px 60px;
font-size:9pt;
line-height:1.5em;
border-bottom:1px dashed #666;
}
.rank_index_list .rank{
font-family:georgia;
font-size:20pt;
color:#009900;
margin-right:5px;
padding:0 0 5px 0;
float:left;
}
.rank_index_list .title{
white-space:nowrap;
width:150px;
overflow:hidden;
float:left;
}
.rank_index_list .status{
white-space:nowrap;
width:50px;
overflow:hidden;
float:right;
padding-top:7px;
text-align:right;
}
.rank_index_list .artist{
white-space:nowrap;
width:150px;
overflow:hidden;
float:left;
}



.box-right{width:300px;margin:0 auto 10px auto;overflow:hidden;}
.box-left2{width:660px;margin:0 0 10px 10px;position:relative;overflow:hidden;}
.box-left2-blue pre{color:#037398 !important;}
.box-left2-blue{color:#037398 !important;}
.box-left2-blue a {color:#037398 !important;}
.box-left2-blue a:link {color:#037398 !important;}
.box-left2-blue a:hover {color:#037398 !important;font-weight:bold;}

	#tfheader{
	color:#09f;
	width:100%;
	}
	#tfnewsearch{
		padding:20px;
	}
	.tftextinput{
		width:60%;
		margin: 0;
		padding: 5px 15px;
		font-family: tahoma, sans-serif;
		font-size:14px;
		border:1px solid #0076a3; border-right:0px;
                border-top-left-radius: 5px 5px;
                border-bottom-left-radius: 5px 5px;

	}
	.tfbutton {
		margin: 0;
		padding: 5px 15px;
		font-family: tahoma, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton::-moz-focus-inner {
	  border: 0;
	}

	.tfclear{
		clear:both;
	}



.box-full {width:970px;background:#fff;margin:0 0 10px 0;color:#000;font-family:tahoma;position:relative;overflow:hidden;}

.box-content {padding:5px 10px 5px 10px;font-size:10pt;}
.box-left {width:630px;background:#fff;margin:0 0 10px 20px;color:#000;font-family:tahoma;position:relative;overflow:hidden;}
.box-left-light {background:#9cf;color:#02243C;}
.box-left-super-light {background:#cff;color:#000;}

.box-big{width:950px;background:#DAEBF3;margin:15px auto 10px auto;font-family:tahoma;font-size:12pt;position:relative;overflow:hidden;}

.sub-box-right{width:300px;margin:0 auto 10px auto;position:relative;overflow:hidden;}

.box-header-top {height:29px;background:transparent url(http://www.hongsom.com/images/box_header_bg.gif) repeat-x;}
.box-header-text {padding:5px 10px;color:#333;font-family:tahoma;font-size:10pt;font-weight:bold;}
.box-gray-header-top {height:29px;background:transparent url(http://www.musicatm.com/images/border/box_gray_header_bg.gif) repeat-x;}

.box-line-top {height:9px;background:transparent url(/images/bluecity/dot_blue.gif) repeat-x scroll left top;overflow:hidden;}
.box-corner-line-top  {height:29px;background:transparent url(/images/bluecity/corner_line_tr_blue.gif) no-repeat scroll right top;}
.box-corner-line-top .corner-left {height:29px;background:transparent url(/images/bluecity/corner_line_tl_blue.gif) no-repeat scroll left top;}
.box-line-bot {height:9px;background:transparent url(/images/bluecity/dot_blue.gif) repeat-x scroll left bottom;}
.box-corner-line-bot {height:9px;background:transparent url(/images/bluecity/corner_line_br_blue.gif) no-repeat scroll right bottom;}
.box-corner-line-bot .corner-left {height:9px;background:transparent url(/images/bluecity/corner_line_bl_blue.gif) no-repeat scroll left bottom;}
.box-right-border {border-left:1px solid #0098E8;border-right:1px solid #0098E8;}

.box-gray-line-top {height:9px;background:transparent url(http://www.musicatm.com/images/border/dot_gray.gif) repeat-x scroll left top;overflow:hidden;}
.box-gray-corner-line-top  {height:29px;background:transparent url(http://www.musicatm.com/images/border/corner_gray_line_tr.gif) no-repeat scroll right top;}
.box-gray-corner-line-top .corner-left {height:29px;background:transparent url(http://www.musicatm.com/images/border/corner_gray_line_tl.gif) no-repeat scroll left top;}
.box-gray-line-bot {height:9px;background:transparent url(http://www.musicatm.com/images/border/dot_gray.gif) repeat-x scroll left bottom;}
.box-gray-corner-line-bot {height:9px;background:transparent url(http://www.musicatm.com/images/border/corner_gray_line_br.gif) no-repeat scroll right bottom;}
.box-gray-corner-line-bot .corner-left {height:9px;background:transparent url(http://www.musicatm.com/images/border/corner_gray_line_bl.gif) no-repeat scroll left bottom;}
.box-gray-vertical-border {border-left:1px solid #999;border-right:1px solid #999;}

.box-right-col{overflow:hidden;}
.box-right-col-left{width:370px;float:left;}
.box-right-col-left .box-right{width:370px !important;margin-left:0px !important;margin-bottom:0px !important;}
.box-right-col-right{width:380px;float:right;}
.box-right-col-right .box-right{width:370px !important;margin-right:0px !important;margin-bottom:0px !important;}

.no-pad-bottom {padding-bottom:0px !important;}

input.box-search {width:135px;}
input.box-login {width:170px;}
input.hidden {color:transparent;background:transparent;border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px;width:1px;height:1px;}


input.top-bar {background-color:#1e88e1 !important;font-family:tahoma;border:0 none;color:#fff;font-size:7pt;height:16px;line-height:10px;padding-left:2px;vertical-align:top;width:74px;}

#siteurl{font-family:bookman old style;}

.horizon-dash-line {border-bottom:1px dashed #0098E8;}
.vertical-dash-line {border-right:1px dashed #0098E8;}

ul.two-col{
	width:610px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
.two-col li.left
{
	width:210px;
	overflow:hidden;
	float: left;
	position:relative;
}
.two-col-shop li.left {width:224px !important;}
.two-col-form li.left {text-indent:20px;padding-bottom:15px;width:124px !important;}
.two-col li.right
{
	width:400px;
	overflow:hidden;
	float: right;
	position:relative;
}
.two-col-shop li.right {width:500px !important;}
.two-col-form li.right {width:400px !important;}
.pad-all{padding:20px;}
.pad-vertical{padding:20px 0;}

ul.sub-two-col{width:350px !important;}
.sub-two-col li.left{width:125px !important;}
.sub-two-col li.right{width:215px !important;}
.sub-pad-all{padding:10px;}
.sub-pad-vertical{padding:10px 0;}
.sub-pad-bottom {padding:0 0 10px 0;}
.sub-pad-top {padding:10px 0 0 0;}

.equip-list-minimal td{ padding:0 15px 0 0;}
.no-img {width:300px;height:225px;border:1px solid #cacaca;text-align:center;display:table-cell; vertical-align:middle;font-family:comic sans ms;color:#bababa;}
.no-item-img {width:100px !important;height:75px !important;}
.no-shop-img {width:160px !important;height:120px !important;}

.btn-link {padding:10px 0 0 0;}

.graph-box {background:#cacaca;margin:5px auto 0 auto;border:1px solid #999;width:720px;position:relative;}
.graph-timeline {background:#cacaca;margin:0 auto;border:1px solid #fff;width:720px;}
.graph-service-time{line-height:17px;background:#0c0;position:absolute;}
.graph-reserved {position:absolute;background:#FF9900;}

ul.user-menu
{
	list-style:none;
	margin:0;
	padding:0 0 !important;
	display:block;
}
ul.user-menu li
{
	display: block;
	text-decoration: none;
	margin-bottom:1px !important;
	text-indent:15px;
}
.user-menu a {font-family:tahoma;font-size:10pt;background:#09C;color:#fff;text-decoration:none;display:block;width:178px;padding:3px 0;border:1px solid #09F;}
.user-menu a:hover {background:#024;}
.user-head {font-family:tahoma;font-size:10pt;background:#0AB;color:#fff;text-decoration:none;display:block;text-align:center;width:178px;padding:3px 0;border:1px solid #09F;margin-bottom:1px;}
.user-display {font-family:tahoma;font-size:10pt;background:#0AC;text-align:center;width:178px;padding:10px 0;border:1px solid #09F;margin-bottom:1px;}

.edit_by {margin-top:15px;color:#c00;}

.comment-box { padding:10px 0 0 0; }
.comment-head {text-align:left;margin:2px 0;}
.comment-id{font-family:tahoma;font-size:7pt;padding:5px 0 5px 20px;border-bottom:1px solid #ccc;color:#666;}
.comment-content {clear:both;padding:0 15px;}
.qoute { font-family:tahoma;font-size:9pt;border:1px dashed #6495ED;overflow:auto;margin:0 0 15px 0;padding:10px;color:#666;}

.right-control {float:right;margin:3px;overflow:hidden;}
.right-control a,.more a {text-decoration:none;color:#246;}
.right-stat-box {text-align:right;font-size:9pt;}
.more {text-align:right;font-size:9pt;padding:5px 20px;}

.topic-item a,.topic-category a,#service-list a { text-decoration:none;color:#02243C;font-weight:bold;font-size:9pt;font-family:tahoma;}
.topic-item a:hover,.topic-category a:hover,#service-list a:hover {text-decoration:none;color:#CC0000;}
.by {padding-top:5px;color:#09f;font-size:9pt;}
.by a {font-weight:normal !important;color:#666 !important;}
.by a:hover {font-weight:normal !important;color:#0c0 !important;}
#shop-list a {color:#02243C;}
#shop-list .location {color:#02243C;}
#shop-list .detail {color:#366;padding-top:10px;}
#shop-list .price {position:absolute;top:20px;right:10px;display:block;border:1px dashed #0098E8;text-align:center;width:200px;}
ul.product-category{
	width:725px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
.product-category li
{
	width:100px;
	overflow:hidden;
	float: left;
	display:block;
}
.photoslider_nav {
	border: 1px dashed #0098E8 !important;
}

.page-panel{clear:both;overflow:auto;width:100%;border-top:#abc 1px dashed;}
.page{ background:#FFFFFF;border:1px solid #99cccc;width:20px;font-family:tahoma;font-size:10pt;float:left;text-align:center;padding:2px;color:#ff0000;margin:7px 2px 0 2px;}
.page A:link {text-decoration: none; color: #0066cc; font-family:tahoma;font-size:10pt;}
.page A:visited {text-decoration: none; color: #0066cc; font-family:tahoma;font-size:10pt;}
.page A:active {text-decoration: none; color: #0066cc; font-family:tahoma;font-size:10pt;}
.page A:hover {text-decoration: none; color: red; font-family:tahoma;font-size:10pt;background:yellow;display:block;}

ul.footer-list {
list-style-type:none;
padding:0;
margin:11px;
font-size:9pt;
overflow:hidden;
float:left;
}
.footer-list li{
width:160px;
display:block;
margin:0 6px 6px 6px;
border-bottom:1px solid #666;
white-space:nowrap;
overflow:hidden;
}
.footer-list a {color:#999;}
.footer-list a:link {color:#999;}
.footer-list a:hover {color:#999;}
.footer-list li.head a {color:#fff;}
.footer-list li.head a:link {color:#fff;}
.footer-list li.head a:hover {color:#fff;}

.ringtone-lyric-box{display:block;width:200px;float:left;margin-right:10px;}
.ringtone-lyric-content{padding:8px 0;}