﻿/* Page Layout */
body 
{
	margin-top:0px;
	background:black;
	font-size:13px;
	font-family:Verdana, Arial, Times New Roman;
}

.layout_top 
{
	margin: 0 auto;
	width: 1000px;
}

.layout_middle
{
	margin: 0 auto;
	width: 991px;
}

.layout_left 
{
	float:left;
	width:180px;
}

.layout_right 
{
	float:left;
	width:240px;
}

.layout_bottom
{
	clear:both;
	width:990px;
	margin:0 auto;
	padding-top:5px;
}

.layout_body
{
	float:left;
	padding:0px 5px 0px 5px;
	width:560px;
}

/* Top Banner */
.top 
{
	width:1000px;
	height:175px;
	padding-bottom: 5px;
}
.top_banner
{
	height:175px;
	background:url("../images/banner.jpg") no-repeat right top;
}
.top a
{
	color:White;
	font-weight:bold;
	text-decoration:none;
}
.top a:hover
{
	color:#aaaaaa;
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Times New Roman;
	text-decoration:none;
}
.top_menu1_4
{
	float:right;
	height:21px;
	background:#640034;
	padding-left:10px; padding-right:10px;
	padding-top:5px;
	cursor:pointer;
	margin-left:5px;
}
.top_menu1_3
{
	float:right;
	height:21px;
	background:#074e68;
	padding-left:10px; padding-right:10px;
	padding-top:5px;
	cursor:pointer;
	margin-left:5px;
}
.top_menu1_2
{
	float:right;
	height:21px;
	background:#436108;
	padding-left:10px; padding-right:10px;
	padding-top:5px;
	cursor:pointer;
	margin-left:5px;
}
.top_menu1_1
{
	float:right;
	height:21px;
	background:#a04e0d;
	padding-left:10px; padding-right:10px;
	padding-top:5px;
	cursor:pointer;
	margin-left:5px;
}

.top_menu2
{
	height:45px;
	background:url("../images/top_menu_bk.jpg") repeat-x right top;
}
.top_menu2_0 
{
	float:right;
	height:38px;
	margin-top:7px;
}
.top_menu2_1
{
	float:right;
	height:37px;
	width:11px;
	background:url("../images/top_menu2_left_bk.jpg") no-repeat right top;
}
.top_menu2_2
{
	float:right;
	height:37px;
	background:url("../images/top_menu2_bk.jpg") repeat-x right top;
}
.top_menu3_0 
{
	float:left;
	height:32px;
	padding-right:13px;
}
.top_menu3_1
{
	float:left;
	height:32px;
	width:8px;
	background:url("../images/top_menu3_left_bk.jpg") no-repeat right top;
}
.top_menu3_2
{
	float:left;
	height:32px;
	width:8px;
	background:url("../images/top_menu3_right_bk.jpg") no-repeat right top;
}
.top_menu3_3
{
	float:left;
	height:24px;
	padding:8px 5px 0px 5px;
	background:url("../images/top_menu3_bk.jpg") repeat-x right top;
}

/* Left */
.left_menu1_0
{
	background:url("../images/left_menu1_bk.jpg") no-repeat right top;
	width:165px;
	height:27px;
	font-weight:bold;
	padding-top:13px;
	padding-left:15px;
}
.left_menu1_1
{
	background:url("../images/left_menu1_bk.jpg") no-repeat right top;
	width:165px;
	height:27px;
	font-weight:bold;
	padding-top:13px;
	padding-left:15px;
	margin-top:2px;
}
.left_menu1 a
{
	color:#dd9c00;
	text-decoration:none;
}
.left_menu1 a:hover
{
	color:#884700;
	text-decoration:none;
}

.left_menu{}
.left_menu a
{
	color:#ffffff;
	text-decoration:none;
	display:block;
}
.left_menu a:hover
{
	color:#dd9c00;
	text-decoration:none;
}
.left_menu a.active
{
	color:#dd9c00;
	font-weight:bold;
	text-decoration:none;
}
.left_menu a.active:hover
{
	color:#dd9c00;
	font-weight:bold;
	text-decoration:none;
}

