/* SpaceBuilder Channels Cascading Style Sheets. Copyright (c) 2010, Tunynet Inc. All rights reserved. version: 2.3 */

/* layout */ 
#header { position: relative; z-index: 15; }
#menubar { width: 950px; padding: 0; margin: 0 auto; }

/* menubar */
#menubar .wrap { background: none; }
#menubar .sf-menu { padding: 3px 5px 0 0; }
#menubar a, 
#menubar a:hover { color: #cce0ec; }
#menubar .sf-menu ul { border-top: solid #cce0ec 1px; }
#menubar .sf-menu ul li a,
#menubar .sf-menu ul li a:hover { color: #0065a2; }
#menubar .sf-sub-indicator { background-image: url(../../../../SharedStyles/Icons/icons.gif); }

/* header */
.logo { padding: 0 0 10px 20px; float: left; margin-top: -10px; _margin-top: 0; }
.header { padding: 5px 10px; }
.header h1 { float: left; }
.walkOn { float: right; text-align: right; padding: 5px 10px; }
.walkOn a { line-height: 20px; padding: 0 10px; color: #fff; }
.walkOn a:hover { color: #fff; }
#simpleHome .logo { padding: 3px 10px 2px; margin-top: 0; }

/* navigation */
.pageMenu { clear: both; border-top: solid #0082c0 1px; padding: 2px 10px 0; }
.pageMenu a, .pageMenu a:hover { color: #fff; }
.pageNav { overflow: hidden; zoom: 1; }
.pageNav li, .pageNav li a, .pageNav li span { display: block; float: left; }
.pageNav li span { text-align: center; white-space: nowrap; font-weight: bold; padding: 0 10px; height: 28px; line-height: 26px; cursor: pointer; }
.pageNav a.current { background: url(Images/sitenav.png) no-repeat; padding: 0 0 0 5px;}
.pageNav a.current span { background: url(Images/sitenav.png) no-repeat right -40px; padding: 0 10px 0 5px; color: #005a8c;}

/* sign in & sign up */
.register {}
.register h3 { font-size: 16px; font-weight: bold; padding: 10px; border-bottom: solid #ddd 1px; }
.registerArea { padding: 10px 80px 20px; }
.registerArea fieldset { border-top: solid #ddd 1px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.registerArea legend { font-weight: bold; background: #fff; padding: 3px; line-height: 30px; }
.registerArea legend em { color: #f30; font-size: 12px; font-weight: normal; font-style: normal; }
.registerArea label.error { display: block; }
.signUpSort { border-bottom: solid #ddd 1px; margin-bottom: 10px; height: 30px; padding-left: 30px; }
.signUpSort li { width: 150px; display: block; text-align: center; float: left; font-size: 14px; line-height: 30px; height: 31px; font-weight: bold; }
.signUpSort li.current { background: url(../../../../SharedStyles/Images/tabMenu.png) no-repeat; }
.agreement { margin: 20px 100px; }
.agreement p { line-height: 20px; text-indent: 2em; margin: 1.5em; }
.register .formLabel { width: 90px; }
.register .formField, .register .formButton { margin-left: 100px; }
.register .inputSubmit, .register a.cancel { font-size: 14px; font-weight: bold; padding-left: 20px; padding-right: 20px; }

.sendActivate { padding: 100px 200px;  font-size: 14px; }
.sendActivate h3 { font-weight: bold; padding: 15px 0; }
.sendActivate p { line-height: 30px; }
.activate { padding: 100px 200px; font-size: 14px; }
.activate h4 { padding: 10px 0; }
.activate p { line-height: 30px; }

.loginPage { width: 650px; margin: 50px auto 0; }
.loginArea { margin-bottom: 10px; }
.loginArea h4 { padding: 10px; margin: 0 0 10px; font-size: 14px; font-weight: bold; border-bottom: solid #ddd 1px; }
.loginArea h4 em { float: right; font-size: 12px; font-weight: normal; }
.loginCue { list-style-type: circle; margin-left: 25px; }
.loginCue li { line-height: 25px; }
.loginFrame { padding: 0 20px 10px;}
.loginFrame .formLabel label { font-weight: bold; }
.loginFrame p { padding: 5px; line-height: 25px; }
.loginFrame .textBox { width: 200px; }
.loginFrame .validate { width: 60px; }
.loginFrame img { vertical-align: middle; }
.loginFrame label.label { width: 90px; padding-right: 10px; display: block; line-height: 25px; float: left; text-align: right; }
.loginFrame em { padding: 0 10px; }
.loginFrame label.error {  }
.sigInHint { padding: 10px;}

/* invite friend */
.inviteContentArea { padding: 30px 150px 50px; }
.inviteContentArea .portrait { float: left; }
.inviteContent { margin-left: 170px; }

/* welcome page */
.welcome { margin-bottom: 10px; }
.welcomeLogin { width: 230px; padding-right: 10px; float: left; }
.loginBox .form { padding: 10px 0 10px 10px; }
.loginBox .formLabel { width: 50px; font-size: 14px; }
.loginBox .formField, .loginBox .formButton { margin-left: 50px; }
.loginBox .textBox { font-size: 14px; width: 140px; }
.loginBox .error { display: block; }
.loginBox p { padding: 0 0 10px 60px; }
.welcomeCont { width: 710px; float: left; }
#home .loginBox .formLabel { font-size: 12px; }
#home .loginBox .textBox { width: 150px; font-size: 12px; }

/* sub menu */
.section { margin-bottom: 10px; }
.sectionPrimary { * overflow: hidden; zoom: 1; padding: 0 10px; border-bottom: solid #ddd 1px; }
.sectionPrimary:after { clear: both; height: 0; display: block; visibility: hidden; content: ".";}
.sectionPrimary li { display: block; float: left; padding: 5px 10px; * padding: 6px 10px 4px; height: 15px; line-height: 15px; }
.sectionPrimary li.current { padding: 4px 10px 6px; * padding: 5px 10px 5px; border: solid #ddd 1px; border-bottom-color: #fff; position: relative; bottom: -1px; z-index: 66; }
.sectionPrimary li.current a { color: #333; font-weight: bold; }
.sectionPrimary li.act { float: right; padding: 0; line-height: 1em; height: inherit; width: 90px; }
.sectionPrimary li.act .actButton { width: 90px; }
.sectionSecondary li.current a { color: #333; }
.sectionPrimary li.current a:hover,
.sectionSecondary li.current a:hover { text-decoration: none; }
.sectionSecondary { overflow: hidden; zoom: 1; padding: 0 10px; }
.sectionSecondary li { display: block; float: left; padding: 5px 10px; * padding: 6px 10px 4px; height: 15px; line-height: 15px; }

/* default page */
.clubHot, .eventHot { padding: 10px 10px 1px; * padding-bottom: 0; }
.clubHot li, .eventHot li { display: block; padding-bottom: 10px; overflow: hidden; zoom: 1; }
.clubHot span.headPhoto, .eventHot span.headPhoto { float: left; margin-top: 3px; }
.clubHotInfo, .eventHotInfo { margin-left: 60px; }
.clubHotName, .eventHotName { font-weight: bold; display: block; height: 20px; line-height: 20px; overflow: hidden; word-break: break-all; }
.clubHotText, .eventHotText { display: block; height: 30px; line-height: 15px; overflow: hidden; word-break: break-all; }

.commend { padding: 10px; }
.commendTop { overflow: hidden; zoom: 1; padding-bottom: 5px; border-bottom: solid #ddd 1px; }
.commendImg { padding-right: 10px; float: left; overflow: hidden; }

.commendImg img { float: left; }
.commendTop h4 { font-size: 13px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; }
.commendTop p { line-height: 20px; overflow: hidden; }
.commendTop p.text { max-height: 60px; }
.commendTop p.author { height: 20px; }
.commend ul { padding-top: 5px; }
.commend li { line-height: 20px; display: block; height: 20px; overflow: hidden; padding-left: 15px; background: url(../../../../../Themes/SharedStyles/Images/dot.gif) no-repeat; background-position: 0 5px; * background-position: 0 3px; }
.commend li em { padding-left: 5px; float: right; color: #999; }
.commend li em a, .commend li em a:hover { color: #999; }

.commendPhoto { overflow: hidden; zoom: 1; padding: 10px 0 10px 10px; }
.commendPhoto li { width: 75px; float: left; overflow: hidden; }
.commendPhoto li span { display: block; text-align: center; }
.commendPhoto li span.img { width: 75px; height: 75px; margin: 0 auto;}
.commendPhoto li span.text { line-height: 20px; height: 20px;overflow: hidden; }

.layout233 .columnLeft .commendPhoto li, .layout332 .columnRight .commendPhoto li, 
.layout354 .columnLeft .commendPhoto li, .layout453 .columnRight .commendPhoto li { padding: 0 10px 10px 16px; }
.layout12 .columnLeft .commendPhoto li, .layout21 .columnRight .commendPhoto li,
.layout111 .columnLeft .commendPhoto li, .layout111 .columnCenter .commendPhoto li, .layout111 .columnRight .commendPhoto li, 
.layout453 .columnLeft .commendPhoto li, .layout354 .columnRight .commendPhoto li { padding: 0 10px 10px 11px; }
.layout233 .columnCenter .commendPhoto li, .layout233 .columnRight .commendPhoto li, 
.layout332 .columnLeft .commendPhoto li, .layout332 .columnCenter .commendPhoto li { padding: 0 9px 10px 0;}
.layout354 .columnCenter .commendPhoto li, .layout453 .columnCenter .commendPhoto li { padding: 0 10px 10px 8px; }
.layout12 .columnRight .commendPhoto li, .layout21 .columnLeft .commendPhoto li {padding: 0 10px 10px 3px;}

.layout233 .columnLeft, .layout332 .columnRight, 
.layout354 .columnLeft, .layout453 .columnRight {}/* 230px */
.layout12 .columnLeft, .layout21 .columnRight,
.layout111 .columnLeft, .layout111 .columnCenter, .layout111 .columnRight, 
.layout453 .columnLeft, .layout354 .columnRight {}/* 310px */
.layout233 .columnCenter, .layout233 .columnRight, 
.layout332 .columnLeft, .layout332 .columnCenter {}/* 350px */
.layout354 .columnCenter, .layout453 .columnCenter {}/* 390px */
.layout12 .columnRight, .layout21 .columnLeft {}/* 630px */

.layout233 .columnLeft .photoSlide, .layout332 .columnRight .photoSlide, 
.layout354 .columnLeft .photoSlide, .layout453 .columnRight .photoSlide,
.layout12 .columnLeft .photoSlide, .layout21 .columnRight .photoSlide,
.layout111 .columnLeft .photoSlide, .layout111 .columnCenter .photoSlide, .layout111 .columnRight .photoSlide, 
.layout453 .columnLeft .photoSlide, .layout354 .columnRight .photoSlide { display: none; }
#home .photoCommend { padding: 10px 0 10px 10px; }
#home .photoCommend .photoSquareGrid { float: none; width: auto; padding: 10px 0 0; clear: both; }
#home .layout12 .columnRight .photoCommend .photoSquareGrid, #home .layout21 .columnLeft .photoCommend .photoSquareGrid { float: left; width: 279px; padding: 0; clear: none; }

.layout233 .columnLeft .photoCommend .photoSquareGrid li, .layout332 .columnRight, 
.layout354 .columnLeft .photoCommend .photoSquareGrid li, .layout453 .columnRight .photoCommend .photoSquareGrid li { padding: 0 10px 10px 16px; }/* 230px */
.layout12 .columnLeft .photoCommend .photoSquareGrid li, .layout21 .columnRight .photoCommend .photoSquareGrid li,
.layout111 .columnLeft .photoCommend .photoSquareGrid li, .layout111 .columnCenter .photoCommend .photoSquareGrid li, .layout111 .columnRight .photoCommend .photoSquareGrid li, 
.layout453 .columnLeft .photoCommend .photoSquareGrid li, .layout354 .columnRight .photoCommend .photoSquareGrid li { padding: 0 10px 20px 11px; }/* 310px */
.layout233 .columnCenter .photoCommend .photoSquareGrid li, .layout233 .columnRight .photoCommend .photoSquareGrid li, 
.layout332 .columnLeft .photoCommend .photoSquareGrid li, .layout332 .columnCenter .photoCommend .photoSquareGrid li { padding: 0 9px 10px 0px; }/* 350px */
.layout354 .columnCenter .photoCommend .photoSquareGrid li, .layout453 .columnCenter .photoCommend .photoSquareGrid li { padding: 0 10px 17px 7px; }/* 390px */
.layout12 .columnRight .photoCommend .photoSquareGrid li, .layout21 .columnLeft .photoCommend .photoSquareGrid li { padding: 0 9px 9px;}/* 630px */

/* News */
.storyFocus { padding: 10px 0 10px 10px; overflow: hidden; zoom: 1; }
.storySlide { float: left; width: 320px; height: 280px; padding: 0 24px 0 0;}
.storySlideName { height: 20px; line-height: 20px; overflow: hidden; text-align: center; }
.storyFocusTop { padding: 0 10px 10px 0; overflow: hidden; zoom:1; }
.storyFocusTopImg { padding-right: 10px; float: left; }
.storyFocusTop h4 { line-height: 20px; font-weight: bold; }
.storyFocusTop em { padding-left: 5px; color: #999; font-weight: normal; }
.storyFocusTop P { line-height: 20px; color: #999; }
.storyFocusList li { height: 20px; line-height: 20px; width: 330px; padding: 0 14px 0 0; overflow: hidden; float: left; }
.storyFocusList em { padding-left: 10px; float: right; color: #999; }

.modifyHome .storySlide { display: none; }
#home .storyFocus { padding: 10px; }
#home .storyFocusList li {width: auto; float: none;}
#home .storyFocusList em { display: none; }
.layout233 .columnLeft .storySlide, .layout332 .columnRight .storySlide, 
.layout354 .columnLeft .storySlide, .layout453 .columnRight .storySlide,
.layout12 .columnLeft .storySlide, .layout21 .columnRight .storySlide,
.layout111 .columnLeft .storySlide, .layout111 .columnCenter .storySlide, .layout111 .columnRight .storySlide, 
.layout453 .columnLeft .storySlide, .layout354 .columnRight .storySlide { display: none;}
.layout233 .columnCenter .storySlide, .layout233 .columnRight .storySlide, 
.layout332 .columnLeft .storySlide, .layout332 .columnCenter .storySlide,
.layout354 .columnCenter .storySlide, .layout453 .columnCenter .storySlide { float: none; margin: 0 auto; height: 290px; padding: 0;}

/* News */
.storySort { padding: 10px; overflow: hidden; zoom: 1; }
.storySortTop { width: 334px; height: 100px; overflow: hidden; padding: 0 10px 0 0; float: left; }
.storySortTopImg { float: left; padding-right: 10px; }
.storySortTop h4 { line-height: 20px; font-weight: bold; word-wrap: break-word; }
.storySortTop em { padding-left: 5px; color: #999; font-weight: normal; }
.storySortTop p { line-height: 20px; color: #999; word-wrap: break-word; }
.storySort li { width: 320px; height: 20px; padding: 0 10px 0 14px; line-height: 20px; overflow: hidden; float: left; }
.storySort li em { padding-left: 10px; float: right; color: #999; }
.storySort .more { padding: 0 10px 0 0; line-height: 15px; }

.storyPhoto { padding: 10px; overflow: hidden; zoom: 1; }
.storyPhoto li { width: 100px; height: 135px; float: left; display: block; text-align: center; }
.storyPhotoName { display: block; padding: 5px 0 0; height: 20px; line-height: 20px; overflow: hidden; }
.storyPhotoCommend .storyPhoto { padding-left: 14px; }
.storyPhotoCommend .storyPhoto li, .storyPhotoCommend .storyVideo li { padding: 5px; }

.storyPhotoTop .storyPhoto li {padding: 5px 9px;}
.storyNewCommend, .storyPlace { padding: 10px; }
.storyNewCommend li, .storyPlace li { height: 20px; line-height: 20px; overflow: hidden; display: block; }
.storyPlace li em { float: right; color: #999; padding-left: 10px; }

.stories { padding: 10px; }
.storiesTop { overflow: hidden; zoom: 1; padding: 5px 0 10px; border-bottom: solid #ddd 1px; }
.storiesTopImg { width: 160px; display: block; float: left; padding-right: 10px; }
.storiesTop h4 { line-height: 20px; font-size: 14px; font-weight: bold; }
.storiesTop h4 em { padding-left: 5px; font-weight: normal; color: #999; }
.storiesTop p { line-height: 20px; }

.storiesHeadline { overflow: hidden; zoom: 1; padding: 5px 0 10px; border-bottom: solid #ddd 1px; }
.storiesHeadline h5 { padding: 5px; }
.storiesHeadline li { width: 324px; padding-left: 10px; line-height: 20px; height: 20px; overflow: hidden; float: left; }
.storiesHeadline li em { padding-left: 10px; float: right; color: #999; }

.stories .switch { padding: 10px; }
.stories .switch a.selected { color: #999; text-decoration: none; font-weight: bold; cursor: text; }
.subsection .toggler span { display: block; font-weight: bold; padding: 4px 10px 5px; * padding: 6px 10px 4px; border-top: solid #ddd 1px; border-bottom: none; }
.subsection .toggler-opened { background: #f5f5f5; }
.subsection .toggler-opened:hover { background: #e8e8e8; text-decoration: none; }
.subsection .toggler-opened span { background: url(../../../../../Themes/SharedStyles/Images/togglero.gif) no-repeat right center; }
.headlines {}
.fix { display: block; overflow: hidden; zoom: 1; padding: 10px 0 0; overflow: hidden; }
.feature { width: 100px; padding-right: 10px; float: left; display: none; }
.fix a { line-height: 20px; }
.fix em { line-height: 20px; padding-left: 10px; color: #999; }
.fix p { line-height: 20px; display: none; }
.featureImg .feature { display: block; }
.summaries p { word-break: break-all; display: block; }

.storyWrap { padding: 10px 20px; }

/* star member */
.starTop { padding: 10px 10px 1px; }
.starTopItem { overflow: hidden; zoom: 1; }
.starTopImg { width: 50px; float: left; }
.starTopInfo { margin-left: 60px; }
.starName { display: block; line-height: 20px; font-weight: bold; }
.starSign { background: url(../../../../../Themes/SharedStyles/Images/quote_start.gif) no-repeat left top; padding: 0 0 0 16px; overflow: hidden; zoom: 1; }
.starSign span { display: block; background: url(../../../../../Themes/SharedStyles/Images/quote_end.gif) no-repeat right bottom; line-height: 20px; padding: 0 16px 0 0; float: left; }

#home .starName { height: 20px; overflow: hidden; }
#home .starSign, #home .starSign span { background: none; padding: 0; }
#home .starTopItem { height: 60px; overflow: hidden; }
#home .starSign span { height: 30px; line-height: 15px; }

/* Member list | commend | rank */
.friend { padding: 10px; overflow: hidden; zoom: 1; }
.friendRefresh { padding: 5px; border-bottom: solid #ddd 1px; margin-bottom: 10px; text-align: right; color: #999; }
.friendOne { padding: 10px 0; border-bottom: solid #ddd 1px; overflow: hidden; zoom:1; }
.friendOneImg { width: 50px; float: left; }
.friendOneInfo { margin: 0 70px 0 60px; }
.friendOneName { line-height: 18px; }
.friendOneData { padding: 3px 0 0; overflow: hidden; zoom: 1; }
.friendOneData li, .friendOneData span  { display: block; float: left; padding: 0 10px 0 0; }
.friendOneSign { background: url(../../../../../Themes/SharedStyles/Images/quote_start.gif) no-repeat left top; padding: 0 0 0 16px; overflow: hidden; zoom: 1; }
.friendOneSign span { display: block; background: url(../../../../../Themes/SharedStyles/Images/quote_end.gif) no-repeat right bottom; line-height: 16px; padding: 0 16px 0 0; float: left; }
.friendOneAct { width: 60px; float: right; }
.friendOneAct li, .friendOneAct span { display: block; padding: 3px 5px; border-bottom: solid #ddd 1px; }
.friendList { padding: 10px; }
.friendList li { width: 115px; float: left;  padding: 10px }
.friendList li p { line-height: 25px; height: 25px; text-align: center; overflow: hidden; }

/* shortcut search friend */
.friendSearch { padding: 10px; }
.friendSearch li { line-height: 20px; }
.friendSearch li em { float: right;}

/* Blog */
/* blog focus */
.blogFocus { padding: 10px; overflow: hidden; zoom: 1; }
.blogFocusSlide { float: left; width: 334px; padding: 0 5px; height: 270px; }
.blogFocusTop { float: left; width: 334px; padding: 0 5px }
.blogFocusTop h4 { line-height: 20px; font-weight: bold; font-size: 13px; }
.blogFocusTop p { line-height: 20px; }
.blogFocusTop em { color: #999; }
.blogFocus li { height: 20px; line-height: 20px; width: 334px; padding: 0 5px; display: block; float: left; overflow: hidden; }
.blogFocusText {}
.blogFocusName { float: right; padding-left: 10px; }
.blogFocusName a, .blogFocusName a:hover { color: #999; }

/* blog sort hot */
.blogSortHot { padding: 10px; overflow: hidden; zoom: 1; }
.blogSortHotTop { width: 334px; height: 100px; overflow: hidden; float: left; padding: 0 5px; }
.blogSortHotTopImg { float: left; padding-right: 10px; }
.blogSortHotTop h4 { line-height: 20px; font-weight: bold; max-height: 40px; _height: 20px; overflow: hidden; }
.blogSortHotTop p { line-height: 20px; }
.blogSortHotTop em { color: #999; }
.blogSortHot li { width: 334px; padding: 0 5px; height: 20px; line-height: 20px; display: block; overflow: hidden; zoom: 1; float: left; }
.blogSortHotTitle { }
.blogSortHotName { padding-left: 10px; float: right; }
.blogSortHotName a, .blogSortHotName a:hover { color: #999; }

.blogSortPith { padding: 10px 0; overflow: hidden; zoom: 1; }
.blogSortPith h4 { padding: 5px; border-top: solid #ddd 1px; background: #f5f5f5; }
.blogSortPith ul { padding: 10px 0; overflow: hidden; zoom: 1; }
.blogSortPith li { width: 334px; padding: 2px 0px 3px 0px; height: 15px; display: block; overflow: hidden; zoom: 1; float: left; }

/* blog commend */
.blogAuthor { padding: 6px 6px 0;}
.blogAuthor p { line-height: 18px; height: 18px; overflow: hidden; }

/* blog sort top */
.blogSortTop { margin-bottom: 10px; padding: 10px 0; overflow: hidden; zoom: 1; border-bottom: solid #ddd 1px; }
.blogSortTopImg { padding-right: 10px; float: left; margin-right: 10px; }
.blogSortTop h4 { padding: 5px; font-size: 13px; font-weight: bold; }
.blogSortTop p { padding: 5px; line-height: 20px; }

/* blog list */
.blogListBox { padding: 10px; }
.blogItemHeader { padding: 5px; border-bottom: solid #ddd 1px; text-align: right; color: #999; }
.blogItemStat { float: left; }
.blogItem { padding: 15px 0; overflow: hidden; zoom: 1; }
.blogItemImg { padding-right: 10px; float: left; }
.blogItemCont { * float: left;line-height: 20px; }
.blogItemCont h4 { font-weight: bold; }
.blogItemCont em { color: #999; }
.blogItemAuthor { }
.blogItemRating { width: 75px; float: right; }
.blogItemCont p {line-height: 20px; }

/* blog rank */
.blogList { padding: 10px;}
.blogListHeader, .blogListItem { padding: 10px; border-bottom: solid #ddd 1px; color: #666; clear: both; overflow: hidden; zoom: 1; }
.blogListItem:hover { background: #eee; cursor: default; }
.blogListTitle { line-height: 16px; }
.blogListAuthor { width: 100px; float: right; line-height: 16px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.blogListComment, .blogListView { width: 40px; float: right; line-height: 16px; padding-left: 10px; }
.blogListRating { width: 80px; float: right; line-height: 16px; padding-left: 10px; }
.blogListTime { width: 80px; float: right; line-height: 16px; padding-left: 10px; }
.ui-tabs-panel .blogListTime, .blogListCommend .blogListTime { width: 135px; }
.blogListCommend { padding: 10px; }

/* blog Top Ten */
.blogTop { padding: 10px; }
.blogTopList { padding: 10px; }
.blogTopList li { padding: 3px 0; display: block; height: 16px; overflow: hidden; }
.blogTopText { margin: 0 50px 0 25px; line-height: 16px; height: 16px; overflow: hidden; display: block; }
.blogListPlace, .blogListPlaceFirst, .blogListPlaceSecond, .blogListPlaceThird { background: url(../../../../../Themes/SharedStyles/Images/img_bg.gif) no-repeat; width: 16px; height: 16px; float: left; text-align: center; font-weight: bold; font-size: 10px; line-height: 16px; }
.blogListPlaceFirst { background-position: 0px -128px; color: #fff; }
.blogListPlaceSecond { background-position: -16px -128px; color: #fff; }
.blogListPlaceThird { background-position: -32px -128px; color: #fff; }
.blogListPlace { background-position: -48px -128px; }
.blogTopStat { width: 50px; display: block; float: right; text-align: right; color: #999; }

/* Photo */
.photoCommend .photoSquareGrid { padding: 0 0 0 25px; width: 340px; float: left; }
.photoCommend .photoSquareGrid li { width: 75px; height: 75px; padding: 0 10px 10px 0; overflow: hidden; }

.galleryNew { padding: 10px; overflow: hidden; zoom: 1; }
.galleryNew li { display: block; width: 75px; float: left; padding: 5px; text-align: center; }
.galleryNew img { width: 46px; height: 46px; }
.galleryNewImg { width: 46px; display: block; border: solid #ddd 1px; padding: 1px; overflow: hidden; }
.galleryNew span { line-height: 20px; height: 20px; display: block; overflow: hidden; color: #999; }
.galleryRank li { width: 75px; height: 100px;}

.pohotList { padding: 10px; overflow: hidden; zoom:1; }
.pohotList li { width: 75px; padding: 0 6px 10px 5px; height: 125px; overflow: hidden; float: left; }
.pohotListImg { }
.pohotList span { display: block; padding-top: 5px; line-height: 15px; height: 15px; overflow: hidden; color: #999; }

/* file */
.fileWonderful { padding: 10px; }
.fileWonderfulItem { padding: 5px 0; border-bottom: solid #ddd 1px; }
.fileWonderful h4 { line-height: 20px; font-size: 13px; font-weight: bold; }
.fileWonderful span.name, .fileWonderful span.time, .fileWonderful span.size { color: #999; padding-left: 10px; line-height: 20px; font-size: 12px; font-weight: normal; }
.fileWonderful p { line-height: 20px; }

.fileSortCommend { padding: 10px; }
.fileSortTop { width: 330px; float: left; height: 100px; overflow: hidden; padding-right: 14px;}
.fileSortTop h4 { line-height: 20px; font-weight: bold;}
.fileSortTop span { line-height: 20px; color: #999; }
.fileSortTop p { line-height: 20px; }
.fileSortCommend ul { }
.fileSortCommend li { display: block; width: 334px; float: right; line-height: 15px; height: 15px; overflow: hidden; padding: 5px 5px 0; }
.fileSortCommend li em, .fileSortCommend li span { display: block; width: 70px; float: right; line-height: 15px; height: 15px; overflow: hidden; color: #999; }

.fileList { padding: 10px; }

/* Share */
.shareItemInfo { margin-left: 0; }

/* create club */
.createClub { padding: 10px; }
.createClub .formLabel { width: 150px; }
.createClub .formField, .createClub .formButton { margin-left: 160px; }

.clubCommend { padding: 10px; }
.clubCommendItem { width: 334px; float: left; padding: 0 5px 5px 0; }
.clubCommendImg { display: block; float: left; width: 46px; height: 46px; padding: 1px; border: solid #ddd 1px; margin-top: 5px; overflow: hidden; }
.clubCommendInfo { margin-left: 60px; line-height: 20px; height: 80px; overflow: hidden; }
.clubCommendInfo h4 { font-weight: bold; }
.clubCommendInfo span { color: #999; padding-right: 5px; }
.clubCommendInfo p { word-wrap: break-word; overflow: hidden; }

/* club list */
.clubList { padding: 10px }
.clubItem { padding: 10px 0; border-bottom: solid #ddd 1px; }
.clubList span.headPhoto { float: left; margin-top: 5px; }
.clubList .info { margin-left: 60px; line-height: 20px; }
.clubList h4 { font-weight: bold; }
.clubList div div span { padding-right: 20px; }
.clubList div div span em { color: #999; }

/* club apply */
.applyArea { padding: 10px 50px; }
.applyHeader { padding: 0 10px 10px; overflow: hidden; zoom: 1; }
.applyHeaderPortrait { width: 160px; float: left; padding: 1px; border: solid #ddd 1px; }
.applyHeaderContent { margin-left: 180px; }
.applyHeaderContent h1 { font-size: 14px; font-weight: bold; line-height: 28px; }
.applyHeaderContent p { line-height: 25px; }
.applyArea .formLabel { width: 90px; }
.applyArea .formField, .applyArea .formButton { margin-left: 100px; }

/* Event */
.eventCommend, .eventWonderful { padding: 10px; overflow: hidden; zoom: 1; }
.eventPack { float: left; width: 334px; overflow: hidden; zoom: 1; padding: 5px; height: 60px; }
.eventPackImg { width: 46px; height: 46px; margin-top: 5px; overflow: hidden; padding: 1px; border: solid #ddd 1px; float: left; }
.eventPackInfo { margin-left: 60px; line-height: 20px; }
.eventPackInfo h4 { font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; }
.eventPackInfo p { line-height: 20px; height: 40px; overflow: hidden; word-wrap: break-word; }

.eventList { padding: 10px; }
.eventItem { border-bottom: solid #ddd 1px; overflow: hidden; zoom: 1; padding: 10px 0; clear: both; }
.eventItemImg { width: 120px; padding-top: 5px; float: left; overflow: hidden; text-align: center; }
.eventItemInfo { margin: 0 80px 0 134px; }
.eventItemInfo h3 { padding: 3px 0 2px; height: 15px; font-weight: normal; }
.eventIco { background: url(../../../../../Themes/SharedStyles/Icons/event.gif) no-repeat left center; }
.eventIcoPrivate { background: url(../../../../../Themes/SharedStyles/Icons/event_private.gif) no-repeat left center; }
.eventIcoGroup { background: url(../../../../../Themes/SharedStyles/Icons/event_group.gif) no-repeat left center; }
.eventIcoPrime { background: url(../../../../../Themes/SharedStyles/Icons/event_prime.gif) no-repeat left center; }
.eventType { float: left; }
.eventType li, .eventType span { display: block; float: left; width: 20px; height: 20px; text-align: center; }
.eventItemInfo h3 { padding-bottom: 3px; font-weight: bold; }
.eventItemInfo p { padding: 3px 0;}
.eventItemInfo em { width: 100px; padding-right: 5px; float: left; display: block; }
.eventItemRating { width: 75px; float: right; }
.eventItemAct { float: right; width: 70px; }
.eventItemAct li, .eventItemAct span { display: block; padding: 3px 0 3px 10px; border-bottom: solid #ddd 1px; }
.eventEmpty { padding: 20px; text-align: center; line-height: 20px; }

/* Create Manage Event */
.editEvent { padding: 10px; }
.editEvent .stepMenu ul, .manageEvent .stepMenu ul { padding-left: 120px; }
.editEvent .formLabel { width: 140px; }
.editEvent .formField, .editEvent .formButton { margin-left: 150px; }
.editEvent .formHint { clear: both; }

/* event photo */
.eventPhotoTop { padding: 10px 0 10px 14px; overflow: hidden; zoom: 1; }
.eventPhotoTop li { width: 100px; height: 100px; display: block; float: left; padding: 0 14px 10px 0; text-align: center; }
.eventPhotoTop a.eventPhotoName { display: block; padding: 5px 0; }

.eventInfo .account dl { clear: both; }
.eventInfo .account dt { width: 95px; } 
.eventInfo .account dd { margin-left: 100px; word-wrap: break-word; overflow: hidden; }

.eventContent { padding: 10px; line-height: 20px; word-wrap: break-word; overflow: hidden; }
.eventContent p { line-height: 20px; }

.eventAction {  padding: 10px 50px; }
.eventAction li { padding: 5px 20px; border-bottom: solid #ddd 1px; }

.eventComment { padding: 10px; }
.eventComment .textareaBox { width: 500px; height: 50px; }
.eventComment .commentForm { padding-top: 0; }
.eventComment .smileWrap { width: 504px; }

.eventMember { padding: 10px; }
.eventMemberItem { padding: 10px 0; border-bottom: solid #ddd 1px; overflow: hidden; zoom: 1; }
.eventMemberImg { width: 46px; float: left; border: solid #ddd 1px; padding: 1px; }
.eventMemberInfo { margin: 0 70px 0 60px; }
.eventMemberInfo p { padding: 0 3px 3px; clear: both; }
.eventMemberInfo ul { width: 269px; float: left; }
.eventMemberInfo li { padding: 0 3px 3px; }
.eventMemberInfo em { color: #999; }
.eventMemberAct { width: 70px; float: right; }
.eventMemberAct li { display: block; padding: 2px; border-bottom: solid #ddd 1px; }
.eventMemberEdit { padding: 10px 100px 20px 150px; }
.eventMemberEdit h4 { padding: 5px; font-weight: normal; border-bottom: solid #ddd 1px; }
.eventMemberEdit span { float: right; color: #999; }

/* event photos edit */
.eventPhotoEditDetails { padding: 10px; overflow: hidden; zoom: 1; }
.eventPhotoDetailsItem { padding: 10px 0; border-bottom: solid #ddd 1px; overflow: hidden; zoom: 1; }
.eventPhotoMini { width: 120px; float: left; }
.eventPhotoDetails { margin-left: 130px; }
.eventPhotoDetails p { overflow: hidden; zoom: 1; line-height: 20px; padding-bottom: 5px; }
.eventPhotoDetails dfn { width: 60px; display: block; float: left; text-align: right; line-height: 25px; }
.eventPhotoDetails .textBox { width: 350px; }
.eventPhotoDetails .textareaBox { width: 350px; height: 40px; }
.eventPhotoEditDetails .submit { padding: 10px 0 0 190px; }

/* event sign stat */
.eventSign { text-align: center; padding: 10px; }

/* Search */
.searchFrame { padding: 20px 10px 0px 20px; }
.searchFrame .textBox { width: 380px; }
.searchFrame .radioArea { padding-top: 5px; }
.searchFrame .radioArea label { padding-right: 20px; }

#advancedSearchForm .form { padding: 10px 0 10px 3px; }
#advancedSearchForm .formLabel { width: 65px; }
#advancedSearchForm .formField, #advancedSearchForm .formButton { margin-left: 65px; }

.searchResults { padding: 10px; }
.searchResults .paginator { text-align: center; }
.searchResultsHint { text-align: right; padding: 5px; margin-bottom: 10px; border-bottom: solid #ddd 1px; color: #999; }
.searchResultsList, .searchResultClub { padding: 10px; }
.searchResultsItem { padding: 10px 0;}
.searchResultsList h3 { font-size: 14px; font-weight: normal; line-height: 25px; }
.searchResultsList em { color: #666; line-height: 25px; font-style: normal; }
.searchResultsList p { line-height: 25px; }

.searchResultsPhoto { padding: 10px; overflow: hidden; zoom: 1; }
.searchResultsPhotoItem { float: left; width: 260px; height: 300px; overflow: hidden; padding: 0 37px 10px; }
.innerPhoto { width: 240px; padding: 0 10px; overflow: hidden; text-align: center; }
.innerPhoto span { display: block; color: #666; line-height: 20px; height: 20px; overflow: hidden; }
.innerPhoto:hover { background: #f5f5f5; }

/* forum */
.postBoardList { padding: 0 10px; width: 540px; }
.postBoardWrap { border-width: 1px; }
.postBoardWrap ul { width: 180px; position: relative; }
.postBoardWrap li { display: block; height: 25px; cursor: pointer; margin-bottom: 1px; }
.postBoardWrap span { padding: 0 20px 0 10px; height: 25px; line-height: 25px; overflow: hidden; display: block; }
.postBoardWrap ul ul { position: absolute; top: 0; left: 181px; display: none; }
.postBoardWrap ul ul.vision { display: block; }

.postBoardWrap span.branch,
.postBoardWrap li.click li span.branch, 
.postBoardWrap li.current li span.branch { background-image: url(../../../../SharedStyles/Images/branchArrow.gif); background-repeat: no-repeat; background-position: 165px 8px; }
.postBoardWrap li:hover span.branch,
.postBoardWrap li.click span.branch,
.postBoardWrap li.click li:hover span.branch, 
.postBoardWrap li.current span.branch,
.postBoardWrap li.current li.click span.branch,
.postBoardWrap li.current li.current span.branch { background-image: url(../../../../SharedStyles/Images/branchArrowClick.gif); background-repeat: no-repeat; background-position: 165px 8px; }

.postBoardWrap span,
.postBoardWrap li:hover li span,
.postBoardWrap li.click li span,
.postBoardWrap li.current li span.branch,
.postBoardWrap li.current:hover li span,
.postBoardWrap li.current li.click li span,
.postBoardWrap li.current li.current:hover span { background-color: #cce0ec; color: #333; }

.postBoardWrap li:hover span,
.postBoardWrap li.click span,
.postBoardWrap li.click li:hover span,
.postBoardWrap li.current span.branch,
.postBoardWrap li.current li:hover span,
.postBoardWrap li.current li.click span, 
.postBoardWrap li.current li.click span.branch,
.postBoardWrap li.current li.click li:hover span,
.postBoardWrap li.current li.current span.branch,
.postBoardWrap li.current li.current li:hover span,
.postBoardWrap li.current li.current li.click span { background-color: #0065a2; color: #fff; text-decoration: none; cursor: pointer;  }

.forumWraper .moduleContent { /*position: relative; z-index: 70;*/ }
.forumWraper .toggler { background: url(../../../../SharedStyles/Icons/icons_sky_blue.gif); width: 16px; height: 16px; float: right; padding: 0; * padding: 0; position: relative; z-index: 71; top: -22px; right: 5px; line-height: 80px; overflow: hidden; }
.boardList .toggler-opened { background-position: -96px -32px; border-top: none; }
.boardList .toggler-opened:hover { background: url(../../../../SharedStyles/Icons/icons_blue.gif) -96px -32px; }
.boardList .toggler-closed { background-position: -64px -32px; border-top: none; }
.boardList .toggler-closed:hover { background: url(../../../../SharedStyles/Icons/icons_blue.gif) -64px -32px; }
.forumWraper .toggler-c { background: none;}
.forumWraper .mainWrap { padding: 10px; * padding: 10px 0 10px 10px; overflow: hidden; zoom:1; }

.categoryAct { padding: 5px; text-align: right; line-height: 15px; }
.categorySingle, .categorySingle:hover, .categorySmall, .categorySmall:hover, .categoryAct .select { background: url(../../../../SharedStyles/Images/bg.png) no-repeat; display: block; width: 25px; height: 15px; float: right; }
.categorySingle { background-position: 0 -160px; }
.categorySingle:hover, .categoryAct .categorySingle.select { background-position: -60px -160px; }
.categorySmall { background-position: -30px -160px; }
.categorySmall:hover, .categoryAct .categorySmall.select { background-position: -90px -160px; }
.categorySingle.select, .categorySmall.select { cursor: default; }

.categoryItem { overflow: hidden; zoom: 1; padding: 10px 0; border-top: solid #ddd 1px; }
.categoryIcon, .categoryIconGray, .categoryIconLock, .categoryIconNone { width: 40px; height: 50px; float: left; text-align: center; background: url(../../../../SharedStyles/Images/bg_forum_ico.gif) no-repeat; line-height: 50px; }
.categoryIcon { background-position: left center; }
.categoryIconGray { background-position: -80px center; }
.categoryIconLock { background-position: -120px center; }
.categoryIconNone { background-position: -40px center; }
.categoryLogo { width: 100px; height: 50px; float: right; overflow: hidden; display: none; }
.categoryInfo { margin: 0 0 0 50px; }
.categoryInfo h5 { font-weight: bold; }
.categoryInfo h5,
.categoryInfo p { line-height: 20px; height: 20px; overflow: hidden; }
.categoryInfo em { color: #999; }
.categoryData, .categoryLast { float: right; display: block; width: 340px; padding-left: 10px;}
.categoryIntro { display: block; }
.categoryManager {}
.categoryLastAuthor { float: right; width: 60px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.small .categoryItem { width: 33%; float: left; border-top: none; }
.small .categoryInfo { margin: 0; }
.small .categoryIcon, .small .categoryIconGray, .small .categoryIconLock, .small .categoryIconNone, .small .categoryLogo, .small .categoryIntro, .small .categoryLast { display: none; }
.small .categoryData { float: none; width: auto; padding-left: 0; } 

.forumViewOption { float: left; line-height: 22px; padding: 10px 0; }
.forumViewOption a.selected { color: #333; font-weight: bold; cursor: text; }
.forumViewOption img { vertical-align: middle; }

.forumTopicRehit { float: right; font-weight: normal; text-align: right;  padding: 0 10px; line-height: 28px;  }
.forumTopicRehit em { color: #999; }

.forumBylaw { padding: 10px;}
.forumBylaw h4 { font-weight: normal; border-bottom: solid #ddd 1px; padding: 5px; line-height: 20px; }
.forumBylaw p { padding: 5px; line-height: 20px; }

.forumPostsListArea { padding: 10px; clear: both;}

.forumPostsListTitle { padding: 5px 0; overflow: hidden; zoom: 1; clear: both; }
.forumPostsListTitle .forumRowTitle,
.forumPostsListTitle .forumRowText,
.forumPostsListTitle .forumRowGroup,
.forumPostsListTitle .forumRowAuthor,
.forumPostsListTitle .forumRowRehit,
.forumPostsListTitle .forumRowReuser { line-height: 15px; height: 15px; font-weight: normal; }
.forumPostsListTitle .forumRowPic { padding-top: 0px; }

.forumRow { border-top: #bbcede 1px solid; overflow: hidden; zoom: 1; padding: 3px 0 2px; }

.forumRowRight { float: right; width: 410px; overflow: hidden; zoom: 1; }
.forumRowPic { float: right; width: 30px; text-align: center; padding-top: 12px; }
.forumRowReuser { float: right; width: 130px; }
.forumRowRehit { float: right; width: 90px; line-height: 40px; height: 40px; overflow: hidden; }
.forumRowAuthor { float: right; width: 140px; }
.forumRowGroup { float: right; width: 100px; padding-left: 10px; font-weight: bold; line-height: 40px; height: 40px; overflow: hidden }
.forumRowReuser p, .forumRowAuthor p { line-height: 20px; height: 20px; overflow: hidden; }
.forumRowTitle { padding-left: 70px; line-height: 20px; }

.forumRowContent { overflow: hidden; zoom: 1; }
.forumRowTextPic { float: left; width: 30px; text-align: center; padding-top: 9px; }
.forumRowText { padding-top: 13px; overflow: hidden; font-weight: bold;  margin-left: 45px }
.forumRowText em { font-weight: normal; padding: 0 5px; }
.forumRowTextPaging { font-size: 12px; padding-left: 10px; }
.forumRowTextPaging a { color: #666; padding: 0 2px }
.forumRowTextPaging a:hover { color: #f60; }
.forumRowSpace6{ background-color: #bbcede; height: 3px; line-height: 3px; font-size: 3px; }

.manageSelect { width: 15px; padding-top: 13px; * padding-top: 9px; float: left; text-align: right; }
.manageAct { padding: 5px 0; border-top: #bbcede 1px solid; background: #f5f5f5; }
.manageAct a { padding: 0 5px; }
.manageAct .manageSelect { padding: 0 5px 0 0; }

.approveWrap { padding: 10px;}
.forumWraper .publish, .forumWraper .reply { float: left; width: 80px; padding: 10px 0 10px 10px; }
.forumPostRehit { float: right;  padding: 0 10px; line-height: 28px; }
.forumPostRehit em { font-weight: normal; font-style: normal; color: #666; }

.forumPostViewArea .paginator { text-align: right; }
.forumPostList {}
.forumPostArea { display: block; border-top: #bbcede 1px solid; border-bottom: #bbcede 4px solid; overflow: hidden; zoom:1;}
.forumPostUserPanel { float: left; width: 180px; overflow: hidden; }
.forumPostUserTitle { font-weight: bold; padding: 5px; height: 20px; line-height: 20px; overflow: hidden; border-bottom: solid #bbcede 1px; }
.forumPostUserTitle img { vertical-align: middle; }
.forumPostUserPortrait { padding: 8px; }
.forumPostUserPortraitImg { width: 160px; overflow: hidden; border: solid #ddd 1px; padding: 1px; }
.forumPostUserinfo { padding: 5px; }
.forumPostUserinfo p { line-height: 20px; text-indent: 30px; }
.forumPostUserinfo p em { color: #999; }
.forumPostContentArea { margin-left: 180px; border-left: solid #bbcede 1px }
.forumPostTitle { padding: 5px; height: 20px; line-height: 20px; overflow: hidden; border-bottom: solid #bbcede 1px; }
.forumPostContentControl { float: right; text-align: right; }
.forumPostTime { color: #999; }
.forumPostContent { padding: 10px; overflow: hidden; }
.forumPostContent .ad { width: 120px; float: right; overflow: hidden; margin: 0 0 20px 20px; }
.forumPostTitleText { font-size: 14px; font-weight: bold; padding: 5px; margin-bottom: 10px;}
.tag { padding: 5px; }
.forumPostEdit { text-align: right; padding: 5px; color: #666; }
.forumPosts {  min-height: 200px; overflow: hidden; zoom: 1; table-layout: fixed; word-wrap: break-word;font-size: 14px; line-height: 1.5em; }
.forumPosts * {font-size: 14px; line-height: 1.5em;}
.forumPosts p { padding: 10px 0; }
.forumPosts blockquote { padding: 5px; border: solid #ddd 1px; border-left-width: 3px; background: #f5f5f5; word-wrap: break-word; margin: 5px; }
.quoteCont { padding: 10px; }
.forumPosts blockquote h4 { border-bottom: solid #ddd 1px; }
.forumPosts .problemHint, .forumPosts .genericHint { font-size: 12px; }
.small .forumPostTitleText, .small .forumPosts, .small .forumPosts * { font-size: 12px; }
.middle .forumPostTitleText, .middle .forumPosts, .middle .forumPosts * { font-size: 14px; }
.larger .forumPostTitleText, .larger .forumPosts, .larger .forumPosts * { font-size: 16px; }
.forumPostSign { padding: 10px; border-top: solid #ddd 1px; }
.forumPostStatistics { }
.forumPostAdArea { }
.forumPostfooter { clear: both; border-top: #bbcede 1px solid; }
.forumPostTool { padding: 5px; line-height: 20px; height: 20px; text-align: right; color: #666; border-left: solid #bbcede 1px; margin-left: 180px; }
.forumPostIP { width: 170px; line-height: 20px; text-align: center; color: #666; float: left; padding: 5px }
.forumPostBackTop { display: block; width: 16px; height: 16px; float: right; }
.forumPostListSpace6 { background-color: #bbcede; height: 4px;}

.forumPostPagingPrevious { padding-left: 20px; background: url(../../../../../Themes/SharedStyles/Icons/arrow_previous.gif) no-repeat left center; }
.forumPostPagingNext { padding-right: 20px; background: url(../../../../../Themes/SharedStyles/Icons/arrow_next.gif) no-repeat right center; }
a.disabled { color: #999; }
a.disabled:hover { text-decoration: none; color: #999; cursor: text; }

.forumPostArea .ad { background-color: #fff; margin-bottom: 0px; }

.forumReplyArea { margin-bottom: -1px;}
.forumFormRow { border-bottom: #bbcede 1px solid; }
.forumFormRow:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.forumFormFieldName { padding: 5px; width: 120px; text-align: right; float: left; line-height: 20px; }
.forumFormField { padding: 5px; line-height: 20px; border-left: #bbcede 1px solid; margin-left: 130px; }
.forumFormField img { vertical-align: middle; }
.forumFormField .textareaBox { width: 650px; height: 180px; }
.forumFormField .smileWrap { width: 650px; }
.forumFormField .smile { top: 0; right: -86px }
.forumFormField .expression { top: 0; right: -4px; }
.forumWraper .paginator { text-align: right; }
.forumFormField label.error{ color:#f00;}
.forumFormField input.error{ border: 1px dotted red; }
.forumFormField input:focus{ border: solid #ddd 1px;  }

.forumJumpingArea { border: #ddd 1px solid; margin-bottom: 10px; padding: 5px 10px; overflow: hidden; zoom: 1; }
.forumJumping { width: 40%; float: right; text-align: right; }

/* Job */
.jobSearch .formLabel { width: 75px; }
.jobSearch .formField, .jobSearch .formButton { margin-left: 80px; }
.jobSearch .sort .dropDownList { width: 255px; margin-right: 10px; }
.jobSearch .keyword { width: 344px; float: left; clear: none; }
.jobSearch .keyword .textBox { width: 250px; }
.jobSearch .area { width: 340px; clear: none; float: left; }
.jobSearch .type { width: 192px; float: left; clear: none; }
.jobSearch .time { width: 152px; float: left; clear: none; }
.jobSearch div.submit { width: 340px; float: left; clear: none; }

.jobAdvancedSearch .formRow { float: left; clear: none; }
.jobAdvancedSearch .formLabel { width: 90px; }
.jobAdvancedSearch .formField, .jobAdvancedSearch .formButton { margin-left: 95px; }
.jobAdvancedSearch .sort { width: 620px; }
.jobAdvancedSearch .sort .dropDownList { width: 226px; margin-right: 10px; }
.jobAdvancedSearch .keyword { width: 620px; }
.jobAdvancedSearch .keyword .textBox { width: 457px; }
.jobAdvancedSearch .type, .jobAdvancedSearch .area, .jobAdvancedSearch .time, .jobAdvancedSearch .trade, .jobAdvancedSearch .property, .jobAdvancedSearch .employee,
.jobAdvancedSearch .major, .jobAdvancedSearch .degree, .jobAdvancedSearch .experience, .jobAdvancedSearch .salary, .jobAdvancedSearch .idcard, .jobAdvancedSearch .language,
.jobAdvancedSearch .gender {width: 310px;}
.jobAdvancedSearch .type .dropDownList, .jobAdvancedSearch .employee .dropDownList, .jobAdvancedSearch .experience .dropDownList, .jobAdvancedSearch .language .dropDownList,
.jobAdvancedSearch .time .dropDownList, .jobAdvancedSearch .area .dropDownList, .jobAdvancedSearch .property .dropDownList, .jobAdvancedSearch .degree .dropDownList,
.jobAdvancedSearch .idcard .dropDownList { width: 100px; }
.jobAdvancedSearch .trade .dropDownList, .jobAdvancedSearch .major .dropDownList,
.jobAdvancedSearch .salary .dropDownList { width: 150px; }

.jobAdvancedSearch .drawer { width: 305px; float: right; }
.jobAdvancedSearch .drawer a { display: block; float: left; line-height: 16px; }
.jobAdvancedSearch span.unwrap { display: block; width: 16px; height: 16px; float: left; margin-right: 5px; background: url(../../../../SharedStyles/Icons/icons.gif) 0 -32px; }
.jobAdvancedSearch div.submit { float: none; clear: both; border-top: solid #ddd 1px; padding: 10px 0; }
.jobAdvancedSearch .formButton { margin-left: 95px; overflow: hidden; zoom: 1; }
.jobAdvancedSearch .inputSubmit { margin-right: 30px; }
.myJobSearchers { padding: 10px 10px 20px; overflow: hidden; zoom: 1; border-top: solid #ddd 1px; margin: 0 10px;}
.myJobSearchers li { display: inline; padding-right: 20px; }
.myJobSearchers li span { padding-right: 5px; }

#ListJobsDiv { padding: 0 10px; }
.unwrapDescription { float: left; padding-right: 10px; }
.unwrapDescription span.upwrap { background: url(../../../../SharedStyles/Icons/icons.gif) -4px -31px; display: block; width: 12px; height: 15px; float: left; }
.jobDescription { padding: 0 5px; }
.jobDescription li { line-height: 20px; height: 20px; float: left; display: block; width: 200px; }
.jobDescription p { line-height: 20px; padding: 5px 0; }

.job .personalInfo dt, .job .basal dt, .job .resumeHeader dt, .job .workExperience dt, .job .educate dt, .job .jobIntent dt { width: 95px; }
.job .personalInfo dd, .job .basal dd, .job .resumeHeader dd, .job .workExperience dd, .job .educate dd, .job .jobIntent dd { margin-left: 100px; }
.job .resumeHeader .title { font-size: 16px; padding: 0 10px 5px 110px; overflow: hidden; zoom: 1; }
.job .resumeHeader .title .option { padding: 0; font-size: 12px; font-weight: normal; }

/* Listing */
.cityNavigation { float: left; }
.cityNavigation span { font-size: 16px; font-weight: bold; }
.cityNavigation a { padding: 0 10px; }
#userMessageModule .storyFirst ul { clear: both; }
#userMessageModule .storyFirst li { display: inline; padding: 0 5px; }
#userMessageModule .userItem { padding: 10px; border: none; }
#userMessageModule .headPortrait { float: left; margin-right: 10px; }
#userMessageModule .userItemAct { width: 100%; float: none; clear: both; padding-top: 5px; }
#userMessageModule .userItemAct li { display: inline; padding-right: 10px; border: none; }

/* Vote */
.votesNew .contList { padding: 10px 0 10px 10px; }
.votesNew .contList ul { overflow: hidden; zoom: 1; }
.votesNew .contList li { border-width: 0; line-height: 25px; height: 25px; padding: 0 10px 0 11px; width: 210px; float: left; background: url(../../../../SharedStyles/Images/dot.gif) no-repeat 0 center; }
.votesNew .contList span.count, .votesNew .contList span.author { display: none; }

/* Links */
.links { clear: both; margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 10px; }
.module .links { border: none; }
.links h5 { float: left; line-height: 15px; padding: 5px; font-weight: bold; width: 90px; text-align: right; }
.links ul { margin-left: 90px; }
.links li { float: left; padding: 5px; line-height: 15px; white-space: nowrap; overflow: hidden;}
.links li.more { float: none; clear: both; text-align: right; }

/* Reward */
#rewardPage .main { _overflow: hidden; }
.rewardWrap { padding: 10px; }
.rewardUser { width: 100px; padding: 10px 0 0; float: left; }
.rewardUser .portrait { margin: 0 auto; }
.rewardUser .name { text-align: center; display: block; line-height: 20px; }
.rewardContainer h1 { font-size: 16px; font-weight: bold; padding: 10px 0 10px; word-wrap: break-word; overflow: hidden; }
.rewardContainer { margin-left: 110px; }
.rewardInfo { padding: 5px; color: #999; }
.rewardInfo span { padding: 0 5px; }
.rewardDetail { padding: 10px 0; font-size: 14px; line-height: 150%; word-wrap: break-word; overflow: hidden; }
.rewardContainer .complement { padding: 0 0 10px 10px; font-size: 14px; line-height: 150%; }
.rewardContainer .complement h4 { padding: 5px; font-weight: bold; }
.rewardContainer .determine { padding: 10px; font-size: 14px; }
.rewardContainer .determine span { padding: 0 10px; }
.askerSays { padding: 10px; line-height: 20px; }
.askerSays .genericHint { text-align: center; }
.askerSays h4 { font-weight: bold; }
.askerSaysForm { background: #f5f5f5; padding: 5px; }
.askerSaysForm .form { border: solid #ddd 1px; background: #fff; }
.askerSaysForm .formLabel { width: 70px; }
.askerSaysForm .formField, .askerSaysForm .formButton { margin-left: 80px; }
.askerSaysForm .textareaBox { width: 90%; height: 60px; line-height: 20px; }
.rewardStat .statistics dt { width: 120px; }
.rewardStat .statistics dd { margin-left: 120px; }
.ask .formLabel { width: 100px; }
.ask .formField, .ask .formButton { margin-left: 110px; }
.answerForm .formLabel { width: 90px; }
.answerForm .formField, .answerForm .formButton { margin-left: 100px; }


/* www.QYABC.com在20100130增加以下内容]*/
.memberHotName { display: block; padding: 5px 0 0; height: 15px; text-align: center; line-height: 15px; overflow: hidden; width: 69px; }