﻿/*
	Style of NhocOnline.Biz's source (developed from xtremedia)
	Designed by Zim (c) NhocOnline.Biz 12.02.2008
	Email: design@longlanh.net
	Website: Nhoc Online . Biz
	Y! ID: Zic.Bi
*/

body
{
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#051c00;
	font-family:Tahoma, VerdanaArial, Helvetica, sans-serif;
	background-attachment:scroll;	

}
body, table, td, th, div, input
{
	font-size:8pt;
	font-family:Tahoma, VerdanaArial, Helvetica, sans-serif;
}
img
{
	border:0px;
}
a:link,
a:visited
{
	text-decoration:none;
	color:#06F;
}
a:hover
{
	text-decoration:underline;
	color:#06F;
}
h1,h2,h3,h4,h5,h6
{
	font-size:10pt;
	margin:0px;
	padding:0px;
}
ul, li
{
	list-style:none;
	margin:0px;
	padding:0px;
}
#global
{
	height:100%;
    margin-left: auto;
    margin-right: auto;
	padding:0px;
	position:absolute;
	width:100%;
	text-align:center;

}
.main_out_out
{	width:810px;
	margin:0 auto;
}
.main_out
{
	width:810px;
	overflow:hidden;
	margin:0 auto;
}
.main_in
{to

	width:800px;
	overflow:hidden;
	margin:0 auto;

}

.body_left
{
	float:left;
	width:500px;
	margin:0px;
	padding:0px;
	overflow:hidden;

}
.body_left_bg
{
	background-color:#051c00;

}
.body_right
{

	width:300px;
	margin:0px;
	padding:0px;
	background:transparent;
	display:block;
	overflow:hidden;
	float:right;
	clear:right;
}

