@charset "utf-8";
/* CSS Document */
#bodychat{ 
	background: #fff;
	clear: both;
	padding: 15px;
	width: 970px; 
	margin: auto;
	margin-top: 10px;
	height: 100%;
	overflow: hidden;
}

#message_window{
	width: 338px;
	height: 400px; 
	border: none;
	padding-top: 5px;
	overflow-x: hidden;
}
#onlinelist{
 	overflow: scroll;
	height: 250px;
	text-align: center;
}

#chatRoom{ width:800px; margin: auto;}

#chatRoom  h4{ clear: both; margin: 10px 0px}
.listRoom{ clear: both;}
.listRoom li{ width: 166px; height: 100%; overflow: hidden; float: left; margin: 10px 30px 15px 0px;}
.listRoom .light_on{ width: 27px; height: 27px; position: absolute; top: 0px; left: 70px; background: transparent url(../images/chat_lion.png) top left no-repeat;}
.listRoom .light_off{ width: 27px; height: 27px; position: absolute; top: 0px; left: 70px; background: transparent url(../images/chat_lioff.png) top left no-repeat;}
.listRoom .light_full{ width: 27px; height: 27px; position: absolute; top: 0px; left: 70px; background: transparent url(../images/chat_lifull.png) top left no-repeat;}

.listRoom .topic{ margin-top: 0px; position: relative; width: 166px; height: 140px;}
.listRoom .topic img{ margin-top: 10px;}
.listRoom .topic a{ text-decoration: none;}
.listRoom .chat_detail { background: none; text-align: center}
.listRoom .chat_detail div, .listRoom .chat_detail h5{ padding: 3px 0px;}
.listRoom .chat_button { text-align: center;}

#chat{ height: 100%; overflow: hidden; margin-top: 20px;}
#chat .chat_left{ width:590px; float: left}
#chat .chat_right{ width: 370px; float: right}

#chat .story p{ margin-top: 0px; padding-bottom: 15px;}
#chat .story{ margin-top: 10px;}
#chat .story_share{  margin-top: 20px; clear: both; border-top: 1px solid #ccc; padding-top: 20px;}
#chat .story_share p{ margin-bottom: 10px;}
#chat .story_share h6{ margin-top: 10px; margin-bottom: 3px; clear:both}

#chat .story_share .story_form p{ margin-bottom: 10px;}
#chatbox{ width: 370px;}
#chatbox  .rdbox_greybg{}
#chatbox  .achives{ margin:auto; margin-bottom: 10px; width: 300px; height: 100%; overflow: hidden;}
#chatbox  .achives .btn_sgrey{ float: left; margin: 0px 5px;}
#chatbox h6{ clear: both; background: #ededed; padding: 3px 5px;}
#chatbox .list_chat{ clear: both; background: #fff;}
#chatbox .list_chat table{ width: 330px; padding:0px; margin: 0px;}
#chatbox .list_chat li{
	border-bottom: 1px solid #f0f0f0; 
	padding-bottom: 3px; 
	padding-top: 3px; 
}
#chatbox .list_chat .avatar20{ float: left}
#chatbox .list_chat .chat_text{ float: left; clear: both;}
#chatbox .list_chat	.chat_detail{ float: right; width: 295px;}
#chatbox .list_chat .chat_detail .chat_name{color: #666; float:left; font-size: 9px;}
#chatbox .list_chat .chat_detail .time{color: #666; float: left; margin-left: 5px; font-size: 9px;}

#chatbox .chat_add{ padding: 5px; margin-bottom: 10px; height: 100%; overflow: hidden}
#chatbox .chat_refresh{ height: 20px; padding-left: 10px; padding-top: 10px;}
/*
#chatbox .chat_add .avatar20{ float: left}
#chatbox .chat_add .chat_input{ float: left; margin-left: 5px;}
#chatbox .chat_add .btn_sgrey{ float: right; margin-right: 15px; margin-top: 5px;}
*/
#chatbox .chat_add{ padding: 5px; margin-bottom: 10px; height: 100%; overflow: hidden}
#chatbox .chat_add .avatar40{ float: left; margin-right: 5px;}
#chatbox .chat_add .chat_input{ background: #fff; height: 100%; overflow: hidden;}
#chatbox .chat_add .chat_input .textfield{ float: left; font-family: Verdana, Geneva, sans-serif; font-size: 11px; width: 228px; height: 40px; border: 1px solid #fff; margin-top: 3px; border:0;overflow:auto}
#chatbox .chat_add .chat_input .chat_send{ float: right; background-color: #f0f0f0; height: 50px; width: 60px; text-align: center; }
#chatbox .chat_add .chat_input .chat_send input{ height: 45px;}
#chatbox .inside{ margin-top:7px}
#chatbox .subtab{ padding-top: 3px;}

