/* SpaceBuilder ClubDomains 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 { }
#commonHeader { width: 960px; margin: 0 auto 10px; overflow: hidden; zoom: 1; }
#commonContent { width: 960px; margin: 0 auto; }
#commonContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commonLeftColumn { float: left; }
#commonCenterColumn { float: left; }
#commonRightColumn { float: right;}
.containerLeft { width: 210px; overflow: hidden; }
.containerCenter { width: 520px; float: left; padding: 0 10px;  * overflow: hidden; }
.containerRight { width: 210px; overflow: hidden; }
.containerRightIn { width: 740px; overflow: hidden; }
.containerCenterNoAround { width: 960px; }
.clear {	clear: both;}
/* footer */
#commonFooter { text-align: center; width: 960px; margin: 0 auto; border-top: solid #9cb1ce 1px; padding: 10px 0;}
#commonFooter p { line-height: 20px; }
.SpaceBuilder { font: italic bold 12px Tahoma; }
.SpaceBuilder a { color: #069; text-decoration: none;}
.SpaceBuilder a:hover { color: #f60; text-decoration: none;}
/* login */
.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; }
/* top toolbar */
.topbarMenuPage { padding: 0 1px;}
.topbarMenuOn { position: absolute; top: 0px; right: 0px; width: 16px; background: #f5f5f5; height: 16px; border: solid #ddd 1px; border-top: none; padding: 3px; }
.commonTopWrap { background: #fff; padding: 0 1px 1px; border: solid #ddd 1px; border-top: none; }
.commonTopPanel { background: #f5f5f5; height: 22px; }
.siteLogo {}
a.siteLogoLink { background: url(../../../../../Images/topbar_logo.png) no-repeat left top; display: block; width: 150px; height: 22px; }
a.siteLogoLink:hover { background: url(../../../../../Images/topbar_logo.png) no-repeat left -22px; }
.userMenu { width: 600px; float: right; }
.siteMenu { float: right; width: 65%; }
.topbarMenuOff { display: block; width: 20px; float: right; padding: 2px 0 0 10px; }
.userControlWrap {}
.userControl { float: right; padding: 3px 10px 0;}
.userControl li { display: inline; padding: 0 10px; }
a.topbarUserInfoLink { padding: 0 15px 0 10px; background: url(../../../../../Utility/images/unwrap.gif) no-repeat right 6px; }
a.topbarUserInfoLink:hover { background: url(../../../../../Utility/images/unwrap.gif) no-repeat right -24px; }
.topbarUseRunwrap { }
.topbarMenuSiteInfo { float: right; padding: 3px 0 0; }
.sf-menu li { float: left; position: relative; padding: 0 0 0 20px; }
.sf-menu ul { position: absolute; width: 140px; _width: 148px; border: solid #ddd 1px; background: #fff; padding: 1px; }
.sf-menu ul li { width: 70px; display: block; position: static; zoom: 1; padding: 0px; background: none; }
.sf-menu li ul li.separator { height: 1px; background: #ddd; margin: 3px 0px; line-height: 1px; font-size: 1px; }
.sf-menu ul li a { display: block; padding: 5px 30px 5px 20px; background: #f5f5f5; text-decoration: none; white-space: nowrap; }
.sf-menu ul li a:hover { color: #fff; text-decoration: none; background: #6f90b8; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: -2px; top: 26px; z-index: 99; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
.userMenu .sf-menu { padding: 3px 10px 0 0; }
.userMenu .sf-menu li { float: right; * line-height: 20px;}
.userMenu .sf-menu ul { width: 100px; _width: 108px; }
.userMenu .sf-menu ul li { width: 100%; line-height: 1em; }
.sf-menu ul li a { padding: 5px 10px; }
.userMenu .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 7px; top: 21px; z-index: 99; }
.userMenu .sf-menu a.sf-with-ul { padding-right: 25px; min-width: 1px; }
.userMenu .sf-sub-indicator { position: absolute; display: block; right: 10px; top: 0px; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(../../../../../Utility/images/menu_arrows-ffffff.png) no-repeat -10px -100px; }
.userMenu a > .sf-sub-indicator { top: 3px; background-position: 0 -100px; }
/* pageheader */
.clubTitle { padding: 5px; font-size: 16px; font-weight: bold; text-indent: 20px; }
.clubDescriptionInfo { padding: 5px; text-indent: 20px; }
#tabsNav { border-bottom: solid #9cb1ce 1px; }
#tabsNav ul {  text-align: right;}
#tabsNav li { display: inline; line-height: 25px; padding: 0 5px; font-size: 14px; }
#tabsNav a { white-space: nowrap; }
#tabsNav a span { white-space: nowrap; cursor: pointer; }
#tabsNav li.current a { color: #333; font-weight: bold; }
#tabsNav li a:hover { cursor: text; color: #333; text-decoration: none; }
/* breadcrum and search */
.shortcut { border: #9cb1ce 1px solid; margin-bottom: 10px; padding: 5px; clear: both; overflow: hidden; zoom:1; }
.breadcrumb { float: left; line-height: 20px;}
.searchArea { text-align: right; }
/* modules */
.module { margin-bottom: 10px; clear: both; border: solid #9cb1ce 1px; }
.moduleTitle { background: url(Images/glass.png) repeat-x 0 50%; /*background: #ebeef4; */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; }
.subTitle { padding: 0 5px 5px; border-bottom: solid #ddd 1px; color: #999; }
.more { float: right; }
.in, .wrap { overflow: hidden; zoom: 1; }
.line { border-bottom: solid #ddd 1px; }
.name { background: #f5f5f5; border-top: solid #ddd 1px; padding: 5px; font-weight: bold; }
/* tabs */
@media projection, screen { .ui-tabs-hide { display: none; }}
@media print { .ui-tabs-nav { display: none; }}
.tabs {}
.ui-tabs-nav { position: relative; bottom: -1px; background: url(Images/glass.png) repeat-x 0 50%; border: solid #9cb1ce 1px; border-bottom: none; }
.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; }
.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 { cursor: text; }
.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; padding: 10px; clear: both; }
.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; }
/* toggler */
.toggler { padding: 5px; cursor: pointer; display: block; margin-bottom: 10px; font-weight: bold; padding: 4px 10px 5px; * padding: 6px 10px 4px; border-bottom: solid #d7e0e8 1px; }
.toggler-opened:hover { background: #e8e8e8 url(../../../../../Utility/images/toggler_highlight_open.gif) no-repeat right center; text-decoration: none; }
.toggler-opened { background: #f5f5f5 url(../../../../../Utility/images/togglero.gif) no-repeat right center; border-top: solid #ddd 1px; border-bottom: none; }
.toggler-closed:hover { background: #e8e8e8 url(../../../../../Utility/images/toggler_highlight_close.gif) no-repeat right center; text-decoration: none; }
.toggler-closed { background: #f5f5f5 url(../../../../../Utility/images/togglerc.gif) no-repeat right center; border-top: solid #ddd 1px; border-bottom: none; }
.toggler2 { padding: 5px; cursor: pointer; display: block; margin-bottom: 10px; font-weight: bold; padding: 4px 10px 5px; * padding: 6px 10px 4px; border-bottom: solid #d7e0e8 1px; }
.toggler2-opened:hover { background: #e8e8e8 url(../../../../../Utility/images/toggler_highlight_open.gif) no-repeat right center; text-decoration: none; }
.toggler2-opened { background: #f5f5f5 url(../../../../../Utility/images/togglero.gif) no-repeat right center; border-top: solid #ddd 1px; border-bottom: none; }
.toggler2-closed:hover { background: #e8e8e8 url(../../../../../Utility/images/toggler_highlight_close.gif) no-repeat right center; text-decoration: none; }
.toggler2-closed { background: #f5f5f5 url(../../../../../Utility/images/togglerc.gif) no-repeat right center; border-top: solid #ddd 1px; border-bottom: none; }
.toggler-c { padding: 0 0 10px;}
.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;}
/* 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 { }
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; padding: 10px 10px 0 0; }
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; }
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); color: #fff; }
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; }
/* club home page */
.panel { padding: 10px;}
.clubLogo { padding: 0 10px 10px; }
.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; padding: 1px; overflow: hidden; }
.clubDescription { line-height: 20px; padding: 5px 0; }
.clubDescription a { display: block; }
.clubAct { padding: 5px 0 ; }
.clubAct li { display: block; width: 69px; float: left; height: 20px; padding: 5px; }
.clubAct li a { display: block; background: url(../../../../../Utility/images/bg.png) no-repeat -10px -150px; padding-top: 2px; * padding-top: 4px; height: 20px; height: 18px; text-align: center; }
.clubAct li a:hover { background-position: -10px -180px; text-decoration: none; }
.clubStatistic { overflow: hidden; padding: 5px 0; }
.clubStatistic p { line-height: 15px; padding-top: 5px; clear: both; }
.clubStatistic p em { display: block; float: left; width: 60px; padding-right: 3px; }
.clubStatistic li { display: block; line-height: 15px; padding: 5px 3px 0 0; height: 15px; overflow: hidden; width: 90px; float: left; }
.clubStatistic li em { display: block; float: left; width: 36px; padding-right: 5px; }
/* manager & member new & Links */
.member { padding: 10px; }
.memberWrap { padding: 5px 0; }
.memberImg { width: 46px; height: 46px; overflow: hidden; float: left; border: solid #ddd 1px; padding: 1px;  }
.memberInfo { margin-left: 60px; }
.memberName { line-height: 18px; }
.memberData { padding: 3px 0 0; overflow: hidden; zoom: 1; }
.memberData li { display: block; float: left; padding: 0 5px; border-right: solid #ddd 1px; }
.memberSign { background: url(../../../../../Utility/images/quote_start.gif) no-repeat left top; padding: 0 0 0 16px; overflow: hidden; zoom: 1; }
.memberSign span { display: block; background: url(../../../../../Utility/images/quote_end.gif) no-repeat right bottom; line-height: 16px; padding: 0 16px 0 0; float: left; max-height: 32px; overflow: hidden; }
.memberWrapAct { width: 60px; float: right; }
.memberWrapAct li { padding: 0 5px 3px; margin-bottom: 3px; border-bottom: solid #ddd 1px; }
.memberList { padding: 10px; overflow: hidden; zoom:1; }
.memberList li { display: block; width: 60px; float: left; padding: 5px 1px; text-align: center; overflow: hidden; }
.memberListName { line-height: 20px; height: 20px; display: block; }
.links { padding: 10px }
.links dl { padding: 5px 0; }
.links dd {}
.links dt { padding: 5px 5px 0; line-height: 20px; overflow: hidden; }
.placard { padding: 10px; line-height: 1.5em; }
.topicTop { padding: 10px; }
.topicBoard { padding: 5px 0; border-bottom: solid #ddd 1px; }
.topicBoard h4 { line-height: 20px; }
.topicBoard span { line-height: 20px; color: #999; }
.eventTop { padding: 10px; }
.eventTopItem { padding: 5px 0; border-bottom: solid #ddd 1px; }
.eventTopItem h4 { font-weight: normal; line-height: 20px; }
.eventTopItem span { line-height: 20px; color: #999; }
.photoTop { padding: 10px; }
.photoList li { display: block; width: 79px; float: left; padding: 5px 10px; }
.photoList li a { display: block; border: solid #ddd 1px; padding: 1px; }
.messageBoard, .messageBoardAll { padding: 10px; }
.messageForm { padding: 0 0 5px; }
.messageForm p { padding: 3px 0; }
.messageForm em { float: right; color: #999; padding-right: 10px; }
.messageForm .textareaBox { width: 490px; height: 80px; }
.messageBoardAll .messageForm { width: 500px; }
.messageItem { padding: 10px 0 0; overflow: hidden; zoom: 1; }
.messageImg { width: 46px; display: block; float: left; padding: 1px; border: solid #ddd 1px; }
.messagePerson { margin-left: 60px; padding: 5px; background: #f5f5f5; border-top: solid #ddd 1px; }
.messagePerson .del { display: block; float: right; }
.messageCont { margin-left: 60px; padding: 5px 5px 0; line-height: 20px; overflow: hidden; }
.messageThis { margin-left: 60px; }
.messageItem .messageForm { margin-left: 60px; }
.messageItem .messageForm .textareaBox { width: 150px; height: 60px; }
.blogNew, .bookmarkNew, .fileNew { padding: 10px; }
.blogNew { padding: 5px 10px 10px; }
.blogNew li { height: 20px; line-height: 20px; overflow: hidden; }
.blogNew em { color: #999; float: right; padding-left: 10px; }
.blogNew span { float: right; padding-left: 10px; }
.titleList { padding: 5px 0; }
.titleList li { height: 20px; line-height: 20px; overflow: hidden; }
.titleList em { width: 40px; color: #999; display: block; float: right; }
.titleList span { width: 70px; display: block; float: right; }
.contentList li { overflow: hidden; zoom: 1; white-space: nowrap; clear: both; display: block; line-height: 25px; height: 25px; }
.contentList li em { font-style: normal; font-weight: normal; margin-left: 6px; color: #666; }
/* profile */
.profile { padding: 10px; }
.profile h4 {}
.brief { padding: 10px 5px; line-height: 20px; }
.gerent { padding: 5px 5px 10px; }
/* forum */
.commonSideMenuContent { padding: 10px 20px; } 
.commonSideMenuContent li { display: block; line-height: 25px; text-indent: 20px; }
.commonSideMenuContent em { color: #666;  margin-left: 5px; font-style: normal;}
.forumPostsListArea { padding: 5px 0;}
.forumAct { padding: 5px 10px; margin-bottom: 5px; color: #999; border-bottom: solid #ddd 1px; overflow: hidden; zoom: 1; }
.forumRow { padding: 5px 0; border-bottom: #ddd 1px solid; overflow: hidden; zoom: 1; color: #999; line-height: 20px; }
.forumRowTextPic { float: left; width: 30px; height: 30px; text-align: center; padding-top: 8px; }
.forumRowRight { float: right; width: 250px; }
.forumRowReuser {}
.forumRowRehit span { padding-right: 10px;}
.forumRowContent { margin: 0 260px 0 35px;  }
.forumRowText { font-weight: bold; }
.publish { float: left; width: 90px; margin-right: 20px; }
.publishLeft { background: url(Images/bg_forum.gif) no-repeat left -81px; float: left; width: 10px; height: 25px; }
.publishText { background: url(Images/bg_forum.gif) repeat-x left -141px; line-height: 25px; text-align: center; font-size: 14px; font-weight: bold; float: left; width: 70px; }
.publishText a, .publishText a:hover { color: #fff; }
.publishRight { background: url(Images/bg_forum.gif) no-repeat right -111px; float: left; width: 10px; height: 25px; }
.forumPostRehit { float: right; line-height: 30px; font-weight: normal; text-align: right; }
.forumPostRehit em { font-weight: normal; font-style: normal; color: #666; }
.forumSideColumnBotton { float: left; width: 100px; line-height: 25px; }
.forumPostViewArea { padding: 10px; }
.forumPostHeader { padding: 5px; margin-bottom: 10px; border-bottom: solid #ddd 1px; overflow: hidden; zoom: 1; }
.forumPostHeader em { font-size: 12px; color: #999; padding: 0 10px; }
.forumPostHeader .actButton, .forumAct .actButton { width: 120px; }
.postReplyBnt .actLeft { background: url(../../../../../Utility/images/bg.png) no-repeat -120px -10px; _background: none; }
.forumPostItem { display: block; overflow: hidden; zoom:1; }
.postUser { width: 46px; float: left; border: solid #ddd 1px; padding: 1px; }
.postBody { margin-left: 60px; }
.postBody .small, .postBody .small * { font-size: 12px; }
.postBody .middle, .postBody .middle * { font-size: 14px; }
.postBody .larger, .postBody .larger * { font-size: 16px; }
.postHeader { padding: 5px; border-top: solid #ddd 1px; background: #f5f5f5; color: #999; }
.postCont { padding: 10px 5px; 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; }
.postControl { float: right; }
.postName { font-weight: bold; }
.postHeader span { padding: 0 5px; }
.postTime {}
.postFooter { padding: 5px; text-align: right; color: #999; }
.postFooter span { padding: 0 5px; }
.postCont blockquote { background: #f5f5f5; padding: 5px; margin-left: 5px; border: solid #ddd 1px; border-left-width: 3px; }
.postCont blockquote h5 { padding: 0 5px 3px; border-bottom: solid #ddd 1px; margin-bottom: 5px; line-height: 1em; }
.quote { padding: 5px; }
.postReply { padding: 10px 300px 10px 60px; border-top: solid #ddd 1px; }
.postReply p, .postReply h5 { padding: 3px 0; }
.postReply h5 em { padding: 0 100px 0 0; float: right; }
.postReply .textareaBox { width: 500px; height: 120px; }
.publishForm { padding: 10px; }
.publishForm .textBox { width: 400px; }
/* annex upload */
.annex { padding: 5px; border: solid #ddd 1px; width: 510px; }
.annexUpload { padding: 0 0 5px; }
.annexUpload p { padding: 5px; }
.annexUpload dfn { display: block; width: 90px; float: left; text-align: right; line-height: 25px; }
.annexItem { padding: 0 0 5px; border-top: solid #ddd 1px; }
.annexItem li { display: block; overflow: hidden; zoom: 1; border-bottom: solid #ddd 1px; padding: 5px; }
.annexItem li:hover { background: #f5f5f5; }
.annexImg { width: 50px; display: block; float: left; }
.annexInfo { margin: 0 110px 0 60px; display: block; }
.annexName, .annexTime, .annexInsertDel, .annexSet { display: block; line-height: 24px; height: 24px; overflow: hidden; }
.annexTime { color: #999; }
.annexAct { display: block; float: right; width: 100px; }
/* Rss */
.subscription { padding: 5px 10px; }
.subscription li { padding: 5px 0 5px 10px; display: block; }
/* blog */
.blogList { padding: 10px; }
.blogListHeader { padding: 5px; border-bottom: solid #ddd 1px; text-align: right; color: #999; margin-bottom: 10px; }
.blogListStat { float: left; }
.blogListItem { margin-bottom: 10px; }
.blogListTitle {  padding: 5px; border-top: solid #ddd 1px; background: #f5f5f5; font-weight: bold; }
.blogAuthor { color: #999; padding: 5px; }
.blogListContent { line-height: 20px; padding: 5px; word-break: break-all; word-wrap: break-word; overflow: hidden; zoom: 1; }
.blogPostFooter { color: #999; padding: 10px; }
/* photo */
.photoListTop { padding: 10px; }
.photoListTop li { display: block; float: left; padding: 2px; width: 90px; overflow: hidden; text-align: center; }
.photoBrowse { padding: 10px; }
.imageListContainer { padding-top: 10px; padding-bottom: 10px;}
.imageTitle{ font-weight: bold; color: #333; line-height: 28px; text-align: left; width: 240px; margin: 0 auto;}
.imageListPreview { width: 240px; margin: 0 auto;}
.imageDescription{ width: 240px; margin: 0 auto; }
.imageDescription p { line-height: 25px; color: #666; }
.imageListTabloid { overflow: hidden; zoom: 1; }
.imageListTabloid li { float: left; width: 85px; overflow: hidden; height: 100px; margin: auto 10px; display: inline-block; }
.imageListTabloid li p { line-height: 25px; height: 25px; overflow: hidden; white-space: nowrap; padding-left: 3px; padding-right: 3px; display: none; }
.imageListTabloidFull li { display: block; padding: 2px 4px; float: left; width: 75px; overflow: hidden; }
/* Bookmark */
.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 { background: url(../../../../../Utility/images/img_bg.gif) no-repeat -10px -85px; }
.discoverVote a{ display: block; text-align: center; line-height: 22px; text-decoration: none; }
.discoverVote a:hover { text-decoration: none; background: url(../../../../../Utility/images/img_bg.gif) no-repeat -70px -85px; }
.discoverVote .ed { color: #999; line-height: 22px; }
.newsBody {}
.newsBody h1 { padding: 5px; border-top: solid #ddd 1px; background: #f5f5f5; }
.newsBody h2 { font-weight: normal; line-height: 20px; color: #999; padding: 5px }
.newsSummary { line-height: 20px; color: #999; padding: 0 5px; }
.newsContent { line-height: 20px; overflow: hidden; zoom: 1; padding: 0 5px; }
.newsContentImg { float: left; padding: 5px; }
.news_source { clear:both; color:#1F9B45; margin-bottom:3px;padding-top:3px}
.newsKeyword { line-height: 20px; color: #999; padding: 0 5px; }
.newsTools { line-height: 20px; color: #999; padding: 0 5px; }
.newsTools .comments { background: url(../../../../../Utility/Icons/comment.gif) no-repeat left center; padding-left: 20px; }
/* event */
.eventHot { padding: 5px 10px 10px; }
.eventHot li { padding-top: 5px; height: 15px; line-height: 15px; overflow: hidden; }
.eventHot em { width: 40px; color: #999; display: block; float: right; }
.eventHot span { width: 70px; display: block; float: right; }
.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; }
.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 { 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; }
.eventItemAct { float: right; width: 90px; }
.eventItemAct li { padding: 3px; border-bottom: solid #ddd 1px; }
/* file */
.fileRank { padding: 5px 10px 10px; }
.fileRank li { padding-top: 5px; height: 15px; line-height: 15px; overflow: hidden; }
.fileRank em { width: 40px; color: #999; display: block; float: right; }
.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; }
/* placard */
.placardList { padding: 10px; }
.placardList li { line-height: 20px; border-bottom: solid #ddd 1px; padding: 5px; }
.placardList li cite { float: right; width: 120px; color: #999; }
.placardView { padding: 10px; }
.placardView h1 { font-size: 18px; font-weight: bold; line-height: 35px; text-align: center; }
.placardView h2 { font-size: 12px; font-weight: normal; color: #666; line-height: 30px; text-align: center; margin-bottom: 10px; }
.placardViewContent { padding-left: 30px; padding-right: 30px; } 
.placardViewContent, .placardViewContent p { line-height: 2em; font-size: 14px; }
.placardViewContent p { margin: 1.5em auto; }
/* member */
.clubMemberList {}
.clubMemberList li { float: left; margin: 6px; display: block; display: inline-block; width: 31%; margin-bottom: 10px; }
.clubMemberPortrait { float: left; width: 50px; }
.clubMemberList p { clear: both; line-height: 25px; }
.members { padding: 10px; }
.membersAct { padding: 5px; margin-bottom: 5px; text-align: right; line-height: 20px; }
.membersAct small { float: left; color: #999; }
.membersItem { padding: 10px 0; border-bottom: solid #ddd 1px; cursor: default; overflow: hidden; zoom: 1; }
.membersItemImg { display: block; padding: 1px; border: solid #ddd 1px; float: left; width: 45px; }
.membersItemCont { margin: 0 70px 0 60px; }
.membersItemName { line-height: 20px; font-weight: bold; }
.membersItemSign { background: url(../../../../../Utility/images/quote_start.gif) no-repeat left top; padding: 3px 0 3px 16px; overflow: hidden; zoom: 1; }
.membersItemSign span { display: block; background: url(../../../../../Utility/images/quote_end.gif) no-repeat right bottom; padding-right: 20px; float: left; }
.membersItemCont em { color: #999; line-height: 20px; padding-left: 10px }
.membersItemAct { width: 60px; float: right; }
.membersItemAct li { display: block; padding: 3px 5px; border-bottom: solid #ddd 1px; }
/* manage */
.manageCont { padding: 10px; }
.newMessage { padding: 5px 30px; margin-bottom: 10px; border-bottom: solid #ddd 1px; background: url(../../../../../Utility/Icons/icon_speaker.gif) no-repeat 5px center; font-weight: bold; }
.shortcutMenu { overflow: hidden; zoom: 1; padding: 30px 10px; }
.shortcutMenu li { display: block; padding: 0 20px 0 60px; width: 240px; float: left; line-height: 20px; height: 60px; background-image: url(../../../../../Utility/images/clubSetIco.gif); background-repeat: no-repeat; margin-bottom: 30px; }
.shortcutMenu li.contSet { background-position: 0 0; }
.shortcutMenu li.forumSet { background-position: 0 -100px; }
.shortcutMenu li.memberSet { background-position: 0 -200px; }
.shortcutMenu li.commonSet { background-position: 0 -300px; }
.ui-accordion li { overflow: hidden; padding-bottom: 0.3em;}
.ui-accordion-group {}
.ui-accordion-header { cursor: pointer; display: block; line-height: 25px; text-indent: 10px; background: #f5f5f5 url(../../../../../Utility/images/togglerc.gif) no-repeat right center; border-top: solid #ddd 1px; }
.ui-accordion-header:hover { background: #e8e8e8 url(../../../../../Utility/images/togglero.gif) no-repeat right center; text-decoration: none; }
.selected .ui-accordion-header, .selected .ui-accordion-header:hover { background: #f5f5f5; }
.ui-accordion-left, .ui-accordion-right { display: none; }
.ui-accordion-data { padding: 5px 10px; }
.ui-accordion-data li { display: block; line-height: 20px; }
.manageMenu { padding: 10px; }
.skinBox { padding: 10px; position: relative; overflow: auto; zoom: 1; width: 670px; max-height: 500px; _height: 460px; }
.skinHeader { padding: 5px 10px; border-bottom: solid #ddd 1px; margin-bottom: 10px; text-align: right; }
.skinItem { width: 110px; height: 100px; float: left; padding: 5px 10px; }
.skinFace { position: relative; }
.skinBox .hover .skinAct { visibility: visible; }
.skinItem:hover .skinAct { visibility: visible; }
.skinAct { height: 20px; width: 110px; background: #333; opacity: .6; filter: alpha(opacity=60); text-align: center; line-height: 20px; position: absolute; bottom: 25px; visibility: hidden; _visibility: visible; }
.skinAct a, .skinAct a:hover { color: #fff; }
.skinAct .pipe { padding: 0 10px; }
.skinImg { display: block; width: 100px; height: 63px; padding: 4px; border: solid #ddd 1px; overflow: hidden; }
.skinName { height: 25px; line-height: 25px; overflow: hidden; text-align: center; }
/* TabBar 
.generalTabs { display: block; height: 29px; background: url(Images/bg_x.gif) repeat-x center bottom; }
.generalTabs li{ float: left; background: url(Images/bg_x.gif) no-repeat left -164px; padding-left: 4px; line-height: 27px; }
.generalTabs li a{ display: block!important; background: url(Images/bg_page.gif) no-repeat right -164px; text-align: center; margin-right: 3px; padding-left: 6px; padding-right: 10px; line-height: 28px; }
.generalTabs li.selected{ background: url(Images/bg_x.gif) no-repeat left -124px; border-bottom: solid 1px #fff; }
.generalTabs li.selected a{ background: url(Images/bg_page.gif) no-repeat right -124px; font-weight: bold; border-bottom: solid 1px #fff; }
.generalTabs li.leftExplain { background: none; }
.generalTabs li.rightExplain { background: none; text-align: right; float: right; }
.generalTabs li.rightExplain a { background: none; }
.generalTabsContent{ clear: both }*/
/*  space div 
.space6 { height: 6px; clear: both; font-size: 1px; }
.spaceLine { background: url(../../../../../Utility/images/ccc.gif) repeat-x bottom; height: 6px; clear: both; font-size: 1px; }
.spaceLineM10 { background: url(../../../../../Utility/images/ccc.gif) repeat-x bottom; height: 6px; clear: both; font-size: 1px; margin: 10px; }*/
/* text */
a.false { color: #999; }
a.false:hover { color: #999; text-decoration: none; cursor: 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; }
.textCenter { text-align: center; padding: 6px; }
.commonTitle { font-weight: bold; font-size: 14px; line-height: 25px; text-align: left; clear: both; padding: 10px;}
/* 
a.blacktext { color: #333; text-decoration: none; }
a.blacktext:hover { color: #f60; text-decoration: underline; }
.textRoutine p { line-height: 25px; text-align: left; text-indent: 2em; }
.textExplain { color: #666; }
.textTitle { line-height: 25px; color: #666; }
.textTitlebar { padding: 6px; font-weight: bold; color: #666; border-bottom: dotted 1px #9c3; clear: both; float: none; }
.textContent { line-height: 25px; color: #666; }
.textBottomLabel { text-align: right; line-height: 25px; color: #666; }
.right { text-align: right; }
.left { text-align: left; }
.nowrap { white-space: nowrap; }
.explainArea { background: #F5F5F5; border: solid #ddd 1px; padding: 5px; margin-bottom: 10px; }
 */
/* icoLink */
.icoLinkAdd { background: url(../../../../../Utility/Icons/add.gif) no-repeat left center; }
.icoLinkDel { background: url(../../../../../Utility/Icons/icon_delete.gif) no-repeat left center; }
.icoLinkSort { background: url(../../../../../Utility/Icons/icons.gif) no-repeat 0px -100px; }
.icoLinkThesaurus { background: url(../../../../../Utility/Icons/icons.gif) no-repeat 0px -125px; }
.icoLinkNews { background: url(../../../../../Utility/Icons/icons.gif) no-repeat 0px -175px; }
.icoLinkTagManage { background: url(../../../../../Utility/Icons/tag_manage.gif) no-repeat left center; }
.icoLinkFolder { background: url(../../../../../Utility/Icons/icon_folder.gif) no-repeat left center; }
.icoLinkFriendOk { background: url(../../../../../Utility/Icons/user_show.gif) no-repeat left center; }
.icoLinkFriendNo { background: url(../../../../../Utility/Icons/user_invisibly.gif) no-repeat left center; }
.icoLinkFriendDel { background: url(../../../../../Utility/Icons/user_hide.gif) no-repeat left center; }
.icoLinkFriendAdd { background: url(../../../../../Utility/Icons/icon_friendAdd.gif) no-repeat left center; }
.icoLinkBoard { background: url(../../../../../Utility/Icons/board.gif) no-repeat left center; }
.icoLinkBoardAdd { background: url(../../../../../Utility/Icons/board_add.gif) no-repeat left center; }
.icoLinkBoardManage { background: url(../../../../../Utility/Icons/board_manage.gif) no-repeat left center; }
.icoLinkPostNew { background: url(../../../../../Utility/Icons/post_new.gif) no-repeat left center; }
.icoLinkEssential { background: url(../../../../../Utility/Icons/icon_IsEssential.gif) no-repeat left center; }
.icoLinkQuestion { background: url(../../../../../Utility/Icons/icon_question.gif) no-repeat left center; }
.icoLinkPost { background: url(../../../../../Utility/Icons/post.gif) no-repeat left center; }
/* Tag Styles 
.hotTag { padding: 0 10px;}
.hotTag span { white-space: nowrap; line-height: 1.8em; padding-right: 10px; }
.hotTag em { color: #999; padding-left: 2px; font: normal 11px Tahoma; }}
.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;}*/
/* toolbar */
.toolbarArea { padding: 5px; clear: both; margin-bottom: 5px;}
.toolbarButton, .toolbarArea a { padding: 0 16px; background-repeat: no-repeat; }
.toolbarFormArea { float: right; }
a.selectedToolbarButton { font-weight: bold; color: #333; }
a.selectedToolbarButton:hover { text-decoration: none; cursor: text; }
.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; }
/* dataGrid */
.tableGrid { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.tableGrid th, .tableGrid td { padding: 3px; border-bottom: solid #ddd 1px;  white-space: nowrap; vertical-align: top; line-height: 20px;}
.tableGrid th { text-align: left; font-weight: normal; color: #999; }
.tableGrid td { overflow: hidden; }
.tableGrid td p { line-height: 20px; }
.tableGrid span { display: block; height: 20px; line-height: 20px; overflow: hidden; white-space: normal; }
.gridHeader{ line-height: 25px; font-weight: bold; background: url(../../../../../Utility/images/ccc.gif) repeat-x bottom; text-align: left; color: #666; }
.gridFooter {}
.gridItem { line-height: 20px; }
.gridAltItem { background-color: #f9f9f9; line-height: 25px; }
.gridEditItem { background-color: #FFFFff; line-height: 25px; }
.gridSelectedItem { background-color: #FFFFff; line-height: 25px; }
.gridTitleItem {}
/* from layout  */
.editor { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.editor th { font-weight: normal; text-align: right; width: 150px; 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; }
.commonFormArea{ width: 100%;}
.commonFormTitle{ color: #666; font-weight: bold; padding: 3px; line-height: 26px; }
.commonFormDescription{ padding: 3px; line-height: 26px; }
.commonFormFieldName{ width: 100px; text-align: right; color: #000; padding: 3px; padding-right: 5px; line-height: 26px; }
.commonFormFieldDescription{ color: #666; padding: 3px; font-weight: normal; line-height: 26px }
.commonFormField{ color: #000; padding: 3px; }
.coloredFormFieldName{ color: #000; padding: 2px; padding-right: 5px; }
.coloredFormFieldDescription{ color: #333; padding: 2px; font-weight: normal; }
.coloredFormField{ color: #000; padding: 2px; }
.commonForm p { padding: 5px; clear: both; overflow: hidden; zoom:1;}
.commonForm em { display: block; font-style: normal; width: 120px; padding-right: 10px; float: left; text-align: right; line-height: 25px; }
.commonForm label { margin-left: 130px; display: block; line-height: 25px; }
/* from style  */
.textBox, .SearchBox { border: solid #ddd 1px; padding: 2px 1px; vertical-align: baseline; * vertical-align: middle; }
.radiobutton, .checkbox { vertical-align: baseline; * vertical-align: middle; }
.dropDownList { border: solid #ddd 1px; padding: 1px; vertical-align: baseline; * vertical-align: middle; }
.textareaBox { border: 1px solid #ddd; overflow: auto; padding: 2px 1px; }
.fileUpload { background: transparent; border: 1px solid #ddd; padding: 2px 1px; }
.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; cursor: default; }
.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 { 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; }
/* validate */
form label.error{ color:#f00; font-style:italic; }
form input.error{ border: 1px dotted red; }
form input:focus{  }
/* space content select */
.contSelect { width: 510px; }
.contSelectPanel { height: 345px; width: 495px; overflow: auto; }
.contSelectPanel li { width: 95px; height: 115px; display: block; float: left; }
.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; margin-bottom: 5px; }
.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; border: solid #ccc 1px;  }
.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; }
/* 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; }
/* other style */
.hint { padding: 5px 10px; border: solid 1px #ff0; background-color: #ff9; margin: 5px 0; }
.hint .del { float: right; }
.commonMessageSuccess, .commonMessageError, .commonMessageHint, .commonSmallMessageError{ padding: 6px; display: block; display: inline-block; color: #333; font-weight: bold; margin-top: 16px; margin-bottom: 16px; text-align: left; border: solid 1px #ccc; background-color: #eee; }
.commonMessageHint li{ margin: 5px; }
.errorMessage{ color: #F30; }
.commonSmallMessageError{ padding: 2px; font-weight: bold; color: #f30; }
.commonSmallMessageSuccess{ color: #f30; }
.commonSmallMessageHint{ color: #666; }
.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; }
.setingBtn { padding: 6px 6px 6px 170px; }
.ad { margin-bottom: 6px; clear: both; width: 100%; overflow: hidden; }
.validatorCalloutHighlight{ background-color: lemonchiffon; }
.law, .explain { border: solid #ddd 1px; padding: 5px; line-height: 20px; margin: 5px 0; color: #999; }
.annotation { color: #999; padding: 0 5px; }
.sure { color: #f00; padding: 0 5px; }
.error { color: #f00; }
.misplay { color: #f00; display: block; padding: 3px; }