.logo
{	height:auto;
	width:auto;
	position:absolute;
	margin:0px auto;
	padding:0px;
	float:left;
}
#top
{	
	width:810px;
	margin:0 auto;
	padding:0px;
	text-align:left;
}
#bottom
{
	background:#2c2c2c url(images/graphic.gif) no-repeat right center;
	color:#666;
	padding:20px 10px;
}
#bottom a,
#bottom a:link,
#bottom a:visited
{
	color:#888;
	font-weight:bold;
}
#bottom p
{	margin:3px auto;
}
#side_center
{
	width:500px;
	margin:3px auto;
	overflow:hidden;
}
#search_box,
#search_box form
{
		display:inline;
}
.search_box_top
{
	margin-top:15px;
}
.search_box_top_content
{
	

	line-height:39px;
	padding:0px;
	vertical-align:middle;


}
.search_box_top_content span
{	
	line-height:39px;
	height:39px;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	overflow:hidden;
	padding:10px;
	
}
.in_text
{	height:18px;
	border:#ccc 1px solid;
	vertical-align:middle;

}
.search_box_bottom
{
	background:#c1c1c1;
	margin-bottom:30px;
}
.search_box_bottom a,
.search_box_bottom a:link,
.search_box_bottom a:visited,
.search_box_bottom a:hover
{	color:#FFFFFF;	}

.search_box_bottom_content a
{	line-height:23px;
}
.search_submit
{
	position:relative;
	float:right;
	display:inline;
	margin:3px 3px 10px 3px;
	padding:0px;
	height:94px;
	width:83px;

}
.search_submit input
{
	height:94px;
	width:83px;
}
input.text,
input.button
{
	background:#FFF;
	border:1px solid #999;
}
#categories img
{
	border:0px;
	display:block;
	margin:10px 0px;
	margin-bottom:10px;
}
#static
{
	
	width:158px;
	float:left;
}
.stat_head
{
	position:relative;
	float:left;
	margin-left:8px;
	padding:0px;
	height:45px;
	width:132px;
	clear:both
}
.stat_content
{
	margin-top:10px;
	border:1px solid #cccccc;
	background:url(images/stat_bg.gif) repeat-x bottom;
	display:block;
	
}
.stat_content ul
{	margin:40px 5px 10px 5px;}
.stat_content li
{	text-align:left;
	padding-bottom:5px
}

.stat_content p
{	float:right;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

p.song_title
{
	color:#F00;
	font-size:9pt;
	font-weight:bold;
	background:url(images/trans_bg_03.gif);
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:5px;
}
.song_properties span
{
	padding:0px 10px;
}
#tbl_list td
{
	border-top:1px #CCC dotted;
	padding:5px;
}
.top_10
{	border:1px solid orange;
	background:#9acd92;
	padding:5px 3px;
	text-align:center;
	color:orange;
	font-variant:small-caps;
	font-size:12pt
}
#top_10 .top_10 a,
#top_10 .top_10 a:link,
#top_10 .top_10 a:visited,
#top_10 .top_10 a:hover
{	color:red;
	text-decoration:none;
	display:block;
}
#top_10
{
	text-align:left;
	margin:18px 5px 10px 5px;
}
#top_10 li
{
	padding:5px;
	color:#FFF;
}
#top_10 a
{
	color:#F90;
}

#list li
{
	border-bottom:1px #CCC dotted;
	display:block;
	padding:5px;
	line-height:22px;
	text-align:left;
	padding-left:35px;
}
#list a
{
	font-weight:bold;
	color:orange;
}

.list_head
{
	background:#2c2c2c;
	color:#FFF;
	font-size:10pt;
	padding:5px;
	
}
#list span
{
	float:right;
	width:50px;
	

}
#list .list_count span
{
	margin-left:10px;
	width:auto;
}
#list span.down_icon
{

	width:auto;

}
#list span.down_cnt
{

	width:30px;
	text-align:right;
	padding-right:2px;

}
#list span.listen_cnt
{

	text-align:right;
	width:50px;;
}
#list p
{
	padding:0px;
	margin:0px;
	font-size:7pt;
	line-height: 100%;
	text-align:right;

}
#list p.list_count
{
	padding:5px;
	margin:0px;
	text-align:left;
}
#list p img
{	vertical-align:middle
}

.d_month,
span.d_all,
#list span.d_month a
{
	color:#F90;
}
.d_all,
span.d_all,
#list span.d_all a
{
	color:#F90;
}
p.v_month,
span.v_month,
#list span.v_month a
{
	color:#F90
}
p.v_all,
span.v_all,
#list span.v_all a
{
	color:#F90
}
#list span.v_all a,
#list span.v_month a,
#list span.d_month a,
#list span.d_all a
{font-weight:normal;
}

#list span.v_all,
#list span.v_month,
#list span.d_month,
#list span.d_month_all

{
	float:right;
	padding-left:10px;
	width:auto;
}
li.music
{
	background:url(images/type_audio.gif) 5px 50% no-repeat;
}
li.movie
{
	background:url(images/type_video.gif) 5px 50% no-repeat;
}
#LoadingDiv
{
	position:absolute;
	visibility:show;
	z-index:1;
	filter: alpha(opacity=80);
	opacity:0.8;
	left:-500px;
	top:200px;
}
.loading
{
	background:#FFFFFF;
	border:1px solid #666666;
	padding:10px 20px;
	text-align:center;
}
#song_info p
{	margin:5px auto;
}
img.icon
{	vertical-align:middle;
	margin:0px 2px;
}
#song_info p span
{	margin:0px 10px;
}
#song_info input
{
	WIDTH:250px;border:dotted 1px #ccc;
	text-align:center;
	background:#FFF;
}
#player
{
	background:url(images/trans_bg_02.gif);
	padding:0px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-top:5px;

}
#player,
#note
{	margin-bottom:15px;
}
#note
{	padding:5px;
}
.home
{
	background: url(images/icon_rss_48.gif) no-repeat 5px 50%;
	line-height:48px;
	padding:auto 5px;
	
}
.home a
{
	display:block;
	font-size:8pt;
	padding-left:20px;
}
.home a,
.home a:link,
.home a:visited
{	text-decoration:none;
}
.home a:hover
{	color:#FFF;
	text-decoration:none;
}


#box_feed
{

	display:inline-block;
	margin:10px auto;
}


#box_feed a,
#box_feed a:link,
#box_feed a:visited,
#box_feed a:hover
{	text-decoration:none;
}
span.rss
{
	color:#F60
}
span.rss_type
{
	color:#000;
	font-weight:bold;
}
#box_archive
{


	margin:5px auto;
	text-align:center;
}
#box_archive p
{
	display:inline;
	width:auto;
	padding:5px 10px 5px 25px;
	background: url(images/icon_clock_20.gif) no-repeat 0px 50%;
	margin:0 auto;
}
		
#close_button
{
	position:relative;
	float:right;
	margin-right:10px;
	margin-bottom:0px;
	margin-top:0px;
	padding:2px;
	width:59px;
	border:1px solid #ddd;
	background:#FFF;
}
.obj
{
	margin-top:20px;
	display:block;
}
#page
{	margin:10px auto;
}
#page a
{	font-variant:small-caps;
	border:1px solid #390;
	padding:0px 5px 0px 5px;

}
#page a,
#page a:link,
#page a:visited
{
	text-decoration:none;
	color:#390;

}
#page .pagecurrent
{

	background:#390;
	color:#000;	
}
.pagelink,
.pagelink a,
.pagelink a:link,
.pagelink a:visited
{

	color:#390;
	text-decoration:none;
}

#page .pagelink:hover,
#page .pagelink a:hover
{
	background:#390;
	color:#FFF;
	text-decoration:none;
}

#category_list
{	
	text-align:left;
	border-bottom:1px solid #ccc;
	margin:15px 0px 10px;
	padding-bottom:20px;
	
	
}
#category_list h2
{	background: url(images/icon_cat_20.gif) no-repeat 0 50%;
	padding-left:24px;
	height:24px;
	display:block;
	line-height:24px;
	font-style: normal;
	font-weight:normal;
	
}
#category_list h3
{	background: url(images/icon_sub.gif) no-repeat 16px 50%;
	padding-left:34px;
	display:block;
	line-height:24px;
	height:24px;
	font-style: normal;
	font-weight:normal;
}
#category_list h3 a
{	color:#006600

}
#category_list h2 a
{
	color:#CC3300;
}

#category_list h1
{
	background:url(images/bar_cat.gif) no-repeat;
	display:block;
	width:158px;
	height:0; padding:28px 0 0 0;
	margin:0px;
	padding-bottom:0 ;
	border-bottom:0;
	overflow:hidden;
}
.cats
{	margin:0px 7px;
}
.top_none
{	color:#FFFFFF;
	text-align:center;
	padding:5px 0px;
}