.chat_link{}
.chat_link div{ margin-bottom: 5px; }
.chat_link a{ display: block; text-decoration: none;}
.bnr_article h4, .bnr_article h5{ display: none}
/*Banner*/
.chat_link .name { width: 595px; height: 93px; background: url(../images/bnr_name.gif) 0px 0px no-repeat;}
.chat_link .name:hover{ background: url(../images/bnr_name.gif) 0px -100px no-repeat; }
.chat_name_bnr{ width: 595px; height: 93px; background: url(../images/bnr_name.gif) 0px -200px no-repeat; }

.chat_link .chat_sparkz { width: 595px; height: 93px; background: url(../images/bnr_exc_sparkz.jpg) 0px 0px no-repeat;}
.chat_link .chat_sparkz:hover { width: 595px; height: 93px; background: url(../images/bnr_exc_sparkz_hover.jpg) 0px 0px no-repeat;}
.chat_link .chat_money { width: 595px; height: 93px; background: url(../images/bnr_ep6_exc_money-matters.gif) 0px 0px no-repeat;}
.chat_link .chat_money:hover{ background: url(../images/bnr_ep6_exc_money-matters.gif) 0px -100px no-repeat; }
.chat_money_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep6_exc_money-matters.gif) 0px -200px no-repeat; }
.chat_sparkz_bnr{ width: 595px; height: 203px; margin-bottom:8px; background: url(../images/bnr_exc_sparkz_page.jpg) 0px 0px no-repeat; }

.chat_link .chat_heroes { width: 595px; height: 93px; background: url(../images/bnr_ep6_exc_heroes.jpg) 0px 0px no-repeat;}
.chat_link .chat_heroes:hover{ background: url(../images/bnr_ep6_exc_heroes.jpg) 0px -100px no-repeat; }
.chat_heroes_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep6_exc_heroes.jpg) 0px -200px no-repeat; }

.chat_link .chat_igadgets { width: 595px; height: 93px; background: url(../images/bnr_ep6_exc_gadgets.jpg) 0px 0px no-repeat;}
.chat_link .chat_igadgets:hover{ background: url(../images/bnr_ep6_exc_gadgets.jpg) 0px -100px no-repeat; }
.chat_igadgets_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep6_exc_gadgets.jpg) 0px -200px no-repeat; }

.chat_link .chat_movie { width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_show.jpg) 0px 0px no-repeat;}
.chat_link .chat_movie:hover{ background: url(../images/bnr_ep5_exc_show.jpg) 0px -100px no-repeat; }
.chat_movie_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_show.jpg) 0px -200px no-repeat; }

.chat_link .chat_sport { width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_game.jpg) 0px 0px no-repeat;}
.chat_link .chat_sport:hover{ background: url(../images/bnr_ep5_exc_game.jpg) 0px -100px no-repeat; }
.chat_sport_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_game.jpg) 0px -200px no-repeat; }

.chat_link .chat_news { width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_news.jpg) 0px 0px no-repeat;}
.chat_link .chat_news:hover{ background: url(../images/bnr_ep5_exc_news.jpg) 0px -100px no-repeat; }
.chat_news_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_news.jpg) 0px -200px no-repeat; }

.chat_link .chat_inspir { width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_insp.jpg) 0px 0px no-repeat;}
.chat_link .chat_inspir:hover{ background: url(../images/bnr_ep5_exc_insp.jpg) 0px -100px no-repeat; }
.chat_inspir_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_insp.jpg) 0px -200px no-repeat; }

.chat_link .chat_travel { width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_wan.jpg) 0px 0px no-repeat;}
.chat_link .chat_travel:hover{ background: url(../images/bnr_ep5_exc_wan.jpg) 0px -100px no-repeat; }
.chat_travel_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_wan.jpg) 0px -200px no-repeat; }


.chat_link .chat_food{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_sav.jpg) 0px 0px no-repeat; }
.chat_link .chat_food:hover{ background: url(../images/bnr_ep5_exc_sav.jpg) 0px -100px no-repeat; }
.chat_food_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_sav.jpg) 0px -200px no-repeat; }

.chat_link .chat_beauty{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_chic.jpg) 0px 0px no-repeat; }
.chat_link .chat_beauty:hover{ background: url(../images/bnr_ep5_exc_chic.jpg) 0px -100px no-repeat; }
.chat_beauty_bnr{ width: 595px; height: 93px; background: url(../images/bnr_ep5_exc_chic.jpg) 0px -200px no-repeat; }


