/* bbs.hoopchina.com , Created by  2008-12-08 */

/*Global----------*/
body {font-family:Arial,Helvetica,sans-serif,"宋体"; margin:0; font-size:12px; color:#000;background:#FFFFFF url(../images/body_bg.gif) repeat-x; line-height:19px}

div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;  }
ul,ol,li,dl,dt,dd { list-style:none}
img,a.img,img a { border: 0;}
div,table { word-break: break-all; word-warp: break-word; }
#page { margin:0 auto; }
/*Font&Link----------*/
.blue { color:#005eac;}
.f333 { color:#333;}
.f888{ color:#888}
.f444 { color:#444;}
.f777{ color:#777}
.red { color:#b50000;}
.font14 { font-size:14px}

a{ color:#005eac;text-decoration:none; cursor:pointer;  }/*常用蓝色链接----------*/
a:hover { color:#ffffff; background-color:#77AADD;}
a img,a:hover img{background:#FFF}/*避免图片出现蓝色背景----------*/

.f666,.f666 a,a.f666 { color:#666666;text-decoration:none;}/*浅灰----------*/
.f666 a:hover,a.f666:hover{ color:#b50000; text-decoration:underline; background:none}

.f333,.f333 a,a.f333 { color:#333;text-decoration:none;}/*深灰----------*/
.f333 a:hover,a.f333:hover{ color:#b50000; text-decoration:underline; background:none}
.f444,.f444 a,a.f444 { color:#444;text-decoration:none;}/*深灰----------*/
.f444 a:hover,a.f444:hover{ color:#b50000; text-decoration:underline; background:none}

.red,.red a,a.red { color:#b50000;text-decoration:none;}/*红色----------*/
.red a:hover,a.red:hover{ color:#b50000; text-decoration:underline; background:none}
a.green { color:green; margin-left:5px;}/*绿色----------*/
a:hover.green { background:#fff; color:green; text-decoration:underline}

p.more {  margin:0; padding:0;  text-align:right; clear:left; height:20px; padding-right:5px;}

.redbold { color:#b50000; font-weight:bold;}/*粗体----------*/
a.bluebold {font-weight:bold;}

/*Form---------*/
input,textarea,select { font-size:12px;}
.inputtext { border-top:#6b6b6b 1px solid; border-left:#6b6b6b 1px solid; border-right:#b5b5b5 1px solid; border-bottom:#b5b5b5 1px solid; height:17px; padding-top:3px; padding-left:2px;}
textarea,.textarea640 { width:460px; height:65px; border-top:#6b6b6b 1px solid; border-left:#6b6b6b 1px solid; border-right:#b5b5b5 1px solid; border-bottom:#b5b5b5 1px solid; overflow:auto; }
.textarea640 { width:640px;}
.btns4 { background:url(../images/btn.gif) no-repeat; width:71px; height:24px; padding-bottom:3px; *padding-bottom:0px;  border:0px; color:#FFFFFF; cursor:pointer} /*四个字的提交按钮*/
.btns2 { background:url(../images/btn.gif) left -26px no-repeat; width:51px; height:24px; padding-bottom:3px; *padding-bottom:0px; border:0px; color:#FFFFFF; cursor:pointer} /*两个字的提交按钮*/
.btnb2 { background:url(../images/btn.gif) left -52px no-repeat; width:51px; height:24px; padding-bottom:3px; *padding-bottom:0px; border:0px; color:#333333; cursor:pointer} /*两个字的重置按钮*/
.btn_black { background:url(../images/btn.gif) left -77px no-repeat; width:73px; height:22px; padding-bottom:3px; *padding-bottom:0px; border:0px; color:#FFF; cursor:pointer} /*四个字的黑色按钮*

/* Elements */
h1 { padding:8px 0 15px; font-size:18px; margin-bottom:8px;}
h1.t1 {font-size:13px;  padding:8px 0px 12px 4px; margin-bottom:0}
h2 {font-size:13px;}
h3 {font-size:12px; background:#eaeef0; border-top:#bcc4cb 1px solid; color:#0C6802; height:25px; line-height:25px; padding-left:10px; margin-bottom:8px; overflow:hidden;}
h3 a{ color:#0C6802} 
.h3 span a,.h3 span{ font-weight:normal; color:#666; padding:0 5px}
h3 a:hover{ color:#770000; background:none}
.h3 span a:hover{ color:#999; background:none }
.clearfix { clear:both;}
.clearleft { clear:left;}
.left { float:left}
.right { float:right}
/* 带用户名的头像列表 */
.peoplelist li { float:left; width:70px; height:92px; padding:0px 2px; text-align:center; overflow:hidden; }
.peoplelist a img,a.headpic img { padding:2px 5px 8px 5px; background:url(../images/headpic.png) no-repeat; _background:none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../images/headpic.png"); 
 width:45px; height:45px;}
.peoplelist a:hover img,a:hover.headpic img { padding:2px 5px 8px 5px; background:#fff url(../images/headpic_on.png) no-repeat; _background:#fff; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../images/headpic_on.png");}
.peoplelist span {line-height:16px; display:block; margin-top:-5px; *margin-top:0}
.peoplelist span a:hover { background:#77AADD; color:#FFF;}

.tabs_header p  { margin:0px; padding:0px;}

.rss a { clear:both; display:block; float:right; text-indent:-999em;  background:url(../images/img_icon.gif) 0 -201px no-repeat; width:38px; height:20px; margin-left:15px}
.c_rss,.b_rss { margin-top:-2px; _magin-top:-2px; *margin-top:-5px; border-top:5px solid #fff; border-bottom:1px solid #e9e9e9; padding-right:5px; overflow:hidden; zoom:1 }
.b_rss { margin-top:-6px; _magin-top:-2px; *margin-top:-6px;}

/*layout----------*/
#container { background:#E5E5E5; padding:2px; margin:10px 0; z-index:1; overflow:hidden; zoom:1  } /*外层边框*/
#container2 { background:#E5E5E5; padding:2px; margin:0 0 10px; z-index:1; overflow:hidden; zoom:1  } 
#container_padd { border:1px solid #aaa; background:#fff url(../images/containerbg.gif) repeat-y; overflow:hidden; zoom:1}
#container_nopadd { border:1px solid #aaa; background:#fff;  overflow:hidden; zoom:1}
#indexline { background:url(../images/line_indexbg.gif) right repeat-y;  overflow:hidden; zoom:1;}
#sub_line { background:url(../images/line_subbg.gif) right repeat-y; }
#main,#sub_main,#left_main { float:left; padding:0px 15px;}
#sidebar,#hot_sidebar {  width:298px; float:right; padding-right:12px;}
#sub_sidebar { width:218px; float:right; padding-right:12px;}
#sub_main,#sub_sidebar { padding-top:15px;  position:relative; }
#content { float:right; position:relative; padding:15px; z-index:2}
#footer { height:45px; padding-top:8px; text-align:center; color:#777}
.page_box{ padding:18px}

/*sidenav----------*/
#sidenav,#sidenav_bbs { width:145px; float:left; padding-top:20px; position:relative; z-index:15}
#sidenav ul li a,#sidenav_bbs ul li a { display:block; color:#000000; font-size:13px;  height:27px; margin-top:-5px; text-align:left; padding:6px 5px 3px 55px; *padding:8px 8px 0px 55px; background:url(../images/navbg.gif) bottom right no-repeat; overflow:hidden;}
#sidenav ul li a:hover,#sidenav ul li a.selected,#sidenav_bbs ul li a:hover,#sidenav_bbs ul li a.selected  {  height:27px; background:url(../images/navbg.gif) top right no-repeat; margin-top:-5px; color:#b50000; text-decoration:none;}

#sidenav_bbs ul li a { padding-left:28px}
#sidenav_bbs h4 { color:#b50000; padding:0px 0px 10px 25px; font-size:13px;}
#sidenav_bbs h4 span a { font-weight:normal; color:#444444; font-size:12px; padding-left:2px;}
#sidenav_bbs h4 span a:hover { background:#f3f7fa; color:#000000}
#sidenav_bbs p.more { text-align:left; padding-left:25px; padding-top:5px;}

/* headtop---------*/
#headtop { position:relative; height:65px; overflow:hidden;}
#headtop a.headpic { float:left; background-color:#fff; padding-right:10px; } 
#headtop p { position:absolute; right:0; top:0px; *top:10px; background:url(../images/img_icon.gif) -4px -282px no-repeat; padding-left:13px;} 
 
/* tabs---------*/
.tabs_header { padding-top:1px;}
.tabs_header ul {  position:relative; top:1px; padding-left:20px; padding-top:4px; overflow:hidden; zoom:1;}
.tabs_header ul li { float:left;  margin:2px 7px 0 0; border:1px #c1c1c1 solid;  border-bottom:0px;}
.tabs_header ul li a { float:left; color:#2a2a2a; background:#e5e5e5; cursor:pointer;}
.tabs_header ul li a span { float:left;  padding:3px 9px 3px 10px; border:#f9f9f9 1px solid;  border-bottom:none;}
.tabs_header ul li a:hover{  color:#b50000; background:#CCCCCC; text-decoration:none;}
.tabs_header ul li.selected{ border-top:2px solid #060; border-bottom:#ffffff solid 1px; margin-top:0; padding-top:1px; background:#fff;}
.tabs_header ul li.selected a,.tabs_header ul li.selected a:hover{ color:#000; background:#fff; font-weight:bold; text-decoration:none;}
.tabs_border,.tabs_border_height1px { border-bottom: 1px solid #c1c1c1;}
.tabs_border_height1px { padding-top:1px;}
.tabs_input {  border-top:#757575 1px solid; border-left:#d3d3d3 1px solid; border-bottom:#d3d3d3 1px solid; border-right:none; height:16px; padding-top:3px; vertical-align:middle; width:150px; margin-right:-3px; color:#666; text-indent:3px}
.tabs_btn { background:url(../images/img_icon.gif) left -173px no-repeat; height:22px; width:22px; border:0px; vertical-align:middle; cursor:pointer;}

/*head----------*/
#head {background: url(../images/head_bg.gif) no-repeat bottom center;height:85px; padding-top:12px;  }
#logo { float:left;}
#logo a,#logo a:hover { background:url(http://b1.hoopchina.com.cn/images/logo_head.gif) no-repeat 0 -75px; width:140px; height:69px;  display:block;}
#logo a span { display:none;}

#nav { height:30px; background:url(../images/headicon.gif) repeat-x left -198px; margin:8px 0 0 5px; float:left;}
#nav ul { padding-left:2px;background:url(../images/headicon.gif) no-repeat left -1px; height:30px; width:700px}
#nav ul li {float:left; background:url(../images/headicon.gif) no-repeat right -61px;}
#nav ul li a {font-size:14px; color:#000; text-decoration:none;margin-left:-2px; display:block; padding:7px 22px 0 23px; height:23px; float:left}
#nav ul li.on { color:#FFF; font-weight:bold; background-position:left -389px; display:block; float:left; margin-left:-2px; cursor:pointer;}
#nav ul li.on a {font-size:14px; color:#FFF; font-weight:bold; text-decoration:none; background:url(../images/headicon.gif) no-repeat right top; display:block; padding:0 26px 0 25px; }
#nav ul li.on a,#nav ul li.on a:hover{ background-position:right -423px; color:#FFF; padding-right:5px; padding:7px 22px 0 23px; height:23px;}
#nav li a:hover {font-size:14px; color:#0C6802; background:none}

#head_right { float:right; margin:3px 0 0;background:url(../images/headicon.gif) no-repeat right -26px; width:100px; height:34px}
#search { background:url(../images/search_bg.gif) no-repeat right top;height:43px; width:260px;margin:5px 0 0;z-index:5;}
#search_input,#search_inputtwo{ background:url(../images/search_input.gif) no-repeat; height:23px; width:185px; text-indent:20px; color:#999; float:left; border:0; margin:8px 0 12px; padding-top:5px}
#search_btn{ background:url(../images/search_btn.gif); height:23px; width:49px; float:left; border:0;margin:8px 0 12px;  cursor:pointer;}
#search_btn_add{ background:url(../images/search_btn_add.gif); height:23px; width:16px; float:left; border:0;margin:8px 0 12px}
#search_choose { width:41px; background:#FFF; border:1px solid #BBB; position:absolute; left:3px; top:27px; }
#search_choose li{ display:block;text-align:center}
#search_choose li a {color:#999; cursor: pointer; display:block; padding: 2px 0 1px; }
#search_choose li a:hover {color:#FFF; background:#CCC}

#top_nav { background: url(http://b1.hoopchina.com.cn/images/top_bg.gif) no-repeat top center; height:20px; padding-top:1px}
#top_nav ul { float:right}
#top_nav ul li { float:left; padding:0 7px}
#top_nav ul li a {color:#919191; padding:1px;}
#top_nav ul li a:hover {color:#fff; background:#919191; padding:1px;}
#top_nav a.nav_index { background:url(http://b1.hoopchina.com.cn/images/home.gif)  left 0px no-repeat; padding-left:15px;}
#top_nav a:hover.nav_index { background:#919191 url(http://b1.hoopchina.com.cn/images/home.gif) left 0px no-repeat; padding-left:15px;}
#top_nav a.red { color:#b50000;}
#top_nav a:hover.red { text-decoration:none; color:#fff;}
#login { text-align:right; padding-top:15px;}
#login a { margin:0 5px; color:#4376A8  }
#login a:hover { color:#FFF }
#login a.red { color:#B50000  }
#login a.red:hover { background: none; color:#B50000 }
#login span { background:url(../images/login_body.gif) no-repeat left center; padding-left:12px}

/*page----------*/
.page{height:26px;line-height:26px;color:#333;margin-bottom:5px; }
.page a{padding:2px 7px;_padding:2px 7px 1px;border:#CCCCCC 1px solid;margin:0 3px; font-family:Tahoma; color:#444;  }
.page a:hover { background:#0C6802; color:#fff}
.page .selected,.page .selected a,.page a:hover.selected{background:#0C6802;color:#fff; font-family:Tahoma;padding:2px 7px;_padding:2px 7px 1px;border:#ccc 1px solid;margin:0 3px;}
.page input{width:25px;border:1px solid #ccc;padding-top:2px;*padding-top:2px;margin:0 3px -1px 3px;}

/*ADD 2008-12-12----------*/
/*Manage----------*/
.manage a { color:#666666;}
.manage a:hover { color:#b50000; background-color:#ffffff}
a.editor,a.del,a.upload { background:url(../images/img_icon.gif) -4px -1px no-repeat; *background:url(../images/img_icon.gif) -4px -2px no-repeat; padding-left:15px;}
a:hover.del { background-position:-4px -26px; *background-position:-4px -27px;}
a.editor { background-position:-4px -54px;}
a:hover.editor { background-position:-4px -83px;}
a.upload { background-position:-4px -114px;}
a:hover.upload { background-position:-4px -142px;}
*+html a.upload { background-position:-4px -116px;} /* IE7 */
*+html a:hover.upload { background-position:-4px -144px;} /* IE7 */

.commend01 {  position:relative;}
.commend01 span { float:left; padding-right:5px;}
a.commend,a.no_commend  { display:block; float:left; background:url(../images/commend.gif) no-repeat; width:55px; height:23px; line-height:23px; padding-left:32px; color:#006600; }
a:hover.commend  { background:url(../images/commend.gif) 0 -28px no-repeat; color:#961420} 
a.no_commend,a:hover.no_commend { background-position:0px -56px; color:#4d4d4d}
.commend_amount { position:absolute; background:#f8f8f8; border:#a0485c 1px solid; width:250px; padding:5px; line-height:20px; right:88px; top:23px; }
.commend_arrow {background:url(http://v.goalhi.com/images/play_tp0601.gif) -95px -216px no-repeat;display:block;position:absolute;top:-10px;left:211px;width:10px;height:15px;}
.commend01 .manages { position:absolute; width:190px; height:100px; right:-5px; top:24px;  background:url(../images/commend_bg.png) no-repeat;  _background:url(../images/commend_bg.gif) no-repeat; line-height:20px;}
.commend01 .manages .c_left { float:left; width:144px;  padding:20px 0px 0px 20px;}
.commend01 .manages .c_right {  float:right; padding:18px 6px 0px 0px;}
.commend01 .manages a.del {  text-indent:-999em; display:block; width:1px; height:14px;}
.commend01 a.del:hover { background-color:#fff8cc;}
.commend01 a.links:hover { color:#b50000; background:none; text-decoration:underline}

/*Pop----------*/
.pop { position:absolute;  color:#111111;  top:100px; left:50px; width:490px; background: url(../images/pop_bg.gif) 4px 4px no-repeat; padding-right:3px; padding-bottom:3px;  z-index:20;}
.pop_content { border:1px solid #8c8c8c; background:#fff;}
.pop h2,#popup h2  {  height:35px; background:#e7e7e7; line-height:35px; padding-left:10px; color:#000000; overflow:hidden;}
.pop h2 a span,#popup h2 a span { display:none; }
.pop h2 a,.pop h2 a:hover,#popup h2 a,#popup h2 a:hover { display:block; float:right;  background:url(../images/img_icon.gif) 0px -16px no-repeat; width:30px; height:33px; cursor:pointer;}

#popup { position:absolute; border:1px solid #666666; background:#f7f7f7;  color:#111111;   position: absolute; top:300px; left:30%;width:490px;   z-index:20}
#hiddenCase { display: none;z-index: 20;}
#fullBg {position:relative;}

/*Pop Album　Create----------*/
ul.album_create,ul.album_password { padding:15px 25px 25px;}
ul.album_create li,ul.popedit_head,ul.album_password li { padding:8px 13px;}
ul.album_create li em,ul.album_create li var,ul.popedit_head li em,.reg li em { font-style:normal;}
ul.album_create li textarea,ul.album_create li .inputtext { vertical-align:top; width:320px;}
ul.album_create li.act {  padding:5px 0px 0px 72px;}
ul.album_password li.act { padding-left:82px;}
ul.album_password .inputtext { width:190px;}

/*Commend----------*/
ul.pop_commend { padding:10px 20px;}
ul.pop_commend li { padding:3px 0px;}
ul.pop_commend textarea { width:98%; _width:370px; height:70px;}
.pop .commendbrief { border-top:1px solid #c7c7c7; background:#efefef; padding:8px 10px 7px 20px; font-weight:bold; color:#005eac}

/*Reg----------*/
ul.reg { padding:20px 0px 25px 45px;}
ul.reg li { padding:6px 0px 6px 10px;}
ul.reg .inputtext { width:200px;}
.inputtext_on { background:#ffece8; border:#ae161c 1px solid; width:182px; height:19px; line-height:19px;}
ul.reg span.f666 { display:block; padding-left:62px; padding-top:2px;}
ul.reg .act { padding-left:62px;}
ul.reg li em { width:60px; display:block; float:left;}
ul.reg .regpic,ul.reg .inputtext { vertical-align:middle; padding:2px 3px 0px;}
.regbrief { background:#efefef url(../images/img_icon.gif) 18px -464px no-repeat; border-top:1px solid #c7c7c7; padding:8px 20px 7px 40px;}
.regsuccess { padding:8px 0px 10px 8px; background:url(../images/img_bg.gif) bottom repeat-x;}
.regsuccess span { font-size:15px; color:#b50000; font-weight:bold;}
.pop_del ul { margin:20px 0px; text-align:center; font-size:13px;}
.pop_del ul li { padding:5px; }
p.p2,.invitecopy { font-size:14px; background:#fff8cc; border-top:1px solid #ebad7d; border-bottom:1px solid #ebad7d; padding:8px; margin:10px auto; text-align:center; width:500px}
.invitecopy { margin:2px auto; padding:5px;}

/* dialog
#hiddenCase { position:relative;display: none;z-index: 3;}
#border { background:url(../images/alpha.png); *background:url(../images/alpha.gif);width:340px; z-index:999; padding:5px; position: absolute; top:300px; left:30%}
#popup { background:#FFF; border:1px solid #B54E4A; text-align:center; padding:10px; font-size:12px}
#popup div{ text-align:left; text-indent:24px; line-height:24px;}
.popup_button {background: url(../images/popup_button.jpg) no-repeat; height:20px; width:64px; border:0; color:#900; margin:10px 10px 0; line-height:20px}
.popup_input {background:url(login_text.jpg) repeat-x bottom; height:18px; width:150px; color:#666 ; line-height:19px; border: 1px solid #BDBCBD}
#close { padding-left:300px}
.close_red { background:url(../images/close_red.jpg) no-repeat; height:12px; width:14px; clear:both; border:0; display:block}
.text { clear:both; margin:10px auto} */