/* SpaceBuilder Channels Cascading Style Sheets. Copyright (c) 2008, Tunynet Inc. All rights reserved. version: 2.0 */
/* general style  */
* { margin: 0px; padding: 0px; }
body, p, input, textarea, select { font: 12px Arial, Helvetica, sans-serif, "ËÎÌå"; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; }
ol, ul, dl { list-style: none; }
img { border: 0; }
i, address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
small { font-size: 1em; }
a { color: #3b5998; text-decoration: none; }
a:hover { color: #3b5998; text-decoration: underline; }
/* layout */ 
#commonDoc { width: 960px; margin: 0 auto; }
/*#commonHeader { background: #3b5998; color: #fff; margin-bottom: 10px; }*/
#commonHeader { background: #0095cc; color: #fff; margin-bottom: 10px; }
#commonContent { overflow: hidden; zoom: 1; clear: both; }
#commonLeftColumn { float: left; }
.containerLeft { width: 260px; padding-right: 10px; overflow: hidden; }
.containerLeftIn { width: 690px; * overflow: hidden; }
#commonCenterColumn { float: left; }
.containerCenter { width: 340px; overflow: hidden; }
.containerCenterNoAround { width: 960px; overflow: hidden; }
#commonRightColumn{ float: right;}
.containerRight { width: 340px; overflow: hidden; }
.containerRightIn { width: 690px; overflow: hidden; }
.containerRightNarrow { width: 260px; overflow: hidden; }
.commonContentArea { background: #fff; text-align: left;}
.clear { clear: both; }
.wrap { overflow: hidden; zoom: 1; }
.content { padding: 10px; }
/* header */
.logo { padding: 10px; float: left; }
.header { padding: 5px 10px; overflow: hidden; zoom:1; }
.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; }
/* search box in the header */
.combobox { padding: 13px 0 0; width: 350px; float: right; background-image: url(Images/comboboxDropDownButton.png) no-repeat 1000px 0;}
.comboboxCont { overflow: hidden; zoom: 1; }
.comboboxInputBox { float: left; background: url(../../../../../Utility/images/bg.png) no-repeat -10px -500px; _background: url(../../../../../Utility/images/img_bg.gif) no-repeat -10px -300px; width: 200px; height: 22px; padding: 3px 0 0 10px; }
.comboboxInputBox input { width: 185px; border-width:0; border: none; padding-top: 3px; }
.comboboxInputBox input:focus { border: none; }
.comboboxButton { float: left; background: url(../../../../../Utility/images/bg.png) no-repeat -355px -500px; _background: url(../../../../../Utility/images/img_bg.gif) no-repeat -355px -300px; width: 50px; height: 25px; padding-left: 5px; }
.comboboxButton input { border: none; background: transparent; padding: 3px 0 0 11px; * padding: 6px 0 0 9px; }
.comboboxContainer { float: left; background: url(Images/comboboxDisplayValue.gif) no-repeat right top; }
.comboboxValueContainer { /*background: url(Images/comboboxDisplayValue.gif);*//*background: url(Images/comboboxDisplayValue.gif);*/ : ; }
.comboboxValueContent { padding: 0 0 0 3px; * padding: 3px 0 0 3px; color: #333; text-align: right; border-left: solid #adb9c2 1px; }
.comboboxDropDownContainer { border: solid 1px #adb9c2; background: #fff; overflow: hidden; }
.comboboxDropDownButton { width: 20px; height: 25px; background-image: url(Images/comboboxDropDownButton.png); _background-image: url(Images/comboboxDropDownButton.gif); cursor: pointer; }
.comboboxGroupItemHeader { display: block; background: #000; color: #fff; }
.comboboxGroupItemContainer { padding-left: 0px; margin-left: 0px; }
.comboboxItem { background: #fff; color: #333; text-transform: lowercase; font-weight: normal; font-style: normal; line-height: 20px; padding-right: 25px; text-align: right; cursor: pointer; }
.comboboxItemHover { background-color: #adb9c2; color: #fff; }
.comboboxGroupItemContainer .comboboxItem { padding-left: 20px; margin-left: 0px; }
/* navigation */
.pageMenu { clear: both; border-top: solid #768bb7 1px; padding: 2px 15px 0; * overflow: hidden; }
.pageMenu a, .pageMenu a:hover { color: #fff; }
.pageNav { overflow: hidden; zoom: 1; }
.pageNav li { display: block; float: left; }
.pageNav li a { display: block; float: left; }
.pageNav li span { display: block; float: left; text-align: center; white-space: nowrap; font-weight: bold; padding: 0 0px; height: 25px; line-height: 25px; cursor: pointer; }
.pageNav li.current {  font-weight: bold; }
.navHome, .navNews, .navMember, .navBlog, .navPhoto, .navBookmark, .navClub, .navEvent, .navFile, .navSearch, .navForum {}
a.navHomeCurrent, a.navNewsCurrent, a.navMemberCurrent, a.navBlogCurrent, a.navPhotoCurrent, 
a.navBookmarkCurrent, a.navClubCurrent, a.navEventCurrent, a.navFileCurrent, a.navSearchCurrent, 
a.navForumCurrent { background: url(Images/navbgcurrent.gif) no-repeat left top; padding-left: 10px; color: #3b5998;}
a.navHomeCurrent span, a.navNewsCurrent span, a.navMemberCurrent span, a.navBlogCurrent span, a.navPhotoCurrent span, 
a.navBookmarkCurrent span, a.navClubCurrent span, a.navEventCurrent span, a.navFileCurrent span, a.navSearchCurrent span, 
a.navForumCurrent span { background: url(Images/navbgcurrent.gif) no-repeat right top; padding: 0 10px 0 0; color: #3b5998;}
a.navHomeCurrent:hover, a.navNewsCurrent:hover, a.navMemberCurrent:hover, a.navBlogCurrent:hover, a.navPhotoCurrent:hover, 
a.navBookmarkCurrent:hover, a.navClubCurrent:hover, a.navEventCurrent:hover, a.navFileCurrent:hover, a.navSearchCurrent:hover, 
a.navForumCurrent:hover {}
/* user unwrap menu */
.userMenu { padding: 0 15px 0 0; }
.userLogin li { padding: 2px 10px 0; * padding: 3px 10px 0; float: right;line-height: 1.6em; }
.userLogin li.logon { background: url(Images/loginbtn.gif) no-repeat; background-position: center 2px; font-weight: bold; }
.sf-menu a { display: block; position: relative; }
.sf-menu li { float: right; position: relative; padding: 0 5px; display: block; line-height: 25px;z-index: 999; }
.sf-menu li ul { position: absolute; top: -999em; left: -10px; width: 80px;  }
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul { left: 0; top: 19px; background: #fff; border: solid #9cb1ce 1px; padding: 3px 0;}
.sf-menu li ul li { padding: 0px; width: 100%; }
.sf-menu li ul li.separator { height: 1px; background: #ddd; margin: 3px 0px; line-height: 1px; font-size: 1px; }
.sf-menu li ul li a { color: #3b5998; text-decoration: none; padding: 3px 3px 3px 8px; text-align: left; line-height: 15px; height: 15px; overflow: hidden; }
.sf-menu li ul li a:hover { background: #6f90b8; color: #fff; text-decoration: none; }
.sf-menu a.sf-with-ul { margin-right: 12px; min-width: 1px; display: block; white-space: nowrap; padding-right: 1px; }
.sf-sub-indicator { position: absolute; display: block; right: -12px; _right: 2px; top: 7px; _top: 3px; width: 10px; height: 10px; line-height: 40px; overflow: hidden; background: url('../../../../../Utility/images/menu_arrows-ffffff.png') no-repeat -10px -100px; z-index: 993; }
/* sign in & sign up */
.registerArea { padding: 10px 100px; }
.registerArea fieldset { border-top: solid #ddd 1px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.registerArea legend { font-size: 14px; 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; }
.agreement { margin: 20px 100px; }
.agreement p { line-height: 20px; text-indent: 2em; margin: 1.5em; }
.loginArea { width: 590px; height: 295px; margin: 30px auto 20px; background: url(../../../../../Utility/images/bg.png) -10px -800px; padding: 0 20px;}
.loginArea h4 { padding: 10px; margin: 10px 0 20px; font-size: 14px; 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: 10px 80px;}
.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 { width: 600px; padding: 15px; background: url(../../../../../Utility/images/bg.png) -10px -1110px; height: 20px; margin: 0 auto 30px; }
.login { padding-top: 15px; overflow: hidden; zoom:1; }
.loginName { width: 120px; float: left; padding-right: 5px }
.loginName p { text-align: right; height: 20px;  padding: 5px 0; line-height: 25px;}
.loginForm { float: left; }
.loginForm p{ height: 20px; padding: 5px 0; }
/* invite friend */
.inviteContentArea { padding: 50px 150px 150px; }
.inviteContentArea h1 { font-size: 14px; font-weight: bold; line-height: 30px;  margin: 10px; }
.inviteContentArea p { line-height: 30px; font-size: 14px; margin: 10px; }
/* welcome page */
.welcome { overflow: hidden; zoom:1; padding: 20px 0;}
.welcomeLogin { width: 260px; float: left; padding: 20px; background: url(../../../../../Utility/images/bg.png) no-repeat -10px -1170px; }
.welcomeLogin h4 { padding: 0 10px 10px; border-bottom: solid #ddd 1px; margin-bottom: 10px; font-size: 14px; }
.welcomeLogin th { font-weight: normal; width: 60px; text-align: right; padding: 5px 0; font-size: 14px; line-height: 25px; vertical-align: top }
.welcomeLogin td { padding: 5px 0; }
.welcomeLogin td em { float: right; line-height: 25px; }
.welcomeLogin .textBox { font-size: 14px; width: 170px; }
.welcomeLogin .inputSubmit { font-size: 14px; font-weight: bold; }
.welcomeSignUp { padding: 10px 0; margin: 10px 0 30px; border-top: solid #ddd 1px; }
.welcomeLogin .error { display: block; }
.welcomeSignUp p { line-height: 30px; font-size: 14px; }
.welcomeCont { margin-left: 320px; }
/* sub menu */
.section { margin-bottom: 10px; border: solid #ddd 1px; }
.sectionPrimary { overflow: hidden; zoom: 1; /*	background: url(../../../../../Utility/images/bg_x.png) repeat-x 0 -80px;*/ padding: 0 10px; }
.sectionPrimary li { display: block; float: left; padding: 5px 10px; * padding: 6px 10px 4px; height: 15px; line-height: 15px; }
.sectionPrimary li a {/* color: #fff;*/ }
.sectionPrimary li.current { background: #f5f5f5; }
.sectionPrimary li.current a { color: #333; font-weight: bold; }
.sectionSecondary li.current a { color: #333; }
.sectionPrimary li.current a:hover,
.sectionSecondary li.current a:hover { text-decoration: none; }
.sectionSecondary { overflow: hidden; zoom: 1; background: #f5f5f5; /*border: solid #9cb1ce 1px;*/ border-top: none; padding: 0 10px; }
.sectionSecondary li { display: block; float: left; padding: 5px 10px; * padding: 6px 10px 4px; height: 15px; line-height: 15px; }
/* breadcrum and subMenu */
.shortcut { margin-bottom: 5px; padding: 0 10px; clear: both; overflow: hidden; zoom:1; }
.breadcrumb { line-height: 20px; margin-bottom: 10px; padding: 0 10px; }
.breadcrumb .pipe { padding: 0 10px; }
.subMenu { padding: 10px 10px 0;  overflow: hidden; zoom:1; clear: both; margin-bottom: 5px;}
.subMenu li { display: block; float: left; padding: 0 8px 0; height: 13px; margin-bottom: 5px; border-right: solid #ddd 1px; white-space: nowrap; }
/* module */
.module { margin-bottom: 10px; clear: both; border: solid #9cb1ce 1px; }
.moduleTitle { background: url(Images/glass.png) repeat-x 0 50%; border-bottom: solid #d7e0e8 1px; overflow: hidden; zoom: 1; }
.moduleContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.moduleTitle h3 { padding: 4px 10px 5px; * padding: 6px 10px 4px; }
.option { float: right; padding: 4px 10px 5px; * padding: 6px 10px 4px; display: block; }
/* tabs */
.tabMenu { border-bottom: 1px solid #ddd; height: 23px; padding-left: 3px; }
.tabMenu li { display: block; float: left; border: solid #ddd 1px; background: #f5f5f5; margin-right: 3px; padding: 3px 10px 4px; * padding: 5px 10px 3px; }
.tabMenu li.tabMenuCurrent { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: solid #fff 1px; background: #fff; font-weight: bold; }
.tabMenu li.tabMenuAct { float: right; background: none; border: none; margin-right: 0px; }
.tabContent { padding-top: 10px; clear: both; overflow: hidden; zoom: 1; }
.tabs { margin-bottom: 10px;}
@media projection, screen { .ui-tabs-hide { display: none; }}
@media print { .ui-tabs-nav { display: none; }}
.ui-tabs-nav { position: relative; bottom: -1px; background: url(Images/glass.png) repeat-x 0 50%; border: solid #9cb1ce 1px; border-bottom: none; z-index: 120; }
.ui-tabs-nav:after { display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; border-right: solid #9cb1ce 1px; }
.ui-tabs-nav a { background: url(Images/glass.png) repeat-x 0 50%; text-decoration: none; white-space: nowrap; float: left; padding: 4px 10px 4px; * padding: 6px 10px 3px; }
.ui-tabs-nav a:hover { background-image: url(Images/glass_over.png); }
.ui-tabs-nav .ui-tabs-selected { border-bottom: none; }
.ui-tabs-nav .ui-tabs-selected a { background: #fff; padding: 4px 10px 5px; * padding: 6px 10px 4px; }
.ui-tabs-nav .ui-tabs-selected a:hover { background: #fff; text-decoration: none;  cursor: text;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { text-decoration: none; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor: pointer; }
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; }
.ui-tabs-panel { border: 1px solid #9cb1ce; clear: left; min-width: 0; }
.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }
* html .ui-tabs-nav { display: inline-block; }
*:first-child+html .ui-tabs-nav  { display: inline-block; }
.moduleContent .tabs { padding: 10px; }
.moduleContent .ui-tabs-nav { border: none; padding-left: 5px; background: none; }
.moduleContent .ui-tabs-nav li { border: none; background: #f5f5f5; margin-right: 5px; }
.moduleContent .ui-tabs-nav a { background: none; }
.moduleContent .ui-tabs-nav a:hover { background: none; text-decoration: underline; }
.moduleContent .ui-tabs-nav .ui-tabs-selected { border: solid #ddd 1px; border-bottom: none; }
.moduleContent .ui-tabs-nav .ui-tabs-selected a { background: #fff; color: #333; }
.moduleContent .ui-tabs-nav .ui-tabs-selected a:hover { text-decoration: none; }
.moduleContent .ui-tabs-panel { border: none; border-top: solid #ddd 1px; }
.moduleContent .ui-tabs-nav li.tabsAct { float: right; border: none; background: none; padding: 0px 10px 4px; }
.moduleContent .ui-tabs-nav li.tabsTitle { float: left; border: none; background: none; padding: 0px 10px 4px; }
/* Toggler */
.togglerWrap { margin-bottom: 10px; clear: both; border: solid #9cb1ce 1px; }
.togglerCont { overflow: hidden; zoom: 1; }
.toggler { cursor: pointer; display: block; font-weight: bold; padding: 4px 10px 5px; * padding: 6px 10px 4px; border-bottom: solid #d7e0e8 1px; }
.toggler-opened:hover { background: #c5d7ed url(../../../../../Utility/images/toggler_highlight_open.gif) no-repeat right center; text-decoration: none; }
.toggler-opened { background: #eceff5 url(../../../../../Utility/images/togglero.gif) no-repeat right center; border-bottom: none; }
.toggler-closed:hover { background: #c5d7ed url(../../../../../Utility/images/toggler_highlight_close.gif) no-repeat right center; text-decoration: none; }
.toggler-closed { background: #eceff5 url(../../../../../Utility/images/togglerc.gif) no-repeat right center; border-bottom: none; }
.toggler-c {}
.toggler-c-closed {}
.toggler-c-opened {}
.toggler-closed:hover .modify { font-weight: normal; color: #999; padding: 0 10px; display: inline;}
.toggler-closed .modify, .toggler-opened .modify { display: none;}
.moduleContent .toggler-closed { margin-bottom: 10px; } 
/* Paging */
.pages { padding: 5px 10px; clear: both; }
.paginator { text-align: center; padding: 5px 0; }
.paginator a, .pageList .thisPage { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator .atStart { margin-right: 10px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .prev { margin-right: 10px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; }
.paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginator .next { margin-left: 10px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; }
.paginator .atEnd { margin-left: 10px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .thisPage { padding: 2px 6px; border-color: #999; font-weight: bold; background: #fff; }
.paginator a:hover { color: #fff; background: #ccc; border-color: #999; text-decoration: none; }
.pages div.results { text-align: center; color: #aaa; padding: 5px 0; }
/* modal window */
div#nyroModalFull { position: relative; _position: static; z-index: 999; }
div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../../../../../Utility/images/ajaxloading.gif) no-repeat; background-position: center; }
div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; }
div#nyroModalWrapper { background: #fff; border: 4px solid #999; }
a#closeBut { position: absolute; display: block; top: 5px; right: 5px; width: 12px; height: 12px; text-indent: -9999em; background: url(../../../../../Utility/images/close.gif) no-repeat; outline: 0; }
a#closeBut:hover { background-position: 0 -12px; }
div.wrapper div#nyroModalContent { padding: 20px 5px 5px; }
div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center; z-index: 121; }
div.wrapperImg img { vertical-align: baseline; }
div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20); }
div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; filter: alpha(opacity=50); cursor: help; }
div.wrapperImg a { outline: none; position: absolute; top: 0; height: 100%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 *//* Trick IE6 */ }
a.nyroModalPrev { left: 0; width: 40%; }
a.nyroModalPrev:hover { background: url(../../../../../Utility/images/nyroModalPrev.gif) left 20% no-repeat; }
a.nyroModalNext { right: 0; width: 40%; }
a.nyroModalNext:hover { background: url(../../../../../Utility/images/nyroModalNext.gif) right 20% no-repeat; }
div.wrapper .commonTitle { padding: 5px; font-weight: bold; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
/* Links */
.commonLink { clear: both; overflow: hidden; zoom: 1; margin-bottom: 6px;}
.commonLink dl { padding: 6px; overflow: hidden; zoom: 1; border: #9cb1ce 1px solid; clear: both; }
.commonLink dt { display: block; float: left; line-height: 25px; font-weight: bold; }
.commonLink dd { display: block; float: left; margin-left: 10px; white-space: nowrap; }
.commonLink dd a { line-height: 25px; white-space: nowrap; }
/* footer */
#commonFooter { text-align: center; margin: 0 auto; padding: 10px; border-top: solid #ddd 1px;}
#commonFooter p { line-height: 25px; }
#commonFooter a { padding: 0 5px; }
.SpaceBuilder { font: italic bold 12px Tahoma; }
.SpaceBuilder a { color: #069; text-decoration: none;}
.SpaceBuilder a:hover { color: #f60; text-decoration: none;}
/* default page */
#home, #star, #club, #event, #news, #feed, #photo, #blog, #forum, #file {}
.bulletin, .clubHot, .eventHot, .focus, .commend, .commendPhoto { padding: 10px; }
.bulletin dd { line-height: 20px; }
.bulletin dt { line-height: 20px; padding-left: 12px; background: url(../../../../../Utility/images/dot.gif) no-repeat; background-position: 0 5px; * background-position: 0 3px; }
.clubHot li, .eventHot li { display: block; padding: 5px 0; overflow: hidden; zoom: 1; }
.clubHotImg, .eventHotImg { width: 46px; height: 46px; display: block; float: left; padding: 1px; border: solid #ddd 1px; overflow: hidden; }
.clubHotInfo, .eventHotInfo { margin-left: 60px; line-height: 18px; }
.clubHotName, .eventHotName { font-weight: bold; display: block; height: 18px; overflow: hidden; }
.clubHotText, .eventHotText { display: block; height: 36px; overflow: hidden; }
.focusWrap { width: 690px; float: right; }
.focusPhoto { width: 334px; float: left; overflow: hidden; zoom: 1; }
.focusPhoto span { line-height: 25px; height: 25px; overflow: hidden; text-align: center; display: block; }
.focusPhotoA { width: 160px; float: left; }
.focusPhotoB { width: 160px; float: right; }
.focus ul { * float: left; }
.focus li { width: 319px; display: block; float: left; line-height: 20px; height: 20px; overflow: hidden; padding: 0 5px 0 10px; }
.focus li em { padding-right: 10px; }
.focus li cite { width: 60px; display: block; float: right; }
.focusTitle { font-weight: bold; font-size: 14px; text-align: center; }
.commendTop { overflow: hidden; zoom: 1; }
.commendImg { width: 100px; padding-right: 10px; float: left; }
.commendTop { padding-bottom: 5px; border-bottom: solid #ddd 1px; }
.commendTop h4 { font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; }
.commendTop p { line-height: 20px; overflow: hidden; }
.commendTop p.text { max-height: 40px; }
.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(../../../../../Utility/images/dot.gif) no-repeat; background-position: 0 5px; * background-position: 0 3px; }
.commend li em { padding-left: 10px; float: right; }
.commend li em a, .commend li em a:hover { color: #999; }
.commendTag { float: right; display: block; padding: 4px 5px 5px; * padding: 6px 5px 4px; }
.commendTag a { padding: 0 0 0 5px; }
.commendPhoto { overflow: hidden; zoom: 1; }
.commendPhoto li { width: 100px; display: block; float: left; overflow: hidden; padding: 0 3px 3px; }
.commendPhoto li span { display: block; }
.commendPhoto li span.img { height: 75px; overflow: hidden; text-align: center; }
.commendPhoto li span.text { line-height: 25px; height: 25px; text-align: center; overflow: hidden; }
/* News */
.storyFocus { padding: 10px; overflow: hidden; zoom: 1; }
.storySlide { float: left; width: 320px; height: 270px; padding-right: 13px; }
.storySlideName { height: 20px; line-height: 20px; overflow: hidden; text-align: center; }
.storyFocusTop { padding: 0 5px 0 15px; overflow: hidden; }
.storyFocusTopImg { width: 100px; padding-right: 10px; float: left; }
.storyFocusTop h4 { line-height: 20px; }
.storyFocusTop em { padding-left: 5px; color: #999; font-weight: normal; }
.storyFocusTop P { line-height: 20px; padding-bottom: 9px; border-bottom: solid #ddd 1px; margin-bottom: 10px; color: #999; }
.storyFocusList li { height: 20px; line-height: 20px; width: 310px; padding: 0 9px 0 15px; overflow: hidden; float: left; }
.storyFocusList em { padding-left: 10px; float: right; color: #999; }
.storySort { padding: 10px; overflow: hidden; zoom: 1; }
.storySortTop { width: 323px; border-right: solid #ddd 1px; padding: 0 10px 0 0; float: left; }
.storySortTopItem { height: 80px; overflow: hidden; }
.storySortTopImg { width: 100px; display: block; float: left; padding-right: 10px; }
.storySortTop h4 { line-height: 20px; }
.storySortTop em { padding-left: 5px; color: #999; font-weight: normal; }
.storySortTop p { line-height: 20px; color: #999; }
.storySort li { width: 314px; padding: 0 10px; line-height: 20px; height: 20px; overflow: hidden; float: left; }
.storySort li em { padding-left: 10px; float: right; color: #999; }
.storyPhoto { padding: 10px; overflow: hidden; zoom: 1; }
.storyPhoto li { width: 100px; height: 100px; float: left; display: block; }
.storyPhotoName { display: block; padding: 5px 0 0; height: 16px; line-height: 16px; overflow: hidden; text-align: center; }
.storyPhotoCommend .storyPhoto { padding-left: 14px; }
.storyPhotoCommend .storyPhoto li, .storyPhotoCommend .storyVideo li { padding: 5px; }
.storyVideo { padding: 10px; overflow: hidden; zoom: 1; }
.storyVideo li { width: 100px; height: 100px; float: left; display: block; position: relative; }
.playVideo { width: 16px; height: 16px; background: url(../../../../../Utility/images/bg.png) no-repeat -10px -120px; position: absolute; top: 60px; left: 15px; }
.storyVideo a:hover .playVideo { background-position: -30px -120px; }
.storyPhotoTop .storyPhoto li,
.storyPhotoTop .storyVideo 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; }
.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; }
.switch { padding: 10px; margin-top: 1px; border-top: solid #ddd 1px; }
.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(../../../../../Utility/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; }
.summaries p, .featureImg .feature { display: block; }
.storyView .moduleTitle { visibility: hidden; }
.storyWrap { padding: 10px 20px; }
.storyWrap h1 { font-size: 24px; padding: 5px 0 10px; text-align: center; border-bottom: solid #ddd 1px; }
.storySubTitle { padding: 5px; text-align: center; color: #999; }
.storyQuarry { padding: 5px; border-bottom: solid #ddd 1px; color: #999; }
.storyStat { padding: 5px; color: #999; }
.storyPublish, .storyCost { float: right; }
.storyCont, .storyCont p { padding: 10px 0; font-size: 14px; line-height: 24px; text-indent: 2em; }
.storyCont p { margin: 10px 0; padding: 0px; }
.storyCont .hint { font-size: 12px; text-indent: 0; line-height: 20px; }
.annexFix { padding: 5px 0; margin-top: 10px; }
.annexFix * { font-size: 12px; }
.annexShow { line-height: 20px; padding: 5px; }
.annexSize { color: #999; }
.hideDescription { padding: 5px; }
.storyStars { padding: 5px 0 5px 200px; overflow: hidden; zoom: 1; }
.storyTags { padding: 5px; line-height: 20px; }
.storyAct { padding: 5px; border-bottom: solid #ddd 1px; text-align: right; }
.storyRelate { padding: 5px 0; }
.storyRelate h4 { padding: 5px; background: #f5f5f5; border-top: solid #ddd 1px; }
.storyRelate ul { overflow: hidden; zoom: 1; padding: 5px 0; }
.storyRelate li { display: block; padding: 5px 5px 0 5px; width: 310px; height: 16px; line-height: 16px; overflow: hidden; float: left; }
.storyReply { padding: 5px 0; }
.storyReply h4 { padding: 5px; background: #f5f5f5; border-top: solid #ddd 1px; }
.storyReply h4 em { float: right; font-weight: normal; }
.storyReplyItem { padding: 10px 0 0; overflow: hidden; zoom: 1; }
.storyReplyImg { width: 46px; display: block; float: left; padding: 1px; border: solid #ddd 1px; }
.storyReplyPerson { margin-left: 60px; padding: 5px; background: #f5f5f5; border-top: solid #ddd 1px; }
.storyReplyPerson .del { display: block; float: right; }
.storyReplyCont { margin-left: 60px; padding: 5px 5px 0; line-height: 20px; overflow: hidden; }
.storyReplyThis { margin-left: 60px; }
.storyReplyItem .storyReplyForm { margin-left: 60px; }
.storyReplyItem .storyReplyForm .textareaBox { width: 200px; height: 60px; }
.storyReplyForm { padding: 5px 0; }
.storyReplyForm p { padding: 3px 0; }
.storyReplyForm .textareaBox { width: 400px; height: 100px; padding: 2px; }
.storyReplyForm em { color: #999; line-height: 20px; }
/* member */
/* member portrait */
.portrait { width: 160px; padding: 1px; background: #fff; border: solid #ccc 1px; margin: 10px auto; overflow: hidden; }
.portraitSmall { border: #ddd solid 1px; display: block; width: 46px; height: 46px; padding: 1px; overflow: hidden; }
/* member List | new | hot */
.memberHot { padding: 10px; overflow: hidden; zoom: 1; }
.memberHot li { display: block; width: 69px; padding: 5px; float: left; }
.memberHot .portraitSmall { margin: auto; }
.memberHotName { display: block; padding: 5px 0 0; height: 15px; text-align: center; line-height: 15px; overflow: hidden; width: 69px; }
.memberPortraitList { padding: 6px; overflow: hidden; zoom:1;}
.memberPortraitList li { width: 70px; float: left; overflow: hidden; display: block; padding-bottom: 5px; }
.memberPortraitList li p { height: 15px; line-height: 15px; width: 64px; text-align: center; padding: 3px 3px 0; overflow: hidden; text-overflow: ellipsis; }
/* star member */
.starTop { padding: 10px; }
.starTopItem { overflow: hidden; zoom: 1; padding: 5px 0; }
.starTopImg { width: 46px; float: left; }
.starTopInfo { margin-left: 60px; }
.starName { display: block; padding: 3px 0; }
.starSign { background: url(../../../../../Utility/images/quote_start.gif) no-repeat left top; padding: 0 0 0 16px; overflow: hidden; zoom: 1; }
.starSign span { display: block; background: url(../../../../../Utility/images/quote_end.gif) no-repeat right bottom; line-height: 16px; padding: 0 16px 0 0; float: left; }
/* --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 5px; border-right: solid #ddd 1px; }
.friendOneSign { background: url(../../../../../Utility/images/quote_start.gif) no-repeat left top; padding: 0 0 0 16px; overflow: hidden; zoom: 1; }
.friendOneSign span { display: block; background: url(../../../../../Utility/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 { display: block; height: 20px; line-height: 20px; }
.friendSearch li em { float: right; display: block; width: 80px; }
.friendSearch li em a { display: block; padding-left: 10px; }
.friendSearch li em a:hover { background: url(../../../../../Utility/images/bg.png) no-repeat -200px -150px; text-decoration: none; }
/* FriendInvitation */
.friendInvitation { width: 380px; padding: 10px; }
.friendInvitation h4 { padding: 5px; border-bottom: solid #ddd 1px; }
.friendInvitation small { color: #999; font-weight: normal; }
.friendInvitation p { padding: 5px; }
.friendInvitation .textareaBox { width: 365px; height: 60px; line-height: 20px; }
.friendInvitation .submit { padding: 5px; text-align: right; }
/* Blog */
/* blog focus */
.blogFocus { padding: 10px; overflow: hidden; zoom: 1; }
.blogFocusSlide { float: left; width: 324px; height: 270px; padding-right: 10px }
.blogFocusTop { float: left; width: 324px; padding-right: 10px }
.blogFocusTop h4,
.blogFocusTop p { line-height: 20px; }
.blogFocusTop em { color: #999; }
.blogFocus li { height: 20px; line-height: 20px; width: 324px; padding-right: 10px; 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: 324px; height: 100px; overflow: hidden; float: left; padding-right: 10px; }
.blogSortHotTopImg { width: 100px; float: left; border: solid #ddd 1px; padding: 1px; margin: 5px 10px 0 0; }
.blogSortHotTop h4 { line-height: 20px; }
.blogSortHotTop p { line-height: 20px; }
.blogSortHotTop em { color: #999; }
.blogSortHot li { width: 324px; padding-right: 10px; 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 new */
.blogNew { padding: 10px; }
.blogNew li { display: block; padding: 2px 0 3px; overflow: hidden; zoom: 1; }
.blogNewName { width: 60px; display: block; float: right; height: 15px; line-height: 15px; overflow: hidden; }
.blogNewText { display: block; width: 170px; float: left; height: 15px; line-height: 15px; overflow: hidden; }
/* blog sort top */
.blogSortTop { margin-bottom: 10px; padding: 10px 0; overflow: hidden; zoom: 1; border-bottom: solid #ddd 1px; }
.blogSortTopImg { width: 160px; padding-right: 10px; float: left; margin-right: 10px; }
.blogSortTop h4 { padding: 5px; }
.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 { width: 100px; padding-right: 10px; float: left; }
.blogItemCont { * float: left;line-height: 20px; }
.blogItemCont h4 {   }
.blogItemCont em { color: #999; }
.blogItemAuthor { }
.blogItemRating { width: 75px; float: right; }
.blogItemCont p {line-height: 20px; }
/* blog rank */
.blogList {}
.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 rank */
.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(../../../../../Utility/images/img_bg.gif) no-repeat; width: 16px; float: left; text-align: center; font-weight: bold; font-size: 8px; line-height: 10px; * font-size: 10px; * line-height: 15px; }
.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; }
.serialNumber01 { background-image: url(../../../Utility/Icons/serial_number_01.gif); }
.serialNumber02 { background-image: url(../../../Utility/Icons/serial_number_02.gif); }
.serialNumber03 { background-image: url(../../../Utility/Icons/serial_number_03.gif); }
.serialNumber04 { background-image: url(../../../Utility/Icons/serial_number_04.gif); }
.serialNumber05 { background-image: url(../../../Utility/Icons/serial_number_05.gif); }
.serialNumber06 { background-image: url(../../../Utility/Icons/serial_number_06.gif); }
.serialNumber07 { background-image: url(../../../Utility/Icons/serial_number_07.gif); }
.serialNumber08 { background-image: url(../../../Utility/Icons/serial_number_08.gif); }
.serialNumber09 { background-image: url(../../../Utility/Icons/serial_number_09.gif); }
.serialNumber10 { background-image: url(../../../Utility/Icons/serial_number_10.gif); }
/* Photo */
.galleryNew { padding: 10px; overflow: hidden; zoom: 1; }
.galleryNew li { display: block; width: 69px; float: left; padding: 5px; * text-align: center; }
.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: 82px;}
.pohotList { padding: 10px; overflow: hidden; zoom:1; }
.pohotList li { width: 80px; padding: 5px 7px; float: left; }
.pohotListImg { display: block; width: 75px; border: solid #ddd 1px; padding: 1px; overflow: hidden; }
.pohotList span { display: block; padding-top: 5px; line-height: 15px; height: 15px; overflow: hidden; color: #999; }
.photoRank li { width: 118px; text-align: center;}
.photoRank .pohotListImg { margin: auto; }
/* photo explore 7day */
.photoExplore { padding: 10px; }
.photoExploreAct { padding: 10px 40px 20px; text-align: right; }
.photoExplore ul { overflow: hidden; zoom: 1; }
.photoExplore li { display: block; width: 290px; height: 280px; padding: 10px; float: left; text-align: center; }
.photoExploreText { display: block; padding-top: 5px; line-height: 15px; height: 15px; overflow: hidden; }
/* file */
.file {}
/* file download rank | new */
.filetitleList { padding: 10px; }
.filetitleList li { line-height: 15px; height: 15px; padding: 5px 0 0; overflow: hidden; }
.filetitleList cite { float: right; width: 50px; text-align: right; color: #999;line-height: 15px; height: 15px; overflow: hidden; display: block;}
.filetitleList em { float: right; width: 60px; padding-left: 5px; text-align: right; line-height: 15px; height: 15px; overflow: hidden; display: block;}
/* file list | commend | hot rank */
.fileCommend { padding: 10px; }
.fileCommend li { display: block; width: 124px; display: block; padding: 0 4px; float: left; }
.fileCommend li div { display: block; border: solid #ddd 1px; padding: 1px 1px 5px; }
.fileCommend span { display: block; padding-top: 5px; line-height: 15px; height: 15px; overflow: hidden; color: #999; text-align: center; }
.fileWonderful, .fileSortCommend { padding: 10px; }
.fileSortTop { width: 300px; float: left; border-right: solid #ddd 1px; margin-right: 10px; height: 100px; overflow: hidden; padding-right: 13px;}
.fileSortTop h4 { line-height: 20px;}
.fileSortTop span { line-height: 20px; color: #999; }
.fileSortTop p { line-height: 20px; }
.fileWonderful .fileSortTop { border-right-width: 0px; } 
.fileSortCommend ul { }
.fileSortCommend li { display: block; width: 324px; 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; }
.fileHeader, .fileItem { padding: 12px; border-bottom: dotted #ccc 1px; color: #666; clear: both; }
.fileItem:hover { background: #eee; }
.fileIcon { width: 16px; float: left; }
.fileName { margin-left: 26px; line-height: 16px; }
.fileAuthor { width: 100px; float: right; line-height: 16px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fileDownloadHow, .fileComment, .fileHit { width: 40px; float: right; line-height: 16px; padding-left: 10px; }
.fileSize, .fileUploadTime { width: 65px; float: right; line-height: 16px; padding-left: 10px; }
/* --all file list */
.fileList { padding: 10px; }
.fileList li { padding: 5px 0; display: block; }
.fileListHeader { padding: 5px; background: #f5f5f5; border-top: solid #ddd 1px; font-weight: bold; }
.fileThumbanil { float: left;  padding-right: 10px;}
.fileRating { float: right; width: 80px;}
.fileList p { line-height: 20px; padding: 5px }
.fileListInfo { color: #999; }
/* Bookmark */
.bookmarkNavigate { padding: 3px 10px; border-bottom: solid #ddd 1px; margin-bottom: 5px; color: #999; clear: both; overflow: hidden; zoom: 1; line-height: 20px; }
.bookmarkNavigate .pipe, .bookmarkCrumb .pipe { padding: 0 10px; }
.bookmarkNavigate .actButton { * width: 120px; line-height: 1.2em; }
.bookmarkNavigate a.selected, .clubNavigate a.selected:hover { color: #333; font-weight: bold; text-decoration: none; cursor: text; }
.bookmarkStat { color: #999; padding: 0 20px; float: right; }
.bookmarkCommend { padding: 10px; }
.commonSideMenuContent { padding: 10px 20px; overflow: hidden; zoom:1; }
.commonSideMenuContent li { line-height: 25px; }
.commonSideMenuContent li a { padding-left: 20px; }
/* bookmark list */
.bookmarkList { padding: 10px; }
.bookmarkAct { padding: 0 10px; overflow: hidden; zoom: 1; }
.discoverNews { border-bottom: solid #ddd 1px; padding: 10px 0; }
.discoverDiggArea { float: left; width: 50px; }
.discoverDigg { text-align: center; }
.discoverCount { margin-bottom: 6px; }
.discoverCount a { display: block; height: 40px; padding-top: 10px; text-align: center; background: url(../../../../../Utility/images/img_bg.gif) no-repeat -10px -30px; }
.discoverCount a:hover { background-position: -70px -30px; text-decoration: none; }
.discoverVote a {background: url(../../../../../Utility/images/img_bg.gif) no-repeat -10px -85px; display: block; text-align: center; line-height: 22px; text-decoration: none; }
.discoverVote a:hover { text-decoration: none; background-position: -70px -85px; }
.discoverVote .ed { color: #999; line-height: 22px; }
.newsBody { margin-left: 60px; }
.newsBody h1 { padding: 5px; border-top: solid #ddd 1px; background: #f5f5f5; }
.newsBody h2 { font-weight: normal; line-height: 25px; color: #999; }
.newsSummary { line-height: 25px; color: #999; }
.newsContent { line-height: 20px; overflow: hidden; zoom: 1; }
.newsContentImg { float: left; padding: 5px; }
/*.news_source{ clear:both; color:#1F9B45; margin-bottom:3px;padding-top:3px}*/
.newsKeyword{ line-height: 25px; color: #999; }
.newsTools{ line-height: 25px; color: #999; }
.newsTools .comments { background: url(../../../../../Utility/Icons/comment.gif) no-repeat left center; padding-left: 20px; }
.bookmarkBacker { padding: 10px; }
.bookmarkMenu { padding: 5px; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.bookmarkMenu li { display: inline; padding: 0 5px; line-height: 20px; }
/* boobmark comment */
.comment { padding: 10px 0; }
.comment h4 { padding: 5px; background: #f5f5f5; border-top: solid #ddd 1px; }
.commentItem { padding: 10px 0; overflow: hidden; zoom: 1; }
.commentImg { width: 46px; float: left; padding: 1px; border: solid #ddd 1px; }
.commentContent { margin-left: 60px; border-bottom: solid #ddd 1px; }
.commentContent h5 { padding: 3px 0; font-weight: normal; color: #999; }
.commentContent .del { float: right; }
.commentContent p { padding: 3px 0; line-height: 20px; }
.commentForm { padding: 10px 0; }
.commentForm p { padding: 3px; }
.commentForm em { color: #999; line-height: 20px; }
.commentForm .textareaBox { width: 420px; height: 100px; padding: 2px; }
.commentList li { margin: 10px; border-bottom: dashed #ccc 1px; display: block; }
.commentList li h5 { font-size: 12px; font-style: normal; font-weight: normal; display: block; float: left; clear: right; width: 90%; padding-left: 10px; line-height: 20px; }
.commentList li em { font-style: normal; font-weight: normal; color: #666; display: block; float: left; white-space: nowrap; width: 90%; padding-left: 10px; margin-bottom: 6px; }
.commentList li p { line-height: 25px; text-indent: 2em; display: block; clear: both; word-wrap: break-word; }
.bookmarkCopy { width: 690px; margin: auto; }
/* add bookmark area */
.addBookmark { padding: 10px; width: 650px }
.addBookmark h4 { padding: 5px 10px; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.addBookmark .editor th { width: 90px; line-height: 25px;}
.addBookmark .textBox { width: 400px; }
.addBookmark .textareaBox { width: 400px; line-height: 20px; height: 60px; }
/* Club */
.clubNavigate { padding: 3px 10px; border-bottom: solid #ddd 1px; margin-bottom: 5px; color: #999; clear: both; overflow: hidden; zoom: 1; line-height: 20px; }
.clubNavigate .pipe, .clubCrumb .pipe { padding: 0 10px; }
.clubNavigate .actButton { * width: 120px; line-height: 1.2em; }
.clubNavigate a.selected, .clubNavigate a.selected:hover { color: #333; font-weight: bold; text-decoration: none; cursor: text; }
.clubStat { color: #999; padding: 0 20px; float: right; }
.clubCrumb { clear: both; margin-bottom: 5px; padding: 0 10px; }
/* create club */
.createClub { padding: 10px; }
.createClub ul { padding-bottom: 5px; }
.createClub li { line-height: 20px;}
.createClub .actButton { float: left; width: 120px; }
.clubCommend { padding: 10px; }
.clubCommendItem { width: 324px; float: left; height: 100px; overflow: hidden; padding: 5px; }
.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; }
.clubCommendInfo span { line-height: 20px; height: 20px; overflow: hidden; display: block; color: #999; }
.clubCommendCont { line-height: 20px; }
.clubEvent, .clubTheme { padding: 10px; overflow: hidden; zoom: 1; }
.clubTheme li { display: block; float: left; line-height: 20px; height: 20px; overflow: hidden; width: 304px; padding: 0 15px; background: url(../../../../../Utility/images/dot.gif) no-repeat 0 3px; }
.clubTheme li em { padding-left: 20px; float: right; }
/* all club list */
.clubListFull { padding: 10px;}
.clubListFull li, .clubListItem { border-bottom: solid #ddd 1px; display: block; padding: 5px 0; overflow: hidden; zoom: 1; }
.clubListFullPortrait { float: left; width: 46px; display: block; padding: 1px; border: solid #ddd 1px; overflow: hidden; }
.clubListFullContent { margin-left: 60px }
.clubListFull cite { float: right; color: #999; text-align: right; }
.clubListFull p { line-height: 25px; }
.clubIntroduce { clear: both;}
/* club category */
.clubCategory { padding: 10px; overflow: hidden; zoom:1; }
.clubCategory li { display: block; line-height: 20px; white-space: nowrap; font-weight: bold; padding: 5px; font-size: 14px; clear: both; padding: 10px 0; }
.clubCategory li li { float: left; font-weight: normal; padding: 0 10px 0 0; font-size: 12px; clear: none; }
.clubCategory em { color: #999; padding-left: 3px; font-size: 12px; }
/* club area category */
.clubAreaHot { padding: 10px; overflow: hidden; zoom: 1; }
.clubAreaHot li { display: block; padding: 5px 0 0 0; width: 118px; height: 18px; float: left; overflow: hidden; }
.clubAreaHot em { padding-left: 2px; color: #999; }
/* create club */
.clubCreate { padding: 10px 100px; }
.clubCreate h4 { padding: 5px; border-bottom: solid #ddd 1px; margin-bottom: 10px; font-weight: normal; }
.clubCreate .textBox, .clubCreate .textareaBox { width: 350px; }
.clubCreate .fileUpload { width: 350px; }
.clubCreate .dropDownList { width: 175px; }
.clubCreate .length { width: 100px; }
/* 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; line-height: 28px; }
.applyHeaderContent p { line-height: 25px; }
.applyLeaveword { padding: 10px 0; }
.applyLeaveword h5, .applyLeaveword p { padding: 3px 0; }
.applyLeaveword .textareaBox { width: 500px; line-height: 20px; height: 60px; }
.applyLeaveword em { color: #999; }
.explainArea { background: #F5F5F5;  padding: 5px; margin-bottom: 10px; border: solid #ddd 1px;}
/* Event */
.eventNavigate { padding: 3px 10px; border-bottom: solid #ddd 1px; margin-bottom: 5px; color: #999; clear: both; overflow: hidden; zoom: 1; line-height: 20px; }
.eventNavigate .pipe, .eventCrumb .pipe { padding: 0 10px; }
.eventNavigate .actButton { * width: 200px; line-height: 1.2em; }
.eventNavigate a.selected, .eventNavigate a.selected:hover { color: #333; font-weight: bold; text-decoration: none; cursor: text; }
.eventCrumb { clear: both; margin-bottom: 5px; padding: 0 10px; }
.eventCommend, .eventCity, .eventWonderful { padding: 10px; overflow: hidden; zoom: 1; }
.eventPack { float: left; width: 320px; overflow: hidden; zoom: 1; padding: 5px 14px 5px 0; }
.eventPackImg { width: 46px; max-height: 46px; _height: 46px; overflow: hidden; padding: 1px; border: solid #ddd 1px; float: left; }
.eventPackInfo { margin-left: 60px; line-height: 20px; max-height: 60px; overflow: hidden; }
.eventTop { padding: 10px; }
.eventTop li { line-height: 20px; height: 20px; overflow: hidden; }
.eventTop em { float: right; padding-left: 10px; color: #999; }
.eventList { padding: 10px; }
.eventAct { padding: 0 10px; overflow: hidden; zoom: 1; }
.eventOrder { padding: 10px 0; border-bottom: solid #ddd 1px; }
.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 100px 0 134px; }
.eventItemInfo h3 { padding: 3px 0 2px; height: 15px; font-weight: normal; }
.eventIco { background: url(../../../../../Utility/Icons/event.gif) no-repeat left center; }
.eventIcoPrivate { background: url(../../../../../Utility/Icons/event_private.gif) no-repeat left center; }
.eventIcoGroup { background: url(../../../../../Utility/Icons/event_group.gif) no-repeat left center; }
.eventIcoPrime { background: url(../../../../../Utility/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 p { padding: 3px 0;}
.eventItemInfo em { width: 100px; padding-right: 5px; float: left; display: block; }
.eventItemRating { width: 75px; float: right; }
.eventItemAct { float: right; width: 90px; }
.eventItemAct li, .eventItemAct span { display: block; padding: 3px; border-bottom: solid #ddd 1px; }
.eventEmpty { padding: 20px; text-align: center; line-height: 20px; }
.eventMember { padding: 10px; overflow: hidden; zoom: 1; }
.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; }
/* create event */
.createEvent li { line-height: 25px;}
/* event photo new | full */
.eventPhotoTop { padding: 10px 0 10px 10px; overflow: hidden; zoom: 1; }
.eventPhotoTop li { width: 120px; height: 120px; display: block; float: left; padding: 5px 7px; text-align: center; }
.eventPhotoTop a.eventPhotoName { display: block; padding: 5px 0; }
.eventInfo { padding: 10px; overflow: hidden; zoom: 1; }
.eventInfo p { padding: 5px 0; }
.eventInfo em { width: 100px; float: left; display: block; }
.eventInfoFill { width: 330px; float: left; }
.eventInfoSet { width: 330px; float: right; }
.eventContent { padding: 10px; line-height: 20px; }
.eventContent p { line-height: 20px; }
.eventContent h3 {  border-bottom: solid #ddd 1px; padding: 0 0 5px; margin-bottom: 10px;}
.eventStars { padding: 5px 0 5px 200px; overflow: hidden; zoom: 1; }
.eventAction {  padding: 10px 50px; }
.eventAction li { padding: 5px 20px; border-bottom: solid #ddd 1px; }
.eventActor { padding: 10px; overflow: hidden; zoom: 1; }
.eventActor li { width: 50px; padding: 0 8px; float: left; }
.eventActor a.eventActorName { display: block; padding: 5px 0; text-align: center; }
.eventComment { padding: 10px; }
.eventCommentForm p { padding: 5px 0; }
.eventCommentForm .textareaBox { width: 650px; height: 50px; padding: 5px; }
.eventCommentForm em { float: right; color: #999; }
.eventCommentItem { padding: 10px 0; }
.eventCommentUser { width: 50px; float: left; }
.eventCommentTitle { margin-left: 60px; border-top: solid #ddd 1px; background: #f5f5f5; padding: 5px; color: #999; }
.eventCommentItem .del { float: right; }
.eventCommentContent { margin-left: 60px; padding: 5px; border-bottom: solid #ddd 1px; }
.eventCreate { padding: 10px; overflow: hidden; zoom: 1; }
.eventStep { border-bottom: 1px solid #d7e0e8; height: 25px; padding: 0 120px }
.eventStep li { display: block; float: left; padding: 4px 20px 6px; * padding: 6px 20px 5px; }
.eventStep li.eventStepCurrent { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: none; background: #fff; font-weight: bold; }
.eventForm { padding: 10px 0; clear: left; }
.eventForm table { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.eventForm th { padding: 5px; text-align: right; font-weight: normal; width: 200px; vertical-align: top; line-height: 20px; }
.eventForm td { padding: 5px; vertical-align: top; line-height: 20px; }
.eventForm .textBox { width: 350px; }
.eventForm .textareaBox { width: 348px; padding: 2px; }
.eventForm td p { padding: 3px 0; }
.eventForm .eventFormStat { width: 30px; }
.eventForm .selectFriend { border: solid #ddd 1px; width: 400px; padding: 0 0 0 2px; position: relative; height: 20px; }
.eventForm .selectFriend .friendSelected { width: 320px; border: none; }
.eventForm .selectFriendButton { display: block; width: 51px; height: 22px; padding: 0 0 0 19px; position: absolute; top: 1px; right: 1px; background: url(../../../../../Utility/images/bg.png) no-repeat; background-position: -100px -449px; * background-position: -100px -450px; }
.eventForm .textareaBox { width: 398px; }
.eventTime .textBox { width: 100px; }
.eventPhoto { padding: 10px; overflow: hidden; overflow: hidden; zoom: 1; }
.eventPhotoList { padding: 10px 0; }
.eventPhotoList li { float: left; padding: 5px; text-align: center; width: 120px; height: 150px; overflow: hidden; display: block; }
.eventPhotoList li span { display: block; line-height: 30px; height: 30px; overflow: hidden; text-align: center; }
.eventPhotoAct { padding: 5px; border-bottom: solid #ddd 1px; }
.eventPhotoAct a { padding: 0 10px; }
.eventPhotoAct em { float: right; }
.eventPhotoWrap { padding: 10px 0; text-align: center; }
.eventPhotoTitle { text-align: center; padding: 5px; font-weight: bold; }
.eventPhotoInfo { padding: 10px 0; border-top: solid #ddd 1px; }
.eventPhotoInfo p { padding: 5px; }
.eventPhotoEdit { float: right; padding: 0 10px; }
.eventPhotoDel { float: right; }
/* 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; }
.eventStat { padding: 10px 50px;}
.eventStat li { display: block; padding: 5px 0; }
.eventStat em { width: 70px; float: left; }
/* event category */
.eventSort { padding: 10px; overflow: hidden; zoom: 1; }
.eventSort h4 { padding: 0 0 5px; border-bottom: solid #ddd 1px; margin-bottom: 5px; }
.eventSort li { display: block; padding: 5px 0 0 0; width: 118px; height: 18px; float: left; overflow: hidden; }
.eventSort em { padding-left: 2px; }
/* event area category */
.eventAreaHot { padding: 10px; overflow: hidden; zoom: 1; }
.eventAreaHot li { display: block; padding: 5px 0 0 0; width: 118px; height: 18px; float: left; overflow: hidden; }
.eventAreaHot em { padding-left: 2px; }
.eventArea { padding: 10px; width: 600px; }
.eventArea ul { overflow: hidden; zoom: 1; padding: 0 0 10px; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.eventArea li { width: 75px; display: block; padding: 3px; height: 15px; line-height: 15px; white-space: nowrap; float: left; overflow: hidden; }
.eventArea li.select { background: #f5f5f5; border: solid #ddd 1px; padding: 2px; }
.eventArea h4 { padding: 3px; clear: both; overflow: hidden; zoom: 1; }
.eventArea h4 span { padding: 0 5px 0 0; }
.eventArea em { color: #999; padding-left: 2px; font-weight: normal; }
/* event sign up */
.eventSignUp { width: 400px; }
.eventSignUp h4 { padding: 5px; border-bottom: solid #ddd 1px; }
.eventSignUp p { padding: 5px; overflow: hidden; zoom: 1; clear: both; }
.eventSignUp p label { width: 60px; display: block; float: left; padding-top: 5px; }
.eventSignUp p span { display: block; float: left; }
.eventSignUp .textBox { width: 250px; }
.eventSignUp .textareaBox { width: 250px; padding: 2px 1px; }
/* Search */
.searchTopMenu { float: right; padding: 10px; }
.searchTopMenu a, .searchTopMenu a:hover { color: #fff; }
.searchWrap { margin-left: 200px; padding: 10px 0; }
.searchWrap ul { overflow: hidden; zoom:1; }
.searchWrap li { display: block; padding: 5px; float: left; white-space: nowrap; line-height: 15px; height: 15px; }
.searchWrap li.searchTitle { font-weight: bold; }
.searchWrap li.currentSearch { font-weight: bold; color: #f60; background: url(../../../../../Utility/images/current.gif) no-repeat center bottom; }
.searchWrap a, .searchWrap a:hover { color: #fff; }
.searchFrame { padding: 10px; line-height: 20px; }
.searchFrame .textBox { width: 380px; }
.textBoxSearch { border: solid #ddd 1px; padding: 2px 1px; width: 370px; vertical-align: baseline; * vertical-align: middle; }
.searchContent { }
#searchCover { margin-top: 150px; }
#searchCover h1 { text-align: center; font-size: 14px; font-weight: bold; color: Green; }
#searchCover h1 img { vertical-align: middle; }
#searchResults { margin-bottom: 6px;}
#searchResults h1 { font-size: 14px; font-weight: bold; color: Green; display: block; margin-bottom: -20px; }
#searchResults h1 img { vertical-align: middle; }
.searchResultsList, .searchResultNews, .searchResultBlog, .searchResultFriend, .searchResultClub, .searchResultEvent { padding: 10px; }
.searchResultBlog .blogItemCont { margin-left: 0; }
.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; }
.eventSearchWrap { padding: 10px; }
.eventSearchWrap .textBox { width: 175px; }
.eventSearch { padding: 10px; overflow: hidden; zoom:1; }
/*.eventSearch h4 { border-bottom: solid #ddd 1px; margin-bottom: 10px; padding: 5px; clear: both; font-weight: normal; }*/
.eventSearch p { padding: 5px 0; line-height: 25px; }
.eventSearch dfn { display: block; width: 65px; line-height: 25px; float: left; }
.eventSearch .textBox { width: 157px; }
.eventSearch .dropDownList { width: 80px; }
.eventSearch .eventSearchTime { width: 66px; }
.advancedSearch { padding: 10px; overflow: hidden; zoom:1; }
.advancedSearch p { padding: 5px 0; line-height: 25px }
.advancedSearch dfn { display: block; width: 75px; line-height: 25px; float: left; text-align: right; }
.advancedSearch .textBox { width: 150px; }
.advancedSearch .dropDownList { width: 75px; }
.advancedSearch .eventSearchTime { width: 75px; }
.noResult { padding: 30px; display: block; display: inline-block }
.noResult h1 { font-weight: normal; line-height: 50px; padding-left: 20px; background: url(../../../Utility/Icons/exclamation.gif) no-repeat left center; }
.noResult dd { line-height: 35px; font-weight: bold; font-size: 14px; }
.noResult dt { line-height: 28px; }
.searchResultsOther li { line-height: 25px; text-indent: 30px; }
.searchResultsHint { text-align: right; padding: 5px; margin-bottom: 10px; border-bottom: solid #ddd 1px; color: #999; }
.searchResultsAt { background: #ebeef4; border: solid #9cb1ce 1px; margin-bottom: 10px; padding: 10px; }
.searchResultsAt p { line-height: 20px; }
.searchResultsAtGray { background: #F5F5F5; border: solid #ddd 1px; margin-bottom: 10px; padding: 10px; }
.searchResultsAtGray p { line-height: 20px; }
/* text */
a.del { background: url(../../../../../Utility/images/img_bg.gif) no-repeat -300px -20px; width: 12px; height: 12px; display: block; text-decoration: none; cursor: pointer; }
a.del:hover { background: url(../../../../../Utility/images/img_bg.gif) no-repeat -300px -40px; }
.actButton { float: right; }
.actRight { float: right; width: 15px; height: 22px; background: url(../../../../../Utility/images/bg.png) -95px -10px; }
.actLeft { float: right; width: 20px; height: 22px; background: url(../../../../../Utility/images/bg.png) -10px -10px; }
.actText { float: right; background: url(../../../../../Utility/images/bg_x.png) repeat-x 0 -10px; padding: 3px 5px 0; height: 19px; * padding: 5px 5px 0; * height: 17px; white-space: nowrap; }
.actRight, .actLeft, .actText { _background: none; }
.wonderful { padding: 0 10px; line-height: 16px; background: url(../../../../../Utility/Icons/blog_wonderful.gif) no-repeat center center; cursor: default;}
.tiptop { padding: 0 10px; line-height: 16px; background: url(../../../../../Utility/Icons/tiptop.gif) no-repeat center center; cursor: default;}
.commendatory { padding: 0 10px; line-height: 16px; background: url(../../../../../Utility/Icons/flag.gif) no-repeat center center; cursor: default;}
.private { padding: 0 10px; line-height: 16px; background: url(../../../../../Utility/Icons/icon_lock.gif) no-repeat center center; cursor: default;}
.textCenter { text-align: center; clear: both; padding: 10px; }
.commonTitle { font-weight: bold; font-size: 14px; line-height: 25px; text-align: left; clear: both; padding: 10px; }
.commonSubTitle { line-height: 25px; color: #666; }
.commonSubTitle a { padding-left: 3px; padding-right: 3px; clear: both; }
.sure { color: #f00; padding: 0 5px; }
.annotation { color: #999; padding: 0 5px; }
.more { clear: both; text-align: right; padding: 3px 10px 3px 0; height: 15px; }
.explain { color: #999; }
.law { border: solid #ddd 1px; padding: 5px; line-height: 20px; margin-bottom: 10px; color: #999; }
.titleListDefault {}
.titleListDefault li { height: 18px; line-height: 18px; padding: 5px 0 0; overflow: hidden; float: none; }
.titleListDefault li cite { float: right; width: 6em; font-style: normal; overflow: hidden; color: #666; line-height: 18px; padding: 0 0 0 5px; }
/* Ico link style */
.icoLinkUpdate { background: url(../../../../../Utility/Icons/update.gif) no-repeat left center; }
.icoLinkSignUp { background: url(../../../../../Utility/Icons/raisehand.gif) no-repeat left center; }
.icoLinkInvite { background: url(../../../../../Utility/Icons/icon_friendAdd.gif) no-repeat left center; }
.icoLinkWriteMessage { background: url(../../../../../Utility/Icons/icon_write.gif) no-repeat left center; }
.icoLinkPicture { background: url(../../../../../Utility/Icons/picture.gif) no-repeat left center; }
.icoLinkHelp { background: url(../../../../../Utility/Icons/help.gif) no-repeat left center; }
.icoLinkIE { background: url(../../../../../Utility/Icons/ie.gif) no-repeat left center; }
.icoLinkIEuninstall { background: url(../../../../../Utility/Icons/ie_uninstall.gif) no-repeat left center; }
.icoLinkFirefox { background: url(../../../../../Utility/Icons/firefox.gif) no-repeat left center; }
.icoLinkPhotoUpload { background: url(../../../../../Utility/Icons/image_upload.gif) no-repeat left center; }
.icoLinkFileUplead { background: url(../../../../../Utility/Icons/icon_outbox.gif) no-repeat left center; }
.icoLinkAttachUpload { background: url(../../../../../Utility/Icons/attach_upload.gif) no-repeat left center; }
.icoLinkComment { background: url(../../../../../Utility/Icons/comment.gif) no-repeat left center; }
.icoLinkCancel { background: url(../../../../../Utility/Icons/icon_delete.gif) no-repeat left center; }
.icoLinkManageUser { background: url(../../../../../Utility/Icons/user_manage.gif) no-repeat left center; }
.icoOnline { background: url(../../../../../Utility/Icons/user_IsOnline.gif) no-repeat left center; padding-left: 20px; }
.icoWonderfulEvent { background: url(../../../../../Utility/Icons/event_prime.gif) no-repeat left center; }
.icoBomb { background: url(../../../../../Utility/Icons/bomb.gif) no-repeat left center;}
.icoEventQuit { background: url(../../../../../Utility/Icons/event_quit.gif) no-repeat left center;}
/* Tag Styles */
.hotTag { padding: 10px; overflow: hidden; zoom: 1; }
.hotTag li { display: block; float: left; white-space: nowrap; height: 20px; padding: 5px 10px 0 0; }
.hotTag li a { white-space: nowrap; }
.hotTag li em { padding-left: 3px; color: #999; }
.tagsClouds { padding: 10px; }
.tagsClouds span { line-height: 2em; padding: 0 5px; }
.tagLevel10 a { color: #ff6f28; font-size: 30px; }
.tagLevel9 a {color: #a1ca00; font-size: 28px; }
.tagLevel8 a {color: #00afca; font-size: 26px;}
.tagLevel7 a { color: #2988a4; font-size: 24px; }
.tagLevel6 a { color: #ff5858; font-size: 22px; }
.tagLevel5 a { color: #a03ee9; font-size: 20px; }
.tagLevel4 a { color: #c43e00; font-size: 18px; }
.tagLevel3 a { color: #52a32a; font-size: 16px; }
.tagLevel2 a { color: #882254; font-size: 14px; }
.tagLevel1 a { color: #069; font-size: 12px;}
.tagLevel10 a:hover { background: #ff6f28; color: #fff; font-size: 30px; text-decoration: none; }
.tagLevel9 a:hover { background: #a1ca00; color: #fff; font-size: 28px; text-decoration: none; }
.tagLevel8 a:hover { background: #00afca; color: #fff; font-size: 26px; text-decoration: none; }
.tagLevel7 a:hover { background: #2988a4; color: #fff; font-size: 24px; text-decoration: none; }
.tagLevel6 a:hover { background: #ff5858; color: #fff; font-size: 22px; text-decoration: none; }
.tagLevel5 a:hover { background: #a03ee9; color: #fff; font-size: 20px; text-decoration: none; }
.tagLevel4 a:hover { background: #c43e00; color: #fff; font-size: 18px; text-decoration: none; }
.tagLevel3 a:hover { background: #52a32a; color: #fff; font-size: 16px; text-decoration: none; }
.tagLevel2 a:hover { background: #882254; color: #fff; font-size: 14px; text-decoration: none; }
.tagLevel1 a:hover { background: #069; color: #fff; font-size: 12px; text-decoration: none; }
/* star rating */
.ui-stars-cancel, .ui-stars-star { float: left; width: 34px; height: 32px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
.ui-stars-cancel, .ui-stars-cancel a { background: url(../../../../../Utility/images/jquery-stars-cancel.gif) no-repeat 0 -16px; }
.ui-stars-star, .ui-stars-star a { background: url(../../../../../Utility/images/jquery-stars.gif) no-repeat 0 0px; }
.ui-stars-cancel a, .ui-stars-star a { display: block; width: 32px; height: 100%; background-position: 0 0px; }
.ui-stars-star-on a { background-position: 0 -32px!important; }
.ui-stars-star-hover a { background-position: 0 -64px; }
.ui-stars-cancel-hover a { background-position: 0 -32px; }
.ui-stars-cancel-disabled a, .ui-stars-star-disabled, .ui-stars-star-disabled a { cursor: default !important; }
.ui-stars-star { background: transparent!important; overflow: hidden!important; }
.ui-stars-message { line-height: 32px; padding-left: 5px }
.ui-stars-show { width: 75px; height: 14px; float: left; background: url(../../../../../Utility/images/img_bg.gif) no-repeat -150px -165px; }
.ui-stars-show span { height: 14px; display: block; background: url(../../../../../Utility/images/img_bg.gif) no-repeat -150px -150px; float: left; }
.imageListTabloidFull .ui-stars-show { float: none; margin-left: 30px; }
/* toolbar */
.toolbarArea { padding: 10px; clear: both;}
.toolbarArea a, .toolbarButton { padding-left: 20px; padding-right: 20px; }
.selectedToolbarButton { font-weight: bold; padding-left: 20px; padding-right: 20px; }
/* dataGrid */
.tableGrid { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.tableGrid th { padding: 3px; border: none; font-weight: normal; color: #666; white-space: nowrap; border-bottom: solid #ddd 1px; }
.tableGrid td { padding: 3px; background: url(../../../Utility/images/ccc.gif) repeat-x bottom; overflow: hidden; white-space: nowrap; }
.tableGrid td p { line-height: 20px; }
.tableGrid span { display: block; height: 25px; line-height: 25px; overflow: hidden; white-space: normal; cursor: pointer; }
.gridHeader { line-height: 25px; font-weight: bold; text-align: left; color: #666; }
.gridFooter{ line-height: 25px; color: #000000; font-weight: bold; background-color: #D9DFC1; }
.gridItem{ line-height: 25px; color: #666; }
.gridAltItem{ background-color: #f9f9f9; line-height: 25px; }
.gridEditItem{ background-color: #FFFFff; line-height: 25px; }
.gridSelectedItem{ background-color: #FFFFff; line-height: 25px; }
/* from layout  */
.commonFormArea{ width: 100%;}
.commonFormTitle{ background: url(../../../Utility/images/ccc.gif) repeat-x bottom; font-weight: bold; padding: 3px; line-height: 26px; text-align: center; clear: both; }
.commonFormDescription{ color: #999; }
.commonFormFieldName{ text-align: right; padding: 3px; line-height: 26px; vertical-align: top; }
.commonFormFieldDescription{ color: #666; padding: 3px; line-height: 26px; vertical-align: top; }
.commonFormField{ padding: 3px; vertical-align: top; }
.commonFormArea th { font-weight: normal; text-align: right; width: 120px; padding: 3px; line-height: 25px; vertical-align: top; }
.commonFormArea td { padding: 3px; line-height: 25px; vertical-align: top; }
.editor { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.editor th { font-weight: normal; text-align: right; width: 120px; padding: 5px; vertical-align: top; line-height: 20px; }
.editor td { padding: 5px; vertical-align: top; line-height: 20px; }
.editor td small { color: #999; padding: 0 10px; }
.editor .length { width: 300px; }
.confirm { background-position: 0 -98px; border-bottom-color: #333; border-left-color: #eee; border-right-color: #333; border-top-color: #eee; color: #fff; font-weight: normal; }
.confirm:hover { background-position: 0 -98px; border-bottom-color: #333; border-left-color: #eee; border-right-color: #333; border-top-color: #eee; color: #fff; font-weight: normal; }
.cancel { background-position: 0 -118px; border-bottom-color: #666; border-left-color: #eee; border-right-color: #666; border-top-color: #eee; color: #333; font-weight: normal; }
.cancel:hover { background-position: 0 -118px; border-bottom-color: #666; border-left-color: #eee; border-right-color: #666; border-top-color: #eee; color: #333; font-weight: normal; }
.recommend { padding: 0 10px;}
.recommend h4 { padding: 5px; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.clubListSelect { padding: 5px; min-height: 20px; max-height: 120px; overflow: auto; width: 510px; border: solid #ddd 1px; }
.clubListSelect li { width: 150px; padding-right: 10px; line-height: 20px; height: 20px; overflow: hidden; display: block; float: left; }
/* from style */
.textBox { border: solid #ccc 1px; padding: 2px 1px; vertical-align: baseline; * vertical-align: middle; }
.textBoxWaterMarked { background-color: #F0F8FF; color: gray; }
.SearchBox { border: solid #ccc 1px; margin: 0; padding: 3px 1px 2px; }
.passwordBox { border: 1px solid #ccc; }
.radiobutton { vertical-align: middle;}
.checkbox { vertical-align: middle;}
.dropDownList { border: solid #ccc 1px; padding: 1px }
.textareaBox { border: 1px solid #ccc; overflow: auto; padding: 2px 1px; }
.fileUpload { background: transparent; border: 1px solid #ccc; padding: 2px 1px; }
.noteRequired { padding: 0 5px; color: #f00; }
.length {}
.commonImageTextButton{ display: inline-block; padding: 4px; margin: 1px; border: solid 1px #888; background-color: #eeeeee; color: #333333; background-repeat: no-repeat; background-position: 1px 1px; padding-left: 22px; }
.commonImageTextButton:hover{ text-decoration: underline; padding: 5px; padding-left: 21px; padding-top: 3px; background-position: 0px 0px; background-color: #dddddd; }
.inputSubmit { padding: 2px 6px 1px; * + padding: 3px 6px 0px; border-top: solid #9cb1ce 1px; border-right: solid #00204e 1px; border-bottom: solid #00204e 1px; border-left: solid #9cb1ce 1px; background: #3b5998; color: #fff; vertical-align: baseline; * vertical-align: middle; }
.inputCancel { padding: 2px 6px 1px; * + padding: 3px 6px 0px; border-top: solid #e5e5e5 1px; border-right: solid #666 1px; border-bottom: solid #666 1px; border-left: solid #e5e5e5 1px; background: #f5f5f5; color: #333; vertical-align: baseline; * vertical-align: middle; } 
.commonButton { * display: inline-table; padding: 3px 6px 2px; * + padding: 4px 6px 1px; border-top: solid #9cb1ce 1px; border-right: solid #00204e 1px; border-bottom: solid #00204e 1px; border-left: solid #9cb1ce 1px; background: #3b5998; color: #fff; }
.commonButton:hover { text-decoration: none; border-top: solid #666 1px; border-right: solid #e5e5e5 1px; border-bottom: solid #e5e5e5 1px; border-left: solid #666 1px; background: #3b5998; color: #fff; }
.commonButtonCancel { * display: inline-table; padding: 3px 6px 2px; * + padding: 4px 6px 1px; border-top: solid #e5e5e5 1px; border-right: solid #666 1px; border-bottom: solid #666 1px; border-left: solid #e5e5e5 1px; background: #f5f5f5; color: #333; }
.commonButtonCancel:hover { cursor: default; text-decoration: none; border-top: solid #666 1px; border-right: solid #e5e5e5 1px; border-bottom: solid #e5e5e5 1px; border-left: solid #666 1px; background: #f5f5f5; color: #333; }
.smallImageButton{ padding: 0px; padding-left: 5px; padding-right: 5px; }
/* Bulk upload */
.fileUploadForm { padding: 10px; }
.progressWrapper { overflow: hidden; }
.progressContainer { margin: 5px 0; padding: 5px; border: solid 1px #ddd; background: #f5f5f5; overflow: hidden; }
.fileUploadForm .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
.fileUploadForm .red { border: solid 1px #B50000; background-color: #FFEBEB; }
.fileUploadForm .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
.fileUploadForm .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }
.progressName { height: 15px; line-height: 15px; white-space: nowrap; overflow: hidden; }
.progressBarInProgress,
.progressBarComplete,
.progressBarError { font-size: 0; width: 0%; height: 5px; background: url(../../../../../Utility/images/bg_x.png) repeat-x 0 -150px; margin-top: 2px; }
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus { height: 15px; line-height: 15px; padding: 5px 0; white-space: nowrap; color: #999; }
a.progressCancel { font-size: 0; display: block; height: 8px; width: 8px; background: url(../../../../../Utility/images/del.gif) no-repeat 0 0; float: right; }
a.progressCancel:hover { background-position: 0px -30px; cursor: pointer; }
.swfupload { vertical-align: top; }
div.fieldset { border: 1px solid #ddd; padding: 10px; }
div.fieldset span.legend { padding: 5px; }
div.flash { width: 500px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.progressAct { padding: 5px; }
.progressCancel { width: 65px; height: 29px; background: url(../../../../../Utility/images/bg.png) no-repeat -280px -10px; border: 0px; }
.fileUploadForm .legend { padding: 5px; }
.uploadMode { float: right; }
/* slide */
.photoCommend { padding: 10px; overflow: hidden; zoom: 1; }
.photoHot { width: 330px; float: right; }
.photoHot li { width: 100px; display: block; float: left; padding: 0 5px 15px; text-align: center; }
.photoHot img { margin-bottom: 5px; }
.photoHot span { line-height: 15px; height: 15px; overflow: hidden; display: block; padding-top: 5px; color: #999; }
.photoSlide { width: 320px; float: left;}
.photoSlide table { border-collapse: collapse; border-spacing: 0px; }
.link_nor { padding: 1px; text-align: center; display: block; height: 15px; width: 15px; float: left; border: solid #f5f5f5 1px; font-weight: bold; }
.link_act { border: solid #ccc 1px; background: #e8e8e8; }
#showherelink { background: #f5f5f5; padding: 1px; }
#showheredis { display: none; }
.mytitle {}
.showbg { overflow: hidden; height: 240px; vertical-align: top;}
.photoSlide .gray { background-color: #9F6D11; position: absolute; z-index: 100; }
.photoSlide img {}
.opa { width: 320px; text-align: center; color: white; padding: 5px 0; position: absolute; z-index: 101; background-color: #333; opacity: 0.5; filter: alpha(opacity=50); /*filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); */ -moz-opacity: 0.5; }
/* message hint  */
.commonMessageSuccess, .commonMessageError, .commonMessageHint, .commonSmallMessageError { padding: 6px; border: solid 1px #ff0; background-color: #ff9; margin: 5px 0; }
.commonMessageHint li{ margin: 5px; }
.errorMessage{ color: #F30; }
.commonSmallMessageError{ padding: 2px; font-weight: bold; color: #f30; }
.commonSmallMessageSuccess{ color: #f30; }
.commonSmallMessageHint{ color: #666; }
.hint { padding: 5px; border: solid 1px #ff0; background-color: #ff9; margin: 5px 0; }
.hint a.del { float: right; }
.hint img { vertical-align: middle; }
.error { color: #f00; }
.misplay { color: #f00; display: block; padding: 3px; }
/* error  */
.errorTransfer { padding: 80px 150px; }
.errorTransfer h4, .errorTransfer p { padding: 10px; }
.errorTransfer ul { padding: 5px 30px; list-style-type: square; list-style-position: outside; }
.errorTransfer li { padding: 5px 0; }
/* validate */
form label.error { color:#f00; padding: 0 5px; }
form input.error { border: 1px dotted red; }
form input:focus { border: solid #ddd 1px }
/* Tag Suggestion */
span.tagMatches { display: block; position: absolute; top: 21px; left: -1px; width: 165px; max-height: 180px; line-height: 0px; font-size: 0px; overflow: auto; }
span.tagMatches span { display: block; background: #f5f5f5; border: solid #ddd 1px; border-bottom-color: #e8e8e8; border-top: none; line-height: 19px; padding-left: 2px; cursor: pointer; font-size: 12px; }
span.tagMatches span:hover { background: #3b5998; color: #fff; text-decoration: none; }
.attachApplicationTag { position: relative; }
.attachApplicationTag span.tagMatches { left: 0px; top: 21px; * top: 22px; }
.attachTag { position: relative; width: 360px; height: 20px; border: solid #ddd 1px; }
.attachTag input.tagBox { border: none; width: 280px; }
.myTagSwitch { display: block; width: 64px; height: 19px; line-height: 1em; padding: 2px 0 0 6px; * padding: 4px 0 0 6px; position: absolute; top: 2px; right: 2px; background: url(../../../../../Utility/images/bg.png) no-repeat -10px -450px; }
.myTagSwitch:hover { text-decoration: none; }
.myTag { border: solid #ddd 1px; position: absolute; top: 20px; right: -1px; width: 190px; height: 180px; background: #f5f5f5; }
.myTag div { height: 160px; overflow: auto; }
.myTag span { display: block; line-height: 19px; height: 19px; overflow: hidden; border-bottom: solid #e8e8e8 1px; padding-left: 2px; cursor: pointer; }
.myTag span:hover { background: #3b5998; color: #fff; text-decoration: none; }
.myTag span.close { position: absolute; line-height: 20px; text-align: right; bottom: 0px; padding-left: 10px; }
.myTag span.close:hover { background: none; color: #3b5998; text-decoration: underline; }
/* modal window content */
.selectFriendBox { width: 402px; }
.selectFriendHeader { padding: 2px 5px; overflow: hidden; border-bottom: solid #ddd 1px; zoom: 1; color: #999; line-height: 25px; }
.selectFriendGroup { float: right; }
.selectFriendList { }
.selectFriendList ul { min-height: 140px; _height: 140px; padding: 5px 0; overflow: auto; zoom: 1; }
.selectFriendList li { line-height: 25px; height: 25px; width: 115px; padding-right: 10px; display: block; float: left; overflow: hidden; }
.selectFriendBox .submit { padding: 10px; }
/* space content select */
.contSelect { width: 510px; }
.contSelectPanel { height: 345px; width: 495px; overflow: auto; padding-top: 5px; }
.contSelectPanel li { width: 95px; height: 115px; display: block; float: left;overflow: hidden; }
.contSelectPanel a { display: block; }
.contSelectPanel a:hover { cursor: pointer; text-decoration: none; }
.contSelectPanel table { border-collapse: 0; border-spacing: 0px; }
.contSelectPanel td { vertical-align: middle; width: 75px; line-height: 75px; height: 75px; text-align: center; background: #fff; padding: 4px; border: solid #ddd 1px; }
.contSelectPanel li.select td { background: #ddd; }
.contSelectPanel a:hover td { background: #ddd; }
.contSelectPanel span { line-height: 20px; height: 20px; overflow: hidden; display: block; margin-left: 20px; }
.contSelectPanel i { width: 16px; height: 16px; display: none; background: #fff url(../../../../../Utility/Icons/icon_true.gif) no-repeat center center; border: solid #ddd 1px; float: left; display: none; }
.contSelectPanel li.select i { display: block; }
.contSelectPanel a:hover i { background: #fff url(../../../../../Utility/Icons/icon_true_grey.gif) no-repeat center center; display: block; }
.contSelectAct { padding: 5px; border-bottom: solid #ddd 1px; }
.contSelectPhotoSet { border-top: solid #ddd 1px; padding: 5px; }
.contSelectEnter { padding: 5px; }
/* expressional symbol  */
.smileWrap { position: relative; height: 25px; * height: 24px;}
.smile { padding: 3px 3px 2px 26px; line-height: 20px; background: #f5f5f5 url(../../../../../Utility/images/smile.gif) no-repeat left center; border: solid #ddd 1px; border-bottom-width: 0; position: absolute; top: -1px; width: 60px; }
.smile a:hover { cursor: pointer; }
.expression { position: absolute; top: 25px; width: 340px; background: #fff; }
.expressionWrap { width: 320px; max-height: 150px; _height: 150px; overflow-y: auto; zoom:1;}
.expressionWrap span { padding: 5px; cursor: pointer; height: 20px; display: block; float: left; }
.expressionWrap span img { width: 20px; height: 20px; }
.expressionLarge { padding-top: 5px; overflow: hidden; zoom: 1; }
.expressionLarge span { display: block; float: left; padding: 10px; border: solid #ddd 1px; }
.expressionContext { text-align: right; }
.expressionContext a { padding: 0 5px; }
/* date picker */
#ui-datepicker-div, .ui-datepicker-inline { background: #f5f5f5; width: 185px; }
#ui-datepicker-div { display: none; border: solid #ddd 1px; z-index: 200; }
.ui-datepicker-inline { float: left; display: block; border: 0; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #ddd !important; }
.ui-datepicker-disabled { position: absolute; z-index: 100; background-color: white; opacity: 0.5; }
button.ui-datepicker-trigger { width: 25px; }
img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; }
.ui-datepicker-prompt { float: left; padding: 2px; background: #ddd; color: #000; }
* html .ui-datepicker-prompt { width: 185px; }
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; }
.ui-datepicker-control { padding: 2px 0px; background: #e8e8e8; }
.ui-datepicker-links { padding: 2px 0px; }
.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; }
.ui-datepicker-links label { padding: 2px 5px; }
.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; }
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; }
.ui-datepicker-current { float: left; width: 30%; text-align: center; }
.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; }
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; }
.ui-datepicker-header { padding: 1px 0 3px; text-align: center; font-weight: bold; height: 1.3em; }
.ui-datepicker-header select { border: 0px; font-weight: bold; color: #999; }
.ui-datepicker { text-align: center; font-size: 100%; }
.ui-datepicker a { display: block; width: 100%; }
.ui-datepicker-title-row { background: #e8e8e8; line-height: 18px; }
.ui-datepicker-days-row { background: #fff; color: #999; }
.ui-datepicker-week-col {}
.ui-datepicker-days-cell { border: 1px solid #fff; }
.ui-datepicker-days-cell a{ display: block; }
.ui-datepicker-week-end-cell { background: #f5f5f5; }
.ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #e8e8e8; }
.ui-datepicker-days-cell-over { background: #fff; border: 1px solid #ccc; }
.ui-datepicker-unselectable { color: #888; }
.ui-datepicker-today { background: #ddd !important; }
.ui-datepicker-current-day { background: #d8d8d8 !important; }
.ui-datepicker-status { background: #ddd; width: 100%; font-size: 80%; text-align: center; }
#ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; }
.ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important; }
.ui-datepicker-control a, .ui-datepicker-links a { padding: 2px 5px !important; }
.ui-datepicker-title-row a {}
.ui-datepicker-control a:hover {}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { }
.ui-datepicker-multi .ui-datepicker { border: 1px solid #777; }
.ui-datepicker-one-month { float: left; width: 185px; }
.ui-datepicker-new-row { clear: left; }
.ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }
/* other */
.validatorCalloutHighlight{ background-color: lemonchiffon; }	
.ajaxUpdateProgress{ padding: 2px; background: rgb(204, 68, 68) none repeat scroll 0%; position: absolute; z-index: 3; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; font-size: 120%; top: 1px; right: 16px; }
.ad { margin-bottom: 6px; clear: both; width: 100%; overflow: hidden; }