.list_articles{}
.list_articles li .inside{ padding-top: 5px;}
.list_articles li{ clear: both; margin-bottom: 15px;}
.list_articles .ratings{ float: left; position: relative}
.list_articles .ratings .star-rating{ float: left}
.list_articles .ratings span{ font-size: 9px; display: block}
.list_articles .ratings .num_ratings{ 
	float: left; 
	margin-top: 20px; 
	color: #999; 
	display: block;
	width: 100px;
	position: absolute;
	top: 0px;
	left: 130px;
}
.list_articles .contribute{ float: right; width: 250px; padding-top: 7px;}
.list_articles .title{ clear: both; background: url(../images/bg_article.gif) top left repeat-x; padding: 10px 0px 5px 10px; height: 100%; overflow: hidden; margin-bottom: 5px; }
.list_articles .title h4{ display: inline}
.list_articles .title .time{ float: right; color:#666; margin-right: 5px; text-align:right}

.list_articles .article{ line-height: 16px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; height: 100%; overflow: hidden}
.list_articles .article .imageSp, .list_articles .article .imageM, .list_articles .article .imageS, .list_articles .article .imageXS, .list_articles .article .videoM
{float: left; margin-right: 15px;}

.list_articles .article_action{ clear: both; height: 15px; margin-top: 10px;}
.list_articles .article_action a{ float: left; margin-right: 5px;}
.list_articles .comments{}

.link_articles{ margin: 10px 0px; height: 100%; overflow: hidden}
.link_articles a{ float: left; margin: 0px 3px 5px 4px; display: block}
.link_articles a span{ display: none;}
.link_articles .btn_uparticle{ float: right; margin-top: 10px;; margin-right: 7px;}

/*Button*/
.money{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -1300px 0px no-repeat}
.money:hover{  background:url(../images/btn_ep5_xchange.gif) -1300px -40px no-repeat}
.money_active{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -1300px -40px no-repeat}


.igadgets{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -1060px 0px no-repeat}
.igadgets:hover{  background:url(../images/btn_ep5_xchange.gif) -1060px -40px no-repeat}
.igadgets_active{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -1060px -40px no-repeat}

.heroes{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -1180px 0px no-repeat}
.heroes:hover{  background:url(../images/btn_ep5_xchange.gif) -1180px -40px no-repeat}
.heroes_active{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -1180px -40px no-repeat}


.inspiration{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -330px 0px  no-repeat}
.inspiration:hover{  background:url(../images/btn_ep5_xchange.gif) -330px  -40px no-repeat}
.inspiration_active{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -330px  -40px no-repeat}

.gameon{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -550px 0px no-repeat}
.gameon:hover{  background:url(../images/btn_ep5_xchange.gif) -550px -40px no-repeat}
.gameon_active{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -550px -40px no-repeat}

.showbiz{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -440px 0px no-repeat}
.showbiz:hover{  background:url(../images/btn_ep5_xchange.gif) -440px -40px no-repeat}
.showbiz_active{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -440px -40px no-repeat}

.news{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -220px 0px no-repeat}
.news:hover{  background:url(../images/btn_ep5_xchange.gif) -220px -40px no-repeat}
.news_active{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -220px -40px no-repeat}

.wanderlust{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -660px 0px no-repeat}
.wanderlust:hover{  background:url(../images/btn_ep5_xchange.gif) -660px -40px no-repeat}
.wanderlust_active{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) -660px -40px no-repeat}

.savouries{ width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) top left no-repeat}
.savouries:hover{  background:url(../images/btn_ep5_xchange.gif) 0px -40px no-repeat}
.savouries_active{width: 109px; height: 34px; background:url(../images/btn_ep5_xchange.gif) 0px -40px no-repeat}

.chicflicks{ width: 109px; height: 34px; background: url(../images/btn_ep5_xchange.gif) -110px 0px no-repeat;}
.chicflicks:hover{  background: url(../images/btn_ep5_xchange.gif) -110px -40px no-repeat;}
.chicflicks_active{ width: 109px; height: 34px; background: url(../images/btn_ep5_xchange.gif) -110px -40px no-repeat;}

.btn_uparticle{ width: 270px; height: 27px; background: url(../images/btn_ep5_xchange.gif) -780px 0px no-repeat; display: block;}
.btn_uparticle span{ display: none;}

.upload_article{ clear: left; height: 100%; overflow: hidden; margin: 0px 0px 10px 0px;}
.upload_article .paging{ float: left; height: 100%; width: 100%; margin-top: 5px;}
.upload_article .btn_uparticle{ float: right;}

.article_upload{}
.article_upload h3{ margin-bottom: 20px;}
.article_upload .rdbox1{ margin-top: 20px;}
.article_upload .rdbox1 .inside{ padding-left: 15px; margin-bottom: 15px;}
.article_upload h5{ margin-bottom: 5px; margin-top: 15px;}
.article_upload h6{ margin-top: 15px; margin-bottom: 5px; color: #333}
.article_upload p{ margin-top: 5px; margin-left: 10px; display: block}

.latest_threads{ height: 980px; overflow-y: auto;}
.list_threads li{ margin: 10px 0px 5px 0px; background: url(../images/bull_red.gif) 0px 5px no-repeat; padding-left: 7px;}
.list_threads li a{ text-decoration: none; }
.list_threads li a:hover{ color:#F30}
.list_threads li span{ color: #999; text-decoration: underline; font-weight: normal; font-size: 10px;}