@charset "utf-8";
/*
 * lvren.cn  (header)
 * Author: ariose (ariose@live.com)
 */
 
#header{ height:90px; background:url(images/headerBg.jpg) 0 -100px repeat-x;position:relative;}
#header .logo{ width:152px; height:67px; background:url(images/headerBg.jpg) 0 0 no-repeat; float:left; padding:23px 0 0 23px;}
#header .userBox{ float:left; margin-left:25px; display:inline; width:330px;}
#header .userBox #utray_right{ float:left;}
#header .userBox img{ width:48px; height:48px; padding:3px 6px 6px 3px; background:url(images/userImgBg.gif) no-repeat; margin-top:20px; float:left; display:inline}
.id-mail-quit{ float:left; padding:0 0 0 5px;height:45px;}
.id-mail-quit strong{ width:auto; text-align:center; float:left; display:block; margin-top:22px; display:inline; font-size:14px; color:#3c3c3c}
.newmsg{ width:19px; height:22px; background:url(images/newMsgImg.gif) no-repeat; display:block; float:left; margin:15px 0 0 5px; padding:8px 0 0 50px}
.nomsg{ width:19px; height:22px; background:url(images/msgImg.gif) no-repeat; display:block; float:left; margin:15px 0 0 5px; padding:8px 0 0 50px}
.id-mail-quit .quit{ margin:22px 0 0 15px; display:inline; float:left; background:url(images/logOut.gif) right no-repeat; padding-right:15px;}
.myBox{ float:left; width:188px; height:27px; background:#E7EED7 url(images/myBg.gif) bottom no-repeat; padding-bottom:5px; margin-left:5px; }
.myBox a{ width:53px; height:24px; display:block; float:left; line-height:24px; padding-left:7px; background:url(images/downArr.gif) 36px 8px no-repeat; border:1px solid #e7eed7;}
.myBox a:hover,.myBox a.on{ background-color:#fff; border-color:#ddd #ddd #fff #ddd;}
.myList,.frList{position:absolute; width:105px; height:auto; top:71px; left:262px; z-index:100; background:url(images/listBg.jpg) repeat-x bottom #fff; border-color:#ddd; border-width:0 1px 1px; border-style:solid; display:none; padding:5px 0}
.frList{left:279px;}
.myList li,.frList li{ display:block; width:95px; height:24px; line-height:24px; margin:0px auto;}
.myList li a,.frList li a{ display:block; width:90%; height:100%; padding-left:5px;}
.myList li a:hover,.frList li a:hover{ background:#989898; color:#fff;}


#header .logonBox{ float:left; width:165px; margin:15px 0 0 25px; position:relative;}
#header .logonBox a.join{ display:block; float:left; width:144px; height:26px; background:url(images/joinImg.gif) no-repeat; margin-bottom:10px; display:inline}
#header .logonBox a.join span{ display:none;}
#header .logonBox a.myLvren{ display:block; width:85px; height:20px; line-height:22px; background:url(images/icon_home.gif) left center no-repeat; float:left; text-align:right; font-size:14px; font-weight:bold; margin:0 5px; display:inline}
#header .logonBox a.logOn{float:left; background:url(images/logOut.gif) right no-repeat; padding:0 15px 0 5px; display:block;}

#header .tools{ float:right; width:425px; height:90px;background:url(images/headerBg.jpg) right -200px no-repeat}
.topMenu{ padding:20px 0 0;}
.topMenu li{ float:left; padding:0 10px; font-size:14px; height:15px; line-height:16px; text-align:center; border-right:1px solid #3c3c3c}
.topMenu li a{ color:#3c3c3c;}
.topMenu li a:hover,.topMenu li a.on{ color:#589442;}
.topMenu li.noBorder{ border:none}
.tools .h_search{padding:15px 0 0 50px; }
.tools .h_search input{ width:240px; height:16px;background:url(images/searchInput.jpg) left top; border-color:#a6a6a6 #e5e5e5 #e5e5e5 #a6a6a6; border-style:solid; border-width:1px;}
.tools .h_search .searchBtn{ border: none; margin:0; vertical-align:middle; background:url(images/searchBtn.jpg) no-repeat; width:73px; height:24px;}
.tools .h_search .searchBtn span{ display:none;}

.myLvRen .ccc{ clear:both; margin:10px 5px; width:275px;}
.myLvRen .ccc img{ display:block; float:left; margin-right:10px;}
.myLvRen .ccc p{ float:left; width:200px; display:block;}
.myLvRen .ccc p strong{ display:block;}
.myLvRen .left{ width:45%; overflow:hidden; margin:10px; text-align:center}
.myLvRen .right{ width:40%; margin-top:25px;}
.myLvRen .joinLvRen{ background:url(images/joinLvRen.gif) no-repeat; width:113px; height:20px; margin-bottom:10px;}
.myLvRen .joinLvRen a{ display:block; width:100%; height:100%;}
.myLvRen .joinLvRen span{ display:none;}

#footer{ clear:both; margin-top:30px;width:100%; height:128px; background:url(images/footTop.jpg) 0 -40px repeat-x;}
#footer .footerTopLeft{ width:20%; height:28px; background:url(images/footTop.jpg) 0 0 no-repeat; float:left; text-align:right; color:#fff; padding-top:10px;}
#footer .footerTopLeft strong{ margin-right:10px;}
#footer .footerTopRight{ width:75%; height:28px; background:url(images/footTop.jpg) right -80px no-repeat; float:right; color:#fff; padding-top:10px;}
#footer .footerTopRight a{ margin:0 8px;}
#footer .footerTopRight a.icon-rss{ padding:8px 0 0 30px; background:url(images/rss.jpg) no-repeat left top;}
#footer .footerTopRight a{ color:#fff;}
#footer .footerBottom{ width:auto; height:88px; border:1px solid #dfdfdf; background:#fff; clear:both; color:#3c3c3c;}
#footer .footerBottom .fbLeft{ width:20%; float:left; text-align:right; padding-top:12px;}
#footer .footerBottom .fbRight{ width:75%; float:right; padding-top:35px;}
#footer .footerBottom .fbRight span{display:block; float:left; padding-left:8px;}
#footer .footerBottom .fbRight a.icp{ float:right; display:block; margin:5px 20px 0 0;}

#sideBar{width:192px; float:left; padding-top:8px; background:url(images/sideTop.jpg) top no-repeat; overflow:hidden} 
#sideBar .sideBarInt{ width:192px; background:url(images/sideCenter.jpg) repeat-y; padding-top:1px;}
#sideBar .sideBarInt dl.treeNav{ display:block; width:162px; background:url(images/sideBottom.jpg) bottom no-repeat;padding:0 16px 16px 14px;_padding:0 14px 16px 14px;}
dl.treeNav dt{width:162px; height:31px; border:1px solid #fff; cursor:pointer; margin-top:7px;}
dl.treeNav dt.tit1{ background:url(images/sideDt.gif) 0 0 no-repeat; }
dl.treeNav dt.tit2{ background:url(images/sideDt.gif) 0 -54px no-repeat;}
dl.treeNav dt.tit3{ background:url(images/sideDt.gif) 0 -105px no-repeat;}
dl.treeNav dt.tit4{ background:url(images/sideDt.gif) 0 -153px no-repeat;}
dl.treeNav dt.tit5{ background:url(images/sideDt.gif) 0 -202px no-repeat;}
dl.treeNav dt span{ display:none;}
dl.treeNav dt span.open{ display:block; width:10px; height:9px; overflow:hidden; background:url(images/sideDt.gif) -150px -296px no-repeat; margin:11px 0 0 141px;}
dl.treeNav dt span.close{ display:block; width:9px; height:9px; overflow:hidden; background:url(images/sideDt.gif) 0 -300px no-repeat; margin:11px 0 0 141px;}
dl.treeNav ul{ background:url(images/sideDdBg.jpg) repeat-x top; display:block; width:162px; margin:0 1px}
dl.treeNav ul li{ background:url(images/treeCenter.gif) repeat-y; height:24px; line-height:24px; padding-left:25px; padding-bottom:6px;}
dl.treeNav ul li.first{ background:url(images/treeTop.gif) no-repeat; padding-top:10px;}
dl.treeNav ul li.last{ background:url(images/treeBottom.gif) no-repeat;}
dl.treeNav ul li a{ background-repeat:no-repeat; padding-left:50px; height:24px; display:block; font-weight:bold;}
dl.treeNav ul li a:hover{ text-decoration:none; color:#589442;background-color:#e5e5e5}

/* recBox */
.recBox{ margin:10px 15px; line-height:30px; padding:0 10px 10px; border-bottom:1px dashed #999;}
.recBox h3{ line-height:30px;}

/* ad01 */
.ad01{ width:160px; height:600px; margin:10px auto;}

#new_Nav{ clear:both;width:1000px; height:50px;margin:0px auto;background:url(/images/nav_bg.gif) repeat-x 0px -51px;}
#new_Nav_L{float:left;width:6px;background:url(/images/nav_bg.gif) no-repeat; height:50px;}
#new_Nav_M{width:985px;float:left;margin:0;height:50px;}
#new_Nav_R{float:right;width:6px;background:url(/images/nav_bg.gif) no-repeat 0px -102px; height:50px;}
#new_Nav_right {float:right;width:235px;height:25px;color:#FFF;line-height:25px;margin-top:12px;padding-left:15px;background:url(/images/menu_right_bg.gif) no-repeat; }
#new_Nav_right b {color:#FF0;}
.search_nav { width:465px;float:left;margin-top:10px;margin-left:5px;}
.s_input {width:265px;height:30px;float:left;background:url(/images/newsearch_bg.gif) no-repeat -99px 0px;}
.s_input .search_newin { width:220px;height:16px;border:none;margin-top:6px;margin-left:35px;background:#FFF;}
.s_left {width:90px;padding-left:5px;float:left;}
.s_left1 { width:95px;float:left;padding-left:5px;padding-top:5px;height:25px;margin-left:5px;background:transparent url(/images/ubox-select.gif) no-repeat 0 0;}
.s_left1 .search_s {width:85px;height:20px;line-height:20px;border:1px solid #FFF;padding-left:5px;padding-top:1px;float:left;}
.search_new_btn { width:60px;height:30px;border:none;background:url(/images/newsearch_bg.gif) no-repeat -370px 0px;}
.search_tag { width:500px;float:left;height:50px;line-height:50px;font-size:12px;color:#FFF;overflow:hidden;}
.search_tag a { color:#FFF; font-weight:bold;text-decoration:none;}
.search_tag a:hover { color: #FF0;text-decoration:none;}

#uboxstyle .select_box{width:100px;height:30px;float:left;font-size:12px;margin-left:5px;}
#uboxstyle div.tag_select{display:block;color:#090;width:80px;height:30px;background:transparent url(/images/ubox-select.gif) no-repeat 0 0;padding:0 10px;line-height:30px;}
#uboxstyle div.tag_select_hover{display:block;color:#F60;width:80px;height:30px;background:transparent url(/images/ubox-select.gif) no-repeat 0 -30px;padding:0 10px;line-height:30px;}
#uboxstyle div.tag_select_open{display:block;color:#F60;width:80px;height:30px;background:transparent url(/images/ubox-select.gif) no-repeat 0 -60px;padding:0 10px;line-height:30px;}

#uboxstyle ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url(/images/ubox-select.gif) no-repeat right bottom;width:100px;padding:0 0 5px;margin:0;}
#uboxstyle ul.tag_options li{background:transparent url(/images/ubox-select.gif) repeat-y -100px 0;display:block;width:80px;padding:0 10px;height:30px;text-decoration:none;line-height:30px;color:#090;}

#uboxstyle ul.tag_options li.open_hover{background:transparent url(/images/ubox-select.gif) no-repeat 0 -90px;color:#fff}
#uboxstyle ul.tag_options li.open_selected{background:transparent url(/images/ubox-select.gif) no-repeat 0 -119px;color:#fff}