.left_menu2_title
{
	width:145px;
	padding-left:35px;
	height:23px;
	padding-top:3px;
	color:#a04e0d;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
	background:url("../images/left_menu_title_bk.jpg") no-repeat right top;
}

.left_menu2_0 
{
	background:#a04e0d;
	padding:5px 15px 5px 15px;
}
.left_menu2_1
{
	background:#a04e0d;
	padding:5px 15px 5px 15px;
	margin-top:1px;
}

.left_menu3_title
{
	width:145px;
	padding-left:35px;
	height:23px;
	padding-top:3px;
	color:#035472;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
	background:url("../images/left_menu_title_bk.jpg") no-repeat right top;
}

.left_menu3_0 
{
	background:#074e68;
	padding:5px 15px 5px 15px;
}
.left_menu3_1
{
	background:#074e68;
	padding:5px 15px 5px 15px;
	margin-top:1px;
}
.left_banner
{
	background:#3f3f3f;
	width:180px;
	height:150px;
	margin-top:5px;
}

/* Right */
.right 
{
	width:240px;
	background:#074e68;
	background:url("../images/ring_phone.jpg") no-repeat right top #074e68;
	padding:5px 0px 5px 0px;
}
.right_menu 
{
	background:url("../images/pointer.gif") no-repeat left;
	padding:6px 10px 6px 15px;
	margin-left:15px;
}
.right_menu .normal 
{
	font-weight:bold;
	color:#bababa;
	padding-left:10px;
	
}
.right_menu .focus 
{
	font-weight:bold;
	color:#dd9c00;
}
.right_banner 
{
	background:#3f3f3f;
	width:240px;
	margin-top:5px;
}

/* bottom */
.bottom 
{
	width:990px;
	height:76px;
	border-top:solid 4px #640034;
	border-left:solid 2px #640034;
	border-right:solid 2px #640034;
	border-bottom:solid 2px #640034;
	background:url("../images/bottom_bk.jpg") no-repeat left;
	text-align:center;
	padding-top:20px;
}
.bottom a
{
	color:#640034;
	text-decoration:none;
}
.bottom a:hover
{
	color:#640034;
	text-decoration:none;
}
.bottom .a
{
	color:#640034;
}
.bottom .normal
{
	color:#bababa;
}

/* Body */
.body_tab
{
	width:560px;
	height:29px;
	margin-top:6px;
	background:url("../images/body_tab.jpg") repeat-x top left;
}
.body_tab_normal 
{
	height:29px;
	float:left;
	margin-right:10px;
}
.body_tab_active 
{
	height:29px;
	float:left;
	margin-right:10px;
}
.body_tab_normal .left
{
	width:13px;
	height:29px;
	float:left;
	background:url("../images/body_tab_normal_left.jpg") no-repeat left;
}
.body_tab_normal .rights
{
	width:13px;
	height:29px;
	float:left;
	background:url("../images/body_tab_normal_right.jpg") no-repeat left;
}
.body_tab_normal .content
{
	height:22px;
	float:left;
	padding-top:7px;
	background:url("../images/body_tab_normal.jpg") repeat-x left;
}
.body_tab_active .left
{
	width:12px;
	height:29px;
	float:left;
	background:url("../images/body_tab_active_left.jpg") no-repeat left;
}
.body_tab_active .rights
{
	width:12px;
	height:29px;
	float:left;
	background:url("../images/body_tab_active_right.jpg") no-repeat left;
}
.body_tab_active .content
{
	height:22px;
	float:left;
	padding-top:7px;
	background:url("../images/body_tab_active.jpg") repeat-x left;
}
.body_tab .body_tab_active a 
{
	color:#dd9c00;
	text-decoration:none;
	font-weight:bold;
}
.body_tab a 
{
	color:#bababa;
	text-decoration:none;
	font-weight:bold;
}
.body_tab a:hover
{
	color:#dd9c00;
	text-decoration:none;
	font-weight:bold;
}
.search
{
	clear:both;
	border:solid 2px #640034;
	padding:5px;
	width:546px;
}

/* Player */
.player
{
	clear:both;
	border:solid 1px #640034;
	width:538px;
	margin-top:6px;
	padding:10px;
}
#player_container 
{
	position:relative;
	background: url("../images/player/background.jpg") 0 0 no-repeat;
	background-color:white;
	
	
	width:264px;
	height:37px;
}

