﻿body
{
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	color:#333333;
	line-height:150%;
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#FFFFFF;
}

/***** common ******/
/* link */
a,a:link,a:visited,a:active
{
	color:#333333;
	text-decoration:none;
	background:none;
}
a:hover
{
	background:#c7dfe8;
}
/*  */
.container
{
}

.clear_bar
{
    width:100%;
    clear:both;
    height:18px;
}

/***** header ******/
.headerbg
{
	width:100%;
	height:81px;
	overflow: hidden;
	background:url(http://img.fifm.cn/images/logo_bg2.png) repeat-x;
	background-color: #3C78A9;
}
.header
{
	width:990px;
	margin:auto;
}
.logo
{
	float:left;
	padding-left:5px;
	padding-top:15px;
}

.head_split
{
	width:100%;
	height:10px;
}

/* navMenu */
.menu
{
	float:left;
	width:820px;
	color:#214867;
}
.topBar
{
	float:left;
	height: 48px;
	width:100%;
}
.topLinks
{
	float:left;
	width:810px;
}
.toolLinks
{
	float:left;
	padding-left:70px;
	padding-top:15px;
	font-size:110%;
}
.toolLinks a:link, .toolLinks a:visited, .toolLinks a:active, .toolLinks a:hover
{
	margin:0px 8px;
	color: #FFFFFF;
}
.toolLinks a:hover
{
	color:#333333;
}
.funLinks
{
	float:right;
	text-align:right;
	padding-top: 5px;
}
.funLinks a:link, .funLinks a:visited, .funLinks a:active, .funLinks a:hover
{
	margin: 0px 5px;
	color: #B0CEE6;
}
.funLinks a:hover
{
	color:#333333;
}

.navMenu
{
	float:left;
	width:100%;
}
.navItems
{
	float:left;
	margin-left:20px;
}
.navItems ul
{
	margin: 0px;
}
.navItems li
{
	float: left;
	list-style: none;
}
.navItems li a
{
	text-decoration: none;
	height: 25px;
	font-size: 115%;
	/*font-weight: bold;*/
	text-align: center;
	line-height: 25px;
	color: #FFFFFF;
	padding: 0px 5px;
	margin: 0px 3px;
}
.navMenu a:link, .navMenu a:visited, .navMenu a:active, .navMenu a:hover
{
	color: #FFFFFF;
}
.navMenu li a:hover
{
	color:#333333;
}

/* mainbody */

.mainbody
{
	width:990px;
	margin:auto;
	padding:0px 5px;
	font-size:105%;
}
.mainbody_left
{
	width:663px;
	float:left;
}
.groupbar
{
	width: 235px;
	float: left;
	overflow: hidden;
}
.ch_list
{
	width:424px;
	float:left;
}

.mainbody_right
{
	width:320px;
	float:right;
}


.group_pick
{
	width:100%;
	height:20px;
}
.group_region
{
	width:100%;
	float:left;
}
.groupbar a, groupbar a:link, groupbar a:visited, groupbar a:active, groupbar a:hover
{
    padding: 0px 7px;
    line-height: 170%;
}
.group_genre
{
	width:100%;
	float:left;
	clear:left;
}

.group_title
{
    width:100%;
    height:21px;
    margin:5px 0px;
    padding:3px 0px 0px 3px;
    background:url(http://img.fifm.cn/images/group_bg.png) no-repeat;
    color:#009999;
}


.ch_box
{
    width:100%;
}
.title
{
    width:100%;
    height:25px;
}

#ch_title, #fav_title
{
    padding-left:5px;
    color:#009999;
}

.ch_top, .favo_top
{
	width:100%;
}
.ch_top_left
{
	float:left;
	width:8px;
	height:8px;
	background:url(http://img.fifm.cn/images/rlist_tl.png);
}
.ch_top_right
{
	float:right;
	width:8px;
	height:8px;
	background:url('http://img.fifm.cn/images/rlist_tr.png');
}

.ch_top_middle
{
	float:left;
	width:408px;
	height:8px;
	background:url('http://img.fifm.cn/images/rlist_tm.png' ) repeat-x;
}

.ch_field_name
{
	float:left;
	margin:10px 8px 0px 4px;
	padding:0px 0px 2px 0px;
	border-bottom:1px solid #c7dfe8;
	color:#009999;
}

.ch_radio_table
{
	padding: 10px 12px 0px 8px;
	height:568px;
	border-right:1px solid #c7dfe8;
	border-left:1px solid #c7dfe8;
}

.ch_radio_table hr
{
	height:1px;
	border:0;
	border-top:1px solid #c7dfe8;
}

.radio_table
{
    height:530px;
}

.radio_record
{
    clear:both;
    width:100%;
    height:20px;
    padding:4px 0px;
    border-bottom:1px dashed #c7dfe8;
}
.radio_record hr
{
    border-style:dashed;
    border-width:thin;
    height:1px;
}
.radio_record span, .favorite_record span
{
    float:left;
    padding: 0px 2px;
    color: #AAAAAA;
}

.radio_icon
{
	float:left;
	margin-top:2px;
}
.radio_name
{
	float: left;
}
.radio_right
{
	float: right;
}
.radio_right a:link, .radio_right a:visited, .radio_right a:active, .radio_right a:hover
{
	padding: 2px 3px;
	color: #777777;
}

.ch_bottom, .favo_bottom
{
	width:100%;
}

.ch_bottom_left, .favo_bottom_left
{
	float:left;
	width:9px;
	height:13px;
	background:url(http://img.fifm.cn/images/rlist_bl.png);
}

.ch_bottom_middle
{
	float:left;
	width:406px;
	height:13px;
	background:url(http://img.fifm.cn/images/rlist_bm.png) repeat-x;
}

.ch_bottom_right, .favo_bottom_right
{
	float:right;
	width:9px;
	height:13px;
	background:url(http://img.fifm.cn/images/rlist_br.png);
}
.page_ctrl
{
    clear:both;
    padding-top:7px;
	text-align:right;
	overflow:hidden;
}
.page_ctrl a:link,.page_ctrl a:visited,.page_ctrl a:active,.page_ctrl a:hover
{
	padding: 2px 4px;
	color:#009999;
}
.page_ctrl span
{
	padding: 2px 4px;
}
.bold
{
	font-weight: bold;
}


.favorite_box
{
    width:100%;
}
.favo_top_left
{
	float:left;
	width:8px;
	height:8px;
	background:url(http://img.fifm.cn/images/rlist_tl.png);
}
.favo_top_right
{
	float:right;
	width:8px;
	height:8px;
	background:url('http://img.fifm.cn/images/rlist_tr.png');
}

.favo_top_middle
{
	float:left;
	width:304px;
	height:8px;
	background:url('http://img.fifm.cn/images/rlist_tm.png' ) repeat-x;
}

.favo_bottom_middle
{
	float:left;
	width:302px;
	height:13px;
	background:url(http://img.fifm.cn/images/rlist_bm.png) repeat-x;
}

.favo_main
{
	border-right:1px solid #c7dfe8;
	border-left:1px solid #c7dfe8;
	background-color:#eaf2f3;
	height:578px;
}
.favorite_table_box
{
	height:270px;
	padding: 2px 7px 0px 8px;
}
.favor_table
{
	height:240px;
}
.favorite_title
{
    clear:both;
    border-top:1px solid #c7dfe8;
	border-bottom:1px dashed #c7dfe8;
    color:#009999;
}
.favorite_caption
{
	margin: 2px 10px;
}
.favorite_record
{
    clear: both;
    width: 300px;
    height:20px;
    padding: 3px 0px;
    border-bottom:1px dashed #c7dfe8;
}
.player_box
{
	width:300px;
	margin:0px auto;
}
#player_ad
{
	float:left;
    width:300px;
    border-bottom:1px dashed #c7dfe8;
}
#pnlPlayer
{
    /*display:none;*/
    width:1px;
    height:0px;
    overflow:hidden;
}
.pnlState
{
    clear: both;
	padding: 9px 5px 5px 5px;
	height: 21px;
	overflow: hidden;
}
#lblState
{
	float: left;
	width: 65px;
}
#lblPlaying
{
	float:left;
}

.player_ctrl
{
	clear: both;
	float: left;
    height: 23px;
}
.pnlPlay
{
	float:left;
}
.pnlStop
{
	float:left;
	margin-left:8px;
}
.pnlMute
{
	float: left;
	width: 21px;
	margin-left: 15px;
	margin-right: 3px;
}
.barVolBg
{
	float: left;
	width: 66px;
	height: 19px;
	overflow: hidden;
	background-position: 0px 3px;
	background-image: url(http://img.fifm.cn/images/barVolBg.png);
	background-repeat: no-repeat;
}
.barVolLight
{
	float: left;
	width: 44px;
	padding-top:3px;
	overflow: hidden;
}
.btnGlide
{
	float:left;
}
.pnlLabel
{
	float: left;
	margin-left: 2px;
}


.inputbar
{
	height: 35px;
}
.searchbar
{
	float: left;
}
#lblMsg
{
	color: #0099ff;
}
#lblMsg a, #lblMsg a:link, #lblMsg a:visited, #lblMsg a:active
{
	color: #0099ff;
	text-decoration:none;
	background:none;
}
#lblMsg a:hover
{
	background:#c7dfe8;
}

.enterbar
{
	float: right;
}
.button
{
	padding:2px 3px;
	height:22px;
	border-style:solid;
	border-color: #c7dae5 #b7cad5 #b7cad5 #c7dae5;
	border-width:1px;
	background-color:#ecf4f7;
	color:#009999;
}
.text_box
{
	height:18px;
	margin: 2px 2px 0px 1px;
	border: #c7d5da 1px solid;
	background-color:white;
}
#verifypic
{
	cursor: pointer;
	border: #ff9966 1px solid;
	height:19px;
	width:50px;
}
#tbSearch
{
	width:180px;
}
#btnSearch, #btnSearch2, #btnSearch3
{
	width:80px;
}
#tbUserName
{
	width:80px;
}
#tbPassword
{
	width:70px;
}
#tbVerify
{
	width:55px;
}
#pnlLogout
{
	width:305px;
	float:right;
}
.flRight
{
	float:right;
}
#btnModify
{
	margin-right: 10px;
}
#lblWelcome
{
	float: left;
}
.enterbar a:link, .enterbar a:visited, .enterbar a:active, .enterbar a:hover
{
	padding: 2px 3px;
	color: #1e7b91;
}


/*** ad ***/
.ad_bar
{
    width:980px;
	padding-left:15px;
	padding-top:3px;
    margin: 0px auto;
    overflow: hidden;
}

/*** links ***/
.links
{
	width:100%;
	margin:35px 0px 25px 0px;
	text-align:center;
}
.links a:link, .links a:visited, .links a:active, .links a:hover
{
	margin:0px 15px;
}


/***** footer *****/
.footer
{
    clear: both;
	height:80px;
	padding-top:20px;
	border-top-style:solid;
	border-color:#c1d7de;
	border-top-width:1px;
	text-align:center;
	background-color: #e3eaeb;
	font-size: 105%;
}

.flinks a:link, .flinks a:visited, .flinks a:active, fLinks a:hover
{
	margin: 0px 5px;
	padding: 0px 3px;
}

.copyright
{
	margin:15px 0px;
	color: #696969;
}
.copyright a:link, .copyright a:visited, .copyright a:active, copyright:hover
{
	color: #696969;
}



/*** reg setpw getpw ***/
.req_title
{
	font-size: 13px;
	color: #009999;
	padding: 12px 0px;
}
.hint
{
    clear: left;
    color: #777777;
}
.msg
{
    display:none;
    color:red;
}
#ok
{
    margin-top:200px;
    text-align: center;
    font-size: 18px;
}
.pnlReq
{
	height: 600px;
    width: 100%;
    color: #222222;
}

#imgSlide
{
	cursor: pointer;
}

.gl
{
	font-size: 110%;
	line-height: 150%;
	padding: 15px;
	background-color: #F6F6F6;
}
.gl a:link, .gl a:active, .gl a:hover, .gl a:visited
{
	margin: 10px 15px 15px 0px;
}
 .gl a:visited
{
	color: #666699;
}


.pageTitle
{
	color:#009999;
	font-size: 110%;
	text-align:center;
}
.gn
{
	color:#009999;
	font-size: 110%;
}

.g
{
	font-size: 110%;
	line-height: 150%;
	padding: 10px;
}
.g a:link, .g a:active, .g a:hover, .g a:visited
{
	margin: 10px 15px 15px 0px;
}
.g a:visited
{
	color: #666699;
}



/* dialog */

#dialog
{
	cursor:default;
}

/* message box */

#msgBox
{
	/*display:none;*/
	width: 550px;
	height: auto;
	z-index: 999;
	position: absolute;
	top: 150px;
	left: 350px;
	border: 1px solid;
	
	background-color: #F6F6F6;
}
#msgText
{
	margin: 70px 70px 90px 70px;
	text-align: left;
}
.msgText
{
	font-size: 20px;
	line-height:35px;
	text-align: center;
}
.msgText a:link, .msgText a:active, .msgText a:hover, .msgText a:visited
{
	color: #FF5015;
}
.msgText a:hover
{
	background: none;
	color: #FF0000;
}

