/*===beijing2008 6:34 2008/7/28===*/
/*body {background:url('http://theme.haoo.cn/Index/default/beijing2008_bg.jpg') repeat-x left top #fff;}
#wrapper {  background:transparent url('http://theme.haoo.cn/Index/default/beijing2008_img.jpg') no-repeat scroll center top;}
*/

/*===2008 earthquakes===*/
/*
body{	filter: Gray !important;}
img{filter: Gray !important;}
*/
/*===2008 earthquakes===*/

/*===2010 yushu earthquakes===*/
/*
img{filter: Gray !important;}
body{filter: Gray !important;}
*/
/*===2010 yushu earthquakes===*/

body { font-size: 12px; font-family: Tahoma, Arial; background-color: #FFF; margin: 0 auto; padding: 0px; text-align: left; }
div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #1639A9; text-decoration: none; }
a:link { color: #333; text-decoration: none; }

#wrapper{}
#main_body { width: 900px; background-color: #FFF;text-align: center; }
#main_body_inner {}
#main_top {background-color: #FFF;height:100px;}
#main_search { width: 900px; }

/*====tab layout======*/
#main_top_channel { }
#main_top_channel_inner { height: 26px; background: url(      'http://theme.haoo.cn/article/default/images/top_bg.jpg' ) repeat-x center center; border-top: solid 1px #C1C1C1; border-right: solid 1px #C1C1C1; border-left: solid 1px #C1C1C1; text-align: left; }
#divTabsOuter { margin: 0; padding: 0 10px 0 10px; border-bottom: 3px solid #ECF3FC; border-top: 1px solid #ccc; }

#divTabs { margin: 0; padding: 7px 10px 3px 10px; border: 0; display: block; overflow: hidden; }
#divTabs span { margin: 0; padding: 0px 10px 0px 20px; border: 0; display: inline; overflow: hidden; }
#divTabs a { white-space: nowrap; }
#divTabs ul { margin: 0; padding: 5px 0 4px 0; display: inline; overflow: hidden; }
#divTabs ul li { list-style-type: none; display: inline; padding: 6px 5px 3px 10px; margin: 0; margin-right: 2px; border-top: 1px solid #fff; border-left: 1px solid #aaa; background: transparent; text-decoration: none; font-family: Arial, sans-serif; line-height: 16px; height: 16px; white-space: nowrap; overflow: hidden; }
#divTabs ul li input { margin: -3px 0 -3px 0; padding: 0; }
#divTabs ul li span.msgs { color: #900; }
#divTabs ul li img.icon { display: inline; margin: 0; margin-top: 3px; margin-bottom: -4px; padding: 0; padding-right: 3px; vertical-align: baseline; height: 16px; }
#divTabs ul li img.meta { display: inline; }
#divTabs ul li img.spacer { padding: 0 4px 4px 5px; }
#divTabs ul li:hover { color: #8A8A8A; }

#main_footer { background: #E6E6E6; height: 80px; clear: both; }
.clear { clear: both; }
.blank15 { margin: 0 auto; width: 100%; height: 15px; font-size: 1px; }

/*====search layout======*/
#top_wrapper { margin: 2px 0px 2px 0px; width: 900px; }
#header-searchbar { height: 28px; border: 1px solid #CCCCCC; margin-top: 0px; background-color: #ffc321; }
#header-helpbar { float: left; width: 190px; height: 24px; background-image: url(http://image.haoo.cn/skin/haoo/bg_littlebox.gif); padding: 4px 10px 0px 10px; }
#header-helpbar a { color: #FFFFFF; text-decoration: none; }
#header-formbar { float: left; padding: 2px 10px 0px 10px; }
#header-union_left { float: left; height: 17px; padding: 6px 10px 0px 10px; }
#header-union_left a { color: #000000; text-decoration: none; font-weight: bold; }
#header-union_left a:hover { color: #FF0000; }

/*====content layout======*/
.morelink { color: #F00; }
.morelink a, .morelink a:visited, .morelink a:hover { color: #FB0504; text-decoration: none; }
.box { padding: 3px; }
.box td { padding: 5px 1px 5px 1px; }
.boxpic { padding: 3px; }
.boxpic td { padding: 5px 5px 5px 5px; }
.boxtag { padding: 2px; }
.boxtag td { padding: 5px 2px 5px 2px; }
.boxtuwen { padding: 1px; }
.boxtuwen td { padding: 1px; }
.boxspecial { padding: 3px; }
.boxspecial td { padding: 0px 0px 0px 0px; }
.css { padding: 6px; border: solid 1px #F1B5D9; background: #fff; font-size: 12px; }
.css1 img { border: solid 1px #000000; }
.css2 img { border: solid 1px #B4B4B4; }
table.csspic { border: #F7F7F7 1px solid; background: #E5E5E5; word-break: break all; word-wrap: word-break; }
table.csspic td { padding: 2px; background: #ffffff; border: #B2B2B2 1px solid; }
table.csspic td img { border: #999999 1px solid; }
.csstuwen { padding: 1px; border: solid 1px #ccc; background: #fff; font-size: 12px; }
.cssspecial { padding: 1px 1px 1px 1px; border: solid 1px #000000; background: #fff; font-size: 12px; margin-top: 15px; }
.csstietu { padding: 1px 1px 1px 1px; border: solid 1px #000000; background: #fff; font-size: 12px; margin-top: 8px; }
.boxtietu { padding: 3px; }
.boxtietu td { padding: 0px 0px 0px 0px; }
.TopList .list ul { padding: 0px; }
.TopList .list li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.TopList .list li a:link { color: #00007B; font-size: 14px; }
.TopList .list li a:visited { color: #00007B; font-size: 14px; }
.EditList { line-height: 150%; padding: 5px 0px 0px 0px;  }
.EditList li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.List { line-height: 150%; font-size: 14px; }
.List li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/Index/Default/dot-1.gif) 2px 6px no-repeat; list-style-type: none; }
.ListLi { padding: 10px 5px 10px 3px; line-height: 150%; background-color: #FFFFFF; width: 204px; }
.ListLi li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.ListP1 { padding: 10px 5px 5px 3px; line-height: 150%; width: 207px; }
.ListP1 li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/Index/Default/li1.gif) 10px 9px no-repeat; list-style-type: none; }
.ListP1 a, .ListP1 a:visited { color: #D8345A; }
.ListP2 { padding: 10px 5px 5px 3px; line-height: 150%; width: 207px; }
.ListP2 li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/Index/Default/li2.gif) 10px 9px no-repeat; list-style-type: none; }
.ListP2 a, .ListP2 a:visited { color: #DD2692; }
.ListP3 { padding: 10px 5px 5px 3px; line-height: 150%; width: 207px; }
.ListP3 li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/Index/Default/li3.gif) 10px 9px no-repeat; list-style-type: none; }
.ListP3 a, .ListP3 a:visited { color: #D85F2A; }
.ListP4 { padding: 10px 5px 5px 3px; line-height: 150%; width: 207px; }
.ListP4 li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/Index/Default/li4.gif) 10px 9px no-repeat; list-style-type: none; }
.ListP4 a, .ListP4 a:visited { color: #B639DF; }
.PerdayLi { padding: 5px 0px 0px 10px; line-height: 150%; font-size: 14px; }
.PerdayLi li { text-align: left; padding: 0px 0 2px 3px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.csstag { margin-left: 30px; }
.csstag a { color: #9A9A9A; }
.sptitle { text-align: center; padding: 2px 0px 0px 0px; }
.sptitle a, .sptitle a:visited, .sptitle a:hover { font-size: 18px; font-weight: bold; color: #FB0504; text-decoration: none; }
.spsummary { padding: 2px 0px 3px 0px; }
.spsummary a, .spsummary a:visited, .spsummary a:hover { text-indent: 2em; line-height: 180%; color: #666666; text-decoration: none; }
.datecss { color: #9A9A9A; font-size: 10px; }
.usercss { color: #9A9A9A; font-size: 12px; }
.Hot { line-height: 150%; margin: 7px 0px 5px 0px; }
.Hot li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.Hot24 { line-height: 150%; }
.Hot24 li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.LifeList { line-height: 150%; }
.LifeList li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.StoryList { line-height: 150%; margin-top: 3px; }
.StoryList li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.pictitle a, .pictitle a:visited, .pictitle a:hover { color: #5B4BF4; text-decoration: none; }
.Tag { background: url(http://theme.haoo.cn/Index/Default/bg-81.gif) no-repeat; height: 19px; margin: 3px 0px 0px 18px; padding-top: 3px; text-align: right; padding-right: 15px; }
.Tag a, .Tag a:visited, .Tag a:hover { color: #0909FF; text-decoration: none; }
.HotWeek { line-height: 150%;  }
.HotWeek li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.NewList { line-height: 150%; margin: 5px 0px 5px 0px; font-size: 14px; }
.NewList li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.NewReply { line-height: 150%; float: left; width: 303px; padding: 3px 0px 2px 0px; }
.NewReply li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.HotReply15 { line-height: 150%; float: left; padding: 3px 0px 2px 0px; }
.HotReply15 li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.HaooList { line-height: 150%; padding: 6px 0px 5px 0px; }
.HaooList li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.tgList { line-height: 150%; }
.tgList li { text-align: left; padding: 0px 0px 2px 2px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.tgList a, .tgList a:visited, .tgList a:hover { color: red; text-decoration: none; }
.starList { line-height: 150%; }
.starList li { text-align: left; padding: 0px 0px 2px 2px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.starList a, .starList a:visited, .starList a:hover { color: red; text-decoration: none; }
.jiaceList { line-height: 150%;  }
.jiaceList li { text-align: left; padding: 0px 0px 2px 2px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.jiaceList a, .jiaceList a:visited, .jiaceList a:hover { color: #0808FF; text-decoration: none; }
.phoneList { line-height: 150%; padding: 0px 0px 5px 0px; }
.phoneList li { text-align: left; padding: 0px 0px 2px 2px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.phoneList a, .phoneList a:visited, .phoneList a:hover { color: #0808FF; text-decoration: none; }
.titlebold { font-size: 14px; }
.title a { color: #666666; }
.PerdayLi1 { padding-left: 3px; font-size: 14px; }
.PerdayLi1 li { text-align: left; padding: 0px 0px 2px 18px; background: url(http://theme.haoo.cn/article/default/images/li.gif) 10px 9px no-repeat; list-style-type: none; }
.sptitle1 { text-align: left; padding: 3px; }
.sptitle1 a, .sptitle1 a:visited { font-size: 12px; font-weight: bold; color: #FF6722; }
.spsummary1 { text-align: left; padding: 3px; text-indent: 2em; }
.spsummary1 a, .spsummary1 a:visited, .spsummary1 a:hover { line-height: 150%; text-align: left; }

.itemtitle { clear: both; height: 19px; background-color: rgb(255, 96, 1); text-align: center; font-weight: bold; padding-top: 3px; color: rgb(255, 255, 255); font-size: 14px; }



/* 首页用户关注部分 */
.playbox { float: left; width: 900px; margin-bottom: 8px; text-align: center; font-size: 12px; }
.playbox .title { float: left; height: 40px; background: url(http://theme.haoo.cn/index/default/playboxs1.gif); }
.playbox .title .playmenu { float: left; width: 880px; height: 29px; padding: 11px 0 0 26px; }
.playbox .title .playmenu a { float: left; width: 97px; height: 19px; padding-top: 9px; }
.playbox .title .playmenu, a.on:link, a.on:hover, a.on:visited, a.on:active { color: #fff; }
.playbox .playhot { float: left; width: 900px; padding: 2px 0 8px 2px; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; background: #F4F4F4; }
.playbox .playhot .playlistbox { float: left; width: 286px; height: 268px; margin: 6px 0 6px 5px; padding: 10px 2px 2px 2px; background: url(http://theme.haoo.cn/index/default/playboxs2.gif); }
.playbox .playhot .playlistbox ul { list-style-type: none; }
.playbox .playhot .playlistbox li { float: left; width: 270px; height: 18px; line-height: 18px; overflow: hidden; padding-top: 5px; text-align: left; }
.playbox .playhot .playlistbox li span { float: left; width: 48px; text-align: center; color: #FF7200; font-size: 15px; }
.playbox .playhot .playlistbox h5 { padding-top: 4px; color: #000000; float: left; font-size: 14px; font-weight: normal; text-align: left; margin: 0pt; padding: 0pt; }
.playbox .playhot .playlistbox .playbk { float: left; width: 48px; height: 20px; padding-top: 3px; text-align: center; color: #fff; font-size: 14px; background: url(http://theme.haoo.cn/index/default/playboxs3.gif) no-repeat 6px 0px; }
.playbox .playhot .playlistbox .tlist { font-size: 14px; line-height: 150%; }
.playbox .playhot .playlistbox .playmore { float: right; padding: 5px 5px 0 0; }
.playmenu a { color: #000; font-size: 14px; }
.playmenu a:visited { color: #000; font-size: 14px; }
.playmenu a:hover { color: #D6471D; font-size: 14px; }
.playlistbox a { color: #000; }
.playlistbox a:visited { color: #000; }
.playlistbox a:hover { color: #D6471D; }
.toplist { text-align: left; margin: 0 auto; width: 100%; line-height: 140%; }