#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:25px;
	top:18px;
	width:26px;
	height:19px;
	cursor: pointer;
}
#player_play {
	background: url("../images/player/spirites.jpg") 0 0 no-repeat;
}
#player_play .different_prefix_example_hover {
	background: url("../images/player/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
	background: url("../images/player/spirites.jpg") 0 -20px no-repeat;
}
#player_pause .different_prefix_example_hover {
	background: url("../images/player/spirites.jpg") -41px -42px no-repeat;
}
.player_stop {
	position: absolute;
	left:55px;
	top:20px;
	background: url("../images/player/spirites.jpg") 0 -40px no-repeat;
	width:21px;
	height:17px;
	cursor: pointer;
}
.player_stop_hover {
	position: absolute;
	left:55px;
	top:20px;
	background: url("../images/player/spirites.jpg") -22px -40px no-repeat;
	width:21px;
	height:17px;
	cursor: pointer;
}

#player_stop .different_prefix_example_hover {
	background: url("../images/player/spirites.jpg") -21px -40px no-repeat;
}
#player_progress {
	position: absolute;
	left: 17px; 
	top: 5px;
	width:236px;
	height:7px;
}
#player_progress_load_bar 
{
	background: url("../images/player/bar_buffer.jpg") top left repeat-x;	
	width:0px;
	height:7px;
	cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer {
	background: url("../images/player/progress_icon1.gif")  top left;
}
#player_progress_play_bar {
	background: url("../images/player/progress_icon.gif") top right no-repeat;
	width:15px;
	height:7px;	
}
#player_volume_min {
	position: absolute;
	left:274px;
	top:32px;
	background: url("../images/player/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	left:346px;
	top:32px;
	background: url("../images/player/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_min .different_prefix_example_hover {
	background: url("../images/player/spirites.jpg") -19px -170px no-repeat;
}

#player_volume_max .different_prefix_example_hover {
	background: url("../images/player/spirites.jpg") -19px -186px no-repeat;
}

#player_volume_bar {
	position: absolute;
	left:212px;
	top:24px;
	width:44px;
	height:12px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("../images/player/volume_progress.jpg") repeat-x top right;
	width:0px;
	height:12px;
}

#player_playlist_message {
	position: absolute;
	left:0;
	bottom:0;
	width:338px;
	padding:5px 40px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:1em;
	background-color:#ccc;
}

#song_title {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-weight:bold;
}

#play_time,
#total_time {
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
}

#play_time {
	float:left;
}

#total_time {
	float:right;
	text-align: right;
}

#player_container a:link, 
#player_container a:visited,
#player_container a:hover, 
#player_container a:focus, 
#player_container a:active {
	color:#009be3;
}

/* List */
.list_table 
{
	border-left:solid 1px #640034;
	margin-top:5px;
}
table.list_table td 
{ 
	border-right: 1px solid #640034;
	border-bottom: 1px solid #640034 
}
table.list_table tr 
{ 
	height:35px;
}

.list_table a 
{
	color:#ffffff;
	text-decoration:none;
}
.list_table a:hover
{
	color:#009be3;
	text-decoration:none;
}

.list_title
{
	color:#dd9c00;
	font-size:13px;
	font-weight:bold;
	background:#640034;
	height:30px;
}
.list_header
{
	color:#640034;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	height:35px;
}
.list_alignleft
{
	color:#ffffff;
	font-size:13px;
	text-align:left;
	padding-left:5px;
}
.list_aligncenter
{
	color:#ffffff;
	font-size:13px;
	text-align:center;
}
.list_alignright
{
	color:#ffffff;
	font-size:13px;
	text-align:right;
}
.paging_active
{
	color:#dd9c00;
	font-weight:bold;
	padding-right:7px;
}
.paging
{
	color:#ffffff;
	font-weight:bold;
}
.paging .active
{
	color:#dd9c00;
	font-weight:bold;
	padding-right:7px;
}
.paging a
{
	color:#ffffff;
	font-weight:bold;
	padding-right:7px;
	text-decoration:none;
}
.paging a:hover
{
	color:#dd9c00;
	font-weight:bold;
	text-decoration:none;
	padding-right:7px;
}
